.ACSlider { position:relative; }

/* dot nav at the top */
.ACSliderPageNav { position:absolute; top:0; left:50%; height:8px; padding:0; margin:0 auto; text-align:center; }
.ACSliderPageNav li { display:inline; }
.ACSliderPageNav li a { display:block; float:left; width:4px; height:4px; padding:2px; margin:0 2px; cursor:pointer; text-indent:-9999px; background:url("../images/popupbox/dot.png") center top no-repeat; overflow:hidden; _background:url("../images/popupbox/dot.gif") center top no-repeat; overflow:hidden; }
.black .ACSliderPageNav li a { background-image:url("../images/popupbox/dot_black.png"); _background-image:url("../images/popupbox/dot_black.gif"); }
.ACSliderPageNav li a:hover { background-position:center -8px; }
.ACSliderPageNav li a.active { background-position:center -16px; cursor:default; }

/* previous and next nav */
.ACSliderPreviousArrow, .ACSliderNextArrow { position:absolute; top:50%; width:14px; height:14px; cursor:pointer; text-indent:-9999px; behavior:url("../javascript/iepngfix.htc"); overflow:hidden; }
.ACSliderPreviousArrow { left:0; background:url("../images/arrow_left.png") center top no-repeat; }
.black .ACSliderPreviousArrow { background-image:url("../images/arrow_left_black.png"); }
.ACSliderNextArrow { right:0; background:url("../images/arrow_right.png") center top no-repeat; }
.black .ACSliderNextArrow { background-image:url("../images/arrow_right_black.png"); }
.ACSliderPreviousArrow:hover, .ACSliderNextArrow:hover { background-position:center -14px; }

/* container */
.ACSliderMaskDiv { position:relative; overflow:hidden; margin:0 30px; }
.ACSliderMaskDiv ul { position:absolute; top:16px; width:9999px; margin:0; padding:0; }

/* page gallerybox nav */
#main .popupnav { padding:0 0 8px; margin:0 0 1.6em; background:url("../images/popupnav_bgbottom.gif") no-repeat 0 100%; }
#main .popupnav h2 { padding:5px 10px; margin:0; font-size:13px; font-weight:normal; color:#737373; background:url("../images/popupnav_bgtop.gif") no-repeat 0 0; }
#main .popupnav ul { padding:12px 0 1px 10px; margin:0; background:url("../images/popupnav_rule.gif") no-repeat 0 0; *min-height:49px; _height:49px; }
#main .popupnav ul li { display:inline; }
#main .popupnav ul li a { display:block; float:left; width:65px; height:49px; padding:3px 5px 6px; margin:0 5px 0 0; background:url("../images/popupbox/popupnav_thumb.gif") no-repeat 0 0; }
#main .popupnav ul li.enlarge { display:block; float:left; width:17px; height:17px; margin:-64px 0 0 -4px; background:url("../images/popupbox/popupnav_enlarge.png") no-repeat 0 0; font-size:1px; behavior:url("../../javascript/iepngfix.htc"); _display:inline; }

/* popup  background (both image and movie) */
.popup,
.popupshadow { position:absolute; top:0; left:-1200px; z-index:9999; }
.popupshadow { width:990px; height:735px; }

.popupshadow img { width:100%; height:100%; }	
.popupshadow.isanim img { *display:none; _display:block; }

/* popup */
.popup { width:860px; height:538px; margin:60px 65px 137px; }

.popup .popupimg { width:100%; }
.popup a.close, #popupmovie a.close { position:relative; z-index:999; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url("../images/popupbox/widget_close.png") no-repeat; cursor:pointer; outline:none; behavior:url("../../javascript/iepngfix.htc"); }
.popup.isanim a.close, #popupmovie.isanim a.close { display:none; }

/* image popup nav */
.popup#popup .popupnav { padding-top:8px; /*border-top:1px solid #ccc;*/ }
.popup#popup.isanim .popupnav { display:none; }
.popup#popup .popupnav ul { width:26px; margin:0 auto; }
.popup#popup .popupnav ul.w2 { width:174px; }
.popup#popup .popupnav ul.w4 { width:348px; }
.popup#popup .popupnav ul.w5 { width:435px; }
.popup#popup .popupnav ul li { float:left; }
.popup#popup .popupnav ul li a { display:block; margin:0 5px; padding:3px; border:1px solid #fff; outline:none; }
.popup#popup .popupnav ul li a.active { border-color:#ccc; }

/* popups */
.popupshadow { width:980px; height:692px; }
.popup { width:900px; height:612px; margin:40px; }

.popup a.close { margin:0 -28px 0 -15px; }

#main .popup .popupimg { position:absolute; top:0; }

#main .popup .mainarea { position:relative; height:375px; margin:-28px 4px 0; padding:32px 28px; background:#fff; }
#main .popup .mainarea .swapcontent { float:left; display:block !important; width:432px; padding: 100px 0 0 50px; voice-family: "\"}\""; voice-family: inherit; width: 382px; }

#main .popup .mainarea .swapcontent h3 { font-size:14px; margin:0 0 .4em; color:#666; }
#main .popup .mainarea .swapcontent h2 { font-size:18px; margin:0 0 .8em; }
#main .popup .mainarea .swapcontent ul { font-size:11px; }

#main .popup .mainarea .swapimage { float:right; padding: 100px 0 0 0; }
#main .popup .mainarea .swapimagenav { position:relative; float:right; height:46px; margin-bottom:-35px; }

#main .popup.isanim .mainarea,
#main .popup.isanim .tabs,
#main .popup.isanim .nav { display:none; }

#main .popup .tabs { position:relative; height:21px; text-align:center; font-size:11px; background:url("../images/popupbox/popup_tabbg.gif") repeat-x; *height:22px; padding-top:7px; }
#main .popup .tabs.none { background:#fff; }
#main .popup .tabs a { position:relative; display:inline; padding:8px 0 6px; color:#666; text-decoration:none; cursor:pointer; *padding:0; }
#main .popup .tabs a:hover { color:#2a2a2a; }
#main .popup .tabs a span.left { padding:8px 0 6px 20px; *padding:0; }
#main .popup .tabs a span.right { padding:8px 20px 6px 0; *padding-left:20px; }
#main .popup .tabs a.active { color:#2a2a2a; cursor:default; background:url("../images/popupbox/popup_tab_itembg.gif") repeat-x; }
#main .popup .tabs a.active span.left { background:url("../images/popupbox/popup_tab_itembgleft.gif") no-repeat 0 0; }
#main .popup .tabs a.active span.right { background:url("../images/popupbox/popup_tab_itembgright.gif") no-repeat 100% 0; }

#main .popup .nav { position:relative; width:770px; height:131px; margin:0 auto; padding-top:18px; font-size:11px; }
#main .popup .nav div.tabcontent { position:absolute; width:100%; height:125px; visibility:hidden; }
#main .popup .nav div.tabcontent.active { visibility:visible; }

#main .popup .nav .slider { position:relative; width:850px; height:125px; margin: 20px -40px 0 -40px; }
#main .popup .nav .slider .ACSliderPreviousArrow, #main .popup .nav .slider .ACSliderNextArrow { width:29px; height:28px; margin-top:-14px; }
#main .popup .nav .slider .ACSliderPreviousArrow:hover, #main .popup .nav .slider .ACSliderNextArrow:hover { background-position:0 -29px; }
#main .popup .nav .slider .ACSliderPreviousArrow { background-image:url("../images/popupbox/popup_sliderarrowleft.gif"); }
#main .popup .nav .slider .ACSliderNextArrow { background-image:url("../images/popupbox/popup_sliderarrowright.gif"); }
#main .popup .nav .slider .ACSliderPageNav { margin-top:-4px; margin-left:-8px; }
#main .popup .nav .slider .ACSliderMaskDiv { width:770px; height:125px; margin:0 40px; }
#main .popup .nav .slider .ACSliderMaskDiv ul { margin:0; top:0; }
#main .popup .nav .slider .ACSliderMaskDiv ul li, #main .popup .nav div.item { float:left; width:100px; height:121px; margin:0; padding:2px 5px; text-align:center; }
#main .popup .nav .slider div.item { padding:0; }

#main .popup .nav div.item a { display:block; padding:22px 0; color:#666; cursor:pointer; }
#main .popup .nav div.item a.active { cursor:default; text-decoration:none; background:url("../images/popupbox/popup_slideritembg.gif") no-repeat 0 15px; }
#main .popup .nav div.item a img { display:block; margin:0 auto; }
#main .popup .nav div.images,
#main .popup .nav div.info { display: none; }



#container { width: 980px; margin: 0 auto; position: relative; }
#popbox { width: 100%; position: relative; }
#popbox #content { padding: 18px 20px; position: relative; color: #333; }

/* nav for popup */
#popbox #main ul.enlarge { float:left; padding:9px 0 1px; margin:0 24px 0 0; position:relative; }
#popbox #main ul.enlarge li { display:inline; }
#popbox #main ul.enlarge li a { display:block; float:left; width:75px; height:51px; padding:4px 2px 5px; margin:0 6px 0 0; background:url(http://images.apple.com/imac/images/popup_thumb20080429.gif) no-repeat 0 0; }
#popbox #main ul.enlarge li.enlarge { float:left; position:relative; width:17px; height:17px; margin:-9px -12px -17px -5px; background:url(http://images.apple.com/imac/images/popup_enlarge20080429.gif) no-repeat 0 0; font-size:1px; }

#popbox #main .popupqtthumb { margin:0 0 1.6em; }
#popbox #main .popupqtthumb .description,
#popbox #main .popupqtthumb .poster { display:none; }

/* popup */
.popup,
.popupshadow { position:absolute; top:0; left:-1122px; z-index:9999; }
.popup { width:900px; height:540px; margin:40px 40px 112px 40px; }
.popupshadow { width:980px; height:692px; }
.popupshadow img { width:100%; height:100%; }
.popupshadow.isanim img { *display:none; _display:block; }
.popup a.close, #popupmovie a.close { position:relative; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px;background:url("../images/popupbox/widget_close.png") no-repeat; cursor:pointer; outline:none; _background:url("../images/popupbox/widget_close.gif") no-repeat; }
.popup.isanim a.close, #popupmovie.isanim a.close { display:none; }

/* image gallery popup */
.popup .popupimg { width:100%; }
.popup#popup .popupnav { padding-top:9px; border-top:1px solid #ccc; }
.popup#popup.isanim .popupnav { display:none; }
.popup#popup .popupnav ul { width:840px; margin:10px auto; list-style: none; }

.popup#popup .popupnav ul.w1 { width:90px; }
.popup#popup .popupnav ul.w2 { width:180px; }
.popup#popup .popupnav ul.w3 { width:270px; }
.popup#popup .popupnav ul.w4 { width:360px; }
.popup#popup .popupnav ul.w5 { width:450px; }
.popup#popup .popupnav ul.w6 { width:540px; }
.popup#popup .popupnav ul.w7 { width:630px; }
.popup#popup .popupnav ul.w8 { width:720px; }
.popup#popup .popupnav ul.w9 { width:810px; }
.popup#popup .popupnav ul.w10 { width:900px; }

.popup#popup .popupnav ul li { float:left; list-style: none; }
.popup#popup .popupnav ul li a { display:block; width:71px; height:50px; margin:0 5px; border:1px solid #fff; }
.popup#popup .popupnav ul li a.active { border-color:#ccc; }
.popup#popup .popupnav ul li a img { width:71px; height:50px; }
.popup#popup .popupnav ul li a img#linkimage {  }

div#cont div#container { _width: 500px; }
div#cont div#container div#popbox div#content { padding: 0px; width: 630px; }
div#cont div#content ul.enlarge { float: left; clear: right; margin: 0px; padding: 0px; list-style: none; width: 630px; }
div#cont div#content ul.enlarge li { float: left; clear: both; margin: 0px; padding: 0px; list-style: none; background: none;}
/*#popbox ul.enlarge img { display: none; }*/

/* popup overview -> clickable page-area