@import url(/global/styles/ac_quicktime.css);

#productheader h2 a { width: 146px; background-image: url(title-ipodtouch20080909.png); }

#overview #content { color: #252525; padding-top: 18px; }
#overview #hero { height: 400px; margin: 0 -50px; position: relative; text-align: center; }
#overview #hero h1 { background: url('http://www.spotlook.com/latitude/images/imagelatitudeaccueil.png') no-repeat top left; height: 52px; margin: 0 auto; width: 640px; }
#overview #hero a.watch-tour { position: relative; top: 8px; z-index:10; }
#overview #hero p.intro { font-size: 16px; margin-bottom: 0; }

#overview #heroen { height: 400px; margin: 0 -50px; position: relative; text-align: center; }
#overview #heroen h1 { background: url('http://www.spotlook.com/latitude/images/imagelatitudehome.png') no-repeat top left; height: 52px; margin: 0 auto; width: 640px; }
#overview #heroen a.watch-tour { position: relative; top: 8px; z-index:10; }
#overview #heroen p.intro { font-size: 16px; margin-bottom: 0; }


#overview #heroswap { position: relative; background: none; margin: 0 auto; width: 640px;}
#overview #heroswap div { position: absolute; width: 100%; height: 355px; left: 0; _left: -50%; top: 0; }
#overview #heroswap div div { position: static; height: auto; background: none; border:none; }
#overview #heroswap .moviePanel { padding-top:16px; }
#overview #heroswap .controllerPanel { display: none; }

#overview #video-nav { position: relative; width: 300px; margin: 0 0 0 243px; color: #898989; }
#overview #video-nav p { float: left; width: 7.4em; line-height: 16px; text-align: right; }
#overview #video-nav ul { float: right; margin-bottom: 0; }
#overview #video-nav ul li { display: inline; font-size: 10px; }
#overview #video-nav ul li a { display: block; float: left; position: relative; margin-top:-10px; padding: 10px 10px 0; text-decoration: none; }
#overview #video-nav ul li a span { display: none; position: absolute; bottom: 12px; left: -35px; width: 132px; color: #252525; text-align: center; }

#overview #video-nav ul.active li a img { opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); }
#overview #video-nav ul.active li a.active { outline: none; background: url(video-nav-active20080909.gif) no-repeat 50% 0; }
#overview #video-nav ul.active li a.active img { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); z-index: 2; }
#overview #video-nav ul.active li a.active span { display: block; z-index: 4; }

#overview #video-nav div { display: none; }

#overview .grid3col { clear: both; margin-bottom: 18px; }
#overview .grid3col .column { margin-left: 4.7%; padding-top: 3em; width: 30%; }
#overview .grid3col .column h3 { margin: 4px 0 12px; }

#overview .grid3col .column.first { background: url(overview-sleekdesign20080909.jpg) no-repeat 94% 0; }
#overview .grid3col #game-console { background: url(overview-game20080909.jpg) no-repeat 94% 0; }
#overview .grid3col #game-console h3 { padding-right: 60px; *padding-right: 0; }
#overview .grid3col .column.last { background: url(overview-genius20080909.jpg) no-repeat 94% 0; }
#overview .grid3col .column p { *background: none; }

#overview #topapps { *margin-bottom: -29px; }


#OverlayPanel .endState { background:transparent url(ipodtouch_endframe_20080909.jpg) no-repeat scroll left top; height:360px; width:640px;}


body.guidedtour #content #section h2 { background:transparent url(guidedtour_title20080609.png) no-repeat scroll 0 0; height:31px; margin-bottom:0; overflow:hidden; text-indent:-9999px; width:243px; }

/*--- BUY NOW STRIP ---*/
#buynowstrip { background: url(buynow-bg20080909.png) no-repeat bottom left; float: left; margin: 18px 0; padding: 0 2px; width: 980px; }
#buynowstrip .topcap { background: url(buynow-topcap20080909.png) no-repeat top left; height: 5px; margin: 0 -2px; width: 984px; }
#buynowstrip #extra { float: left; padding: 15px 10px 0 10px; width: 183px; font-size:11px; line-height:16px; }
#buynowstrip #extra img.left { margin: 2px 10px 0 0; position: relative; }

#buynowstrip h4 { background: url(buynow-title20080909.png) no-repeat top left; float: left; height: 42px; margin: 20px 24px 0 20px; width: 134px; }
#buynowstrip img.feature { float: left; margin-top: 20px; }

#buynowstrip #buy-options { float: right; margin-right: 10px; padding-top: 15px; width: 236px; }
#buynowstrip .buynow { float: right; margin-left: 5px; }
#buynowstrip #buy-options ul { margin-bottom: 10px; }


/*--- WHAT'S NEW ---*/
#whatsnew {  }
#whatsnew h1 { margin-bottom: 6px; width: 285px; height: 74px; background: url(whatsnew-title20080909.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#whatsnew h2, 
#whatsnew img { position: relative; }
#whatsnew .column p span { display: block; }

#whatsnew .grid3col { width: 880px; }
#whatsnew .grid3col .column { width: 260px; margin-left: 50px; }

#whatsnew #battery { padding-top: 12px; }
#whatsnew #steel { margin-left: -9px; margin-right: -5px; margin-bottom: -9px; position: relative; }
#whatsnew #controls { margin-right: -50px; }
#whatsnew #games { margin: 15px 0 -36px -50px; }
#whatsnew #speakers { margin-top: 0; margin-right: -2px; margin-bottom: -9px; }

#whatsnew .grid2col { margin-top: 0; width: 880px; position: relative; }
#whatsnew .grid2col .last { width: 260px; }
#whatsnew .grid2col .grid2col { width: 570px; }
#whatsnew .grid2col .grid2col .last { margin-top: 59px; margin-right: -20px; width: 280px; position: relative; }
#whatsnew .grid2col #nike { position: absolute; bottom: 0; left: 620px; margin-top: -54px; margin-bottom: -7px; }

#whatsnew .sosumi { padding: 27px 0 36px; }

/*--- SOFTARE UPDATE ---*/
#softwareupdate #main_wrap { overflow:visible; }

#softwareupdate #content, #content p, #content ul { color:#252525; }

#softwareupdate #content img.new { position:absolute; top:-9px; left:1px; }

#softwareupdate #content h3 { margin:40px 0; font-weight:normal; font-size:22px; line-height:28px; }
#softwareupdate #content h4 { font-size:1em; line-height:18px; font-weight:bold; }
#softwareupdate #content ul.square li { margin-bottom:5px; }
#softwareupdate #content ul.square li ul { margin-top:2px; margin-bottom:5px; }
#softwareupdate #content ul.square li ul li { margin-bottom:2px; }

#softwareupdate #content #hero { padding-right:340px; }
#softwareupdate #content #hero img.right { position:relative; margin:-41px -390px -50px 0; _margin-right:-800px; _margin-left:53px;}
#softwareupdate #content #hero:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#softwareupdate #content #hero h2 { margin:0 0 14px; width:540px; height:40px; background:url(softwareupdate_title20081120.png) no-repeat 0 100%; text-indent:-9999px; overflow:hidden; }
#softwareupdate #content #hero p.intro { margin-bottom:45px; width:455px; font-size:14px; line-height:21px; font-weight:normal; color:#797c80; }

#softwareupdate #content #hero .upgradenowbox { padding:18px 25px 0; width:326px; height:175px; background:url(softwareupdate_upgradenowbox_bg20081120.jpg) no-repeat 0 0; }
#softwareupdate #content #hero .upgradenowbox h3 { margin:0 0 5px; font-size:16px; line-height:20px; font-weight:bold; }
#softwareupdate #content #hero .upgradenowbox p { margin-bottom:10px; }

#softwareupdate #OverlayPanelScreen { background:#fff; z-index:19999; }
#softwareupdate #OverlayPanel.whichversion img.overlayPanelShadowImage { top:-5.6%; left:-2%; width:104%; height:115.1%; }
#softwareupdate #OverlayPanel.whichversion .panel { padding:30px 50px; width:850px; height:192px; }
#softwareupdate #OverlayPanel.whichversion .overlayPanelContent h2 { position:static; margin:0 0 10px; width:300px; height:25px; background:url(softwareupdate_whichversion_title20081120.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
#softwareupdate #OverlayPanel.whichversion .overlayPanelContent h3 { font-size:16px; line-height:22px; font-weight:normal; color:#4e4f52; }
#softwareupdate #OverlayPanel.whichversion .overlayPanelContent ul { margin:20px 0; }
#softwareupdate #OverlayPanel.whichversion .overlayPanelContent ul li { margin-top:5px; font-weight:bold; }
#softwareupdate #OverlayPanel.whichversion .overlayPanelContent p { width:auto; }

#softwareupdate #content #features { margin-top:-30px; padding-bottom:30px; border-bottom:1px solid #dedede; }
#softwareupdate #content #features .column { padding-left:45px; width:380px; }
#softwareupdate #content #features .column img.left { margin-left:-45px; margin-right:0; }
#softwareupdate #content #features .column h4 { margin-top:0; }

#softwareupdate #content #previous img.across { margin-bottom:0; }
#softwareupdate #content #previous h4 { margin-top:-5px; font-size:13px; line-height:20px; }
#softwareupdate #content #previous .column p { margin-bottom:40px; }
#softwareupdate #content #previous .grid2col .column { width:400px; }
#softwareupdate #content #previous .grid3col .column { margin-left:50px; width:260px; }

#softwareupdate #content p.sosumi { margin-bottom:30px !important; color:#898989; }


/*--- BACK TO SCHOOL ---*/
#promofooter #promos .promo.cf-bts h4 a, 
#promofooter #promos .promo.cf-bts p a { margin-left: 5px; margin-right: 5px; }
#promofooter #promos .promo.cf-bts p p.last { text-align:center; }
#promofooter #promos .promo.cf-bts img.right { position: absolute; bottom: 1px; _bottom: 1px; right: 10px; margin: 0; }

#promofooter #promos li.holiday { background:#E3F4FD none repeat scroll 0 0;}
#promofooter #promos li.holiday a.image { z-index:4;}
#promofooter #promos li.holiday h4, #promofooter #promos li.holiday p { position:relative; z-index:5;}