/* GRID */
.grid3cola .column { width: 582px; margin-left: 15px; }
.grid3cola .column.first,
.grid3cola .column.last { width: 184px; }
.grid3cola .grid3col .column { width: 32%; margin-left: 14px; }

/* MAIN */
#main h3 { font-size: 13px; color: #333; font-weight: normal; word-spacing: -0.1em; }
#main a:link,
#main a:visited { color: #2971a7; text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main .sidebar { font-size: 11px; color: #666; }
#main .sidebar p,
#main .sidebar ul,
#main .sidebar h4 { font-size: 11px; line-height: 14px; }
#main .sidebar p,
#main .sidebar ul { margin-bottom: 10px; }

/* CONTENT */
#content { padding: 15px 0 0; }

/* BOXES */
#main .box h2 a.none { display: block; position: relative; height: 25px; width: 100%; background: none }
#main .box h2 a:hover { text-decoration: none; }
#main .padder { padding: 0 15px; }

/* DRAWERS */
#main ul.drawers { margin: 0; }
#main .slider .drawer-content { display: block;  height: auto; }
#main .slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; }

/* PRODUCT BROWSER */
#productbrowser { width: 770px; height: 140px;) no-repeat top; overflow: auto; }
#pb-productbrowsercontainer { position: relative; width: 770px; height: 180px; margin: 0 auto;}
#pb-productslider { top: 0px; left: 0; width: 1806px; height: 140px; position: absolute; margin: 0; padding: 0; }
#pb-productslider .pb-productimage { float: left; width: 258px; height: 140px; position: relative; top: 0; }
#pb-productslider .pb-productimage a:link,
#pb-productslider .pb-productimage a:visited { float: left; width: 100%; padding-top: 100px; overflow: hidden; color: #ccc; font-size: 11px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; }
#pb-productslider .pb-productimage a:hover { text-decoration: none; color: #fff; }
#pb-productslidertrack { position: absolute; top: 152px; left: 18px; width:770px; height:19px; overflow: hidden; background: url(/consumer/images/scrollbj.jpg) no-repeat; visibility: hidden; }
#pb-cat1 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 100px; }
#pb-cat2 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 560px; }
#pb-productsliderhandle { position: absolute; width: 213px; height: 19px; cursor: pointer; z-index: 155; }
#pb-productsliderhandleimage { position: absolute; width: 135px; height: 19px; background: url(/consumer/images/productbrowser_scroller_200.png) no-repeat; cursor: pointer; z-index: 5; }
#pb-leftarrow { position: absolute; left: 17px; top: 152px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }
#pb-rightarrow { position: absolute; left: 722px; top: 152px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }

/* PRODUCT BROWSER SECTION COLORS */
#pb-productbrowsercontainer .pb-catclass0 { color: #666; }
#pb-productbrowsercontainer .pb-catclass1 { color: #777; }
#pb-productbrowsercontainer .pb-catclass2 { color: #888; }
#pb-productbrowsercontainer .pb-catclass3 { color: #999; }
#pb-productbrowsercontainer .pb-catclass4 { color: #aaa; }
#pb-productbrowsercontainer .pb-catclass5 { color: #bbb; }
#pb-productbrowsercontainer .pb-catclass6 { color: #ccc; }
#pb-productbrowsercontainer .pb-catclass7 { color: #ddd; }
#pb-productbrowsercontainer .pb-catclass8 { color: #eee; }
#pb-productbrowsercontainer .pb-catclass9 { color: #eee; }
#pb-productbrowsercontainer .pb-catclass10 { color: #fff; }
#pb-productbrowsercontainer .pb-catclass11 { color: #fff; }
#pb-productbrowsercontainer #pb-cat1.pb-catclass5 { color: #fff; }

/* PRODUCT BROWSER PRODUCTS */
#pb-productslider #pb-airportexpress a { background-image: url(/consumer/productimg/s/s_20.jpg); }
#pb-productslider #pb-airportextreme a { background-image: url(/consumer/productimg/s/s_21.jpg); }
#pb-productslider #pb-mightymouse a { background-image: url(/consumer/productimg/s/s_22.jpg); }
#pb-productslider #pb-keyboards a { background-image: url(/consumer/productimg/s/s_23.jpg); }
#pb-productslider #pb-displays a { background-image: url(/consumer/productimg/s/s_24.jpg); }
#pb-productslider #pb-macpro a { background-image: url(/consumer/productimg/s/s_25.jpg); }

/* PRODUCT  REPOSITIONING */
#pb-productslider #pb-airportexpress { margin-left: 40px; }
#pb-productslider #pb-mightymouse { margin-left: 70px; }

/* WHY MAC */
#whymac { min-height: 425px; *height: 425px; margin-bottom: 13px; }
#whymac .linklist { float: left; margin-bottom: 4px; }
#whymac .linklist li { display: inline;  }
#whymac .linklist li .more { float: left; margin-right: 8px; }
#whymac .linklist li .more.last { margin-right: 0; _width: auto !important; _float: left !important; }
#whymac .getamac { padding-right: 10px; }
#whymac .dotmac h3 { margin-top: 10px; _margin-top: 0px;}
#whymac .dotmac .right { margin: 0; _height: 68px; _margin-top: -10px; }

/* SHOWCASE */
#showcase { height: 425px; overflow: hidden; margin-bottom: 15px; }
#showcase .promo { float: left; width: 184px; height: 116px; }
#showcase .promo img { display: block; }
#showcase .leadpromo { clear: both; width: 582px; height: 295px; margin-bottom: 14px; }
#showcase .last { _width: 184px !important; _float: right !important; }

/* LATEST */
#latest { height: auto; min-height: 425px; *height: 425px; margin-bottom: 15px; position: relative; overflow: hidden; _width: 184px; }
#latest .drawers .drawer-content { width: 184px; min-height: 341px; *height: 341px; }

/* TOP LISTS */
#latest .toplist { margin: 0; }
#latest .toplist a:link,
#latest .toplist a:visited { color: #666; }
#latest .toplist a:hover { color: #08c; text-decoration: underline; background-position: -184px 0; }
#latest .toplist a strong { color: #333; }
#latest .toplist a span { display: block; width: 135px; *width: 100px; }
#latest .toplist .first { background: none; padding-top: 8px; }
#latest .toplist .first a { padding-bottom: 10px; }
#latest .toplist .first a:hover { background-position: -184px 0; }
#latest .toplist .first img.left { float: left; margin: 0 8px 8px 0; }
#latest .toplist .first strong { height: 1.8em; overflow: hidden; }

/* HOTNEWS */
#hotnews ul.stories { margin: 0; }
/* for hotnews test */
#hotnews .stories h3 { font-size: 11px; line-height: 14px; font-weight: bold; color: #666; }
/*#hotnews .stories .story { padding: 12px 10px 2px 15px; }*/
#hotnews .stories .story .title { color: #333; margin-bottom: 0; position: relative; }
#hotnews .stories .story .title a { color: #333; }
#hotnews .stories .story .summary { margin-bottom: 0; position: relative; }
#hotnews .stories .leadstory { background: none; }
#hotnews .stories .leadstory .title { font-size: 13px; font-weight: normal; }
#hotnews .stories .leadstory .leadimage { position: absolute; top: 0; left: 0; _left: -15px; }

/* MAC AT WORK */
#macatwork .shingles { margin: 0 1px; position: relative; overflow: hidden; }
#macatwork .shingles li { display: block; z-index: 1; width: 100%; }
#macatwork .shingles img.photo { display: block; margin: 2px 3px 0 3px; }
#macatwork .shingles .handle:hover { text-decoration: none; }
#macatwork .shingles .handle strong { display: block; font-size: 13px; color: #333; font-weight: normal; height: 18px; white-space: nowrap; overflow: hidden; }
#macatwork .shingles .handle .description { color: #333; height: 28px; overflow: hidden; line-height: 14px; }
#macatwork .shingles .handle .more { color: #2971a7;}
#macatwork .shingles li.obscured .handle { background-position: 0 100%; }
#macatwork .shingles li.obscured .handle .description { color: #666; }

/* VIDEOS */
#videos { height: 501px; }
#videos .padder { padding: 0 11px; }
#videos .nowplaying { font-size: 11px; color: #666; padding: 4px 0; margin-bottom: 0; }
#videos .nowplaying strong { color: #333; }
#videos #quicktime { position: relative; width: 560px; height: 316px; background: #fdfdfd; margin: 0 auto; text-align: center; }
#videos #quicktime .poster { cursor: pointer; _cursor: hand; }
#videos .endstate { position: absolute; left: 0; top: 0; }
#videos #quicktime.loading object { width:1px !important; height:1px !important; }
#videos #videoplaylist { overflow: hidden; margin: 0 0 9px; }
#videos #videoplaylist li { display: inline; }
#videos #videoplaylist .button.first a { margin-left: 0; }
#videos #videoplaylist .button.last a { float: right; }
#videos #videoplaylist #mov-b a { background-position: -180px 0; }
#videos #videoplaylist #mov-c a { background-position: -360px 0; }
#videos #videoplaylist #mov-a.active a { background-position: 0 -90px; }
#videos #videoplaylist #mov-b.active a { background-position: -180px -90px; }
#videos #videoplaylist #mov-c.active a { background-position: -360px -90px; }
#videos .posterFrame {display: none;}

/* PILL BUTTONS */
.pillbutton   { width: 204px; }

#quicktime p.pillbutton { position: absolute; top: 95px; left: 24%; margin-left: -102px; }
#videos .endstate .pillbutton { margin: 10px auto; }
#videos .endstate .pillbutton a span {  }
#videos .endstate .pillbutton.top { margin-top: 115px; }

/* END STATES */
#videos #quicktime .endstate { display: block; margin: 0; padding: 0; width: 100%; height: 100%; }
#videos #quicktime .endstate li { display: block; margin: 0; padding: 0; }

/* VIDEO CONTROLLER */
#videos .ACQuicktimeController { visibility: hidden; padding-top: 6px; padding-bottom: 6px; }
#videos .ACQuicktimeController.active { visibility: visible; }
#videos .ACQuicktimeController div.sliderPanel { width: 532px; left: 24px; }
#videos .ACQuicktimeController div.sliderPanel div.track { border: 1px solid #aaa; background-color: #ccc; width: 532px; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.loadedProgress { background-color: #aaa; height: 6px; }
#videos .ACQuicktimeController div.sliderPanel div.track div.trackProgress { background-color: #fff; height: 6px; }

/* WHERE TO BUY */
#wheretobuy { min-height: 502px; *height: 501px; }
#wheretobuy .button { float: left; padding: 6px 0; }
#wheretobuy .phone { white-space: nowrap; }
#wheretobuy #findreseller { padding-bottom: 15px; background-image: none; }
#wheretobuy h3 { font-weight: bold; font-size: 11px; }
#wheretobuy input.prettysearch,
#wheretobuy .search-wrapper { width: 154px; }
#wheretobuy .search-wrapper input.prettysearch { width: 124px; *margin-left: 20px; }

/* FOOTER */
#globalfooter p.sosumi { float: right; color: #999; margin-top: -18px; }