html { background-color: #f2f2f2; }


/* productheader */
#productheader h2 a { text-indent: 0; width: 100px; }
#productheader li a { text-shadow: #fff 0 1px 0; }

#overview #pn-overview a,
#design #pn-design a,
#features #pn-features a,
#performance #pn-performance a,
#whymac #pn-whymac a,
#environment #pn-environment a,
#specs #pn-specs a { color: #999 !important; cursor: default; }

#content { width:auto; padding:0; }
.content, .content#main { position: relative; margin: 0 auto; width: 880px; padding: 0 50px 36px; }
.content .grid2col .column { width: 415px; }

.content a.wrap,
.content a.wrap em { font-style: normal; text-decoration: none; }
.content a em.more { font-style: normal; text-decoration: none; color: #08c; white-space: nowrap; padding-right: 10px; background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; cursor: pointer; }
.content a.wrap:hover em,
.content a:hover em.more { text-decoration: underline; }

.content .relative { position: relative; }

#buystrip { height: 14em; }
#buystrip .column.first { height: 153px; }
#buystrip .column.first p { margin: 0; width: 140px; font-size: 12px; word-spacing: -2px; color: #666; position: relative; }
#buystrip img.right { position: absolute; left: 115px; margin: -15px 0 0; }


/* content
----------------------------- */
/* images */
#main img.flushtop,
#main img.flushleft,
#main img.flushbottom,
#main img.flushright { position:relative; _zoom:1; }
#main img.flushtop { margin-top:-4.5em; }
#main img.flushleft { margin-left:-50px; }
#main img.flushright { margin-right:-50px; }

#main img.center { display:block; margin-left:auto; margin-right:auto; }
#main img.inline { margin-top:12px; }
#main img.reflection { margin-bottom:0; }

#main img.small { margin-bottom:5px; }
#main img.left.small { margin-right:10px; }
#main img.right.small { margin-left:10px; }

#main img.last { margin-bottom:0; width:auto !important; float:none !important; }
#main img.lastright { margin-bottom:0; width:auto !important; float:right !important; }
#main img.lastleft { margin-bottom:0; width:auto !important; float:left !important; }

.content h1,
.content h2,
.content p.intro,
.content a.more.play { font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
.content a.more.play,
.content p.intro { font-size: 18px; line-height: 22px; }

.content h2 { font-size: 24px; margin-bottom:0; }
.content h3 { font-size: 14px; font-weight: 600; line-height: 18px; margin-bottom: 2px; }
.content .back-to-top { float: right; margin-top: 11px; padding-right: 12px; _margin-right: 0px; background: url(/global/elements/arrows/uparrow_08c.gif) no-repeat 100% 50%; }
.content a.more.play { background:url(/imac/images/morearrow_large_20091020.gif) no-repeat 100% 20%; *background-position:100% 70%; padding-right:21px; }

.content div.enlarge { background: url(/global/elements/buttons/icon-enlarge.png) no-repeat 0 0; height: 24px; position: absolute; top: -10px; left: -10px; width: 24px; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
.content .shadow { -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; *border:1px solid #e4e4e4; }

.content .endState { background:none; }
.content .vr .controllerPanel { display:none; }

.content .did-you-know { padding-bottom: 5px; margin-top: 30px; border: 1px solid #e4e4e4; background-color: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), color-stop(1, #ffffff)); -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 1px; }
.content .did-you-know h3 { border-top: 1px solid #fafafa; padding: 19px 20px 0 70px; height: 33px; background: url(/imac/images/didyouknow_20091020.png) no-repeat 20px 12px; _background-image: url(/imac/images/didyouknow_20091020.gif); }
.content .did-you-know p { padding: 0 20px; font-size: 11px; }


/* sosumi */
.sosumi { width:940px; margin:0 auto; margin-bottom:10px !important; padding:18px 20px 0; }
ol.sosumi { margin-left:auto; padding-left:0; *padding-left:3px; }
.sosumi a { color:#333; }
.sosumi li { line-height:14px; padding-bottom:5px; margin-bottom:0; }
ol.sosumi li { margin-left:2em; }
.sosumi ul,
.sosumi ol,
.sosumi p { margin-bottom: 0; }


/* site-specific buy now promo footer */
#promofooter #promos li.buy { width:232px; padding-left:12px; }
#promofooter #promos li.buy h4 { font-size:15px; font-weight:normal; padding-top:12px; }
#promofooter #promos li.buy h4 span { color:#525252; }
#promofooter #promos li.buy h5 { font-size:12px; }
#promofooter #promos li.buy ul { margin-top:7px; padding:0; }
#promofooter #promos li.buy ul li.pad { margin-bottom:10px; }


/* image galleries */
.content .image-gallery { position:relative; padding-bottom: 50px; }
.content .image-gallery h3 { font-weight:normal; }
.content .image-gallery ul li { width:78px; height:55px; float:left; margin-right:12px; position:relative; text-align: center; }
.content .image-gallery ul li.last { margin-right: 0 !important; width: 78px !important; }
.content .image-gallery ul li a { display:block; text-decoration:none; cursor:pointer; }
.content .image-gallery ul li a:hover { text-decoration:none; }
.content .image-gallery ul li a span { position:absolute; top:62px; left:0; font-size:11px; line-height:13px; color:#000; text-decoration:none; width:100%; }
.content .image-gallery ul li a:hover span { color:#0088cc; }
.content .image-gallery ul li a img { position:absolute; top:0; left:0; z-index:0; }
.content .image-gallery ul li a div { width:78px; height:55px; position:absolute; top:0; left:0; z-index:1; background:url(/macbook/images/image_thumbnail_mask_20091020.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/macbook/images/image_thumbnail_mask_ie_20091020.png",sizingMethod="image"); }
.content .image-gallery ul li a.active div { background-position: 0 -55px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/macbook/images/image_thumbnail_mask_ie_active_20091020.png",sizingMethod="image"); }
.content .image-gallery ul li a.active { cursor:default; }
.content .image-gallery ul li a.active span { color:#888; }
.content .image-gallery .imagecontent .swapview-content { position: absolute; }
.content .image-gallery p.gallery { float:left; width:50px; margin:18px 7px 0 0; font-size:11px; line-height:13px; color:#888; text-align:right; }
.content .image-gallery p.caption { margin-top:5px; width:571px; text-align:center; line-height:16px; }


/* inline galleries */
.gallery { margin:0 -50px; }
.gallery .gallery-view { position:relative; }
.gallery .gallery-content { position:absolute; left:0; top:0; }

.gallery .gallery-view a.close { position:absolute; display:block; left:0; top:0; padding-left:16px; text-transform:lowercase; text-decoration:none; color:#888; z-index:1; background:url(/global/elements/buttons/close.png) no-repeat 0 0; }
.gallery .gallery-view a.close:hover { color:#08c; background-position:0 -50px; }

.gallery .gallery-content .media { position:relative; margin:0 auto; }
.gallery .gallery-content .media,
.gallery .gallery-content .moviePanel,
.gallery .gallery-content .endState { width:848px; height:480px; }


/* gallery triggers */
.gallery .gallery-triggers { position:relative; height:42px; padding-left: 108px; overflow:hidden; background:url(/imac/images/gallery_triggerbg20091020.png) no-repeat; }

.gallery .gallery-triggers ul { display:inline; display:inline-block; *display:inline; }
.gallery .gallery-triggers h4,
.gallery .gallery-triggers ul li,
.gallery .gallery-triggers ul li a,
.gallery .gallery-triggers ul li a div { display:-moz-inline-stack; display:inline-block; *display:inline; }
.gallery .gallery-triggers ul.nudge { width:61px; background:none; border-left:1px solid #fff; padding-right:0px !important; }
.gallery .gallery-triggers ul.nudge a.active { background:none !important; }
.gallery .gallery-triggers h4.nudge { padding-left:103px; }

.gallery .gallery-triggers h4 { position:relative; top:-15px; padding-right:10px; text-align:right; font-weight:normal; color:#5f5e62; }

.gallery .gallery-triggers ul { padding-right:1px; height:42px; border-left:1px solid #ddd; background:url(/imac/images/gallery_triggerbg_bar_last20091020.png) no-repeat 100% 0; }
.gallery .gallery-triggers ul li a { position:relative; width:61px; height:42px; outline:none; cursor:pointer; background:url(/imac/images/gallery_triggerbg_bar20091020.png) no-repeat 0 0; zoom:1; }
.gallery .gallery-triggers ul li a b { position:absolute; width:61px; height:7px; *left:0; z-index:5; background:url(/imac/images/gallery_trigger20091020.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/imac/images/gallery_trigger20091020.png",sizingMethod="image"); }
.gallery .gallery-triggers ul li a div { width:61px; height:42px; left:0; }
@-moz-document url-prefix() { .gallery .gallery-triggers ul li a div { position:relative; } }
.gallery .gallery-triggers ul li a div img { behavior:url(/global/scripts/lib/ie7pngfix.htc); }

.gallery .gallery-triggers ul li a:hover { background:url(/imac/images/gallery_triggerbg_hover20091020.png) no-repeat 0 0; }
.gallery .gallery-triggers ul li a:hover div { opacity:.8; -moz-opacity:.8; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); }

.gallery .gallery-triggers ul li a.active { margin:0 -1px; padding:0 1px; cursor:default; background:url(/imac/images/gallery_triggerbg_active20091020.png) no-repeat 0 0 !important; }
.gallery .gallery-triggers ul li a.active b { background:url(/imac/images/gallery_trigger_active20091020.png) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/magicmouse/images/gallery_trigger_active20091020.png",sizingMethod="image"); }

/*.gallery .gallery-triggers ul li a.active div { opacity:.5; -moz-opacity:.5; -ms-filter:"alpha(opacity=50)" !important; filter:alpha(opacity=50) !important; }*/


/* 360 no quicktime */
.moviePanel a.quicktime-download.size880x469 { width: 848px; height: 480px; background: transparent url(/global/elements/quicktime/download_quicktime_848x480.jpg) center top no-repeat; }

/* page specific
----------------------------- */
/* index */
#overview .gallery { width:980px; height:522px; margin:0 auto 12px; padding:0; }

#overview .gallery .gallery-triggers { background:url(/imac/images/gallery_triggerbg_index20091020.png) no-repeat; padding-left:110px; }
#overview .gallery .gallery-triggers ul { padding-right:5px; *padding-right:0; }
#overview .gallery .gallery-triggers ul li { margin-right:-4px; *margin-right:0; }

#overview .gallery .gallery-view,
#overview .gallery .gallery-view .gallery-content { width:980px; height:480px; }
#overview .gallery .gallery-view .gallery-content img { position:absolute; top:0; left:0; }
#overview .gallery .gallery-view .gallery-content.hero1 { padding:100px 586px 0 85px; width:309px; height:339px; }
#overview .gallery .gallery-view .gallery-content.hero1 img { top:-14px; }
#overview .gallery .gallery-view .gallery-content.hero1 h1 { position:relative; color:#999; font-size:24px; }
#overview .gallery .gallery-view .gallery-content.hero1 h1 img { position:static; margin-left:-1px; }
#overview .gallery .gallery-view .gallery-content.hero1 p.intro { position:relative; margin-bottom:31px; font-size:24px; line-height:1.2; font-family:"Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#000; }
#overview .gallery .gallery-view .gallery-content.hero1 p.caption { position:absolute; right:10px; bottom:-22px; _bottom:0; margin:0; width:120px; text-align:right; font-size:9px; color:#999; line-height: 11px; }
#overview .gallery .gallery-view .gallery-content.hero1 p.caption i a { color:#999; }
#overview .gallery .gallery-view .gallery-content.hero1 img.shadow { top:0; position:relative; padding:4px; }
#overview .gallery .gallery-view .gallery-content.hero1 a.video { padding-left:5px; position:relative; }

#overview .gallery .gallery-view .media { padding-top:0px; }
#overview .gallery .gallery-view .media,
#overview .gallery .gallery-view .moviePanel,
#overview .gallery .gallery-view .endState { width:848px; height:480px; }
#overview .gallery .gallery-view .close { top: 7px; left: 10px; }
#overview .gallery .gallery-view .vr,
#overview .gallery .gallery-view .vr .moviePanel { width:980px; height:468px; padding:0; }

#overview .gallery .gallery-view .vr .moviePanel a.quicktime-download { width: 880px; height: 468px; background: transparent url(/global/elements/quicktime/download_quicktime_640x360.jpg) 50% 54px no-repeat; }

#overview #featurettes { padding: 0; width: 980px; zoom: 1; }
#overview #featurettes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#overview #featurettes li { float:left; width: 245px; }
#overview #featurettes li a { background: url(/imac/images/index_featurette_gradient_20091020.png) no-repeat 0 100%; display:block; position:relative; padding:25px 20px 130px; height:167px; border-left:1px solid #e5e5e5; text-decoration:none; color:#252525; }
#overview #featurettes li a.roundedleft { border-left: none; }
#overview #featurettes li h3 { font-size: 16px; line-height: 18px; color: #000; font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-weight: 600; }
#overview #featurettes li p { margin:0; }
#overview #featurettes li img { display:block; position: absolute; bottom: 0; left: 0; }
#overview #featurettes li a:hover { background: url(/imac/images/index_featurette_hover_20091020.png) repeat-x; }

#overview #buystrip #links { padding: 0 0 0 40px; width: 693px; text-align: center; }


/* design */
#design #main { padding-bottom:50px; }
#design h2 { line-height:29px; margin-bottom:18px; }

#design #hero .gallery-triggers { padding-left:201px; }

#design #main .gallery .gallery-content a.close { left:66px; }

#design #main .gallery #gallery-hero,
#design #main .gallery #gallery-hero .gallery-content { width:980px; height:589px; }
#design #main .gallery #gallery-hero img { position:absolute; left:0; top:0; }
#design #main .gallery #gallery-hero .gallery-content img { top:auto; bottom:0; }
#design #main .gallery #gallery-hero h1 { width:666px; height:46px; padding-top:40px; margin:0 auto; }
#design #main .gallery #gallery-hero h1 img { position:static; }
#design #main .gallery #gallery-hero p { text-align:center; margin:0 auto 16px; }
#design #main .gallery #gallery-hero .media { padding-top:54px; }
#design #main .gallery #gallery-hero a.close { top:26px; }

#design #main .imac { position:relative; padding-top:60px; margin-bottom:36px; }
#design #main .imac p.adjust1 { width:366px; *width:353px; }
#design #main .imac p.adjust2 { width:245px; }
#design #main .imac p.adjust2 img { margin-top:-16px; margin-right:15px; margin-bottom:5px; }
#design #main .imac p.adjust3 { width:230px; }
#design #main .imac .column.first img.left { margin:20px 25px 25px -23px; position:relative; }
#design #main .imac .column.last img.across { margin:18px 0 0; }
#design #main .imac img.background { margin-top:-840px; }
#design #main .imac .grid2col .column.first { width:610px; _width:600px; }
#design #main .imac .grid2col .column.last { width:267px; }
#design #main .imac .grid2col .column.last h2 { margin-bottom:5px; }

#design #main .detail { border-bottom:1px solid #f4f4f4; padding-bottom:36px; margin-bottom:36px; }
#design #main .detail .grid3col { width:870px; margin-top:30px; }
#design #main .detail .grid3col .column { width:250px; margin-left:60px; }

#design #main .gallery #gallery-mouse,
#design #main .gallery #gallery-mouse .gallery-content { height:498px; }
#design #main .gallery #gallery-mouse .gallery-content { width:880px; padding:0 50px; }
#design #main .gallery #gallery-mouse img { position:absolute; margin:0 50px; }
#design #main .gallery #gallery-mouse .gallery-content img { top:auto; bottom:0; }
#design #main .gallery #gallery-mouse .endState img { margin:0; }

#design #main .gallery #gallery-mouse h2 { margin-bottom:36px; }
#design #main .gallery #gallery-mouse p { *position:relative; }
#design #main .gallery #gallery-mouse img.right { position:static !important; margin-left:-212px; margin-right:-50px; }
#design #main .gallery #gallery-mouse p.caption { position: absolute; top: 390px; right: 25px; width: 220px; text-align: right; }
#design #main .gallery #gallery-mouse a.close { top:-26px; }

#design #main .environment { margin-top:50px; padding:0 100px; }
#design #main .environment h2 { padding-top:25px; margin-bottom:36px; }



/* features */
#features p.double { margin-bottom:36px; }
#features .section { margin-top:36px; border-top:1px solid #e5e5e5; padding-top:28px; }
#features a.back-to-top { margin-top:0; }

#features #hero { text-align:center; }
#features #hero h1 { margin-top:25px; margin-bottom:8px; line-height:0; }
#features #hero p.intro { margin:0 auto 36px; width: 685px; }
#features #hero a.more { background:url(/imac/images/morearrow_large_20091020.gif) no-repeat 100% 20%; padding-right:21px; }
#features #hero .gallery-view,
#features #hero .gallery-content { width:980px; height:550px; }
#features #main .gallery-content .media { padding-top:36px; }
#features #main .gallery-content a.close { left:66px; top:10px; }

#features #hero .grid5col { text-align:left; margin-bottom:36px; }
#features #hero .grid5col a { display:block; }
#features #hero .grid5col a:hover { text-decoration:none; }
#features #hero .grid5col a:hover h4 { color:#08c; }
#features #hero .grid5col p { color:#333; }
#features #hero .grid5col .column { width:150px; padding-right:15px; margin-left:20px; background:url(/imac/images/features_nav_20091020.png) no-repeat 100% 0; }
#features #hero .grid5col .column.last { width:140px; padding-right:0; background:none; }

#features #displays { padding-top:16px; }
#features #displays h2 { margin-bottom:29px; }
#features #displays img.across { margin:0 0 25px -25px; position:relative; }
#features #displays .column { width:263px; margin-left:43px; }
#features #displays .column.last img { margin:0 -5px 0 5px; }

#features #fast h2 { margin-bottom: 35px; }
#features #fast p { position: relative; z-index: 2;  }
#features #fast img.graphics { margin-top:10px; }
#features #fast .column.first { width: 430px; }
#features #fast img.flushright { margin-top:-710px; }

#features #fast table { margin-top: 9px; font-size: 90%; color: #666; }
#features #fast table td {  }
#features #fast table h3 { margin: 10px 13px 8px 0; line-height: 16px; }
#features #fast table p { margin:10px 13px 10px 13px; }
#features #fast table h3.graphics { margin-left:0 !important; }
#features #fast table h3.grey { color:#555; font-weight:normal; }
#features #fast table h3.sizes { font-weight:normal; font-size:15px; margin-left:13px; }
#features #fast table tr.border td { border-bottom:1px solid #d7d7d7; }
#features #fast table td.border { border-right:1px solid #d7d7d7; }
#features #fast table tr.end p { margin-right: 0; }

#features #memory h3.padtop { padding-top:115px; }
#features #memory img.flushleft { margin-right:38px; }
#features #memory img.right { margin-left:3px; }

#features #mouse .gallery-view,
#features #mouse .gallery-content { width:980px; height:675px; margin:0 auto; }
#features #mouse .gallery-content { width:880px; padding:0 50px; }

#features #mouse { clear:both; }
#features #mouse img.flushleft { margin-bottom:24px; }
#features #mouse img.flushright { margin-top:10px; }
#features #mouse .vid { float:right; width:212px; margin-left:20px; }
#features #mouse .vid img { padding:10px; margin-bottom:10px; }
#features #mouse .vid p { font-size:11px; }
#features #mouse .grid2col .column.first { width:583px; margin-top:22px; }
#features #mouse .grid2col .column.last { margin-top:8px; width:260px; *width:280px; }
#features #mouse .grid2col .column.last h3,
#features #mouse .grid2col .column.last p { *padding-left:22px; }
#features #mouse .grid5col { clear:both; margin-top:36px; }
#features #mouse .grid5col .column { width:143px; margin-left:45px; }
#features #mouse .grid5col .column.last { width:135px; }
#features #mouse .grid5col p { font-size:11px; color:#666; margin-bottom:5px; }
#features #mouse img.gestures { margin:0 -50px; }

#features #isight { margin-top:5px; border:none; }
#features #isight h2 { margin-bottom:40px; }
#features #isight h3 { margin-top:125px; }
#features #isight img.right { margin-top:62px; }
#features #isight img.left { margin-right:43px; }

#features #ports { clear:both; position:relative; }
#features #ports h2 { line-height:30px; margin-bottom:36px; margin-top:15px; }
#features #ports h2 span { display: block; }
#features #ports h3,
#features #ports p { position: relative; }
#features #ports p.adjust { width:195px; }
#features #ports img.flushright { margin-top:-29px; margin-bottom:-150px; }
#features #ports.grid2col p { position:relative; }
#features #ports.grid2col .column.first { width:261px; }
#features #ports.grid2col .column.last { width:580px; }
#features #ports.grid2col .grid2col .column { width:261px; }
#features #ports .snow { margin:24px 0 0 -30px; padding:20px 0 5px 30px; background:#fcfcfc url(/imac/images/features_ports_snowbg_20091020.gif) repeat-x bottom left; *padding-bottom:25px; _margin-left:0; _padding-left:15px; }
#features #ports .snow h2 { margin:0 0 12px;}
#features #ports .snow p { width:260px; color:#666; }
#features #ports .snow img { margin-top:-21px; position:relative; }

#features #ports ul.tips { position:absolute; top:241px; right:32px; color:#656565; font-size:11px; word-spacing:-1px; }
#features #ports ul.tips li { float:left; }
#features #ports ul.tips li.tip1 { margin-right:29px; }
#features #ports ul.tips li.tip2 { margin-right:19px; }
#features #ports ul.tips li.tip3 { margin-right:13px; }
#features #ports ul.tips li.tip4 { margin-right:-8px; }
#features #ports ul.tips li.tip5 { margin:23px -9px 0 0; }
#features #ports ul.tips li.tip6 { margin:0; }

/* whymac */
#whymac .content#main { padding-bottom: 45px; }
#whymac #hero { margin:0 -50px; }
#whymac #hero img.hero { margin:0 auto -10px; display:block; }
#whymac #hero h1 { text-align: center; margin-bottom: -10px; *margin-bottom:3px; }
#whymac #hero p.intro { width: 780px; margin:0 auto 12px; text-align: center; }
#whymac #hero .grid6col { width:880px; padding: 20px 50px; }
#whymac #hero .grid6col .column { margin-left:2.2%; width:15%; }
#whymac #hero .grid6col a { color: #000; text-decoration: none; }
#whymac #hero .grid6col a:hover h4 { color: #08c; }
#whymac #hero .grid6col p { font-size: 11px; }

#whymac .section { margin-top:36px; *margin-top:18px; border-top:1px solid #e5e5e5; }
#whymac .section .back-to-top { margin-top: 26px; }
#whymac .section h2 { padding-top:24px; }
#whymac .section p.intro { width: 640px; }

#whymac #tasks { margin:0 -50px; padding:0 50px; background:url(/imac/images/whymac_section_bg_20091020.gif) no-repeat 0 0; }
#whymac #tasks.section { border:none; }
#whymac #tasks .column.first { width: 292px; }
#whymac #tasks .image-gallery { width:609px; margin-right:-50px; _margin-right:-25px; padding-bottom:35px; background: url(/imac/images/whymac_hardware_right_20091020.png) no-repeat; position: relative; behavior:url(/global/scripts/lib/ie7pngfix.htc); }
#whymac #tasks .image-gallery .imagecontent { height:561px; }
#whymac #tasks .image-gallery .imagecontent .screen { margin: 21px 0 190px 22px; }
#whymac #tasks .image-gallery p.gallery { margin-left: 10px; }

#whymac #media .column.last { width: 283px; }
#whymac #media .image-gallery .imagecontent { height:525px; }
#whymac #media .image-gallery { width: 571px; margin-left:-10px !important; background: url(/imac/images/whymac_hardware_left_20091020.jpg) no-repeat; }
#whymac #media .image-gallery .imagecontent .screen { margin: 21px 0 157px 22px; }
#whymac #media .image-gallery p.gallery { padding-left: 10px; }

#whymac #security .column.first { width: 290px; }
#whymac #security .column.last { width: 557px; }

#whymac #tech .column.last { width: 286px; }
#whymac #tech .image-gallery .imagecontent { height:525px; }
#whymac #tech .image-gallery { width: 571px; margin-left:-10px !important; background: url(/imac/images/whymac_hardware_left_20091020.jpg) no-repeat; }
#whymac #tech .image-gallery .imagecontent .screen { margin: 21px 0 157px 22px; }
#whymac #tech .image-gallery .imagecontent .processing { margin-bottom:-22px; }
#whymac #tech .image-gallery p.gallery { padding-left: 98px; }
#whymac #tech p.intro { width:720px; }
#whymac #tech #MASKED-tech-mouse .media { position: absolute; left: 10px; top: 75px; }

#whymac .section.grid3col p.intro { width:550px; margin-bottom: 30px; }
#whymac .section.grid3col .column { width: 280px; }
#whymac .section.grid3col .column.first { width: 260px; }
#whymac .section.grid3col .column.last { width: 250px; }
#whymac .section.grid3col .column.first { margin-right: 30px; }

#whymac #environment .column.last { margin-right: -20px; position: relative; }
#whymac #environment .did-you-know { margin-right: 20px; margin-left: 3px; }

#whymac #support .did-you-know { width:445px; }

#whymac p.sosumi { padding:0; }
#whymac .controllerPanel { display:none; }

#whymac .image-gallery .imagecontent .moviePanel { height: 297px; width: 528px; }
#whymac .image-gallery .moviePanel a.quicktime-download { width: 528px; height: 272px; background: transparent url(/global/elements/quicktime/download_quicktime_640x360.jpg) -56px -31px no-repeat; overflow: hidden; }

/* environment */
#environment #main #hero { margin: 0 -50px 27px; position: relative; text-align: center; }
#environment #main #hero h1 { margin:-30px 0 0; line-height: 1; }
#environment #main #hero p.intro { font-size: 18px; line-height: 24px; margin-left: auto; margin-right: auto; width: 570px; }
#environment #main #hero ul { margin-bottom: 0; }
#environment #main #hero ul li { display: inline; margin-left: 12px; }
#environment #main #hero ul li:first-child { margin-left: 0; }

#environment .grid3col { padding-top: 36px; }
#environment .grid3col .column { width: 350px; margin-left: 18px; }
#environment .grid3col .column.first { width: 230px; }
#environment .grid3col .column.last { width: 246px; }
#environment .grid3col .column.last .flushright { margin-left: -15px; }

#environment .report { background: #faf8ed url(/imac/images/environment_report_top_20091020.jpg) no-repeat 0 0; padding: 0 15px 15px; position: relative; color:#333; }
#environment .report h3 { padding-top: 15px; }
#environment .report ul { }
#environment .report ul li { padding-left: 33px; font-size: 16px; line-height: 1.3125em; margin-bottom: .75em; font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; /*color: #0d004c;*/ background: url(/imac/images/environment_status_bullet_20091020.png) no-repeat 0 2px; }
#environment .report .bottom { display: block; position: absolute; left: 0; bottom: 0; }

#environment .content h2, 
#environment .content p.intro, 
#environment .content h3 { line-height: 18px; margin-bottom: 18px; }

#environment .content h2 { margin-bottom: 7px; font-size: 20px; line-height: 20px; }
#environment .content h3 { font-size: 12px; margin-bottom: 2px; }
#environment .content .column p.intro { font-size: 14px; }

#environment .content h2,
#environment .content p.intro { font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
#environment .content h3 { margin-bottom: 2px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }

#environment .banner { width: 805px; padding: 27px 95px 18px 25px; position: relative; background: #fdfaf0; }
#environment .banner .column.first { width: 220px; }
#environment .banner .column.last { width: 557px; }
#environment .banner h3 { color: #7ca701; }
#environment .banner,
#environment .bannershadow { margin: 0 -25px; }
#environment .bannershadow { width: 930px; height: 10px; background: url(/imac/images/environment_banner_shadow_20091020.jpg) no-repeat 50% 0; }
#environment .bannershadow hr { display: none; }

#environment .epeat .column.last img { margin-right:-46px; position:relative; }
#environment .efficient .column.last img { margin-bottom:5px; }


/* performance */
#performance .content { padding-top: 40px; }
#performance h1 { margin-bottom: -10px; *margin-bottom: 0; text-align: center; }
#performance p.intro { width: 575px; margin: 0 auto 1em; text-align: center; }
#performance img.hero { margin-bottom: -15px; }
#performance .grid2col { position: relative; }

#performance .quad-core img.right { margin: 0 0 -10px 10px; }

#performance .chart { height:251px; *height:253px; padding:0 16px 15px; _padding-bottom:0; margin:30px 0 36px; border-bottom:1px solid #d6d6d6; color:#666; font-size:13px; background:url(/imac/images/performance_chart_bg_20091020.gif) repeat-y top left; background:url(/imac/images/performance_chart_bg_20091020.gif) repeat-y top left, -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), color-stop(1, #ffffff)); *background:url(/imac/images/performance_chart_bg_20091020.gif) repeat-y top left; }
#performance .chart h3 { font-size:18px; font-weight:normal; }
#performance .chart h4 { font-size:12px; word-spacing:-1px; }
#performance .chart p.subhead { margin:0 -15px 12px; padding:0 15px 15px; background:url(/imac/images/performance_chart_shadow_20091020.png) no-repeat left bottom; _background:url(/imac/images/performance_chart_shadow_20091020.gif) no-repeat left bottom; }
#performance .chart p.tiny { margin-bottom:5px; font-size:9px; line-height:11px; color:#666; }
#performance .chart p.sosumi { font-size:9px !important; color:#666; border-top:1px solid #e4e4e4; padding:7px 0 0px; width:auto;}

#performance .chart table { margin:0 -15px; }
#performance .chart tr { margin-bottom:2px; }
#performance .chart tr.border { background:url(/imac/images/performance_chart_keyline_top_20091020.gif) repeat-x left top; margin-bottom:0; position:relative; }
#performance .chart td.border { background:url(/imac/images/performance_chart_keyline_right_20091020.gif) repeat-y right top; }
#performance .chart td.label { width:125px; margin:0; padding:14px 9px 10px 14px; font-size:11px; color:#000; }
#performance .chart td.label p { padding-top:1px; }
#performance .chart td span { background:url(/imac/images/performance_bar_green_20091020.png) repeat-x 0 0; padding:5px 10px 7px; color:#fff; }

#performance .column.first .chart h3 { padding:15px 0 2px 16px; margin:0 -16px;  background: url(/imac/images/performance_chart_bg_top_20091020.gif) no-repeat top left;  }
#performance .column.last .chart h3 { padding:18px 0 2px 16px; margin:0 -16px;  background:url(/imac/images/performance_chart_shadow_20091020.png) no-repeat left top; _background:url(/imac/images/performance_chart_shadow_20091020.gif) no-repeat left top; }

#performance .column.last .chart { _height:266px; }

#performance .chart .bar { height:28px; margin-left:-16px; margin-bottom:15px; color:#fff; position:relative; }
#performance .chart .bar p { margin:0 !important; width:100px; padding-left:16px; padding-top:4px; color:#fff; }
#performance .chart .bar span { float:right; text-align:right; display:block; height:23px; padding:5px 9px 0px 0px; margin-right:-9px; position:relative;  }
#performance .chart .bar.green { background:url(/imac/images/performance_bar_green_20091020.png) repeat-x 0 0;  }
#performance .chart .bar.green span { background:url(/imac/images/performance_bar_green_cap_20091020.png) no-repeat right bottom; _background:url(/imac/images/performance_bar_green_cap_20091020.gif) no-repeat right bottom; }
#performance .chart .bar.blue { background:url(/imac/images/performance_bar_blue_20091020.png) repeat-x 0 0;  }
#performance .chart .bar.blue span { background:url(/imac/images/performance_bar_blue_cap_20091020.png) no-repeat right bottom; }
#performance .chart .bar.gray { background:url(/imac/images/performance_bar_gray_20091020.png) repeat-x 0 0;  }
#performance .chart .bar.gray span { background:url(/imac/images/performance_bar_gray_cap_20091020.png) no-repeat right bottom; _background:url(/imac/images/performance_bar_gray_cap_20091020.gif) no-repeat right bottom; }

#performance .chart .chart-content { position:absolute; display:none; }
#performance .chart #chart-switch { clear:both; }
#performance .chart #chart-switch .chart-content { display:inline; }
#performance .chart .chart-triggers { height:24px; padding-top:11px; padding-left:66px; margin:0 -16px -2px; _margin-bottom:-10px;  background: url(/imac/images/performance_chart_bg_top_20091020.gif) no-repeat top left; z-index:1; }
#performance .chart .chart-triggers li { height:15px; float:left; padding:0 28px; }
#performance .chart .chart-triggers li.last { border-left:1px solid #d9d9d9; padding-right:0; }
#performance .chart .chart-triggers li a.active { padding-bottom:15px; color:#999; background:url(/imac/images/performance_chart_arrow_20091020.gif) no-repeat 50% 100%; position:relative; z-index:5; zoom:1; *background-position:50% 90%;*background-position:50% 100%; }
#performance .chart .chart-triggers li a.active:hover { text-decoration:none; }

#performance .faster h2 { line-height: 1.167em; margin-bottom: 1em; }
#performance .faster .flushright { margin-left: -23px; }
#performance .faster .column.first { padding: 80px 0 40px; }

#performance .video-editing { margin-top: -139px; }
#performance .video-editing .column.first .flushleft { margin-bottom: -38px; }
#performance .video-editing .column.last { padding-top: 44px; *padding-top:180px; }

/* specs */
#specs .content { padding: 25px 47px 55px; background-color:#fff; }
#specs .content ul.square { margin-left:1.25em; }
#specs .content h1 { font-size:18px; margin-left:-20px; margin-bottom:-16px; }
#specs .content h3 { color: #000; margin-top:36px; border-top:1px solid #bcbcbc; font-size:16px; font-weight: normal; line-height:16px; padding-top:7px; padding-bottom: 10px; }
#specs .content h3.electrical { margin-top:60px; }
#specs .content h3 a.more { margin-left: 5px; font-size: 13px; font-weight: normal; }
#specs .content h4 { color:#444; font-size:12px; line-height:16px; margin-bottom:8px; }
#specs .content p,
#specs .content ul,
#specs .content dl { font-size:11px; line-height:16px; color:#000; margin-bottom:16px; }
#specs .content ul,
#specs .content dl { margin-bottom:16px; }
#specs .content li, 
#specs .content li p { margin-bottom:8px; }
#specs .content dl dt,
#specs .content dl dd { margin-bottom:8px; }
#specs .content dl dt { float:left; }
#specs .content dl dd { margin-left:72px; }
#specs .content dl dd span { color:#000; font-weight:bold; }
#specs .content .column { width:260px; margin-left:55px; }
#specs .content .grid2cola .column.first { width: 575px; }
#specs .content .grid4col .column { width: 175px; margin-left: 50px; }

#specs .content img.graphics { display: block; margin: 0 auto -10px; }
#specs .content img.storage { margin: 0 -10px 0 0; }
#specs .content p.configure { margin-top: 35px; }

#specs .content .environmental { width:196px; height:267px; padding:98px 32px 15px; background:url(/imac/images/specs_environment_bg20090305.jpg) no-repeat 0 0; }
#specs .content .environmental p { margin-bottom:1em; font-size:12px; line-height:1.5; }
#specs .content .environmental ul { font-weight:bold; }

#specs .content #specifications { padding-bottom:25px; }
#specs .content #specifications li { margin-bottom:8px; *margin-bottom:5px; }
#specs .content #specifications dl dt,
#specs .content #specifications dl dd { margin-bottom:8px; }
#specs .content #specifications dl dt { float:left; }
#specs .content #specifications dl dd { margin-left:72px; }
#specs .content #specifications dl dd span { color:#000; font-weight:bold; }
#specs .content #specifications .column { width:260px; margin-left:55px; }
#specs .content #specifications img#graphics_logos { margin-bottom:-15px; }
#specs .content #specifications h3.padbottom { padding-bottom:24px; }
#specs .content #specifications sup.black { color:#000; }

#specs .content #datasheet th,
#specs .content #datasheet td { width:20%; padding:10px; vertical-align:top; text-align:left; }
#specs .content #datasheet th { padding-left:40px; font-weight:bold; color:#000; font-size:11px; }
#specs .content #datasheet th span { font-weight:normal; display:block; }
#specs .content #datasheet .images th { padding:8px 0; text-align:center; }
#specs .content #datasheet .header th.divider { border-right:1px solid #eee; }
#specs .content #datasheet .description { vertical-align:bottom; }
#specs .content #datasheet .even { background:#eee; }
#specs .content #datasheet .even .divider { border-right:1px solid #fff; }
#specs .content #datasheet .odd { background:#fff; }
#specs .content #datasheet .odd .divider { border-right:1px solid #eee; }

#specs .content .inthebox { margin-top: 35px; }
#specs .content .inthebox h2 { border-top: 1px solid #bcbcbc; margin-bottom:18px; padding-top: 7px; font-size: 17px; font-weight: 600; font-family: "Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
#specs .content .inthebox h3 { border-top: none; margin-top:0; }
#specs .content .inthebox h4 { margin-bottom: 0; }
#specs .content .inthebox ul li { margin-bottom: 2px; }
#specs .content .inthebox .adjust { margin-top:-18px; }
#specs .content .inthebox img.ilife { margin:-7px 5px 0 10px; }

#specs .content #options { padding-top:30px; clear:both; }
#specs .content #options h2 { margin:0; }
#specs .content #options img.across { margin-top:20px; margin-left:50px; }
#specs .content #options .grid3col { margin-top:1.6em; }
#specs .content #options .grid3col .column.first { width:340px; }
#specs .content #options .grid3col .column.last { width:220px; }
#specs .content #options #online_store { padding:10px 10px 0; }

#specs #config_option_callout a { cursor:pointer; }
#specs .content div.enlarge { _left:-30px; }


#content #software_options_callout.rounded { background: #fefefe url(/imac/images/specs-optionsoverlay-bg.gif) repeat-x 0 0; clear: both; padding: 0; position: relative; }
#content #software_options_callout a { color: #000; display: block; padding: 9px 0; text-align: center; }
#content #software_options_callout a:hover { text-decoration: none; }
#content #software_options_callout p { margin-bottom: 0; text-shadow: #fff 1px 0 1px; }

#content .aside { background: #f0f0f0 url(/imac/images/specs-storecallout-bg-20090420.gif) repeat-x 0 0; padding-bottom: 10px; float: left; width: 190px; *border: 1px solid #e5e5e5; }
#specs .content .aside { float: left; margin-bottom: 5px; }
#content .aside p { clear: left; margin-bottom: 5px; }
#content #online_store img.right { margin: 0 0 0 5px; }
#specs #content .aside ul { margin: 0 0 0 2.2em !important; }
#specs #content .aside ul li { margin-bottom: 0 !important; }

.replaced { display: block; height: 10px; overflow: hidden; text-indent: -9999px; text-align: left; width: 10px; }
#content div.enlarge { background: url(/global/elements/buttons/icon-enlarge.png) no-repeat 0 0; height: 24px; position: absolute; top: -10px; left: -10px; width: 24px; }
#content .rounded { border-radius: 4px; padding: 15px 15px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; -ms-border-radius: 4px; }
#content .shadow { -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; }
#specs #content .aside.alt { border: 1px solid #e5e5e5; }


/* video */
#video .content #moviecontainer .grid2col .column { font-size:12px; }


/* buy now strip */
#buystrip { margin-bottom: 0; }

#content #buystrip,
#content #buystrip.rounded { background: #f4f4f4 url(/global/elements/buystripmodule/buystrip-main-bg.gif) repeat-x 0 0; margin: 0 -18px 18px; padding: 15px 15px 0; position: relative; width: 950px; }
#content #buystrip .maincap.top { font-size: 1px; margin-left: -2px; position: absolute; top: 0; left: 0; width: 984px; }
#content #buystrip .maincap.bottom { background: url(/global/elements/buystripmodule/buystrip-cap-bottom.png) no-repeat 0 100%; height: 8px; font-size: 1px; margin: 0 -2px; position: absolute; bottom: -8px; left: 0; width: 984px; *bottom: -4px; }
#content #buystrip .buystrip_wrapper { background: url(/global/elements/buystripmodule/buystrip-container-bg.png) repeat-y; position: absolute; left: -2px; top: 5px; width: 984px; z-index: 0; zoom: 1; }

#content #buystrip .grid4col { background: #fff url(/global/elements/buystripmodule/buystrip-bg.gif) repeat-x 0 100%; margin-left: -15px; margin-right: -15px; position: relative; width: 980px; z-index: 2; }
#content #buystrip .column { border-left: 1px solid #e9e9e9; margin: 0 0 13px; min-height: 120px; padding: 5px 10px 0; width: 224px; }
#content #buystrip .column.first { border: none; }

#content #buystrip .more_options { margin: 0 -15px; font-size: 11px; padding: 9px 0; position: relative; text-align: center; z-index: 2; }
#content #buystrip .more_options.alt { background: #f6f6f6; padding-bottom: 5px; _padding-bottom: 9px; }
#content #buystrip .more_options .more:first-child { margin-right: 40px; }

#content #buystrip h2 { margin: 15px 0 5px 0; width: 125px; }
#content #buystrip h3 { font-size: 1.2em; }
#content #buystrip h3 span { color: #666; display: block; font-size: 11px; }
#content #buystrip .retail p,
#content #buystrip .online_store p,
#content #buystrip .phone p { line-height: 18px; margin-bottom: 0; *position: relative; }

#content #buystrip .pricing img { float: left; margin-right: 15px; }
#content #buystrip .pricing p { color: #999; font-size: 12px; margin: 0 0 0 20px; }

#content #buystrip .retail .icon,
#content #buystrip .online_store .icon,
#content #buystrip .phone .icon { float: left; }
#content #buystrip .retail h3, #content #buystrip .online_store h3, #content #buystrip .phone h3 { margin: 0 0 0 40px; }
#content #buystrip .retail p, #content #buystrip .online_store p, #content #buystrip .phone p { font-size: 11px; margin: 0 0 0 40px; }

/* mozilla 3.5+ */
#buystrip:nth-child(1n) { border: none; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }


/* print
----------------------------- */
@media print {
	body, #content { background:#fff; }
	#content .cap { display:none; }
	.grid2colc .column.first { display:none; }
	.grid2colc .column.last { width:100%; }
	.grid2colc .grid2col .column { width:47.8%; }
	.grid2colc .grid2col .column.first { display:block; }
}