/* grid */
.column { display:inline; }
.grid3cola .column { width:582px; margin-left:15px; }
.grid3cola .column.first,
.grid3cola .column.last { width:185px; }
.grid3cola .grid3col .column { width:32%; margin-left:13px; }

/* main, content */
body { background:url(/images/bkg.gif) fixed; }
#content { padding:1.6em 0 0; margin-bottom:-1.6em; }

#main { font-size:11px; line-height:14px; }
#main .sidebar { font-size:11px; line-height:14px; }


#main h3 { font-family:"Trebuchet MS", Arial; margin-bottom:.3em; color:#000; font-size:13px; font-weight:normal; line-height:14px; word-spacing:-.1em; }
#main h3 a { color:#000; }
#main h3 a:hover { color:#2971a7; }
#main h4 { font-family:"Trebuchet MS", Arial; margin-bottom:.3em; color:#000; font-size:11px; line-height:14px; }
#main strong {  }
#main p,
#main ul { margin-bottom:.7em; }

#main a:link,
#main a:visited { text-decoration:none; }
#main a:hover { text-decoration:underline; }

#main .more { padding-right:9px; white-space:nowrap; background:url(/images/morearrow_blue.gif) 100% .4em no-repeat; zoom:1; }


/* boxes */
#main .relative { position:relative; }
#main .separator { margin:0 -3px; padding:.7em 3px 0; border-top:1px solid #c8c8c8; }

#main .box { margin-bottom:1.6em; color:#666; background:#fdfdfd url(/images/box_980_bg2.png) repeat-y; }
#main .column .box { background:url(/images/box_582_bg.png) repeat-y; }
#main .sidebar .box { background:url(/images/box_184_bg2.png) repeat-y; }

#main .box .padder { padding:0 15px .6em; }

#main .box .boxcap { clear:both; position:absolute; width:100%; height:5px; left:0; z-index:100; font-size:1px; }

#main .box .boxcap.captop { top:0;  }
#main .column .box .boxcap.captop {  }
#main .sidebar .box .boxcap.captop {  }

#main .box .boxcap.capbot { bottom:0; _bottom:13px; _position:static; _margin-top:-5px; background-image:url(/images/box_980_capbottom.png); }
#main .column .box .boxcap.capbot { position:absolute; background-image:url(/images/box_582_capbottom.png); }
#main .sidebar .box .boxcap.capbot { position:absolute; background-image:url(/images/box_184_capbottom.png); }

#main .box h2 { float:none !important; margin:0; padding:4px 0 2px 12px; color:#fff; font-size:12px; font-weight:normal; border-bottom:1px solid #6c7b94; background:#72839d url(/images/glassbkg.jpg) repeat-x; }
#main .box h2 a { display:block; width:100%; color:#fff; background:url(/images/boxtop_linkarrow.gif) 97.5% 40% no-repeat; }
#main .box h2 a:hover { text-decoration:none; }
#main .sidebar .box h2 { width:172px; }

#main .box h2.drawer-handle { position:relative; color:#fff; cursor:default; border:#939393; background:#939393 url(/images/glassbkg.jpg) repeat-x; }
#main .box h2.drawer-handle.open { color:#fff; cursor:pointer; border-color:#72839d; background:#72839d url(/images/boxtopblue.gif) repeat-x; }


/* contentfooter
-------------------------------------*/
#main #contentfooter { clear:both; color:#666; background:url(/images/bgmiddle.gif) repeat-y; }
body.guidedtours #main #contentfooter,
body.retail #main #contentfooter { display:none; }

#main #contentfooter .cap { height:12px; margin:0; font-size:1px; }
#main #contentfooter .cap.top { background:url(/images/bgtop.gif) no-repeat top left; }
#main #contentfooter .cap.bottom { background:url(/images/bgbottom.gif) no-repeat bottom left; }

#main #contentfooter .gradient { margin:0 2px; background:url(/images/bggradient.gif) repeat-x top; position:relative; } 

/* #main #contentfooter .grid2col { background:url(/images/bgseparator.png) repeat-y center; _background-image:url(/images/bgseparator.gif); } */
#main #contentfooter .grid2col .column { display:block; width:250px; padding:0 32px; margin:0 !important; }

#main #contentfooter h3 { margin:1em 0 .3em; color:#000; }
#main #contentfooter p { margin-bottom:1em; }
#main #contentfooter img { position:relative; }
#main #contentfooter img.right { margin-bottom:-9px; _margin-bottom:-21px; }
#main #contentfooter img.flushtop { margin-top:-11px; }
#main #contentfooter img.flushright { margin-right:-33px; }
#main #contentfooter a.arrow { position:relative; }

#main #contentfooter #cf-guidedtours img.right { margin-top:7px; margin-right:-29px; margin-left:-5px; }
#main #contentfooter #cf-retail h3 img { margin-right:-20px; }
#main #contentfooter #cf-retail img.right { margin-left:10px; }

/* drawers */
#main ul.drawers { margin:0; overflow:hidden; }
#main ul.drawers li { overflow:hidden; }
#main .slider .drawer-content { display:block; height:auto; overflow:hidden;}

/* why mac
---------------------------*/
#main #whymac { min-height:425px; _height:423px; }
#main #whymac ul { float:left; margin:0 -8px .7em 0; _zoom:1; }
#main #whymac ul li { float:left; margin:0 8px .7em 0; }
#main #whymac ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#main #whymac #getamac img { margin-bottom:4px; }
#main #whymac #getamac p { margin-right:-4px; }

#main #whymac #dotmac { clear:both; padding-top:1em; *padding-top:4px; }
#main #whymac #dotmac img.right { margin:-4px -10px 0 0; }
#main #whymac #dotmac ul { margin-bottom:0; }

/* showcase
---------------------------*/
#main #showcase { height:425px; }
#main #showcase .leadpromo { clear:both; margin-bottom:16px; margin-top:-11px; }
#main #showcase .leadpromo img { _margin-bottom:-3px; }
#main #showcase .promo.last { _width:184px !important; _float:right !important; }

/* latest
---------------------------*/
#main #latest { min-height:455px; _height:453px; overflow:hidden; }
#main #latest .padder { min-height:352px; _height:350px; padding-bottom:0; }
#main #latest .promoPadder { min-height:232px; _height:230px; padding-bottom:0; }
/* where to buy */
#main #latest #wheretobuy .separator { margin-top:18px; padding-top:16px; }

#main #latest #wheretobuy #buyonline { margin-top:0; border:none; }
#main #latest #wheretobuy #buyonline p { margin-right:15px; }

#main #latest #wheretobuy #shopretail { }

#main #latest #wheretobuy #findreseller form .search-wrapper { display:none; }
#main #latest #wheretobuy #findreseller form .search-wrapper,
#main #latest #wheretobuy #findreseller form input.prettysearch { width:150px; }
#main #latest #wheretobuy #findreseller form .search-wrapper input.prettysearch { width:120px; *margin-left:23px; }
#main #latest #wheretobuy .open #findreseller form .search-wrapper { display:block; }

/* hot news */
#main #latest #hotnews ul.stories { margin:0; }
#main #latest #hotnews ul.stories li.story { margin:0; padding:14px 3px 4px; border-top:1px solid #c8c8c8; }
#main #latest #hotnews ul.stories li.story h3 { font-size:11px; line-height:14px; font-weight:bold; }
#main #latest #hotnews ul.stories li.story.leadstory { border:none; }

/* mac@work */
#main #latest #macatwork img.across { margin:1.4em 0 0 -1px; }
#main #latest #macatwork h3 { margin-bottom:.7em; }

#main #latest #macatwork ul { margin-top:1em; margin-bottom:0; }
#main #latest #macatwork ul li { padding:6px 3px; *padding:4px 3px 3px; }
#main #latest #macatwork ul li h3 { margin-bottom:0; _zoom:1; }
#main #latest #macatwork ul li h3 a.more { display:block; text-align:left; background:url(/images/morearrow2.gif) no-repeat 100% 1px; }
#main #latest #macatwork ul li h3 a.more:hover { background-position:100% -99px; }


/* promotionNews */
#main #latest #promotionNews img.across { margin:1.4em 0 0 -1px; }
#main #latest #promotionNews h3 { margin-bottom:.7em; }

#main #latest #promotionNews ul { margin-top:1em; margin-bottom:0; }
#main #latest #promotionNews ul li { padding:6px 3px; *padding:4px 3px 3px; }
#main #latest #promotionNews ul li h3 { margin-bottom:0; _zoom:1; }
#main #latest #promotionNews ul li h3 a.more { display:block; text-align:left; background:url(/images/morearrow2.gif) no-repeat 100% 1px; }
#main #latest #promotionNews ul li h3 a.more:hover { background-position:100% -99px; }


/* promotion news item */
#main #latest #promoNewsItem ul.stories { margin:0; }
#main #latest #promoNewsItem ul.stories li.story { margin:0; padding:14px 3px 4px; border-top:1px solid #c8c8c8; }
#main #latest #promoNewsItem ul.stories li.story h3 { font-size:11px; line-height:14px; font-weight:bold; }
#main #latest #promoNewsItem ul.stories li.story.leadstory { border:none; }


/* retail
---------------------------*/
#main #retail { clear:both; background-color:#f7f7f7; }
#main #retail h2 { margin-bottom:1.2em; }
#main #retail h3 { margin-top:.3em; }
#main #retail img.left { margin-bottom:1em; }


/* footer
---------------------------*/
#globalfooter p.sosumi { float:right; color:#999; margin-top:-2.8em; }

/* content
----------------------------- */
/* margin: top, right, bottom, left */
#main .stroke { width:944px; position:relative; margin:5px 5px 37px; background:url(/images/content_bg.gif) repeat-y 0 0; padding:20px;}
#main #content.stroke { width:900px; margin:5px 20px 25px; zoom:1; }
#main .stroke .cap { width:984px; height:8px; position:absolute; font-size:1px; left:0; }
#main .stroke .cap.top { top:-5px; background:url(/images/content_bg_captop.gif) no-repeat 0 0; }
#main .stroke .cap.bottom { clear:both; bottom:-7px; background:url(/images/content_bg_capbottom.gif) no-repeat 0 0; }


.FMHeader { margin-bottom:.3em; color:#000; font-size:16px; font-weight:bold; line-height:14px; word-spacing:-.1em; }
.sectionTitle { font-family:"Trebuchet MS", Arial; font-size:16px; color:#333333; font-weight:bold;}




/*---- overlay nav ----*/
#main ul.enlarge { float: left; padding: 9px 0 1px; margin: 0 24px 0 0; position: relative; list-style:none;}
#main ul.enlarge li { display: block; float: left; width: 75px; height: 51px; padding: 4px 2px 5px 7px; margin: 0; background: url(/images/overlay_thumb20080115.gif) no-repeat 0 0;  list-style:none;}
#main ul.enlarge li a { list-style:none; outline: none; }
#main ul.enlarge li.enlarge { position: relative; float: left; width: 19px; height: 19px; padding: 0; margin: -9px -12px -17px -5px; z-index: 20; background: url(/images/overlaynav_enlarge.png) no-repeat; font-size: 1px; behavior: url(/include/iepngfix.htc);  list-style:none; outline:none;}
#main ul.enlarge.movie {  }
#main ul.enlarge.movie li.enlarge { background-image: url(/images/overlaynav_enlarge_movie.png); }
#main ul.enlarge.qtvr { margin: 0; }
#main ul.enlarge.qtvr li.enlarge { background-image: url(/images/overlaynav_enlarge_qtvr.gif); }

/*---- overlay ----*/
.overlay#ACOverlayMovie .overlaydescription { width: 200px; top:33px; font-size: 11px !important; line-height: 1.5em; color: #717171; }
.overlay.gallery { width: 780px; height: 580px; margin: 40px; }
.overlayshadow.galleryshadow { width: 860px; height: 660px; }
.overlay#ACOverlayMovieGallery .overlaydescription { width: 280px; left: 30px; top: 30px; font-size: 11px !important; line-height: 1.5em; color: #717171; }
.overlay#ACOverlayMovieGallery .overlaydescription h3 { margin-bottom: .4em; font-weight: bold; font-size: 18px !important; color: #000; }
.overlay#ACOverlayMovieGallery .overlaydescription p { margin-bottom: 1em; }
.overlay#ACOverlayMovieGallery .overlaydescription p.sosumi { margin-bottom: 0; clear: both; }
.overlay#ACOverlayMovieGallery .overlaydescription ul { margin-left: 10px; }
.overlay#ACOverlayMovieGallery .overlaydescription ul li { display: inline; }
.overlay#ACOverlayMovieGallery .overlaydescription ul li.clear a { clear: both; }
.overlay#ACOverlayMovieGallery .overlaydescription ul li a { display: block; float: left; width: 110px; margin: 0 20px 1.4em 0; text-align: center; color: #08c; text-decoration: none; background: url(/images/overlay_thumb20080115.gif) no-repeat 50% 0; }
.overlay#ACOverlayMovieGallery .overlaydescription ul li a.active { color: #333; text-decoration: none; background: none; }
.overlay#ACOverlayMovieGallery .overlaydescription ul li a.active:hover { text-decoration: none; cursor: default; }
.overlay#ACOverlayMovieGallery .overlaydescription ul li a img { display: block; margin: 0 auto .3em; padding: 4px; }
.overlay#ACOverlayMovieGallery .overlaydescription ul li a.active img { padding: 3px; border: 1px solid #a4a4a4; }
.overlay#ACOverlayMovieGallery.gallery .overlaymovie { width: 320px; height: 400px; margin: 0 0 0 400px; padding-top: 77px; }
.overlay#ACOverlayMovieGallery.gallery .overlaycontroller { width: 320px; margin-left: 400px; }
.overlay#ACOverlayMovieGallery.gallery .overlaycontroller div.sliderPanel { width: 304px; }
.overlay#ACOverlayMovieGallery.gallery .overlaycontroller div.sliderPanel div.track { width: 304px; background-image: url(/images/overlay_movie_bgtrack_load20070807.gif); }
.overlay#ACOverlayMovieGallery.gallery .overlaycontroller div.sliderPanel div.track div.loadedProgress { background-image: url(/images/overlay_movie_bgtrack20070807.gif); }