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

#productheader h2 a { width: 146px; background-image: url(http://images.apple.com/euro/ipodtouch/images/title-ipodtouch20080909.png); }

/* weivrevo, flipped */
#overview #content { color: #252525; padding-top: 18px; }
#overview #hero { height: 430px; margin: 0 -50px; position: relative; text-align: center; }
#overview #hero h1 { background: url(http://images.apple.com/dk/ipodtouch/images/title-funnestipodever20080909.png) no-repeat top left; height: 55px; margin: 0 auto; width: 800px; }
#overview #hero a.watch-tour { position: relative; top: 8px; z-index:10; }
#overview #hero p.intro { font-size: 16px; margin-bottom: 0; }

#overview #heroswap { position: relative; }
#overview #heroswap div { position: absolute; width: 100%; height: 355px; left: 0; _left: -50%; top: 0; }
#overview #heroswap div#MASKED-games-1 { background: url(http://images.apple.com/euro/ipodtouch/images/overview-video-1-20080909.jpg) no-repeat 50% 16px; }
#overview #heroswap div#MASKED-games-2 { background: url(http://images.apple.com/euro/ipodtouch/images/overview-video-2-20080909.jpg) no-repeat 50% 16px; }
#overview #heroswap div#MASKED-games-3 { background: url(http://images.apple.com/euro/ipodtouch/images/overview-video-3-20080909.jpg) no-repeat 50% 16px; }
#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(http://images.apple.com/euro/ipodtouch/images/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(http://images.apple.com/euro/ipodtouch/images/overview-sleekdesign20080909.jpg) no-repeat 94% 0; }
#overview .grid3col #game-console { background: url(http://images.apple.com/euro/ipodtouch/images/overview-game20080909.jpg) no-repeat 94% 0; }
#overview .grid3col #game-console h3 { padding-right: 60px; *padding-right: 0; }
#overview .grid3col .column.last { background: url(http://images.apple.com/euro/ipodtouch/images/overview-genius20080909.jpg) no-repeat 94% 0; }
#overview .grid3col .column p { *background: none; }

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

body.guidedtour #content #section h2 { background:transparent url(/euro/ipodtouch/guidedtour/images/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(http://images.apple.com/euro/ipodtouch/images/buynow-bg20080909.png) no-repeat bottom left; float: left; margin: 18px 0; padding: 0 2px; width: 980px; }
#buynowstrip .topcap { background: url(http://images.apple.com/euro/ipodtouch/images/buynow-topcap20080909.png) no-repeat top left; height: 5px; margin: 0 -2px; width: 984px; }
#buynowstrip #extra { float: left; padding: 15px 13px 0 20px; width: 170px; }
#buynowstrip #extra img.right { margin: -3px 0 0 10px; position: relative; }
#buynowstrip #extra p { margin-bottom: 15px; }

#buynowstrip h4 { background: url(http://images.apple.com/dk/ipodtouch/images/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: 200px; height: 74px; background: url(http://images.apple.com/euro/ipodtouch/images/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 {  }
#softwareupdate #hero { margin-bottom: 18px; }
#softwareupdate #hero, 
#softwareupdate .grid2col { width: 880px; }

#softwareupdate #hero .column, 
#softwareupdate .grid2col .column { width: 415px; margin-left: 50px; }

#softwareupdate #hero .column.last img { margin-left: -183px; position: relative; }
#softwareupdate #hero h1 { margin-bottom: 9px; width: 348px; height: 76px; background: url(http://images.apple.com/euro/ipodtouch/images/softwareupdate_title20080909.png) no-repeat; text-indent: -9999px; overflow: hidden; }
#softwareupdate #hero p.intro { margin-bottom: 45px; }
#softwareupdate #hero h1, 
#softwareupdate #hero p, 
#softwareupdate #buythis { position: relative; z-index: 5; }

#softwareupdate #buythis { background: url(http://images.apple.com/euro/ipodtouch/images/softwareupdate_buythis20080909.jpg) no-repeat; width: 257px; height: 71px; padding: 12px 18px; }
#softwareupdate #buythis p { margin-bottom: 9px; line-height: 16px; }
#softwareupdate #buythis img { margin-left: -8px; }

#softwareupdate #row1 img { margin-top: -9px; margin-bottom: 0; position: relative; }
#softwareupdate #row1 .first img { margin-left: -50px; }
#softwareupdate #row1 .last img.right { margin-top: 0; }

#softwareupdate #row2 h2 { border-bottom: 1px solid #dedede; padding: 9px 0; margin-bottom: 18px; }
#softwareupdate #row2 h3 { font-size: 12px; font-weight: bold; margin: 0; }
#softwareupdate #row2 .grid2col { width: 570px; }
#softwareupdate #row2 .grid2col img.right { margin-left: 8px; margin-bottom: 0; }
#softwareupdate #row2 .grid2col .column { width: 270px; margin-left: 30px; }
#softwareupdate #row2 .last { width: 260px; }

#softwareupdate .callout { background: url(http://images.apple.com/euro/ipodtouch/images/softwareupdate_callout20080909.jpg) no-repeat; margin-bottom: 28px; padding: 9px 18px 0; width: 212px; height: 193px; }
#softwareupdate .callout img.right { margin-left: 5px; margin-bottom: 0; }
#softwareupdate #row2 .callout h3 { font-size: 14px; font-weight: normal; margin-bottom: 2px; }
#softwareupdate #row2 .callout p { line-height: 17px; margin-bottom: 0; }

#softwareupdate .sosumi { padding: 18px 0; }

/*--- 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; }