/* VIDEOS */
#videos { height: 501px; _height: 500px; }
#main #videos h2 { background-image: url(http://images.apple.com/itunes/home/images/boxtopblue582.png); }
#videos .padder { padding: 0px 11px 20px; }
#videos .nowplaying { font-size: 12px; color: #454545; padding: 4px 0; margin-bottom: 0; }
#videos .nowplaying strong { color: #000; }
#videos #quicktime { position: relative; width: 560px; height: 316px; background: #000; margin: 0 auto; text-align: center; }
#videos #quicktime .poster { cursor: pointer; _cursor: hand; }
#videos #quicktime.loading object { width:1px !important; height:1px !important; }
#videos .endstate { position: absolute; left: 0; top: 0; }
#videos #videoplaylist { overflow: hidden; margin: 0 0 9px; }
#videos #videoplaylist li { display: inline; }
/* #videos #videoplaylist .button a { float: left; margin-left: 9px; width: 180px; height: 0; padding-top: 90px; overflow: hidden; background: url(http://images.apple.com/itunes/home/images/2008/03/videos_playlistbg_20080311.png) no-repeat; } */
#videos #videoplaylist .button.first a { margin-left: 0; }
#videos #videoplaylist .button.last a { float: right; }
#videos #videoplaylist #mov-b a { background-position: -180px 0; }
#videos #videoplaylist #mov-c a { background-position: -360px 0; }
#videos #videoplaylist #mov-a.active a { background-position: 0 -90px; }
#videos #videoplaylist #mov-b.active a { background-position: -180px -90px; }
#videos #videoplaylist #mov-c.active  a { background-position: -360px -90px; }
#videos .posterFrame { display: none; }

/* pill buttons */
#main #quicktime ul { margin-top:-240px; }
#main #quicktime .pillbutton { display:block; min-height:3em; margin:10pt auto 1em; padding-right:25px; text-align:center; font-size:15px; line-height:1.3em; }
#main #quicktime .pillbutton a { display:inline-block; position:relative; color:#fff; text-decoration:none; z-index:9999px; }
#main #quicktime .pillbutton a span,
#main #quicktime .pillbutton a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; }
#main #quicktime .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); }
#main #quicktime .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); }
#main #quicktime .pillbutton a b, x:-moz-any-link { top:inherit; margin-top:-15px; } /* this is for firefox because it's dumb when it comes to inline-block */
#main #quicktime .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 */
#main #quicktime .pillbutton a:hover { color:#e6e6e6; }

#main #quicktime .pillbuttonleft { display:block; min-height:3em; margin-top: 140px; padding-right:43px; text-align:center; font-size:15px; line-height:1.3em; }
#main #quicktime .pillbuttonleft a { display:inline-block; position:relative; color:#fff; text-decoration:none; z-index:9999px; }
#main #quicktime .pillbuttonleft a span,
#main #quicktime .pillbuttonleft a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; }
#main #quicktime .pillbuttonleft 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); }
#main #quicktime .pillbuttonleft 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); }
#main #quicktime .pillbuttonleft a b, x:-moz-any-link { top:inherit; margin-top:-15px; } /* this is for firefox because it's dumb when it comes to inline-block */
#main #quicktime .pillbuttonleft a b, x:-moz-any-link, x:default { top:0; margin-top:0; } /* this is to reset IE7 because it was reading the above */
#main #quicktime .pillbuttonleft a:hover { color:#e6e6e6; }

/* END STATES */
#main #videos #quicktime ul.endstate { display: block; margin: 0; width: 100%; height:100%; display:inline-block; _margin-bottom:-384px; }
#videos .endstate.vidcontent1 { padding: 150px 1px 0 0; } 
#videos .endstate.vidcontent2 { padding: 150px 1px 0 0; } 
#videos .endstate.vidcontent3 { padding: 150px 1px 0 0; } 


/* END STATES 
#videos .endstate { display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
#videos .endstate li { display: block; margin: 0; padding: 0; }
#videos .endstate a { display: block; height: 41px; margin: 10px auto; overflow: hidden; text-indent: -9999px; behavior:url(/global/scripts/lib/iepngfix.htc); }
#videos .endstate .replay { width: 200px; margin-top: 120px; background: url(http://images.apple.com/itunes/home/images/2007/06/endbutton_watchagain_20070611.png); }
#videos .endstate .replay.grey { width: 200px; margin-top: 50px; background: url(http://images.apple.com/itunes/home/images/2007/07/endbutton_watchagaing_20070713.png); }
#videos .endstate.vidcontent1 .download { width: 241px; margin-top: 200px; background: url(http://images.apple.com/itunes/home/images/2007/09/endbutton_downloadonitunes_20070905.png); }
#videos .endstate.vidcontent2 .download { width: 241px; margin-top: 140px; background: url(http://images.apple.com/itunes/home/images/2007/09/endbutton_downloadonitunes_20070905.png); }
#videos .endstate.vidcontent3 .download { width: 200px; margin-top: 130px; background: url(http://images.apple.com/itunes/home/images/2007/09/endbutton_watchagain_20070905.png); }
#videos .endstate.vidcontent3 .buysong { width: 250px; background: url(http://images.apple.com/itunes/home/images/2007/09/endbutton_buy_song_20070905.png); }                            
*/
#videos .endstate.appletv .learnmore { width: 300px; background: url(http://images.apple.com/itunes/home/images/2007/06/endbutton_appletv_20070611.png); }
#videos .endstate.appletv .learnmoregrey { width: 300px; background: url(http://images.apple.com/itunes/home/images/2007/07/endbutton_appletv_20070713.png); }


/* VIDEO CONTROLLER */
#videos .ACQuicktimeController { visibility: hidden; padding-top: 6px; padding-bottom: 6px; }
#videos .ACQuicktimeController.active { visibility: visible; }
#videos .ACQuicktimeController div.control { width: 18px; height: 18px; background: url(http://images.apple.com/itunes/home/images/playpause_dark.png) 6px 0 no-repeat; }
#videos .ACQuicktimeController div.control.pause { background: url(http://images.apple.com/itunes/home/images/playpause_dark.png) 6px -18px no-repeat; }
#videos .ACQuicktimeController div.sliderPanel { width: 532px; left: 24px; }
#videos .ACQuicktimeController div.sliderPanel div.track { border: 1px solid #4f4f4f; background-color: #2c2c2c; width: 532px; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { background-color: #4f4f4f; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.trackProgress { background-color: #000; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.playHead { background-image: url(http://images.apple.com/itunes/home/images/pointer_dark.png); height: 13px; }