/* TICKER */
.wrapper { width: 980px; margin: 0 auto; }
#ticker {
	
	margin-bottom: 15px; /*position: relative;*/
	background-color: #f6f6f6;
	background-image: url(ticker_btm_grey.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
#ticker p { line-height: 16px; width: 100%; padding-top: 5px; padding-bottom: 0.2em; background: url(ticker_top_grey.gif) no-repeat 0 0; float: left; margin-bottom: 3px; }
#ticker a#ticker-headline { width: 12.5em; margin-right: 1em; color: #565656; font-weight: bold; text-align: center; border-right: 1px solid #808080; display: block; float: left; }
#ticker a#news-headline { padding-left: 15px; color: #a1a5a9; float: right; }
#ticker a { color: #6e6e6e; text-decoration: none; }
#ticker a#news-link { position: relative; z-index: 10; }
html { background: #f0f0f0 url(background20081014.png) repeat-x top left; }
body { background: #f0f0f0 url(background20081014.png) repeat-x top left; margin: 0 auto; width: 984px; }
#container {
	padding-top: 10px;
	width: 100%;
	background-image: url(content-bg20081014.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#content { padding: 32px 52px 30px; background: url(content-bg20081014.png) repeat-y; }

#main { background: url(content-bottom20081014.png) no-repeat 0 100%; padding-bottom: 10px; }
.flushleft { margin-left: -57px; position: relative; }
.column.flushleft { margin-left: -57px !important; position: relative; }
.flushright { margin-right: -57px; position: relative; }
.column.flushright { margin-right: -57px !important; text-align: right; position: relative; }
a.enlarge { background: url(enlarge_icon.png) no-repeat center left;  padding: 5px 0 5px 28px;}
a.prev { background: url(prevarrow_08c.gif) no-repeat 0 50%; padding-left: 10px; }

.sosumi { clear: both; }
.center { text-align:center; }

/*---- product header ----*/
#productheader { border: 0; }
#productheader h2 a {
	width: 300px;
	background-image: url(logo.jpg);
}
#productheader ul li a { color: #333; margin-left: 12px; }

body#overview 	 #productheader li#pn-overview a,
body#design		 #productheader li#pn-design a,
body#features  	 #productheader li#pn-features15 a,
body#features.seventeen  	 #productheader li#pn-features17 a,
body#graphics  	 #productheader li#pn-graphics a,
body#software 	 #productheader li#pn-software a,
body#specs 		 #productheader li#pn-specs a,
body#enviro		 #productheader li#pn-environment a { color: #999; cursor: default; }
body#features.seventeen  	 #productheader li#pn-features15 a { color:#333; cursor:pointer; }

/*----- typography -----*/
.replaced { display: block; height: 1px; overflow: hidden; text-indent: -9999px; width: 1px; }
#hero p.intro { color: #797c80; font-size: 16px; font-weight: normal; line-height: 21px; }
ul.horizontal li,
ol.horizontal li { display: inline; }
#content h2 { font-size: 27px; }
#content h3 { font-size: 15px; line-height: 1.2; margin: 0.2em 0; }

/*----- pillbuttons -----*/
a.pillbutton { position:relative; padding-right:43px; font-size:15px; line-height:1.3em; color:#fff; text-decoration:none; z-index:2; }


a.pillbutton span,
a.pillbutton b { display:block; width:auto; padding:15px 0; text-align:left; }
a.pillbutton span { padding-right:8px; padding-left:25px; background:url(pillbevel_leftcap.png) no-repeat 0 50%; }
a.pillbutton b { position:absolute; width:43px; top:0; right:0; text-indent:-9999px; background:url(pillbevel_rightcap.png) no-repeat 0 50%;  }
a.pillbutton:hover, a.pillbutton:focus { color:#e6e6e6; }

/*----- callouts -----*/
#content .figure { float: left; margin: 5px 15px 10px 0; position: relative; width: 185px; }
#content .figure.right { float: right; margin: 5px 0 10px 20px; }
#content .figure .enlarge { background: url(enlarge_icon.png) no-repeat top left; height: 25px; position: absolute; top: -7px; left: -8px; width: 25px;  }
#content .figure img { margin-bottom: -8px; }
#content .figure h5 { font-weight: 700; font-size: 11px; line-height: 1.7; margin-left: 5px; }
#content .figure p { color: #616366; font-size: 11px; line-height: 1.7; margin-bottom: 0; margin-left: 5px; }

#content .callout { border: 1px solid #dcdcdc; border-width: 2px 1px 1px; background: #f0f3f5 url(callout-background20081014.gif) repeat-x top left; float: left; padding: 18px; position: relative;}
#content .callout a img { border: 4px solid #fff; display: block; float: left; margin-right: 18px; }
#content .callout h3 { font: 16px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode",arial,verdana,sans-serif; font-weight: normal; margin-left: 120px; margin-top: 0.3em; }
#content .callout p { margin-bottom: 0; margin-left: 125px; }
#content .callout .enlarge { background: url(enlarge_icon.png) no-repeat top left; height: 21px; position: absolute; top: 10px; left: 10px; width: 22px; }
#content .callout img.left { margin-bottom: 0; }



/*--- generic promo footer ---*/
#promofooter { margin-top: 12px; padding-top: 17px; background: url(promofooter_top.png) no-repeat; background-image: url(promofooter_top.gif); }
#promofooter #promos { width: 980px; margin-bottom: 0; padding: 0 2px 4px; background: url(promofooter_bottom.png) no-repeat 0 100%;  }
#promofooter #promos:after { display: block; height: 0; clear: both; visibility: hidden; }
#promofooter #promos li.promo { position: relative; float: left; width: 244px; height: 15em; padding-right: 1px; margin-top: -16px; }
#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 { display: block; padding-left: 15px; padding-right: 12px; text-align: left; }

#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.4em; }
#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 li.buy { position: relative; float: left; width: 244px; padding-right: 1px; margin-top: -17px; }

/* site-specific buy now promo */
#promofooter #promos li.buy { padding:0 0 0 1px; }
#promofooter #promos li.buy .button a { position:absolute; top:12px; right:0; z-index:101; }
#promofooter #promos li.buy .product { position: absolute; top: 55px; right: 0; }
#promofooter #promos li.buy ul { list-style: none; margin:60px 0 0 0; font-size: 11px; line-height: 16px; color: #252525; }
#promofooter #promos li.buy ul li { margin-top:2px; }

/* globalfooter */
#globalfooter { margin-top:13px; }


/*----- overview -----*/
#overview #container { background-image: url(overview-top20081014.png); }
#overview #content { padding-top: 0; padding-bottom: 0; }
#overview #hero {
	position:relative;
	height:520px;
	margin:0 -50px;
	color:#ccc;
	background:#1b1b1b url(overview-herobg20081014.png) repeat-x 0 100%;
	background-image: url(Test_files/wedding.jpg);
	background-color: #FFFFFF;
}


#overview #hero .overview_hero {
	display:block;
	position:absolute;
	width:980px;
	height:520px;
}

#overview #hero h1,
#overview #hero .intro,
#overview #hero .watch {
	margin-left:0px;
	position: relative;
	z-index: 10;
}
#overview #hero h1 {
	margin-top:0px;
	margin-bottom:0;
	
}
#overview #hero p.intro { margin-bottom: 0; margin-left:608px; width: 300px; font-weight:normal; font-size:14px; color:#cccccc; }
#overview #hero img.image1 { position: absolute; top: 0px; left: 0px;  z-index: 8; }
#overview #hero .watch { color:#cccccc; margin-top:10px; width:335px; }
#overview #hero .watch h4 { font-size:1.1em; line-height:1.5em; padding-right:1em; margin-bottom:0; }


#overview .indexvideos { display:none; }
#overview #hero .indexvideos { display:block; overflow:visible; }
#overview #hero .indexvideos a.close { position:absolute; z-index:9999; top:-3px; left:11px; color:#cccccc; padding-left:18px; text-transform:lowercase; }
#overview #hero .indexvideos .moviePanel { width:848px; height:480px; padding:18px 0 0 66px; }
#overview #hero .indexvideos .moviePanel a.quicktime-download { display:block; width:848px; height:270px; padding:210px 0 0; color:#ccc; text-align:center; background:#222; font:26px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500; }

#overview #hero .indexvideos .controllerPanel { display:block; position:absolute; width:848px; height:12px; bottom:12px; left:66px; padding:0; }
#overview #hero .indexvideos .controllerPanel div.control { position:relative; width:10px; height:10px; top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(movie_playpause20081014.gif) left top no-repeat; }
#overview #hero .indexvideos .controllerPanel div.control.pause { background-position:left -10px; }
#overview #hero .indexvideos .controllerPanel div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:832px; }
#overview #hero .indexvideos .controllerPanel div.sliderPanel div.track { position:absolute; left:0; width:832px; height:12px; text-align:left; background:url(movie_bgtrack20090106.gif) no-repeat; }
#overview #hero .indexvideos .controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(movie_bgtrack_load20090106.gif) no-repeat; }
#overview #hero .indexvideos .controllerPanel div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
#overview #hero .indexvideos .controllerPanel div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(movie_pointer20081014.png) no-repeat; cursor:pointer;  }

/* overview endstates */
#overview #hero .indexvideos .endState { width:848px; height:480px; text-align:center; background:url(posterframe_20090106.jpg) no-repeat 50% 50%; }
#overview #hero .indexvideos .endState ul { padding-top:230px; }

#overview ul#gallery_nav { margin:0 -52px; padding:0 0 0 0px; height:72px; background:url(overview-gallerybottom20090106.jpg) no-repeat 0 0; }
#overview ul#gallery_nav li { float:left; margin:0 0 0 4px; width:57px; height:48px; overflow:hidden; }
#overview ul#gallery_nav li a { color:#333; cursor:pointer; }
#overview ul#gallery_nav li a:hover { text-decoration:none; color:#08c; }
#overview ul#gallery_nav li a.gallink { display:block; width:57px; height: 144px; background:no-repeat 0 0; }
#overview ul#gallery_nav li a.gallink:hover { margin-top: -48px; }
#overview ul#gallery_nav li a.gallink.active { margin-top: -97px !important; }


#overview ul#gallery_nav li.head { height: auto; margin:1.4em 3px 0 10px; width:150px; text-align:right; font-size:13px; }
#overview ul#gallery_nav li.head.battery { margin-left:45px; }
#overview ul#gallery_nav li.head.ad { margin-left:30px; }

#overview ul#gallery_nav li a.gallery1 { background-image:url(overview-gallery1-thumb20090106.png); }
#overview ul#gallery_nav li a.gallery2 { background-image:url(overview-gallery2-thumb20090106.png); }
#overview ul#gallery_nav li a.gallery3 { background-image:url(overview-gallery3-thumb20090106.png); }
#overview ul#gallery_nav li a.gallery4 { background-image:url(overview-gallery4-thumb20090106.png); }
#overview ul#gallery_nav li a.gallery5 { background-image:url(overview-gallery5-thumb20090106.png); }
#overview ul#gallery_nav li a.gallery6 { background-image:url(overview-gallery6-thumb20090106.png); }

#overview .grid4col { position: relative; background: url(content-top20081014.png) no-repeat top left; clear: both; margin: 0 -52px; height: 12em; margin-bottom:-40px; padding: 1.8em 2px 0; width: 980px; }
#overview .grid4col .column { border-left: 1px solid #dadbde; height: 100%; margin: 0 0 18px; position:relative; width:244px; padding-bottom:12em; }
#overview .grid4col .column:first-child,
#overview .grid4col .column.first { border: none; }

#overview .grid4col h3,
#overview .grid4col p { margin-top: 0; padding: 0 20px; text-align: left; }
#overview .grid4col p { margin-bottom: 0; }

#overview .grid4col .column img {
	position: absolute;
	bottom:0px;
	width: 222px;
	height: 149px;
}
#overview .grid4col .column img.flushbottom { bottom:-24px; }

#overview #main { margin-bottom: 0.7em; }
#overview img#whichmacbook { margin-right: 0; margin-bottom: 0; }

#overview #buynowstrip { background: url(buynow-background20081014.png) no-repeat bottom left; float: right; margin-right: -2px; margin-top: 2px; padding: 0 20px; position: relative; width: 693px; }
#overview #buynowstrip h2 { background: url(buynow-top20081014.gif) no-repeat top left; font-weight: normal; font-size: 18px; margin: 0 -20px 0.2em; padding: 15px 20px 0; }
#overview #buynowstrip p { color: #797c80; float: left; font-size: 16px; width: 450px; }
#overview #buynowstrip img { clear: left; margin-left: -18px; margin-bottom: 5px; }

#overview #buynowstrip ul { float: right; margin: -1.9em 0 1em; width: 210px; padding-left:20px; }
#overview #buynowstrip li { line-height: 1.6; }
#overview #buynowstrip a.buynow { background: url(buttons/buynow.png) no-repeat top left; height: 25px; margin:.2em 0 6px -3px; width: 72px; }

#overview p.sosumi { text-align:center; margin:0; padding-top:1em;}

/*----- design -----*/
#design #content { padding-top: 0; }
#design #hero { margin: -10px -52px 2em; position: relative; width: 984px; }
#design #hero img { margin-bottom: 1.5em; }
#design #hero h1 { background-image: url(title-design20081014.png); height: 41px; margin: 0 52px 0.3em; width: 739px; }
#design #hero p.intro { margin: 0 155px 0 52px; }

#design #hero .column.last img { margin-bottom: -10px; position: relative; z-index: 4; }
#design #hero .column.last p { position: relative; top: -10px; z-index: 5; }

#design #led_display { width: 136px; }
#design #thumbscoop { width: 134px; }
#design #sleep_figure { width: 134px; }
#design #graphics_figure { width: 134px; }
#design #interactive_gallery { width: 100%; margin-bottom: 16px; }

#design .grid2col .column { width: 46.75%; }
#design #page_nav p { margin-top: 1.5em; text-align: center; }
#design #page_nav a { border: 1px solid #e5e5e5; padding: 4px 7px; }
#design #page_nav a:hover { background-color: #08c; border: 1px solid #e5e5e5; color: #fff; text-decoration: none; }

/* battery */
#battery #content .figure h5 { margin-top:8px; }
#battery #content .figure p { line-height:1.3em; }
#battery #space { width:153px; }
#battery #monitoring { width:136px; margin-top:5px; }

/*----- features 15-inch -----*/
#features #content { padding: 28px 59px 20px; }
#features #hero { margin-bottom: 1.5em; margin-left: -29px; margin-right: -29px; text-align: center; }
#features #hero h1 { background: url(title-features20081014.png) no-repeat top left; height: 39px; margin: 0 auto 5px; width: 540px; }
#features #hero p.intro { margin: 0 140px 25px; }

#features .grid2cola { margin-bottom: 1.8em; }
#features .grid2cola .column.first { margin-right: 35px; width: 465px; display: inline; }
#features .grid2cola .column.last { width: 365px; }
#features .grid2cola .column.first:first-child { margin-bottom: 1.8em; }

#features .grid2colc { margin-bottom: 1.8em; }
#features .grid2colc .column.first { position: relative; width: 400px; z-index: 9; }
#features .grid2colc .column.last { position: relative; width: 430px; z-index: 10; }
#features #graphics_callout { margin-left: 65px; padding-right: 10px; width: 77%; }

#features .grid2col .column.first { width: 350px; }
#features .grid2col .column.last { width: 559px; }
#features .grid2col .column.first h3:first-child { margin-top: 1.5em; }
#features .grid2col .callout { margin-right: -30px; position: relative; z-index: 4; }

#features #also { margin-top: 2em; }
#features #also .column { background: url(features-usblogo20081014.jpg) no-repeat top right; margin-top: -48px; margin-left: 7%; padding-top: 67px; position: relative; width: 255px; }
#features #also .column.first { background: url(features-hdstates20081014.jpg) no-repeat top right; }
#features #also .column.first h3 { margin-right: 115px; }
#features #also div.column.last { background: url(features-intelchip20081014.png) no-repeat 75% 0; }
#features img#port_diagram { margin: 1.8em -57px 1.8em; }
#features img#purefront { margin-bottom:-20px; }
#features .grid2colc#graphics { margin-top:48px; }

#features #mobile .column.first { width: 323px; }
#features #mobile .column.last { margin-top: 3em; margin-bottom: 3em; width: 570px; }
#features #mobile .column.last p { margin-right: 152px;  }
#features #mobile .column.last img.right { margin-right: 30px;  }
#features #mobile .column.last + .column.last { margin-top: 5em; margin-bottom: 1.8em; }
#features #mobile .column.last + .column.last h3,
#features #mobile .column.last + .column.last p { margin-left: 226px; margin-right: 0; }

#features img#isight { margin: 5px -59px 0; }

#features #experts { margin: 0 -59px; padding: 0 59px 1.8em; }
#features #experts h2 { background: url(content-top20081014.png) no-repeat 0 0; font-weight: normal; padding: 1.5em 59px 0; margin: -5px -59px 0.4em; }
#features #experts p.intro { color: #797c80; font-size: 16px; font-weight: normal; line-height: 21px; padding-right: 100px; }

#experts .column { padding-top: 183px; }
#experts #protection_plan { background: url(features-experts-procare20081014.jpg) no-repeat 0 15px; }
#experts #genius_bar { background: url(features-experts-geniusbar20081014.jpg) no-repeat 0 0; }
#experts #online_tutorial { background: url(features-experts-onlinetuts20081014.jpg) no-repeat 0 0; }

/*----- features 17-inch -----*/
#features.seventeen #content { padding: 28px 59px 20px; }
#features.seventeen .grid2col .column.first h3 { margin-top:0; }
#features.seventeen h4 { font-size:1.1em; line-height:1.3em; margin-bottom:0.5em;  }
#features.seventeen .b35 { margin-bottom:35px; }
#features.seventeen #hero { padding:90px 30px 0;  }
#features.seventeen #hero h1 { margin:0 0 10px;  background: url(title-features17_20090106.png) no-repeat top left; height:87px; width:267px; }
#features.seventeen #hero p { width:305px; margin:0;  text-align:left; }
#features.seventeen #hero img { position:absolute; top:-13px; right:-4px; }
#features.seventeen img.across { margin:0 -24px; }

#features.seventeen .grid2col .column.first { width:47%; }
#features.seventeen .grid2col .column.last { width:47%; }

#features.seventeen .grid2col.display { margin-top:1em; margin-bottom:3em; }

#features.seventeen #also { margin-top: 2em; margin-bottom:2em; }
#features.seventeen #mobile { margin-top:2em; }
#features.seventeen #mobile .column.last { margin-top:7em; }
#features.seventeen #mobile .column.last + .column.last { margin-top:4em; }

#features.seventeen .grid2col.trackpad { margin-top:5em; }
#features.seventeen .grid2col.trackpad .column.last { width:350px; padding-top:2em; }
#features.seventeen .grid2col.trackpad .column.first { width:559px; }
#features.seventeen .grid2cola.battery { margin-bottom:3em;  }
#features.seventeen .grid2cola.battery .column.first { width:485px; }
#features.seventeen .grid2cola.battery .column.last { width:330px; }
#features.seventeen .grid2cola.battery h4 { margin-top:0.6em; }
#features.seventeen .noshow {display:none;}
#features.seventeen #MASKED-designGallery .noshow {display:block;}

/*----- graphics -----*/
#graphics #content { padding-left: 50px; padding-right: 50px; padding-top: 0; }
#graphics .flushleft,
#graphics .column.flushleft { margin-left: -57px !important; }
#graphics .flushright,
#graphics .column.flushright { margin-right: -48px !important; }
#graphics #hero { margin: 0 -66px 5.25em;  }
#graphics #hero img { margin-top:30px; margin-left:-7px;  }
#graphics #hero h1 { background: url(title-graphics20090106.gif) no-repeat 0 100%; height: 38px; width: 596px; margin: 0 auto 0; padding-top: 35px; }
#graphics #hero p.intro { width: 600px; text-align: center; margin: 7px auto 0; }

#graphics .grid2colc .column.first { width: 390px; }
#graphics .grid2colc .column.last { width: 516px; }
#graphics .grid2colc .column.last.flushright { margin-top:-8px; }
#graphics .grid2colc img.right { position: relative; }
#graphics .grid2colc img.battery { margin-top: 1.6em; }

#graphics .grid2col { margin-top: 1.8em; }
#graphics .grid2col .column { width: 46.75%; }
#graphics #graphics_callout { margin-left: -3px; margin-top: 4px; }

#graphics img#mbps { margin: 60px -48px 1em; position: relative; }

#graphics #create { margin-top:41px; }
#graphics #create .column.first { margin-top: 0; position: relative; }
#graphics #create .column.first img { margin-bottom: -9px; margin-left:50px; position: relative; }
#graphics #create .column.last { padding-top: 5.25em; width: 446px; }
#graphics #playfaster.column { padding-top:15px; }
#graphics #organize.column.last { padding-top:49px; }

#graphics #display { margin-top:20px; }
#graphics #display img { margin-top:-15px; }

#graphics .grid2cola .column.first { width: 420px; }
#graphics .grid2cola .column.last { position: relative; width: 455px; }

#graphics #big_picture { float: left; width:854px; margin: 10px auto 1.8em; padding: 3em 0 1em 30px; background: #f6f6f6;  }
#graphics #big_picture h2 { margin-top: 0.4em; }
#graphics #big_picture h2.replaced { width:295px; height:26px; background:url(graphics-callout-title20081229.gif) no-repeat 0 0; }
#graphics #big_picture p.intro { font-weight: normal; }

#graphics p.sosumi { margin-bottom: 0; }

/*----- software -----*/
#software #hero { margin: -41px -52px 3em; text-align: center;  }
#software #hero h1 { background: url(title-software20081014.png) no-repeat top left; height: 40px; margin: 0 0 0.3em 321px; width: 349px; }
#software #hero p.intro { margin: 0 240px; }

#software .grid3col h2 { clear: both; line-height: 1.5; font-weight: normal; margin-bottom: 0; }
#software .grid3col h2.leading_adjust { margin-bottom: -12px; }
#software .grid3col p.intro { color: #797c80; font-size: 15px; font-weight: normal; margin-bottom: 1.8em; position: relative; }
#software .grid3col p.intro a.learn_more img { position: relative; top: 8px; }

#software .grid3col .column { margin-bottom: 1.8em; margin-left: 7%; width: 252px; }
#software .grid3col .column p { margin-bottom: 0; }
#software .grid3col .column h3,
#software .grid3col .column p { position: relative; }
#software .grid3col .column img { margin-bottom: -36px; }

#software .grid3col .column.box_shot { text-align: center; }
#software .grid3col .column.box_shot img { margin: 0 3em 0 0; }
#software .grid3col .column.box_shot h3,
#software .grid3col .column.box_shot p { text-align: left; }

#software .grid3col .column.last + h2 { margin-bottom: 18px; padding-top: 1.8em; }
#software .grid3col .column.last + h2.leading_adjust { margin-bottom: -12px; }

/*----- environment -----*/
#enviro #content { padding-top: 20px; }
#enviro #hero { height: 325px; margin-right: -50px; padding-top: 70px; position: relative; width: 930px; }
#enviro #hero img.right { position: absolute; top: 0; right: 0; z-index: 2; }
#enviro #hero h1 { background-image: url(title-environment20081014.png); height: 76px; margin: 0 0 0.3em; width: 306px; z-index: 3; }
#enviro #hero p.intro { position: relative; width: 390px; z-index: 3; }

#enviro #hero a.pdf { display: block; width: 200px; margin-top:12px; padding: 15px 0 5px 58px; text-align: left; text-decoration: none; background: url(enviro-pdficon20081014.jpg) no-repeat left top; }
#enviro #hero a.pdf .more { padding-right: 10px; background: url(morearrow_08c.gif) no-repeat 100% 50%; text-align: left; }
#enviro #hero a.pdf:hover .more { text-decoration: underline; }

#enviro #content .grid2col { margin-top: 3em; }
#enviro #content .grid2col .column { width: 45%; }

#enviro #content #environment { background: #f1eee5 url(enviro-statusbottom20081014.jpg) no-repeat 0 100%; float: left; margin: 0 0 1em; width: 415px; width: 400px; }
#enviro #content #environment h3 { background: url(enviro-statustitle20081014.jpg) no-repeat; height: 70px; margin: 0 0 1em; width: 415px; }
#enviro #content #environment p { background: url(enviro-statusbg20081014.jpg) repeat-y 0 0; padding: 0 27px 0; }
#enviro #content #environment ul { background: url(enviro-statusbg20081014.jpg) repeat-y 0 0; font-weight: 600; float: left; margin-left: 12px; padding: 0 0 1em 27px; width: 141px; margin-left: 0; position: relative; }
#enviro #content #environment ul li { clear: left; float: left; margin: 0 0 0.2em; width: 100%; position: relative; }
#enviro #content #environment ul.alt { background-position: 100% 0; float: right; padding-right: 27px; width: 168px; }

/*----- specs -----*/
#specs #content { padding:32px 50px 24px; font-size:11px; line-height:17px; color:#000; }
#specs #content .grid3col .column { margin-left:50px; width:260px; }
#specs #content .grid3col .column .grid2col .column { margin-left:10px; width:46%; }
#specs #content img { display:block; }
#specs #content img.left, 
#specs #content img.right { display:inline; }
#specs #content h2 { margin:0 0 6px; background:url(title_specs20080909.png) no-repeat; width:254px; height:24px; text-indent:-9999px; overflow:hidden; }
#specs #content h3 { clear:both; font-size:15px; color:#000; line-height:16px; margin:40px 0 25px; padding-top:8px; border:0 solid #bcbcbc; border-top-width:1px; }
#specs #content h4 { margin-bottom:10px; font-size:12px; }
#specs #content dl { display:inline; line-height:16px; }
#specs #content dl#dimensions { display:block; margin-bottom:32px; }
#specs #content dl#dimensions dt { float:left; }
#specs #content dl#dimensions dd { margin-left:72px; }
#specs #content dl#dimensions dt, 
#specs #content dl#dimensions dd { margin-bottom:8px; }
#specs #content dl#dimensions span { font-weight:bold; }
#specs #content ul { margin-bottom:32px; line-height:16px; }
#specs #content ul ul { margin-top:8px; margin-bottom:16px; }
#specs #content ul li { margin-bottom:8px; }
#specs #content ul.seeimage { margin:0; height:0; text-indent:-9999px; overflow:hidden; }

#specs #content #environment { clear: both; margin-top: -2px; margin-bottom: 1.5em; padding: 0 25px 0 32px; background: url(specs_env_bg20081014.jpg) repeat-y; }
#specs #content #environment p { color: #362f2d; padding: 0; font-size: 12px; line-height: 20px; margin-bottom: 20px; }
#specs #content #environment img { margin-right: 15px; }
#specs #content #environment h3 { border: 0 none; margin: 0 -25px 0 -32px; padding: 0; background: url(specs_env_title20081014.jpg) no-repeat; width: 260px; height: 96px; text-indent: -9999px; overflow: hidden; }
#specs #content #environment ul { color: #362f2d; margin: 0 -25px 0 -32px; padding: 0 25px 24px 44px; font-weight: bold; background: url(specs_env_bottom20081014.jpg) no-repeat 0 100%; }

#specs #content #accessories { border-bottom:1px solid #ddd; margin-bottom:16px; }
#specs #content #accessories:after {  display:block; height:0; clear:both; visibility:hidden; }
#specs #content #accessories h3 {font-size:18px; padding:10px 0 21px; margin-bottom:0; }
#specs #content #accessories h4, 
#specs #content #accessories p { line-height:16px; }
#specs #content #accessories h4 { margin:0; }
#specs #content #accessories ul { margin-bottom:16px; }
#specs #content #accessories p.aos { clear:both; text-align:right; }
#specs #content #accessories img.left { margin-right:12px; }
#specs #content #accessories img.right { margin-left:12px; }
#specs #content #accessories #inear, 
#specs #content #accessories #headphones, 
#specs #content #accessories #adapter, 
#specs #content #accessories #dock { clear:both; }
#specs #content #accessories #inear img, 
#specs #content #accessories #earphones img { margin-top:-47px; position:relative; }
#specs #content #accessories #inear img { margin-right:-10px; }
#specs #content #accessories #dock img { margin-left:-30px; position:relative; }
#specs #content #accessories #dock p { margin-left:114px; }




/*----- specs graphics etc. -----*/
#specs #content .size img { margin-right:-13px; }
#specs #content ul.envstatus li { margin-right:50px; }
#specs #content ul.envstatus li.first { margin-right:0; }
#specs #content div.envstatus { float:right; margin:-120px 0 0 10px; }
#specs #content div.envstatus img { display:block; margin-bottom:15px; }

#specs #content img.display { margin-right:-3px; }
#specs #content img.geforce { margin-right:-7px; margin-bottom:5px; }
#specs #content img.isight { margin-top:-15px; }
#specs #content img.battery { margin:0 10px 40px 0; }
#specs #content img.post-ul { margin-top:-10px; }
#specs #content img.superdrive { margin-right:-3px; margin-bottom:-15px; }

#specs #content #communications img.right { margin-left:10px; }

#specs #content #specifications .videobox p { border:1px solid #e7e7e7; border-width:0 1px; margin-bottom:0; padding:9px 15px; }
#specs #content #specifications p.top { border-top:1px solid #e7e7e7; background-color:#fff; }
#specs #content #specifications p.grey { background-color:#f2f2f2; }
#specs #content #specifications p.bottom { border-bottom:1px solid #e7e7e7; }

#specs #content #qtvr { position:relative; margin:36px 0 0 -4px; z-index:1; }
#specs #content #qtvr2 a { position:relative; display:block; margin:-93px 0 0 147px; z-index:2; width:107px; height:73px; }
#specs #OverlayPanel.overlaypanel.vr2.popped .vroverlay { height:552px; margin:0; padding:20px 0 0; position:relative; width:512px; }
#specs #OverlayPanel.overlaypanel.vr2 img.overlayPanelShadowImage { height:113.3%; left:-7.3%; top:-6.6%; width:114.5%; }

#specs #content #specsbottom { position:relative; margin-top:36px; }
#specs #content #specsbottom .column.first { width:570px; }
#specs #content #specsbottom .column.last { width:260px; }
#specs #content #specsbottom h3 { margin-top:8px; }
#specs #content #specsbottom .grid3col .column { margin-left:25px; width:160px; }
#specs #content #specsbottom .grid3col .column.first { width:145px; }
#specs #content #specsbottom .grid3col .column.last { width:240px; }
#specs #content #specsbottom .grid3col ul li { margin-bottom:4px; }

#specs #content #configurations h3 { padding:0 0 5px; border-width:0 0 1px; }
#specs #content #configurations .cap { position:absolute; width:884px; height:5px; background:no-repeat 0 0; }
#specs #content #configurations .cap.top { margin-bottom:-5px; background-image:url(specs_configurations_captop20081014.gif); }
#specs #content #configurations .cap.bottom { margin-top:-5px; background-image:url(specs_configurations_capbottom20081014.gif); }

#specs #content #configurations table { border:1px solid #d7d7d7; border-collapse:separate; }
#specs #content #configurations table tbody tr th { width:163px; }
#specs #content #configurations table tr th,
#specs #content #configurations table tr td { vertical-align:top; font-size:11px; line-height:16px; background-color:#fff; padding:10px 12px; border-right:1px solid #fff; border-left:1px solid #eaeaea; }
#specs #content #configurations table tbody tr th,
#specs #content #configurations table tr th a { font-weight:bold; }
#specs #content #configurations table thead tr th a { font-size:12px; color:#000; line-height:17px; }
#specs #content #configurations table tr th span,
#specs #content #configurations table tr td { font-weight:normal; }
#specs #content #configurations table tr th.left,
#specs #content #configurations table tr td.left { border-left:0; }
#specs #content #configurations table tr th.right,
#specs #content #configurations table tr td.right { border-right:0; }
#specs #content #configurations table thead tr th,
#specs #content #configurations table tr.even th,
#specs #content #configurations table tr.even td { background-color:#f4f4f4; }

#specs #content #options .column { margin-left:25px; width:300px; }
#specs #content #options .column.first { width:230px; }
#specs #content #options .column.first img { margin:0 0 10px 29px; }
#specs #content #options ul li { margin-bottom:4px; }

#specs #content ol.decimal.sosumi { border-top:1px solid #c9c9c9; padding:40px 15px 0 35px; color:#000; }

#specs #content ol.decimal.sosumi li { margin-bottom:5px; }
#jiggy {
	background-image:url(images/wedding.jpg);
	background-color: #ffffff;
	display: block;
	height: 520px;
	width: 980px;
	
}
#piggy {
	
	background-color: #9900CC;
	display: block;
	height: 350px;
	width: 980px;	
}
#featurettestop {
	margin:0 1px;
	width:982px;
	height:18px;
	margin-top:18px;
}
#featurettesbottom {
	margin:0 1px;
	width:982px;
	height:23px;

}
#featurettes {
	margin:0 1px;
}
#featurettes img { margin: 16px -10px 0 10px; position: relative; }
#featurettes .grid4col .column { width: 195px; margin-left: 20px; margin-right: 25px; }
#featurettes .grid4col .column.first { margin-left: 30px !important; }
#featurettes .grid4col .column.last { margin-right: 30px !important; }
#featurettes .grid4col h2 { margin:7px 0 24px; color: #777; font-size:15px; font-weight:normal; }
#featurettes .grid4col h2 a { color:#777; }
#featurettes .grid4col h3 { margin-bottom:24px; color:#000; font-size:14px; font-weight:normal; }
#featurettes .grid4col p { color: #000; }