@import url( ../../global/styles/ac_quicktime.css );
#productheader H2 A {
	BACKGROUND-IMAGE: url(../images/title-ipodtouch20080909_1.png); WIDTH: 246px
}
#overview #content {
	COLOR: #252525; PADDING-TOP: 18px
}
#overview #hero {
	MARGIN: 0px -50px; POSITION: relative; HEIGHT: 430px; TEXT-ALIGN: center
}
#overview #hero H1 {
	BACKGROUND: url(../images/title-funnestipodever20080909.png) no-repeat left top; MARGIN: 0px auto; WIDTH: 497px; HEIGHT: 41px
}
#overview #hero A.watch-tour {
	Z-INDEX: 10; POSITION: relative; TOP: 8px
}
#overview #hero P.intro {
	FONT-SIZE: 16px; MARGIN-BOTTOM: 0px
}
#overview #heroswap {
	POSITION: relative
}
#overview #heroswap DIV {
	LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 355px; _left: -50%
}
#overview #heroswap DIV#MASKED-games-1 {
	BACKGROUND: url(../images/overview-video-1-20080909.jpg) no-repeat 50% 16px
}
#overview #heroswap DIV#MASKED-games-2 {
	BACKGROUND: url(../images/overview-video-2-20080909.jpg) no-repeat 50% 16px
}
#overview #heroswap DIV#MASKED-games-3 {
	BACKGROUND: url(../images/overview-video-3-20080909.jpg) no-repeat 50% 16px
}
#overview #heroswap DIV DIV {
	BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; HEIGHT: auto; BORDER-BOTTOM-STYLE: none
}
#overview #heroswap .moviePanel {
	PADDING-TOP: 16px
}
#overview #heroswap .controllerPanel {
	DISPLAY: none
}
#overview #video-nav {
	MARGIN: 0px 0px 0px 243px; WIDTH: 300px; COLOR: #898989; POSITION: relative
}
#overview #video-nav P {
	FLOAT: left; WIDTH: 7.4em; LINE-HEIGHT: 16px; TEXT-ALIGN: right
}
#overview #video-nav UL {
	FLOAT: right; MARGIN-BOTTOM: 0px
}
#overview #video-nav UL LI {
	DISPLAY: inline; FONT-SIZE: 10px
}
#overview #video-nav UL LI A {
	PADDING-RIGHT: 10px; MARGIN-TOP: -10px; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; POSITION: relative; TEXT-DECORATION: none
}
#overview #video-nav UL LI A SPAN {
	DISPLAY: none; LEFT: -35px; WIDTH: 132px; COLOR: #252525; BOTTOM: 12px; POSITION: absolute; TEXT-ALIGN: center
}
#overview #video-nav UL.active LI A IMG {
	FILTER: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3
}
#overview #video-nav UL.active LI A.active {
	BACKGROUND: url(../images/video-nav-active20080909.gif) no-repeat 50% 0px; outline: none
}
#overview #video-nav UL.active LI A.active IMG {
	Z-INDEX: 2; FILTER: alpha(opacity=100); opacity: 1; -moz-opacity: 1
}
#overview #video-nav UL.active LI A.active SPAN {
	DISPLAY: block; Z-INDEX: 4
}
#overview #video-nav DIV {
	DISPLAY: none
}
#overview #adicon {
	Z-INDEX: 50; MARGIN: -7px 0px 0px 620px; WIDTH: 146px; COLOR: #898989; POSITION: absolute; TOP: 448px; HEIGHT: 70px
}
#overview #adicon P {
	MARGIN-TOP: -34px; FONT-SIZE: 11px; TEXT-ALIGN: right
}
#overview .grid3col {
	CLEAR: both; MARGIN-BOTTOM: 18px
}
#overview .grid3col .column {
	MARGIN-LEFT: 4.7%; WIDTH: 30%; PADDING-TOP: 3em
}
#overview .grid3col .column H3 {
	MARGIN: 4px 0px 12px
}
#overview .grid3col .first.column {
	BACKGROUND: url(../images/overview-sleekdesign20080909.jpg) no-repeat 94% 0px
}
#overview .grid3col #game-console {
	BACKGROUND: url(../images/overview-game20080909.jpg) no-repeat 94% 0px
}
#overview .grid3col #game-console H3 {
	PADDING-RIGHT: 0px
}
#overview .grid3col .last.column {
	BACKGROUND: url(../images/overview-genius20080909.jpg) no-repeat 94% 0px
}
#overview .grid3col .column P {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
#overview #topapps {
	MARGIN-BOTTOM: -29px
}
BODY.guidedtour #content #section H2 {
	BACKGROUND: url(../../iphone/images/guidedtour_title20080609.png) no-repeat 0px 0px; MARGIN-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 243px; TEXT-INDENT: -9999px; HEIGHT: 31px
}
#buynowstrip {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: url(../images/buynow-bg20080909.png) no-repeat left bottom; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 18px 0px; WIDTH: 980px; PADDING-TOP: 0px
}
#buynowstrip .topcap {
	BACKGROUND: url(../images/buynow-topcap20080909.png) no-repeat left top; MARGIN: 0px -2px; WIDTH: 984px; HEIGHT: 5px
}
#buynowstrip #extra {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 183px; LINE-HEIGHT: 16px; PADDING-TOP: 15px
}
#buynowstrip #extra IMG.left {
	MARGIN: 2px 10px 0px 0px; POSITION: relative
}
#buynowstrip H4 {
	BACKGROUND: url(../images/buynow-title20080909.png) no-repeat left top; FLOAT: left; MARGIN: 20px 24px 0px 20px; WIDTH: 134px; HEIGHT: 42px
}
#buynowstrip IMG.feature {
	MARGIN-TOP: 20px; FLOAT: left
}
#buynowstrip #buy-options {
	FLOAT: right; WIDTH: 236px; MARGIN-RIGHT: 10px; PADDING-TOP: 15px
}
#buynowstrip .buynow {
	FLOAT: right; MARGIN-LEFT: 5px
}
#buynowstrip #buy-options UL {
	MARGIN-BOTTOM: 10px
}
#whatsnew {
	
}
#whatsnew H1 {
	BACKGROUND: url(../images/whatsnew-title20080909.png) no-repeat; MARGIN-BOTTOM: 6px; OVERFLOW: hidden; WIDTH: 200px; TEXT-INDENT: -9999px; HEIGHT: 74px
}
#whatsnew H2 {
	POSITION: relative
}
#whatsnew IMG {
	POSITION: relative
}
#whatsnew .column P SPAN {
	DISPLAY: block
}
#whatsnew .grid3col {
	WIDTH: 880px
}
#whatsnew .grid3col .column {
	MARGIN-LEFT: 50px; WIDTH: 260px
}
#whatsnew #battery {
	PADDING-TOP: 12px
}
#whatsnew #steel {
	MARGIN-BOTTOM: -9px; MARGIN-LEFT: -9px; MARGIN-RIGHT: -5px; POSITION: relative
}
#whatsnew #controls {
	MARGIN-RIGHT: -50px
}
#whatsnew #games {
	MARGIN: 15px 0px -36px -50px
}
#whatsnew #speakers {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: -9px; MARGIN-RIGHT: -2px
}
#whatsnew .grid2col {
	MARGIN-TOP: 0px; WIDTH: 880px; POSITION: relative
}
#whatsnew .grid2col .last {
	WIDTH: 260px
}
#whatsnew .grid2col .grid2col {
	WIDTH: 570px
}
#whatsnew .grid2col .grid2col .last {
	MARGIN-TOP: 59px; WIDTH: 280px; MARGIN-RIGHT: -20px; POSITION: relative
}
#whatsnew .grid2col #nike {
	MARGIN-TOP: -54px; LEFT: 620px; MARGIN-BOTTOM: -7px; BOTTOM: 0px; POSITION: absolute
}
#whatsnew .sosumi {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 36px; PADDING-TOP: 27px
}
#softwareupdate #main_wrap {
	OVERFLOW: visible
}
#softwareupdate #content {
	COLOR: #252525
}
#content P {
	COLOR: #252525
}
#content UL {
	COLOR: #252525
}
#softwareupdate #content IMG.new {
	LEFT: 1px; POSITION: absolute; TOP: -9px
}
#softwareupdate #content H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 22px; MARGIN: 40px 0px; LINE-HEIGHT: 28px
}
#softwareupdate #content H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 1em; LINE-HEIGHT: 18px
}
#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 {
	MARGIN: -41px -390px -50px 0px; POSITION: relative; _margin-right: -800px; _margin-left: 53px
}
#softwareupdate #content #hero:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
#softwareupdate #content #hero H2 {
	BACKGROUND: url(../images/softwareupdate_title20081120.png) no-repeat 0px 100%; MARGIN: 0px 0px 14px; OVERFLOW: hidden; WIDTH: 540px; TEXT-INDENT: -9999px; HEIGHT: 40px
}
#softwareupdate #content #hero P.intro {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; MARGIN-BOTTOM: 45px; WIDTH: 455px; COLOR: #797c80; LINE-HEIGHT: 21px
}
#softwareupdate #content #hero .upgradenowbox {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; BACKGROUND: url(../images/softwareupdate_upgradenowbox_bg20081120.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 0px; WIDTH: 326px; PADDING-TOP: 18px; HEIGHT: 137px
}
#softwareupdate #content #hero .upgradenowbox H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN: 0px 0px 5px; LINE-HEIGHT: 20px
}
#softwareupdate #content #hero .upgradenowbox P {
	MARGIN-BOTTOM: 10px
}
#softwareupdate #OverlayPanelScreen {
	Z-INDEX: 19999; BACKGROUND: #fff
}
#softwareupdate .whichversion#OverlayPanel IMG.overlayPanelShadowImage {
	LEFT: -2%; WIDTH: 104%; TOP: -5.6%; HEIGHT: 115.1%
}
#softwareupdate .whichversion#OverlayPanel .panel {
	PADDING-RIGHT: 50px; PADDING-LEFT: 50px; PADDING-BOTTOM: 30px; WIDTH: 850px; PADDING-TOP: 30px; HEIGHT: 192px
}
#softwareupdate .whichversion#OverlayPanel .overlayPanelContent H2 {
	BACKGROUND: url(../images/softwareupdate_whichversion_title20081120.jpg) no-repeat 0px 0px; MARGIN: 0px 0px 10px; OVERFLOW: hidden; WIDTH: 251px; TEXT-INDENT: -9999px; POSITION: static; HEIGHT: 25px
}
#softwareupdate .whichversion#OverlayPanel .overlayPanelContent H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #4e4f52; LINE-HEIGHT: 22px
}
#softwareupdate .whichversion#OverlayPanel .overlayPanelContent UL {
	MARGIN: 20px 0px
}
#softwareupdate .whichversion#OverlayPanel .overlayPanelContent UL LI {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold
}
#softwareupdate .whichversion#OverlayPanel .overlayPanelContent P {
	WIDTH: auto
}
#softwareupdate #content #features {
	MARGIN-TOP: -50px; PADDING-BOTTOM: 30px; BORDER-BOTTOM: #dedede 1px solid
}
#softwareupdate #content #features .column {
	PADDING-LEFT: 45px; WIDTH: 380px
}
#softwareupdate #content #features .column IMG.left {
	MARGIN-LEFT: -45px; MARGIN-RIGHT: 0px
}
#softwareupdate #content #features .column H4 {
	MARGIN-TOP: 0px
}
#softwareupdate #content #previous IMG.across {
	MARGIN-BOTTOM: 0px
}
#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
}
#OverlayPanel P.pillbutton {
	PADDING-RIGHT: 43px; DISPLAY: block; FONT-SIZE: 15px; MIN-HEIGHT: 3em; MARGIN: 0px auto 1em; LINE-HEIGHT: 1.3em; PADDING-TOP: 165px; TEXT-ALIGN: center
}
#OverlayPanel P.pillbutton A {
	DISPLAY: inline-block; COLOR: #fff; POSITION: relative; TEXT-DECORATION: none; outline: none; moz-outline: none
}
#OverlayPanel P.pillbutton A SPAN {
	PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; WIDTH: auto; PADDING-TOP: 15px; TEXT-ALIGN: left; outline: none
}
#OverlayPanel P.pillbutton A B {
	PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; WIDTH: auto; PADDING-TOP: 15px; TEXT-ALIGN: left; outline: none
}
#OverlayPanel P.pillbutton A SPAN {
	PADDING-RIGHT: 8px; PADDING-LEFT: 25px; BACKGROUND: url(../../global/elements/buttons/pillbevel_leftcap.png) no-repeat 0px 50%; _background-image: url(../../global/elements/buttons/pill_leftcap.gif)
}
#OverlayPanel P.pillbutton A B {
	RIGHT: -43px; BACKGROUND: url(../../global/elements/buttons/pillbevel_rightcap.png) no-repeat 0px 50%; WIDTH: 43px; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 0px; _background-image: url(../../global/elements/buttons/pill_rightcap.gif)
}
#OverlayPanel P.pillbutton A B {
	MARGIN-TOP: -16px; MARGIN-RIGHT: 5px
}
x:unknown {
	MARGIN-TOP: -16px; MARGIN-RIGHT: 5px
}
#OverlayPanel P.pillbutton A B {
	MARGIN-TOP: 0px; TOP: 0px
}
x:unknown {
	MARGIN-TOP: 0px; TOP: 0px
}
x:unknown {
	MARGIN-TOP: 0px; TOP: 0px
}
#OverlayPanel P.pillbutton A:hover {
	CURSOR: pointer; COLOR: #e6e6e6
}
#OverlayPanel .panel {
	WIDTH: 765px; PADDING-TOP: 85px; HEIGHT: 510px
}
#OverlayPanel .overlayPanelContent H2 {
	MARGIN-TOP: 34px; FONT-WEIGHT: normal; FONT-SIZE: 20px; LEFT: 26px; MARGIN-LEFT: 24px; COLOR: #666; POSITION: absolute; TOP: 0px; _top: 10px
}
#OverlayPanel .overlayPanelContent P {
	FONT-WEIGHT: normal; FONT-SIZE: 12px! important; MARGIN-BOTTOM: 6px; WIDTH: 150px; COLOR: #777
}
#OverlayPanel .overlayPanelContent .moviePanel {
	MARGIN-TOP: 60px; MARGIN-LEFT: 50px; WIDTH: 640px; PADDING-TOP: 0px; HEIGHT: 360px; BACKGROUND-COLOR: #000
}
#OverlayPanel .overlayPanelContent .controllerPanel {
	MARGIN-LEFT: 50px
}
#OverlayPanel .endState {
	BACKGROUND: url(../features/images/ipodtouch_endframe_20080909.jpg) no-repeat left top; WIDTH: 640px; HEIGHT: 360px
}
