body {
margin:0 !important;
padding:0 !important;
}
a img{border:0px}

/* movies and controllers
------------------------*/

/* movies */
.movie { position:relative; width:640px; height:437px; }
.movie .moviePanel { width:640px; height:400px; }
.movie .moviePanel.movie-loading { background:url(http://images.apple.com/iwork/images/qt_loading20090106.gif) no-repeat 0 50%; }

.movie.movie9 { height:397px; }
.movie.movie9 .moviePanel { height:360px; }

.loading object,
.loading embed { width:2px; height:2px; background:url(/images/overlays/bento/qt_loading20090106.gif) no-repeat 0 50%; }

.movie a.quicktime-download { display:block; width:640px; height:220px; padding:180px 0 0; color:#333; text-align:center; background:url(/images/overlays/bento/qt_download20090106.jpg) no-repeat 0 50%; font:26px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }
.movie.movie9 a.quicktime-download { height:210px; padding-top:150px; }
.movie a.quicktime-download:hover { color:#08c; text-decoration:none; }

/* endstates */
.endState { display:none; width:640px; height:220px; padding-top:180px; text-align:center; background:url(/imagess/overlays/overlay_movie_endstate_640x400_20081014.jpg) no-repeat 0 50%; }
.movie9 .endState { height:210px; padding-top:150px; background:url(/images/overlays/overlay_movie_endstate_640x360_20081014.jpg) no-repeat 0 50%; }
.moviePanel .endState { display:block; }

/* pill buttons */
a.pillbutton { display:inline-block; position:relative; padding-right:43px; font-size:15px; line-height:1.3em; color:#fff; text-decoration:none; outline:none; z-index:2; }
a.pillbutton, x:-moz-any-link { display:block; width:14em; margin:0 auto; } /* this is for firefox2 because it's dumb when it comes to inline-block */
a.pillbutton, x:-moz-any-link, x:default { display:inline-block; width:auto; } /* firefox3 reset */
a.pillbutton span,
a.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
a.pillbutton span { padding-right:8px; padding-left:25px; background:url(/images/overlays/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/global/elements/buttons/pill_leftcap.gif); }
a.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(/images/overlays/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/global/elements/buttons/pill_rightcap.gif); }
a.pillbutton:hover,
a.pillbutton:focus { color:#e6e6e6; text-decoration:none; }

/* controllers */
.controllerPanel { position:absolute; width:635px; height:15px; left:25; bottom:0; text-align:left; /*background:url(/images/overlays/bento/qt_bg20090106.png) repeat-x 0 100%;border:1px dotted black;*/ }
.controllerPanel .ACQuicktimeController { position:relative; height:29px;margin-top:15px; }
.controllerPanel div.control { position:absolute; width:31px; height:19px; top:5px; left:0px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/images/overlays/bento/qt_playpause20090106.png) 0 0 no-repeat; }
.controllerPanel div.control { position:absolute; width:31px; height:10px; top:-4px; left:0px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/images/overlays/bento/qt_playpause20090106.png) 0 0 no-repeat; }
.controllerPanel div.control.pause { background-position:left -19px; }
.controllerPanel div.sliderPanel { position:absolute; width:600px; height:12px; top:8px; left:175px;/* border:1px solid red;;overflow:hidden*/}
.controllerPanel div.sliderPanel div.track { position:absolute; width:640px; height:12px; left:0; background:url(/images/overlays/bento/qt_track20090106.png) no-repeat 0 3px;/*border:1px solid green;*/ }
.controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; height:12px; background:url(/images/overlays/bento/qt_trackload20090106.png) no-repeat 0 3px; }
.cc .controllerPanel div.sliderPanel div.track { width:620px; background:url(/images/overlays/bento/qt_trackload_20090708.png) no-repeat 0 3px; }
.cc .controllerPanel div.sliderPanel div.track div.loadedProgress { background:url(http://images.apple.com/iwork/images/qt_trackload_cc_20090204.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; background:url(/images/overlays/bento/qt_trackprog20090710.png) no-repeat 0 3px; }
.controllerPanel div.sliderPanel div.track div.playHead { position:absolute; width:11px; height:12px; background:url(/images/overlays/bento/qt_pointer20090106.png) no-repeat; cursor:pointer; behavior:url(/js/iepngfix.htc); }
.ACQuicktimeController .captioningToggle { top:4px; left:598px; }

/* overlays
------------------------*/
#OverlayPanelScreen { background:#fff; z-index:19999; }
.overlaypanel h2 { position:absolute; top:0px; left:30px; font:20px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500;padding-bottom:10px;}
.overlaypanel img.overlayPanelShadowImage {	top:-2.7%;	left:-19px;	width:104.1%;	height:105.4%;}

/* just a movie overlay */
.overlaypanel .overlaymovie { position:relative; width:740px; height:556px; }
.overlaypanel .overlaymovie .movie { margin:0 50px; padding:74px 0 0; }
.overlaypanel .overlaymovie .movie.movie9 { padding-top:94px; }

/* overlay galleries */

.overlaypanel .overlaycontent { width:950px; height:726px; /*border:1px solid red;*/}/*Read by the script*/
.overlaypanel.overlay-whatsnew .overlaycontent { width:950px; height:595px;/* border:1px solid red;*/}/*Read by the script*/
.overlaypanel .overlaygallery { position:relative; width:950px; height:590px;overflow:hidden !important; margin-bottom:10px; background:url(/images/overlays/bento/overlay_gradient20090106.png) repeat-x 0 100%; behavior:url(/js/iepngfix_scale.htc);/*border:1px solid green*/ }
.overlaypanel.overlay-whatsnew .overlaygallery { position:relative; width:950px; height:400px;overflow:hidden !important; margin-top:60px; background:url(/images/overlays/bento/overlay_gradient20090106.png) repeat-x 0 100%; behavior:url(/js/iepngfix_scale.htc);/*border:1px solid green*/ }


/*.overlaypanel .overlaygallery div.gallery .image { position:relative; height:100%; padding:0 40px; text-align:center; }*/
.overlaypanel .overlaygallery div.gallery,
.overlaypanel .overlaygallery div.gallery .image { position:relative; height:100%; padding:0px 30px;  }

/*.overlaypanel .overlaygallery div.gallery { position:absolute; width:920px; height:565px; }*/
.overlaypanel .whatsnew .overlaygallery div.gallery { position:absolute; width:865px; height:400px;/*border:1px solid blue*/ }
.overlaypanel .whatsnew .overlaygallery div.gallery .image { position:relative; height:100%; padding:0px; text-align:left !important; }
.overlaypanel .whatsnew .overlaygallery div.gallery ul{float: left;width: 195px;padding-left: 0px;*margin-left:0px;height: 100px;font-size: 13px;margin-top: 0px;list-style:none;}
.overlaypanel .whatsnew .overlaygallery div.gallery ul li{margin-bottom: 12px;}
.overlaypanel .whatsnew .overlaygallery div.gallery li ul{width: auto;padding-left: 0px;font-size: 12px;margin: 5px 0px 0px 23px;list-style:disc;}
.overlaypanel .whatsnew .overlaygallery div.gallery li ul li{margin-bottom: 0;}
.overlaypanel .whatsnew .overlaygallery div.gallery h3 { margin-bottom:12px;margin-top:0px; }
.overlaypanel .whatsnew .overlaygallery div.gallery  img {  width:676px; height:397px;float:left;border:1px solid #CCC;margin-right: 10px;position:absolute;right:2px; bottom:0px;left: auto;border:0px;  } 

.overlaypanel .overlaygallery div.gallery .image img,
.overlaypanel .overlaygallery div.gallery  img {  position:absolute; width:895px; height:540px; left:2px; bottom:0px }

/**/.overlaypanel .overlaygallery div.gallery .image h3 { padding-top:510px; }
.overlaypanel .overlaygallery div.gallery .image h2 { position:absolute; top:0px; left:0px; font:20px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500;padding-bottom:10px; }
.overlaypanel .whatsnew  h2,
.overlaypanel .overlaygallery div.gallery .image h2 { *top:15px; }/*IE*/

.overlaypanel .overlaygallery div.gallery .image p { }

.overlaypanel .overlaygallery div.gallery .movie { margin:86px 140px 0; }
.overlaypanel .overlaygallery div.gallery .movie.movie9 { margin-top:106px; }

.overlaypanel .overlaygallery div.gallery .audio { padding:0 40px; text-align:center; }
.overlaypanel .overlaygallery div.gallery .audio object,
.overlaypanel .overlaygallery div.gallery .audio embed { position:absolute; width:1px; height:1px; }
.overlaypanel .overlaygallery div.gallery .audio img { width:564px; height:380px; margin:93px 0 41px; }
.overlaypanel .overlaygallery div.gallery .audio .controllerPanel { width:564px; left:178px; bottom:54px; }

/* overlay slider
------------------------*/
.overlaypanel .slider { position:relative; width:852px; height:133px; margin:0 auto 14px; }
.overlaypanel .slider { position:relative; width:895px; height:133px; margin:0 auto 14px; }/*this needs to be width of the img*/
/*so we can have 6 centered or woden the SS to accomadate 7 must be adjusted with .overlaypanel .slider .ACSliderMaskDiv below*/


.overlaypanel .slider .ACSliderPageNav { width:40px; margin-left:-20px; }

/* next/prev */
.overlaypanel .slider .ACSliderPreviousArrow,
.overlaypanel .slider .ACSliderNextArrow { top:50px; width:21px; height:21px; }
.overlaypanel .slider .ACSliderPreviousArrow { background:url(/images/overlays/bento/overlay_arrowleft20090106.gif) 0 0 no-repeat; }
.overlaypanel .slider .ACSliderNextArrow { background:url(/images/overlays/bento/overlay_arrowright20090106.gif) 0 0 no-repeat; }
.overlaypanel .slider .ACSliderPreviousArrow:hover,
.overlaypanel .slider .ACSliderNextArrow:hover { background-position:0 -21px; }
.overlaypanel .slider .inactive { background-position:0 -42px !important; }

/* mask */
/*.overlaypanel .slider .ACSliderMaskDiv { width:828px; height:103px; top:17px; margin:0 0 0 35px; }*/
.overlaypanel .slider .ACSliderMaskDiv { width:780px; height:103px; top:17px; margin:0 0 0 25px; }
.overlaypanel .slider .ACSliderMaskDiv { width:828px; height:103px; top:17px; margin:0 0 0 35px; }


.overlaypanel .slider .ACSliderMaskDiv ul { top:0; }
.overlaypanel .slider .ACSliderMaskDiv ul li,
.overlaypanel .slider .ACSliderMaskDiv ul li div.item { float:left; display:inline; width:836px; height:83px; margin:0 -8px 0 0; }

/* items/links */
.overlaypanel .slider .ACSliderMaskDiv ul li .center2 { padding:0 0 0 300px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center3 { padding:0 0 0 242px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center4 { padding:0 0 0 184px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center5 { padding:0 0 0 120px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .center6 { padding:0 0 0 67px; }
.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink { float:left; display:inline; width:97px; height:71px; margin:0 10px 0 0; padding:6px; font-size:11px; line-height:1.3em; text-decoration:none; background:url(/images/overlays/bento/overlay_thumbbg_image20090106.png) no-repeat 0 0; }

.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink.active { outline:none; cursor:default; background-image:url(/images/overlays/bento/overlay_thumbbg_image_active20090106.png); }
.overlaypanel .slider .ACSliderMaskDiv ul li .separator { margin-left:-2px; padding-left:8px; border-left:1px solid #ccc; }
.overlaypanel .slider .ACSliderMaskDiv ul li .images,
.overlaypanel .slider .ACSliderMaskDiv ul li .movies { float:left; display:inline; }

.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink i { display:block; margin-top:5px; text-align:center; color:#797c80; font-style:normal; }
.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink:hover i { color:#08c; }
.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink.active i { color:#000; font-weight:bold; }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink { position:relative; width:226px; height:83px; padding:0; color:#000; background:url(/images/overlays/bento/overlay_thumbbg_movie20090106.png) no-repeat 0 0; zoom:1; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span { display:table; width:226px; height:83px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong { display:table-cell; width:100px; height:71px; padding:6px 12px 6px 114px; vertical-align:middle; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong em { font-weight:normal; font-style:normal; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong em b { display:block; margin-bottom:.3em; color:#797c80; font-weight:normal; }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span { *display:block; *width:100px; *height:71px; *padding:6px 12px 6px 114px; } /* ie vertical centering */
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong { *position:absolute; *width:100px; *height:auto; *top:50%; *padding:0; } /* ie vertical centering */
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span strong em { *position:relative; *width:100px; *height:auto; *top:-50%; } /* ie vertical centering */

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink img { position:absolute; top:6px; left:6px; }
.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink span.play { position:absolute; display:block; width:97px; height:71px; top:6px; left:6px; padding:0; background:url(/images/overlays/bento/overlay_thumb_play20090106.png) no-repeat 0 0; behavior:url(/js/iepngfix.htc); }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink:hover { color:#08c; }

.overlaypanel .slider .ACSliderMaskDiv ul li .movies a.gallerylink.active { color:#000; outline:none; cursor:default; background:url(/images/overlays/bento/overlay_thumbbg_movie_active20090106.png) no-repeat 0 100%; }

/*Mod*/

.overlaypanel .slider .ACSliderMaskDiv ul li a.gallerylink i{}
.overlaypanel .slider .ACSliderPageNav{
width: 60px;
margin-left: -20px;

}
.overlay-theme i{font:9px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif;}
.overlay-template i{font:9px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif;}