/* page specific
------------------------*/

/* overview */
#overview #hero .gallery1 img.right { margin:0 45px -7px 0; }
#overview #hero .gallery2 img.center { margin-left:30px; }
#overview #hero .gallery3 img.right { margin-right:167px; }
#overview #hero .gallery4 img.center { margin-top:50px; }

#overview #hero .heronav { padding-left:270px; }
#overview #hero .inaction h4 { width:8em; padding:1em 0 0 20px; }


#overview #content { padding:1.5em 0; }
#overview #content .grid4col { position:relative; }
#overview #content .grid4col .column { width:204px; margin:0; padding:0 20px; border-left:1px solid #dbdbdb; }
#overview #content .grid4col .column.itunes { *width: 205px; }
#overview #content .grid4col .column.voiceover,
#overview #content .grid4col .column.gallery { border-left:none; }

#overview #content a.block { margin:-1.5em 0; padding:1.5em 0 175px; height:120px; }
#overview #content a.block h3,
#overview #content a.block p { position:relative; z-index:5; }
#overview #content a.block img { position:absolute; bottom:2px; z-index:4; }

#overview #content .voiceover a.block { padding-bottom:0; margin-bottom:10px; }
#overview #content .voiceover h4 { float:left; margin-top:34px; width:8.2em; *font-weight:normal; }
#overview #content .voiceover img.right { position:relative; margin:0 4px -16px 0; z-index:2; }
#overview #content .voiceover .callout { position:relative; margin-right:14px; padding:12px; z-index:1; }

#overview #content .features img { margin: 0 0 -5px 7px; }
#overview #content .itunes img { margin: 0 0 2px 9px; }
#overview #content .gallery img { margin:0 -20px -1.5em -21px; }


#buynowstrip .column.first h2 { margin-top:5px; }
#buynowstrip .column.first .right { margin-top:-7px; margin-left:10px; }
#buynowstrip .column.first h4 { width:103px; }

#overview .sosumi { padding-top:6px; }

/* features */
#features img.hero { margin:0 2px -10px; }
#features #hero { position:relative !important; margin-bottom:2em; }
#features #hero h1 { margin-bottom:-4px; }
#features #hero p.intro { width:500px; margin-bottom:3em; }
#features #hero .callout { float:right; width:250px; margin-top:27px; }
#features #hero .callout h3 { font-size:18px; margin-top:10px; }

#features #content p { margin-bottom:4em; }

#features #content .small img.right { margin-top:22px; }

#features #content .remote { clear:both; zoom:1; }
#features #content .remote a.wrap { float:left; width:100px; margin-left:20px; margin-right:10px; font-size:11px; }
#features #content .remote a.wrap img { margin:-6px 0 2px -15px; position:relative; }
#features #content .remote a.wrap span.more { *display: block; *height: 1.15em; text-align: left; *background-position: 7.25em 92%; _background-position: 7.25em 60%; }

#features #content .voiceover h2 { width:11em; }
#features #content .voiceover img.right { margin-top:-30px; margin-left:7px; }

#features #content .lifestyle { position:relative; margin-top:40px; margin-bottom:40px; width:414px; height:264px; }
#features #content .lifestylesection { display:none; position:absolute; left:0; top:0; }
#features #content .lifestylesection p { position:absolute; left:0; bottom:16px; margin:0; font-size:11px; color:#fff; padding:0 1.2em; }
#features #content .lifestyle .lifestylesection { display:block; }
#features #content .lifestylenav { visibility:hidden; margin:-40px 45px 40px; zoom:1; }
#features #content .lifestylenav:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#features #content .lifestylenav li { float:left; width:25%; text-align:center; }
#features #content .lifestylenav li a { margin-top:7px; padding-top:9px; display:block; font-size:11px; color:#000; }
#features #content .lifestylenav li a:hover { color:#0088CC; text-decoration:none; }
#features #content .lifestylenav li a.active { color:#a6a6a6; background:url(http://images.apple.com/euro/global/elements/arrows/up_triangle.gif) no-repeat center top; cursor:default; }

#features #content .playlists p { margin-right:110px; }

#features #content .grid2col { margin-bottom:-20px; }
#features #content .sosumi { margin-top:-10px; }

/* voiceover */
#voiceover .shufflepeek { position:absolute; width:100%; height:178px; margin:411px 0 0; left:0; overflow:hidden; z-index:1; }
#voiceover .shufflepeek div { position:relative; margin:0 auto; width:980px; }
#voiceover .shufflepeek img { position:absolute; margin-left:840px; }

#voiceover #hero { position:relative; margin:-16px 2px -10px; z-index:6; }
#voiceover h1 { margin-bottom:-5px; z-index:7; }
#voiceover p.intro { margin-bottom:3em; width:700px; }

#voiceover .grid3col { margin-top:10px; border-bottom:1px solid #eee; }
#voiceover .grid2col { margin-bottom:29px; border-bottom:1px solid #eee;  }
#voiceover .grid3col { margin-bottom:47px; }
#voiceover .last { border:none; }
#voiceover .speaks { margin-top:46px; margin-bottom:-2px; border:none; }
#voiceover .grid2col .column { width:415px; margin-left:50px; }

#voiceover .plain { float:right; width:185px; margin:-12px -20px -15px 20px; padding-top:34px; background:none; border:none; }
#voiceover .plain img.shadow { margin-top:-22px; }
#voiceover .plain a.block { background:none; padding-right:0; }
#voiceover .plain a.block span { color:#08c; }
#voiceover .plain a.block .more { white-space:normal; }
#voiceover .plain a.block:hover { background:none; }

#voiceover .howto .column { width:272px; margin-left:32px; }
#voiceover .howto ol { margin:0 2.1em 41px; font-weight:bold; }
#voiceover .howto img.across { position:relative; margin:9px -4px 6px -3px; }

#voiceover img.works { position:relative; margin:2px -25px 17px -50px; *margin-left: -49px; }

#voiceover .audio { width:397px; padding:11px 0 5px 18px; margin-bottom:32px; zoom:1; }
#voiceover .audio h4 { margin-bottom:6px; font-size:12px; }
#voiceover .audio a.audioLink { float:left; background:none; padding-left:0; }
#voiceover .audio a.audioLink img { vertical-align:middle; margin-right:6px; }
#voiceover .audio a.controller { padding:0; }
#voiceover .audio ul { font-size:11px; line-height:13px; }
#voiceover .audio ul li { display:inline; float:left; width:187px; margin-bottom:9px; margin-right:10px; }
#voiceover .audio ul li a { display:block; padding-top:7px; }
#voiceover .audio ul li.twoliner a { padding-top:0; padding-left:20px; float:none; }
#voiceover .audio ul li.twoliner a.controller { padding:0; float:left; }
#voiceover .audio.col3 ul li { width:110px; margin-right:20px; }


/* itunes */
#itunes #hero { min-height:525px; margin-bottom:36px; }

#itunes #hero h1,
#itunes #hero p { position:relative; z-index:1; }

#itunes #hero p.intro,
#itunes #hero p { width:450px; margin-bottom:18px; }
#itunes #hero p.intro { width:525px; margin-bottom:18px; }

#itunes #hero .callout { width:307px; margin-top:3em; *margin-top:2em; padding: 24px; background:#ffffff url(http://images.apple.com/euro/ipodshuffle/images/itunes_callout_bg20090909.png) repeat-x 0 bottom; border:1px solid #eee; *clear:both; }
#itunes #hero .callout img.right { position:relative; margin-left:20px; }

#itunes #hero .right.flushright { *right:1px; }
#itunes #hero .right.flushright p { margin-top:-55px; margin-left:208px; width:285px; }

/* galleries */
#gallery .section { overflow:visible; }
#gallery .section img { margin-top:-66px; }
#gallery .image3 img { margin-right:-348px; }
#gallery .gallerynav li a span { width:118px; left:-10px; }

#gallery.steel #content { background:#000; }
#gallery.steel #viewer { margin:0 -50px; }
#gallery.steel .section { position:absolute; left:0; top:0; }
#gallery.steel .section img { margin:0; }
#gallery.steel #content a#return { display:none; position:absolute; left:25px; bottom:56px; width:193px; height:53px; color:#888; z-index:10; }
#gallery.steel #content a#return:hover { color:#999; text-decoration:none; }
#gallery.steel #content a#return img.right { position:relative; margin:-1.5em 0 0 12px; border:1px solid #2e2e2e; }
#gallery.steel #content a#return span { display:block; text-align:right; }
#gallery.steel #content a#return span.less { padding-left:10px; background:url(http://images.apple.com/euro/ipodshuffle/gallery/stainless-steel/images/return_arrow20090909.gif) no-repeat 0 50%; }
#gallery.steel .gallerynav { position:absolute; width:880px; bottom:56px; border:none; }
#gallery.steel .gallerynav li a { padding:0; }
#gallery.steel .gallerynav li a img { border-color:#2e2e2e; }
#gallery.steel .gallerynav li a.active img { border-color:#858585; }

/* specs */
#specs img.external { margin-bottom:-16px; }
#specs img.connector { margin-top:-16px; }
#specs img.battery { margin-bottom:0; margin-left: 10px; }

#specs #voiceover { zoom:1; }
#specs #voiceover.grid3col .column { width:85px; margin-left:0; }
#specs #voiceover .last { width:87px; }
#specs #voiceover ul li { margin-bottom:0; }

#specs #headphones h3 { position:relative; z-index:1; }
#specs #headphones ul { padding-right:0; margin-bottom:0; }
#specs #headphones img { position:relative; margin-top:-7px; bottom:auto; margin-bottom:-24px; }
#specs #headphones p { line-height:14px; }

#specs #overlay-remote { float:right; width:100px; margin-left:15px; }
#specs #overlay-remote a { font-size:11px; white-space:normal; }
#specs #overlay-remote a img { margin:-4px 0 8px -15px; }

#specs #accessories { position:relative; }
#specs #accessories .row2 { padding-top:36px; }
#specs #accessories #adapter img,
#specs #accessories #extra img { margin-bottom:0; }
#specs #accessories #extra img { margin-top:-20px; position:absolute; left:480px; bottom:0; _bottom:-1px; }
#specs #accessories #extra { padding-left:90px; padding-bottom:48px; }
#specs #accessories img.left { margin-right:15px; }
#specs #accessories img.right { margin-left:15px; }
#specs #accessories #earphones img { margin-right:15px; }
#specs #accessories p.aos { clear:both; float:right; margin-top:-36px; margin-bottom:0; }