#OverlayPanelScreen { background:#fff; z-index:19999; }
.overlaypanel h2 { font:26px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }

/*----- design overlay -----*/
#content .design_overlay { position:absolute; left:-9999px; top:0; }

.overlaypanel.design_overlay img.overlayPanelShadowImage { top:-2.5%; left:-2.1%; height:106.8%; width:104.2%; }

.design_overlay { position:relative; height:599px; width:950px; }
.design_overlay #designSwapView { height:398px; }
.design_overlay #designSwapView .swapped { position:absolute; width:100%; height:398px; top:50px; left:0; }
.design_overlay #designSwapView #MASKED-virtual-macbook { left:48px; width: 902px; *top: 96px; _top: 0; }

.design_overlay h2 { margin:29px 0 18px 47px; }
.design_overlay .grid2cola { border-bottom:1px solid #cecece; height:397px; margin:0 auto; width:884px; _margin-top:29px; }
.design_overlay .grid2cola .column { height:397px; margin:0; }
.design_overlay .grid2cola .column.first { position:relative; width:676px; border-right:1px solid #cecece; }
.design_overlay .grid2cola .column.last { width:189px; padding-left:18px; }

.unibodyStep, .accessStep, .shapeStep { display:none; position:absolute; }
#unibodySwapView, #accessSwapView, #shapeSwapView { position:relative; }
#unibodySwapView .unibodyStep, #accessSwapView .accessStep, #shapeSwapView .shapeStep { display:block; }


/* overlay nav */
.design_overlay #slider { position:relative; margin:0 12px; }
.design_overlay #slider ul.ACSliderPageNav { display:none; }

.design_overlay #slider .ACSliderMaskDiv { width:868px; height:95px; }

.design_overlay #slider .ACSliderPreviousArrow,
.design_overlay #slider .ACSliderNextArrow { width:30px; height:30px; margin-top:-2px; }
.design_overlay #slider .ACSliderPreviousArrow { background:url(http://images.apple.com/euro/macbook/images/overlay-slideshow-arrowleft20081014.gif) no-repeat 0 100%; }
.design_overlay #slider .ACSliderNextArrow { background:url(http://images.apple.com/euro/macbook/images/overlay-slideshow-arrowright20081014.gif) no-repeat 100% 100%; }
.design_overlay #slider .inactive { background-position:100% 0; }

.design_overlay #slider ul { top:0; }
.design_overlay #slider ul li { display:inline; }

.design_overlay #slider ul li a { display:block; float:left; width:124px; padding-top:27px; }
.design_overlay #slider ul li a span { display:block; width:95px; height:58px; margin:0 auto; padding:4px; border:1px solid #f5f5f5; background:no-repeat 50% 50%; }
.design_overlay #slider ul li a span img { display:block; }

.design_overlay #slider ul li a.active { background:url(http://images.apple.com/euro/macbook/images/overlay-selectednav20081014.gif) no-repeat top center; outline:none; }
.design_overlay #slider ul li a.active span { border-color:#9f9f9f; background-color:#fff; }
.design_overlay #slider ul li a.active span img { visibility:hidden; }

.design_overlay #slider ul li a.unibody span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-unibody-active20081014.jpg); }
.design_overlay #slider ul li a.grille span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-speaker-active20081014b.jpg); }
.design_overlay #slider ul li a.graphics span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-graphics-active20081014.jpg); }
.design_overlay #slider ul li a.greener span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-greener-active20081014.jpg); }
.design_overlay #slider ul li a.design span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-design-active20081014.jpg); }
.design_overlay #slider ul li a.shape span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-shape-active20081014.jpg); }
.design_overlay #slider ul li a.access span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-access-active20081014.jpg); }
.design_overlay #slider ul li a.trackpad span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-trackpad-active20081014.jpg); }
.design_overlay #slider ul li a.redesigned span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-redesigned-active20081014.jpg); }
.design_overlay #slider ul li a.display span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-display-active20081014.jpg); }
.design_overlay #slider ul li a.keyboard span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-keyboard-active20081014.jpg); }
.design_overlay #slider ul li a.thumbscoop span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-thumbscoop-active20081014.jpg); }
.design_overlay #slider ul li a.sleepindicator span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-sleepindicator-active20081014.jpg); }
.design_overlay #slider ul li a.batteryindicator span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-batteryindicator-active20081014.jpg); }
.design_overlay #slider ul li a.vr span { background-image:url(http://images.apple.com/euro/macbook/images/thumb-vr-active20081014.jpg); }

/* progression and slideshow nav */
.design_overlay #progression_nav { position:absolute; top:400px; right:127px; z-index:20; }
.design_overlay #progression_nav a.prev { border-right:1px solid #ccc; margin-right:5px; padding-right:8px; }
.design_overlay #progression_nav a.playing { display:none; }

.design_overlay a#play_slideshow { position:absolute; top:10px; _top:50px; right:40px; z-index:20; }
.design_overlay a#play_slideshow:before { content:'Play '; height:13px; padding-left:20px; line-height:13px; background:url(http://images.apple.com/euro/macbook/images/overlay-slideshow-play20081014.gif) no-repeat 0 50%; }
.design_overlay a#play_slideshow.playing:before { content:'Pause '; background-image:url(http://images.apple.com/euro/macbook/images/overlay-slideshow-pause20081014.gif); }
.design_overlay a#play_slideshow { *background:url(http://images.apple.com/euro/macbook/images/overlay-slideshow-play20081014.gif) no-repeat 0 0; }
.design_overlay a#play_slideshow.playing { *background-image:url(http://images.apple.com/euro/macbook/images/overlay-slideshow-pause20081014.gif); }


/*----- movie overlays -----*/
.overlaypanel .controllerPanel { display:none; }

#content .videooverlay { display:none; }

.overlaypanel.performance ul.sosumi { margin: 15px 50px 0; text-align: left; }

.overlaypanel.designvideo img.overlayPanelShadowImage { top:-4.6%; left:-3.1%; width:106.2%; height:109.2%; }
.videooverlay { position:relative; width:640px; height:440px; margin:0; padding:30px 50px; }

.videooverlay h2 { margin:0 0 .2em; }

.videooverlay .controllerPanel { display:block; position:absolute; width:640px; bottom:50px; margin:0; padding:0; }
.videooverlay .controllerPanel div.control { position:relative; width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_playpause20070807.gif) left top no-repeat; }
.videooverlay .controllerPanel div.control.pause { background-position:left -10px; }
.videooverlay .controllerPanel div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:624px; }
.videooverlay .controllerPanel div.sliderPanel div.track { position:absolute; left:0; width:624px; height:12px; text-align:left; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_bgtrack_load20070807.gif) no-repeat; }
.videooverlay .controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_bgtrack20070807.gif) no-repeat; }
.videooverlay .controllerPanel div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
.videooverlay .controllerPanel div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_pointer20070807.png) no-repeat; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }

.overlaypanel .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_endstate_640x360_20081014.jpg) no-repeat 0 0; }
.overlaypanel 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; }
.overlaypanel 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 */
.overlaypanel a.pillbutton, x:-moz-any-link, x:default { display:inline-block; width:auto; } /* firefox3 reset */
.overlaypanel a.pillbutton span,
.overlaypanel a.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
.overlaypanel a.pillbutton span { padding-right:8px; padding-left:25px; background:url(http://images.apple.com/euro/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/euro/global/elements/buttons/pill_leftcap.gif); }
.overlaypanel a.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(http://images.apple.com/euro/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(http://images.apple.com/euro/global/elements/buttons/pill_rightcap.gif); }
.overlaypanel a.pillbutton:hover, .overlaypanel a.pillbutton:focus { color:#e6e6e6; }


.overlaypanel.trackpad img.overlayPanelShadowImage { display:block; height:118%; left:-4.44%; overflow:visible; position:absolute; top:-8.9%; width:109%; z-index:0; } 
.trackpad .videooverlay { height: 440px; padding-top: 50px; }
.trackpad .videooverlay h2 { margin-top: -25px; }
.trackpad .videooverlay .moviePanel { height: 360px; }
.trackpad .videooverlay .controllerPanel { bottom: 25px; }

.overlaypanel .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/euro/global/elements/overlay/overlay_movie_endstate_640x360_20081014.jpg) no-repeat 0 0; }

/*
.overlaypanel .graphics .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/macbook/overlays/images/nvidia_endframe_20081014.jpg) no-repeat 0 0; }
.overlaypanel .display .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/macbook/overlays/images/display_endframe_20081014.jpg) no-repeat 0 0; }
.overlaypanel .keyboard .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/macbook/overlays/images/keyboard_endframe_20081014.jpg) no-repeat 0 0; }
.overlaypanel .trackpad .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/macbook/overlays/images/trackpad_endframe_20081014.jpg) no-repeat 0 0; }
.overlaypanel .battery .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/macbook/overlays/images/battery_endframe_20081014.jpg) no-repeat 0 0; }
.overlaypanel .sleep .endState { width:640px; height:200px; padding-top:160px; text-align:center; background:url(http://images.apple.com/macbook/overlays/images/sleep_endframe_20081014.jpg) no-repeat 0 0; }
*/
/*----- vr overlay -----*/
#content .vroverlay { display:none; }

.overlaypanel.vr img.overlayPanelShadowImage { top:-6.6%; left:-7.3%; width:114.5%; height:113.3%; }

.vroverlay { position:relative; width:512px; height:552px; margin:0; padding:20px 0 0; }


/*----- image gallery overlay panels -----*/
.overlaygallerycontent { display:none; }

.overlaypanel.designGallery img.overlayPanelShadowImage { top:-3.9%; left:-2.3%; width:104.7%; height:107.9%; }

.overlaypanel .overlaygallery { width:920px; height:611px; }
.overlaypanel .overlaygallery .overlaygalleryswap { width:920px; height:538px; text-align:center; overflow:hidden; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent { position:absolute; display:block; width:920px; height:538px; left:0; top:0; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent p { position:absolute; z-index:999; top:20px; left:0; width:100%; text-align:center; font-weight:bold; }

.overlaypanel .overlaygallery .overlaygallerythumbs { display:block; position:absolute; left:325px; bottom:6px; margin:0; text-align:center; font-size:11px; }
.overlaypanel .overlaygallery .overlaygallerythumbs a { float:left; display:block; margin-left:15px; outline:none; color:#999; text-decoration:none; _width:66px; }
.overlaypanel .overlaygallery .overlaygallerythumbs a img { display:block; width:66px; height:41px; margin:0 auto; padding:4px; border:1px solid #fff; }
.overlaypanel .overlaygallery .overlaygallerythumbs a.active { color:#000; }
.overlaypanel .overlaygallery .overlaygallerythumbs a.active img { border:1px solid #999; }


.overlaypanel.performance img.overlayPanelShadowImage { top:-3.9%; left:-2.3%; width:104.7%; height:107.9%; }

.overlaypanel.performance .overlaygallery,
.overlaypanel.performance .overlaygallery .overlaygalleryswap { width:920px; height:541px; }
.overlaypanel.performance .overlaygallery .overlaygalleryswap .overlaygallerycontent { margin:35px auto 0; }
.overlaypanel.performance .overlaygallery .overlaygallerythumbs { left:252px; }
.overlaypanel.performance .overlaygallery .overlaygallerythumbs a { width:104px; margin:0; }