html { background:#f0f0f0 url(https://images.apple.com/hk/mac/whichmacbook/images/background20081014.png) repeat-x top left; }
body { background:#f0f0f0 url(https://images.apple.com/hk/mac/whichmacbook/images/background20081014.png) repeat-x top left; margin:0 auto; width:984px; }
#container { background:url(https://images.apple.com/hk/mac/whichmacbook/images/content_bgtop20081014.png) no-repeat 0 0; padding-top:10px; width:100%; }
#contentframe { background:url(https://images.apple.com/hk/mac/whichmacbook/images/content_bg20081014.png) repeat-y; }
#content { padding:57px 52px 20px; background: url(https://images.apple.com/hk/mac/whichmacbook/images/content_gradient_20090608.png) repeat-x 0 0; z-index:1; position: relative;  top:10px; left: 2px; margin-right: 4px;  }
#main { background:url(https://images.apple.com/hk/mac/whichmacbook/images/content_bgbottom20081014.png) no-repeat 0 100%; padding-bottom:10px; }

h1 { height:38px; margin-bottom: 6px; text-indent:-9999px; background:url(https://images.apple.com/hk/mac/whichmacbook/images/whichmacbook_title20100409.gif) no-repeat 50% 0; }
h2, h2 a { color:#000; }
h3, h3 a { color:#000; }

div.intronav { z-index:5; position:relative; padding-top:49px; }
p.intronav,
.intronav p { position:relative; margin:0 90px; text-align:center; font-size:16px; line-height:1.3em; color:#797c80; font-weight:normal; }

#content p.intro { font-size: 18px; text-align: center; color: #666; padding: 20px 0 20px 0; font-weight:normal; }

#overview #content p.intro { padding-top: 50px;}

.intronav ul { position:relative; z-index:1; margin-bottom:-18px; *margin-bottom:-25px; _margin-bottom:-37px; padding:31px 32px 28px; _padding:43px 32px; text-align:center; font-size:1.5em; line-height:28px; }
.intronav ul, x:-moz-any-link { line-height:30px; }
.intronav ul li { display:inline; }
.intronav ul li a { padding:0 30px; color:#000; }
.intronav ul li a:hover { color:#08c; text-decoration:none; }
.intronav ul li#in-overview a { border-right:1px solid #ccc; }

  #overview .intronav ul li#in-overview,
  #compare .intronav ul li#in-compare { padding-bottom:38px; *padding-bottom:31px; _padding-bottom:33px;  }

  #overview .intronav ul li#in-overview a,
  #compare .intronav ul li#in-compare a { color:#999 !important; cursor:default; }


/*---- overview ----*/
#overview #content .section { margin-top:20px; zoom:1; }
#overview #content .section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#overview #content .section img.left, .section img.right { _position:relative; _z-index:1; }
#overview #content .section .blurb, .section .specs { _position:relative; _z-index:2; }

#overview #content .section h2, .section h2 a { margin-bottom:.1em; font-size:28px; font-weight:normal; }
#overview #content .section h3, .section h3 a { margin-bottom:.8em; font-size:15px; color:#797c80; font-weight:normal; }
#overview #content .section h4, .section h4 a { margin-bottom:0; font-size:1em; color:#000; }
#overview #content .section h2 a:hover, .section h3 a:hover, .section h4 a:hover { color:#08c; text-decoration:none; }

#overview #content div.blurb h2 { margin-bottom:12px; }


#overview #content .macbook img.right { margin:-15px -70px 10px -38px; }

#overview #content .macbookpro { _margin-bottom:14em; }
#overview #content .macbookpro img.left { margin:-2px -33px 1.5em -16px; }
#overview #content .macbookpro img.flushleft { position:relative; margin-top:0px; margin-right:40px; margin-left:-52px; }
#overview #content .macbookpro .specs { margin-right:-15px; padding-left:503px; }

#overview #content .macbookair { padding-top:20px; }
#overview #content .macbookair img.right { margin:30px -9px -2.4em -260px; }
#overview #content .macbookair .specs { margin-right:40px; }
#overview #content .macbookair .blurb{ margin-top:50px; }

#overview #content #specs13, #overview #content #specs17 { display: none;}
#overview #content ul#specs_nav { line-height: 18px; }
#overview #content ul#specs_nav li { display: inline; padding-bottom: 8px; }
#overview #content ul#specs_nav li a { color:#999; margin-right:21px; padding-bottom:10px; outline:none; }
#overview #content ul#specs_nav li a:hover { color:#08c; text-decoration:none; }
#overview #content ul#specs_nav li a.active { color:#333 !important; cursor:default; background:transparent url(https://images.apple.com/hk/mac/whichmacbook/images/down_arrow20090608.png) no-repeat scroll 50% 100%; }
#overview #content ul#specs_nav li.compare { padding-bottom:0; }
#overview #content ul#specs_nav li.compare a.more { padding-bottom:0; color:#08c; }
#overview #content ul#specs_nav li.compare a.more:hover { text-decoration:underline; }
#overview #content .swapped-content { position:absolute; }


/* promo footer
------------------------*/
#promofooter { width:984px; margin:18px auto 0; padding-top:17px; background:url(https://images.apple.com/hk/promos/images/promofooter_top.png) no-repeat; zoom:1; _background-image:url(https://images.apple.com/hk/promos/images/promofooter_top.gif); }
#promofooter #promos { width:980px; margin-bottom:0; padding:0 2px 4px; background:url(https://images.apple.com/hk/promos/images/promofooter_bottom.png) no-repeat 0 100%; zoom:1; _background-image:url(https://images.apple.com/hk/promos/images/promofooter_bottom.gif); }
#promofooter #promos:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#promofooter #promos li.promo { position:relative; float:left; width:244px; min-height:15em; _height:15em; padding-right:1px; margin-top:-17px; }
#promofooter #promos li.promo a { color:#777; }
#promofooter #promos li.promo:hover a { color:#08c; text-decoration:none; }

#promofooter #promos img { display:block; }

#promofooter #promos h4 a,
#promofooter #promos p a,
#promofooter #promos ul { position:relative; display:block; padding-left:15px; padding-right:12px; text-align:left; z-index:101; }

#promofooter #promos h4 a { font-size:18px; font-weight:normal; padding-top:16px; }
#promofooter #promos p { margin-bottom:0; }
#promofooter #promos p a { font-size:11px; line-height:1.4; }
#promofooter #promos a.image { height:180px; position:absolute; bottom:0; z-index:100; }

#promofooter #promos .promo.left p a { width:105px; }
#promofooter #promos .promo.right p a { width:105px; left:121px; }
#promofooter #promos .promo.center p a { text-align:center; }