@import url(http://images.apple.com/euro/global/styles/ac_quicktime_new.css);


/* weivrevo, flipped */
#overview #content { color: #252525; padding-top:0; }
#overview #hero { background: url(http://images.apple.com/euro/ipodtouch/images/overview-hero-bg-20090224.gif) repeat-x 0 100%; height: 430px; padding-top:18px; margin: 0 -50px; position: relative; text-align: center; overflow:hidden; }
#overview #hero h1 { background: url(http://images.apple.com/uk/ipodtouch/images/title-funnestipodever20080909.png) no-repeat top left; height: 41px; margin: 0 auto; width: 497px; }
#overview #hero a.watch-tour { position: relative; top: 8px; z-index:10; }
#overview #hero p.intro { font-size: 16px; margin-bottom: 0; }
#overview #hero a.close { position:absolute; top:7px; left:15px; width:49px; height:14px; text-indent:-9999px; background:url(http://images.apple.com/euro/ipodtouch/images/overview-close-20090223.gif) no-repeat; outline:none; }

#overview #heroswap div.demo { position: absolute; width: 100%; height: 355px; left: 0; top: 95px; }
#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; }

/* no qt screens */
#overview #heroswap div.demo a.quicktime-download { display:block; width:560px; height:166px; padding-top:150px; font-size:24px; color:#000; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-download20090223.jpg); }
#overview #heroswap div.ad-small a.quicktime-download { display:block; width:640px; height:190px; padding-top:170px; font-size:24px; text-align:center; color:#000; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-download-360-20090223.jpg); }
#overview #heroswap div.ad-large a.quicktime-download { display:block; width:848px; height:240px; padding-top:240px; font-size:24px; text-align:center; color:#000; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-download-848-20090223.jpg); }

#overview #hero_swap div div { position: static; height: auto; background: none; border:none; }
#overview #heroswap .moviePanel { padding-top:16px; }
#overview #heroswap .controllerPanel { display: none; }

#overview #heroswap div#MASKED-ad-small,
#overview #heroswap div#MASKED-ad-large { z-index:10; position:absolute; left:0; top:0px; width:980px; height:445px; padding-top:10px; background:#fff; }
#overview #heroswap div#MASKED-ad-large { height:572px; padding-top:35px; }
#overview #heroswap div#MASKED-ad-small .controllerPanel,
#overview #heroswap div#MASKED-ad-large .controllerPanel { display:block; }

#overview #video-nav { background: #ededed url(http://images.apple.com/euro/ipodtouch/images/overview-gallery-bg-20090224.gif) repeat-x 0 0; color: #898989; float: left; margin: 0 -50px; position: relative; width: 980px; _margin-left: -25px; }
#overview #video-nav p { color: #898989; float: left; line-height: 16px; margin: 23px 10px 0 45px; text-align: right; _margin-left: 25px; }
#overview #video-nav ul { float: left; margin-top:0; margin-bottom: 5px; *padding-bottom: 5px; }
#overview #video-nav ul li { float: left; padding-top:10px; font-size: 10px; margin-right: 5px; }
#overview #video-nav ul li.active { background:url(http://images.apple.com/euro/ipodtouch/images/overview-gallery-carot-20090224.gif) no-repeat 50% 0; }
#overview #video-nav ul li a { background-repeat: no-repeat; background-position: 0 0; display: block; float: left; height: 43px; position: relative; padding: 0; text-decoration: none; text-indent: -9999px; overflow: hidden; outline: none; width: 60px; }

#overview #video-nav a#vid-1 { background-image: url(http://images.apple.com/euro/ipodtouch/images/overview-gallery-game1-20090224.jpg); }
#overview #video-nav a#vid-2 { background-image: url(http://images.apple.com/euro/ipodtouch/images/overview-gallery-game2-20090224.jpg); }
#overview #video-nav a#vid-3 { background-image: url(http://images.apple.com/euro/ipodtouch/images/overview-gallery-game3-20090224.jpg); }
#overview #video-nav a#vid-ad { background-image: url(http://images.apple.com/euro/ipodtouch/images/overview-gallery-tvad-20090224.jpg); }
#overview #video-nav a#vid-ad-large { display:none; }

#overview #video-nav ul li a.active { background-position: 0 100%; }

/* hide arrow on load. Give it active class and video class to position it. */

#overview #video-nav p#view-showcase { float: right; margin-right: 50px; }

#overview #video-nav div { display: none; }
#overview .video-nav-bottom { background: url(http://images.apple.com/euro/ipodtouch/images/overview-gallery-capbottom-20090224.gif) no-repeat 0 0; clear: both; font-size: 1px; height: 6px; margin: 0 -52px; position: relative; width: 984px; }

#overview #adicon { position: absolute; height:70px; width: 146px; *top:448px; margin: -7px 0 0 620px; color: #898989; z-index:50; }
#overview #adicon p { text-align: right; margin-top:-34px; font-size:11px; }

#overview .maincap.top { background: url() no-repeat 0 0; clear: both; font-size: 1px; height: 10px; margin-top: 18px; width: 984px; }
#overview .section.grid4col {
	background: url(promofooter_bottom3.png) repeat-y 0 0;
	margin: 0;
	padding: 18px 52px;
	width: 880px;
	height: 290px;
}
#overview .section.grid4col .column { border-right: 1px solid #dadbde; padding-right: 24px; width: 183px; }
#overview .section.grid4col .column.last { border: none; padding-right: 0; }

#overview .section.grid4col h2 { margin: 8px 0 8px; }
#overview .section.grid4col h2 a { color:#000; }
#overview .section.grid4col img { position: relative; margin-bottom: -28px; }

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

body.guidedtour #content #section h2 { background:transparent url(http://images.apple.com/uk/iphone/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 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(http://images.apple.com/uk/ipodtouch/images/buynow-title20081128.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 h1 { margin-bottom: 6px; width: 200px; height: 74px; background: url(http://images.apple.com/uk/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 #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(http://images.apple.com/uk/ipodtouch/images/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:137px; background:url(http://images.apple.com/euro/ipodtouch/images/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:251px; height:25px; background:url(http://images.apple.com/uk/ipodtouch/images/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:-50px; 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; }
*/
/* controllers */
.controllerPanel { position:absolute; width:640px; height:29px; left:0; bottom:45px; text-align:left; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-bg20090223.png) repeat-x 0 0; overflow:hidden; }
.controllerPanel .ACQuicktimeController { position:relative; height:29px; padding:0; width:640px; }
#MASKED-ad-large .controllerPanel { left:66px; bottom:42px; width:848px; }
#MASKED-ad-large .controllerPanel .ACQuicktimeController { width:848px; }
#MASKED-ad-small .controllerPanel { left:170px; bottom:30px;  }
.controllerPanel div.control { position:absolute; width:31px; height:19px; top:5px; left:7px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-playpause20090223.png) 0 0 no-repeat; }
.controllerPanel div.control.pause { background-position:left -19px; }
.controllerPanel div.sliderPanel { position:absolute; width:520px; height:12px; top:8px; left:46px; }
#MASKED-ad-large .controllerPanel div.sliderPanel { width:791px; }
.controllerPanel div.sliderPanel div.track { position:absolute; width:520px; height:12px; left:0; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-track20090225.png) no-repeat 0 3px; }
#MASKED-ad-large .controllerPanel div.sliderPanel div.track { width:791px; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-track-848-20090225.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; height:12px; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-trackload20090225.png) no-repeat 0 3px; }
#MASKED-ad-large .controllerPanel div.sliderPanel div.track div.loadedProgress { background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-trackload-848-20090225.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-trackprog20090225.png) no-repeat 0 3px; }
#MASKED-ad-large .controllerPanel div.sliderPanel div.track div.trackProgress { background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-trackprog-848-20090225.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.playHead { position:absolute; top:0; width:11px; height:12px; background:url(http://images.apple.com/euro/ipodtouch/images/overview-qt-pointer20090223.png) no-repeat; cursor:pointer; }
.controllerPanel .ACQuicktimeController .timeDisplay { top:5px; width:62px; padding-right:6px; height:20px; font-size:11px; color:#777; }
.controllerPanel .ACQuicktimeController .timeDisplay span { padding:0 3px; }


/* OVERLAYS */

/* pill buttons */
#OverlayPanel p.pillbutton { display:block; min-height:3em; margin:0 auto 1em; padding-right:43px; text-align:center; font-size:15px; padding-top:165px; line-height:1.3em; }
#OverlayPanel p.pillbutton a { display:inline-block; position:relative; color:#fff; text-decoration:none; outline:none; moz-outline:none; }
#OverlayPanel p.pillbutton a span,
#OverlayPanel p.pillbutton a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; }
#OverlayPanel p.pillbutton a span { padding-right:8px; padding-left:25px; background:url(http://images.apple.com/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/global/elements/buttons/pill_leftcap.gif); }
#OverlayPanel p.pillbutton a b { position:absolute; width:43px; top:0; right:-43px; text-indent:-9999px; background:url(http://images.apple.com/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/global/elements/buttons/pill_rightcap.gif); }
#OverlayPanel p.pillbutton a b, x:-moz-any-link { display:-moz-inline-block; margin-top:-16px; margin-right:5px; } /* this is for firefox because it's dumb when it comes to inline-block */
#OverlayPanel p.pillbutton a b, x:-moz-any-link, x:default { top:0; margin-top:0; } /* this is to reset IE7 because it was reading the above */
#OverlayPanel p.pillbutton a:hover { color:#e6e6e6; cursor:pointer; }


/* Features Overlays */
.features #OverlayPanel .panel { height: 510px; width: 765px; *padding-top: 85px; }
.features #OverlayPanel .overlayPanelContent h2 { color: #666; margin-top: 34px; margin-left: 24px; font-size: 20px; position: absolute; top: 0; left: 26px; _top: 10px; font-weight: normal;}
.features #OverlayPanel .overlayPanelContent p { color: #777; font-size: 12px !important; font-weight: normal; margin-bottom: 6px; width: 150px; }
.features #OverlayPanel .overlayPanelContent .moviePanel { width: 640px; height: 360px; margin-left: 50px; margin-top: 60px; padding-top: 0; background-color: #000; }
.features #OverlayPanel .overlayPanelContent .controllerPanel { margin-left: 50px; }
.features #OverlayPanel .endState { width: 640px; height: 360px; background: url(http://images.apple.com/ipodtouch/features/images/ipodtouch_endframe_20080909.jpg) no-repeat left top; }