#main { background:none; }
#content { padding:0; }

/* hero
------------------------*/
#hero { position:relative; width:980px; height:456px; padding:0 2px; margin:0 -2px 12px;  }
#hero .herocap { position:absolute; width:984px; height:7px; left:0; z-index:5; font-size:1px; behavior:url(/euro/global/scripts/lib/iepngfix.htc); }
#hero .herocap.top { top:0; background:url(../img/content-cap-top-20090608.png) no-repeat; }
#hero .herocap.bottom { bottom:0; _bottom:-1px; background:url(../img/content-cap-bottom-20090608.png) no-repeat 0 100%; }

/* swap view */
#hero .section { display:none; }
#hero #swap { position:relative; width:980px; height:400px; top:1px; overflow:hidden;  background:#e5e5e6 url(../img/hero-bg-20090608.jpg) no-repeat 50% 50%; }
#hero #swap .section { display:block; position:absolute; width:980px; height:400px; overflow:hidden; }

#hero #swap .section .guidedtour a { display:block; position:absolute; top:292px; left:0; width:100px; padding:50px 0 20px 111px; z-index:10; text-decoration:none; font-size:11px; line-height:1.3; }
#hero #swap .section .guidedtour a img { float:left; margin-top:-26px; margin-left:-81px; }
#hero #swap .section .guidedtour a .more { padding-right:10px; text-align:left; background:url(../img/morearrow_08c.gif) no-repeat 100% 50%; }
#hero #swap .section .guidedtour a:hover span span { text-decoration:underline; }

#hero .section p.sosumi { position:absolute; bottom:8px; right:60px; width:430px; font-size:10px !important; text-align:center; }

#hero .section .caption { position:absolute; top:236px; left:183px; width:180px; }
#hero .section .caption * { margin-bottom:0; font-size:14px; line-height:1.3; }
#hero .section .caption a.more { padding-right:10px; background:url(http://images.apple.com/euro/global/elements/arrows/morearrow_med_08c.gif) no-repeat 100% 60%; }
#hero .section .caption sup,
#hero .section .caption sup a { font-size:11px; }

#hero .section#gallery-speed .caption,
#hero .section#MASKED-gallery-speed .caption { width:220px; }

/* hero nav */
#heronav { position:relative; height:53px; padding:0 0 0 140px; font-size:11px; line-height:1.2em; background:#f8f8f8 url(http://images.apple.com/es/iphone/home/elements/heronav-bg-20090608.gif) repeat-x 0 0; }
#heronav ul { float:left; height:43px; }
#heronav ul li { float:left; position:relative; width:47px; height:43px; margin:0 0 0 6px; }
#heronav ul li a { display:block; width:47px; height:43px; padding-top:12px; color:#333; outline:none; text-decoration:none; cursor:pointer; }
#heronav ul li a b { display:none; position:absolute; top:0; width:47px; height:10px; background:url(http://images.apple.com/es/iphone/home/elements/heronav-caret-20090608.png) no-repeat 0 0; }
#heronav ul li a i { display:block; width:47px; height:32px; overflow:hidden; }
#heronav ul li a i img { }
#heronav ul li a:hover i img { margin-top:-33px; }
#heronav ul li a.active i img { margin-top:-66px !important; }

#heronav ul li.header { width:7em; height:auto; margin:1.3em 4px 0 0; color:#888; text-align:right; }

#heronav ul li a.active b { display:block; }

#heronav ul.more { float:right; height:43px; margin-right:17px; text-align:left; *width:360px; *margin-right:-15px; }
#heronav ul.more li { width:auto; }
#heronav ul.more li a { width:auto; margin-right:10px; *width:160px; }
#heronav ul.more li a i { float:left; width:51px; margin-right:10px; }
#heronav ul.more li a span { float:left; width:6em; margin:.2em 0 0 0; }
#heronav ul.more li a span span { position:relative; float:none; width:auto; padding-right:8px; background:url(http://images.apple.com/euro/global/elements/arrows/morearrow_333.gif) no-repeat 100% 60%; }
#heronav ul.more li.guidedtour a span { width:8em; }
#heronav ul.more li a:hover { color:#08c; }
#heronav ul.more li a:hover span span { background-image:url(../img/morearrow_08c.gif); }

#heronav a.more { float:right; margin:1.7em 15px 0 0; }

/* content, routing
------------------------*/
#route { position:relative; width:980px; margin:0 -2px; padding:0 2px; background:#fff url(../img/content-bg-20090608.gif) repeat-y; }
#route .grid4col { clear:both; width:980px; padding:1.5em 0 0; }
#route .grid4col .column { position:relative; width:186px; height:10em; margin-left:12px; padding:0 25px 13.4em; *height:15em; *padding-bottom:7.7em; }

#route .grid4col .column h3 { margin-right:-10px; }
#route .grid4col .column h3 a { color:#000; }
#route .grid4col .column h3 a:hover { color:#08c; text-decoration:none; }
#route .grid4col .column p { margin-bottom:0; }
#route .grid4col .column h3,
#route .grid4col .column p,
#route .grid4col .column a.more { position:relative; z-index:10; }

#route .grid4col .column img { position:absolute; bottom:0; left:0; z-index:1; }
#route .grid4col .column.last img { left:1px; }

/* buy now strip
------------------------*/
#content #buystrip,
#content #buystrip.rounded { background:#FFF; margin:12px 0 6px; text-align:center; padding-top:10px; }
#content #buystrip .column { min-height:105px; }
#content #buystrip .pricing { position:relative; }
#content #buystrip .pricing a img { position:absolute; top:4px; right:-2px; }
#content #buystrip .pricing h2 { width:117px; height:20px; margin:4px 0 0 16px; background:none; }
#content #buystrip .pricing p { margin:0 0 12px 16px; }
#content #buystrip .more_options { color: #666; font-size: 10px; }
#content #buystrip p.sosumi { font-size: 9px !important; margin-bottom: 0; }