/* general
----------------------------- */
html { background:#f3f4f4 url(/tw/getamac/images/body_bg20090527.gif) repeat-x 0 0; }
a { color: #08c;}
#main a { text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main a.arrow { position:relative; padding-right:7px; zoom:1; background:url(/tw/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 0.4em; }
#main a.arrow.circle { padding-right:17px; background:url(/tw/global/elements/arrows/arrow_next.gif) no-repeat 100% 0.1em; }
#main a.arrow:hover { text-decoration:underline; }
#main h1 { text-align:center; margin-bottom:30px; }
#main h2 { margin-bottom: 2.1em;}
#main h3, #main h3 a, #main h3 a:hover { font-size:13px; margin-bottom:1em; color:#333; }
#main h4, #main h4 a, #main h4 a:hover { font-size:12px; color:#333; }
#main h5, #main h5 a, #main h5 a:hover { font-size:11px; color:#000;  }


/* productnav
----------------------------- */
#productheader h1 a { width:133px; background:url(/tw/getamac/images/productnav_title20080327.gif) no-repeat; }

body#faq #productheader ul#productnav li#pn-faq a,
body#whymac #productheader ul#productnav li#pn-whymac a,
body#whichmac #productheader ul#productnav li#pn-whichmac a,
body.whichmac #productheader ul#productnav li#pn-whichmac a,
body#ads #productheader ul#productnav li#pn-ads a { color: #999 !important; cursor: default; text-decoration:none; }


/* content
----------------------------- */
.maincap { height:7px; }
.maincap.top { top:0; background:url(/tw/getamac/images/main_top20090130.png) no-repeat; }
.maincap.bottom { bottom:0; background:url(/tw/getamac/images/main_bottom20090130.png) no-repeat 0 100%; }
#main { width:984px; padding:10px 0 0; background:url(/tw/getamac/images/main_bg20090130.png) repeat-y; }

#content { padding:30px 40px 40px; zoom:1; }


/* contentfooter
----------------------------- */
#contentfooter { position:relative; width:980px; min-height:170px; padding:0 2px 0; margin:18px auto 0; font-size:11px; line-height:1.4em; background: url(/tw/getamac/images/contentfooter_bg20080327.gif) repeat-y; }
#contentfooter .cap { position:absolute; left:0px; margin:0; font-size:1px; }
#contentfooter .cap.top { top:0; width:984px; height:17px; background: url(/tw/getamac/images/contentfooter_bgtop20080327.gif) no-repeat; }
#contentfooter .cap.bottom { bottom:0; width:984px; height:150px; background: url(/tw/getamac/images/contentfooter_bgbottom20080327.gif) no-repeat bottom left; }
#contentfooter a.block { position:relative; z-index:10; display: block; color:#999; text-decoration: none; }
#contentfooter a.block:hover { color:#08c; }
#contentfooter.grid4col .column { width:215px; margin:0; padding:17px 15px 0; }
#contentfooter h3 { margin-bottom:0.1em; }
#contentfooter strong { display: block; margin:-0.2em 0 1.6em -4px; }
#contentfooter span { display: block; margin-bottom:20px; }
#contentfooter img { position:relative; }
#contentfooter img.center { display: block; margin-right: auto; margin-left: auto; *position: relative; }
#contentfooter img.right { margin:0; }
#contentfooter img.flushleft { margin-left:-15px; margin-right:-15px; }
#contentfooter img.flushtop { float:right; margin-top:-23px; *margin-top:-19px; *margin-bottom:-20px; }

#contentfooter.plain { padding-left:37px; width:945px; padding-top:20px; background: url(/tw/getamac/images/contentfooter_plain_bg20080327.gif) repeat-y; }
#contentfooter.plain .cap.top { background: url(/tw/getamac/images/contentfooter_plain_bgtop20080327.gif) no-repeat; }
#contentfooter.plain .cap.bottom { background: url(/tw/getamac/images/contentfooter_plain_bgbottom20080327.gif) no-repeat bottom left; }
#contentfooter.plain a.block { min-height:145px; float:left; text-align:center; }
#contentfooter.plain a.block img { position:relative; margin-bottom:-6px; }
#contentfooter.plain h3 { font-size:16px; margin-bottom:0.4em; }
#contentfooter.plain p { font-size:12px; color:#666; margin-bottom:0em; }

/* show/hide contentfooter promos on whichmac page */
#main.hasjs #contentfooter a.rotate { display:none; }
#main.hasjs #contentfooter a.rotate.active { display:block; }

#main #contentfooter a#cf-windows-2 { display:none; }

body#whichmac #main #contentfooter a#cf-whichmac,
body#whichmac #main #contentfooter a#cf-windows-1,
body#whichmac #main.hasjs #contentfooter a#cf-windows-1 { display:none; }
body#whichmac #main #contentfooter a#cf-macosx,
body#whichmac #main.hasjs #contentfooter a#cf-macosx,
body#whichmac #main #contentfooter a#cf-windows-2 { display:block; }


/* overlays
----------------------------- */
#content ul.OverlayPanelImageGallery, #content .videooverlay { display:none; }

.overlaypanel .overlaygallery ul { display:block; position:absolute; bottom:10px; height:58px; margin:0; }
.overlaypanel .overlaygallery ul li { float:left; margin-left:15px; }
.overlaypanel .overlaygallery ul li a { display:block; padding:4px; outline:none; border:1px solid #fff; }
.overlaypanel .overlaygallery ul li a.active { border:1px solid #999; }

.gorgeousgallery img.overlayPanelShadowImage { top:-10.15%; left:-7.6%; width:115.2%; height:120.1%; }
.gorgeousgallery .overlayPanelContent { width:860px; }
.gorgeousgallery .overlaygallery { width:860px; height:613px; }
.gorgeousgallery .overlaygallery .swapView { height:538px; text-align:center; overflow:hidden; }
.gorgeousgallery .overlaygallery .swapView img { position:absolute; width:860px; height:538px; left:0; top:0; }
.gorgeousgallery .overlaygallery ul { left:198px; }
.gorgeousgallery .overlaygallery ul li a { width:65px; height:48px; }

.osgallery img.overlayPanelShadowImage { top:-10.15%; left:-7.6%; width:115.2%; height:120.1%; }
.osgallery .overlaygallery { width:860px; height:663px; }
.osgallery .overlaygallery .swapView { height:588px; text-align:center; overflow:hidden; }
.osgallery .overlaygallery .swapView img { position:absolute; width:860px; height:588px; left:0; top:0; }
.osgallery .overlaygallery ul { left:240px; }
.osgallery .overlaygallery ul li a { width:67px; height:50px; }

.videooverlay { position:relative; width:900px; height:465px; }
.videooverlay .description { display:block; position:absolute; width:195px; left:20px; top:120px; }
.videooverlay .moviePanel { margin:0 0 0 235px; padding-top:28px; }
.videooverlay .controllerPanel { position:absolute; width:640px; top:440px; left:235px; padding:0; }
.videooverlay .controllerPanel div.control { position:relative; width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/tw/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(/tw/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(/tw/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(/tw/global/elements/overlay/overlay_movie_pointer20070807.png) no-repeat; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }

/* page specific
----------------------------- */
/* index */
body#overview #content #intro { position:relative; margin:0 -38px; padding:407px 100px 0; zoom:1; background:url(/tw/getamac/images/index_hero20091020.jpg) no-repeat 50% 100%; *margin-bottom:-20px; }
body#overview #content #intro:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
body#overview #content #intro p { color:#777; }
body#overview #content #intro img { position:relative; margin:-5px -12px 0 50px; }

body#overview #content #splash { position:relative; width:900px; _width:906px; zoom:1; background:url(/tw/getamac/images/index_splash_bgbottom20081014.gif) no-repeat 0 100%; }
body#overview #content #splash:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
body#overview #content #splash .topcap { font-size:1px; zoom:1; position:absolute; top:0; left:0; width:901px; height:6px; background:url(/tw/getamac/images/index_splash_bgtop20081014.gif) no-repeat 0 0; }
body#overview #content #splash { padding-top:18px; }
body#overview #content #splash .column { position:relative; width:300px; min-height:15em; _height:15em; margin-left:0px; }
body#overview #content #splash h3 { margin-left:20px; margin-bottom:0.3em; }
body#overview #content #splash p { padding:0 20px; font-size:11px; line-height:1.4em; color:#777; }
body#overview #content #splash img.across { position:absolute; left:0; bottom:3px; margin:0; }

/* why mac */
body#whymac #content { padding:30px 70px 20px; }
body#whymac #content p { color:#666; }
body#whymac #content h2 { font-size:24px; font-weight:normal; margin-bottom:0.4em; }
body#whymac #content h3 { margin-bottom:0.3em; }
body#whymac #content a.flushleft { position:relative; float:left; margin:-4px 15px 3em -8px; outline:none; }

body#whymac #content .callout { position:relative; padding:15px 18px 14px; width:367px; font-size:11px; line-height:1.4em; background:url(/tw/getamac/whymac/images/callout_bgtop20080327.gif) no-repeat 0 0; }
body#whymac #content .callout.b { width:249px; background:url(/tw/getamac/whymac/images/calloutb_bgtop20080327.gif) no-repeat 0 0; }
body#whymac #content .callout.c { width:284px; background:url(/tw/getamac/whymac/images/calloutc_bgtop20080327.gif) no-repeat 0 0; }
body#whymac #content .callout .bottomcap { height:4px; width:403px; position:absolute; left:0; bottom:0; font-size:1px; background:url(/tw/getamac/whymac/images/callout_bgbottom20080327.gif) no-repeat 0 0; }
body#whymac #content .callout.b .bottomcap { width:285px; background:url(/tw/getamac/whymac/images/calloutb_bgbottom20080327.gif) no-repeat 0 0; }
body#whymac #content .callout.c .bottomcap { width:320px; background:url(/tw/getamac/whymac/images/calloutc_bgbottom20080327.gif) no-repeat 0 0; }
body#whymac #content .callout h3 { color:#666; font-size:11px; line-height:1.3em; margin-bottom:0.2em; }
body#whymac #content .callout.b h3 { width:249px; margin:-10px -18px 8px; padding:3px 18px 8px; color:#333; background:url(/tw/getamac/whymac/images/callout_rule20080327.gif) repeat-x 0 100%; }
body#whymac #content .callout.c h3 { width:284px; margin:0 -18px 0.2em; padding:0 18px; }
body#whymac #content .callout p { color:#999; }

body#whymac #content #gorgeous { padding-top:30px; }
body#whymac #content #gorgeous img.hero { margin:-30px -68px -20px 40px; }
body#whymac #content #gorgeous p.top { margin-bottom:2.5em; }
body#whymac #content #gorgeous p.mid { margin-bottom:2.1em; }
body#whymac #content #gorgeous a.moviethumb { float:right; margin:0 15px 0 15px; }

body#whymac #content #realworld { clear:both; min-height:714px; _height:714px; padding-top:10px; padding-left:285px; margin-top:25px; margin-left:-68px; margin-bottom:45px; background:url(/tw/getamac/whymac/images/realworld_hero20090828.png) no-repeat 0 0; behavior: url(/global/scripts/lib/iepngfix.htc); }
body#whymac #content #realworld p.intro { font-weight:normal; width:540px; }
body#whymac #content #realworld .grid2col .column { width:46%; margin-top:0px; }
body#whymac #content #realworld .grid2col img.left { margin-bottom:-20px; margin-right:15px; }
body#whymac #content #realworld .grid2col img.ready { margin:12px 8px 0 -20px; }
body#whymac #content #realworld .grid2col p { position:relative; margin-bottom:32px; }
body#whymac #content #realworld ol { margin-left:-2px; color:#b8b8b8; line-height:1.5em; }
body#whymac #content #realworld .callout p { margin-bottom:18px; }
body#whymac #content #realworld .callout span { display:block; padding-left:30px; margin-bottom:0.8em; color:#999; }
body#whymac #content #realworld .callout span strong { padding-right:3px; margin-left:-30px; color:#333; }
body#whymac #content #realworld .callout img.right { margin:0 -3px 0 8px; }

body#whymac #content #os img.hero { margin:20px 0 -70px; }
body#whymac #content #os img.thumb { position:relative; margin-top:-3px; margin-left:-8px; }
body#whymac #content #os .column { width:47%; }
body#whymac #content #os .column p { margin-bottom:3em; }
body#whymac #content #os .callout img.right { margin:-15px -20px 0 5px; position:relative; z-index:10; }
body#whymac #content #os .callout p { margin-bottom:14px; *margin-bottom:0; }
body#whymac #content #pleasure { clear:both; padding-top:40px; _padding-top:15px; }
body#whymac #content #pleasure h2 { margin-bottom:30px; margin-top:50px; }
body#whymac #content #pleasure h3.clear { padding-top:0px;}
body#whymac #content #pleasure h3.shop { margin-top:0px; }
body#whymac #content #pleasure img.applecareicon { margin-left:-15px; margin-top:0; margin-bottom:-28px; }
body#whymac #content #pleasure img.genius { margin-right:25px; }
body#whymac #content #pleasure a.moviethumb { float:right; margin:-23px 0px 15px 10px; }
body#whymac #content #pleasure .grid2col { padding-top:15px; }
body#whymac #content #pleasure .grid2col p { margin-bottom:30px; }
body#whymac #content #pleasure .column.first { width:565px; }
body#whymac #content #pleasure .column.first p { margin-right:-10px; padding-right:10px;}
body#whymac #content #pleasure .column.last { width:200px; padding-right:43px; position:relative; margin-top:-30px; }
body#whymac #content #pleasure .column.last img.left { position:relative; top:-15px; }
body#whymac #content #pleasure .callout { float:right; margin-top:10px; }
body#whymac #content #pleasure .callout p { margin:0; }
body#whymac #content #bottomcaption { clear:both; margin:30px 0 40px; font-size:14px; line-height:1.5em; text-align:center; }

/* which mac */
body#whichmac #content #hero { margin:0 -38px -10px; }
body#whichmac #content h2 { position:relative; color:#999; padding-bottom:6px; font-size:18px; font-weight:normal; border-bottom:1px solid #cacaca; z-index:10; } 
body#whichmac #content h3 { margin-bottom:0.2em; }
body#whichmac #content h3 a { font-size:17px; position:relative; }
body#whichmac #content .grid3col { margin-bottom:40px; _margin-bottom:0; }
body#whichmac #content .column { width:270px; margin-left:38px; }
body#whichmac #content #mbpdescription { width:295px; margin-left:35px; }
body#whichmac #content strong { display:block; color:#333; margin-bottom:1.2em; font-size:13px; font-weight:normal; }
body#whichmac #content p { color:#666; }
body#whichmac #content #compare { margin-bottom:40px; color:#333; }
body#whichmac #content img.across { margin-bottom:-10px; }
body#whichmac #content ol.sosumi { margin:0; }

body#compare #content { padding-top:40px; }
body#compare #content #chart { margin-top:-40px; }
body#compare #content #chart .macbooks { position:relative; left:-40px; height:140px; }

/* FAQ */

body#faq #content { position:relative; padding:40px 74px; zoom:1; }
body#faq #content h1.title { margin-bottom:36px; }
body#faq #content h2 { font-size:18px; font-weight:500; margin:30px 0 0.6em; }
body#faq #content h3 { font-size:18px; font-weight:500;}

body#faq #content .grid3col .column { width:32%; margin-left:7%; }
body#faq #content .grid3col .column.first { width:30%; }
body#faq #content .grid3col .column.last { width:28%; }
body#faq #content .grid3col .column ul li { padding-bottom:0.5em; }

body#faq #content .clear { position:relative; clear:both; float:none; line-height:0; font:0; zoom:1; }

body#faq #content .callout { position:relative; width:383px; padding:7px 9px; height:110px; background: url(/tw/getamac/faq/images/overlay_bg20090122.jpg) no-repeat scroll 0 0; }
body#faq .videooverlay { width:710px; }
body#faq .videooverlay .moviePanel, body#faq .videooverlay .controllerPanel { margin-left:34px; left:0; }
body#faq #content .callout h3 { margin:6px 0; }
body#faq #content .callout p { line-height:1.2; }
body#faq #content .callout .OverlayPanel.moviethumb{ position:relative; display:block; float:left; margin-right:15px; }
body#faq #content .callout a.more { display:block; float:left; margin-top:0.5em; }

body#faq #content div.section { border-top:1px solid #ccc; margin-top:30px; }
body#faq #content div.section .right { position:relative; margin-top:30px; margin-left:30px; margin-bottom:0; }
body#faq #content div.section .flush { margin-right:-72px; }

body#faq #content #networks .column.last { width:424px; }

body#faq #content #reliable { padding-right:110px; }

body#faq #content #peripherals img.flush.right { margin-top:15px; }

body#faq #content #secure img.right { margin-top:15px; }
body#faq #content #secure .column.first { width:610px;}
body#faq #content #secure .column.last { width:224px;}

body#faq #content #moneymac img.right { margin-top:15px; }
body#faq #content #moneymac .column.first { width:520px; }
body#faq #content #moneymac .column.last { width:315px; }

body#faq #content #easytolearn p { _margin-bottom:36px; }
body#faq #content #easytolearn .callout { float:right; margin-left:30px; }

body#faq #content #genius .column.first { width:534px;}
body#faq #content #genius .column.last { width:302px;}

body#faq #content #support { clear:both; width:auto; background-color:#f1f1f1; padding:20px 22px; margin:0 -24px 50px; _margin-top:-18px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; zoom: 1; }
body#faq #content #support p { font-size:11px; line-height:1.3; }
body#faq #content #support h2 { margin-top:0; }
body#faq #content #support .column { padding-bottom:20px; }
body#faq #content #support .column img.left { clear:both; margin:2px 20px 40px 0; }
body#faq #content #support h3 { margin-bottom:0.5em; }
body#faq #content #support .column.first p { padding-right:10px; }
body#faq #content #support .column.first a.more { margin-left:97px; }
body#faq #content #support .column.last img { margin:0 0 8px 15px; }
body#faq #content #support p.rule { clear:both; border-top:1px solid #ccc; padding-top:20px; margin:0; }




/* ads page
----------------------------- */
body#ads #main #ad-container { display:none; }

/* no javascript */
body#ads #ads-nojs p { text-align:center; margin:0 35px 30px; padding:10px 20px; background:#f6f6f6; border:1px solid #ccc;}
body#ads #ads-nojs h2 { font-size:19px; font-weight:normal; padding-bottom:10px; margin:0 35px 15px; border-bottom:1px solid #ccc; }
body#ads #ads-nojs div { width:150px; min-height:100px; text-align:center; float:left; }
body#ads #ads-nojs div span { display:block; width:87px; height:66px; overflow:hidden; margin:0 auto; position:relative; }
body#ads #ads-nojs div img { position:absolute; left:0; top:0; }
body#ads #ads-nojs div h3 { font-size:11px; font-weight:normal; }
body#ads #ads-nojs div a { display:block; padding:15px 0px 5px; border:1px solid #fff; }
body#ads #ads-nojs div a:hover { background:#f6f6f6; border:1px solid #ddd; text-decoration:none; }
body#ads #ads-nojs div a:hover h3 { color:#08c; }
	
/* ad size navigation */
body#ads #content #ad-nav { width:480px; margin:0 auto; position:relative; }
body#ads #content.large #ad-nav { width:640px; }
body#ads #content.hd #ad-nav { width:848px; }
body#ads #content #ad-nav h2 { float:left; margin-bottom:0em; font-size:22px; font-weight:normal; }
body#ads #content #ad-nav ul { float:right; margin-top:6px; margin-bottom:1.2em; }
body#ads #content #ad-nav li { float:left; padding-left:12px; margin-left:12px; border-left:1px solid #ccc; line-height:1em; }
body#ads #content #ad-nav li a { color:#999; }
body#ads #content #ad-nav li a:hover { color:#08c; text-decoration:none; }
body#ads #content #ad-nav li.first { border:0; }
body#ads #content.small #ad-nav #option-small,
body#ads #content.medium #ad-nav #option-medium,
body#ads #content.large #ad-nav #option-large,
body#ads #content.hd #ad-nav #option-hd { color:#333; font-weight:bold; cursor:default; outline:none; }

/* quicktime layout */
body#ads #content #display { clear:both; border:1px solid #999; margin:0 auto; width:480px; height:272px;}
body#ads #content #display.loading {background:url(/tw/getamac/images/waitanimation.gif) no-repeat 50% 50%; }

body#ads #content #controller { position:relative; height:12px; padding:0; margin:14px auto 30px; }
body#ads #content #controller .ACQuicktimeController { width:auto; padding:0; }
body#ads #content #controller .ACQuicktimeController .trackProgress { background:none; }
body#ads #content #controller div.control { width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/tw/global/elements/overlay/overlay_movie_playpause20070807.gif) left top no-repeat; }
body#ads #content #controller div.control.pause { background-position:left -10px; }
body#ads #content #controller div.sliderPanel { position:absolute; top:0; left:16px; height:12px; }
body#ads #content #controller div.sliderPanel div.track { position:absolute; left:0; height:12px; text-align:left; }
body#ads #content #controller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; }
body#ads #content #controller div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
body#ads #content #controller div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(/tw/global/elements/overlay/overlay_movie_pointer20070807.png) no-repeat; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }
body#ads #content.small #controller { width:320px; }
body#ads #content.small #controller div.sliderPanel { width:304px; }
body#ads #content.small #controller div.sliderPanel div.track { width:304px; background:url(/tw/getamac/ads/images/movie_small_bgtrack_load20080327.gif) no-repeat; }
body#ads #content.small #controller div.sliderPanel div.track div.loadedProgress { background:url(/tw/getamac/ads/images/movie_small_bgtrack20080327.gif) no-repeat; }
body#ads #content.medium #controller { width:480px; }
body#ads #content.medium #controller div.sliderPanel { width:464; }
body#ads #content.medium #controller div.sliderPanel div.track { width:464px; background:url(/tw/getamac/ads/images/movie_medium_bgtrack_load20080327.gif) no-repeat; }
body#ads #content.medium #controller div.sliderPanel div.track div.loadedProgress { background:url(/tw/getamac/ads/images/movie_medium_bgtrack20080327.gif) no-repeat; }
body#ads #content.large #controller { width:640px; }
body#ads #content.large #controller div.sliderPanel { width:624px; }
body#ads #content.large #controller div.sliderPanel div.track { width:624px; background:url(/tw/getamac/ads/images/movie_large_bgtrack_load20080327.gif) no-repeat; }
body#ads #content.large #controller div.sliderPanel div.track div.loadedProgress { background:url(/tw/getamac/ads/images/movie_large_bgtrack20080327.gif) no-repeat; }

body#ads #content.hd #controller { width:848px; }
body#ads #content.hd #controller div.sliderPanel { width:832px; }
body#ads #content.hd #controller div.sliderPanel div.track { width:832px; background:url(/tw/getamac/ads/images/movie_hd_bgtrack_load20080327.gif) no-repeat; }
body#ads #content.hd #controller div.sliderPanel div.track div.loadedProgress { background:url(/tw/getamac/ads/images/movie_hd_bgtrack20080327.gif) no-repeat; }

body#ads #content a.quicktime-download { margin:0; }
body#ads #content a.quicktime-download:hover { text-decoration:none; }


/* ad browser */
body#ads #browser { position:relative; zoom:1; clear:both; width:860px; min-height:8.6em; _height:8.6em;  padding:48px 20px 12px; background:url(/tw/getamac/ads/images/browser_bg20080327.gif) repeat-y 0 0; }
body#ads #browser .cap { height:8px; position:absolute; font-size:1px; left:0; overflow:hidden; }
body#ads #browser .cap.top { width:900px; top:0; height:4px; background:url(/tw/getamac/ads/images/browser_bgtop20080327.gif); }
body#ads #browser .cap.bottom { width:900px; bottom:0; height:4px; background:url(/tw/getamac/ads/images/browser_bgbottom20080327.gif); }
body#ads #browser .nav { position:absolute; top:0; left:0; padding-left:212px; width:688px; height:37px; text-align:center; background:url(/tw/getamac/ads/images/browser_nav_bg20080327.gif) no-repeat 0 0; }
body#ads #browser .nav li { float:left; width:106px; height:27px; line-height:27px; margin-right:20px; margin-top:4px; cursor:pointer; }
body#ads #browser .nav li:hover { color:#08c; }
body#ads #browser .nav li.active { cursor:default; background:url(/tw/getamac/ads/images/browser_nav_active20080327.gif) no-repeat 0 0; }
body#ads #browser .nav li.active:hover { color:#333; }
body#ads #main #slider { font-size:11px; color:#666; line-height:1.6em; zoom:1; }
body#ads #main #slider .ACSliderMaskDiv { width:800px; min-height:10em; _height:10em; }
body#ads #main #slider .ACSliderMaskDiv ul { clear:left; margin-bottom:0; display:inline-block; }
body#ads #main #slider .ACSliderMaskDiv ul:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}

body#ads #main #slider .ACSliderMaskDiv ul li { float:left; width:93px; padding-left:7px; height:7.2em; margin:0; text-align:center; }
body#ads #main #slider .ACSliderMaskDiv ul li a { cursor:pointer; text-decoration:none; color:#666; }
body#ads #main #slider .ACSliderMaskDiv ul li span { display:block; width:87px; height:66px; overflow:hidden; position:relative; }
body#ads #main #slider .ACSliderMaskDiv ul li a:hover { position:relative; }
body#ads #main #slider .ACSliderMaskDiv ul li a:hover h3 { color:#08c; }
body#ads #main #slider .ACSliderMaskDiv ul li img { position:absolute; left:0; top:0; }
body#ads #main #slider .ACSliderMaskDiv ul li h3 { width:87px; color:#666; font-size:11px; line-height:1.1em; font-weight:normal; margin:0.3em 0 0.2em; }
body#ads #main #slider .ACSliderMaskDiv ul li h4 { width:87px; color:#666; font-size:9px;  line-height:1em; font-weight:normal; margin:0; }

body#ads #main #slider .ACSliderMaskDiv ul li.empty { background:none; }
body#ads #main #slider .ACSliderMaskDiv ul li div.active a { cursor:default; }
body#ads #main #slider .ACSliderMaskDiv ul li div.active img { left:-87px; }
body#ads #main #slider .ACSliderMaskDiv ul li div.active h3 { color:#333; font-weight:bold; }

body#ads #main #slider .ACSliderPreviousArrow, body#ads #main #slider .ACSliderNextArrow { top:35px; width:27px; height:27px; }
body#ads #main #slider .ACSliderPreviousArrow { left:0; background:url(/tw/getamac/ads/images/browser_arrow_prev20080327.gif) no-repeat 0 0; }
body#ads #main #slider .ACSliderNextArrow { background:url(/tw/getamac/ads/images/browser_arrow_next20080327.gif); }
body#ads #main #slider .ACSliderPreviousArrow:hover, body#ads #main #slider .ACSliderNextArrow:hover { background-position:0 100%; }
body#ads #main #slider .ACSliderPageNav { width:50px; margin-left:-15px; }
body#ads #main #slider .ACSliderPageNav li a { margin:0 4px; }

/* iPhone verison */
body#ads #main.iphone #ads-nojs p { display:none; }
body#ads #main.iphone #ads-nojs a { overflow:hidden; }
body#ads #main.iphone #ads-nojs div { margin-left:20px; }