/* $Id: skin1.css,v 1.24.2.12 2007/04/17 06:20:49 max Exp $ */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a,dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; border:0; }
a img,:link img,:visited img { border:none } /* this was commented out.  Why? */
address { font-style:normal }
table { margin:0; padding:0; }

a, a:link, a:visited, a:hover, a:active, input { outline:0; } 
/*End of undohtml.css */

body {
	background:#C9D4DD url(../images/bg_body.gif) center top repeat;
	font-family: Verdana, Arial, Helvetica, Sans, Sans-serif;
	margin-bottom:50px;
}

#site {
	width:780px;
	margin:0px auto;
	background:#fff url(../images/site_bg.gif) center top repeat-y;
}

#site:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



#header {
	background:transparent url(../images/header-bg.gif) top left no-repeat;
	margin:	0px 11px;
}

.returnLink {
	width:195px;
	height:89px;
	display:block;
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	background:transparent url(../images/returnLink.gif) top left no-repeat;
}

#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.nav {
	display:block;
	clear:both;
	border:1px solid #aaa;
	border-top:0;
	padding:1px;
}

.nav ul {
	background:#8fb77f;
	clear:both;
	display:block;
	padding:10px 23px;
}

.nav ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.nav ul li {
	padding:0px 0px 0px 9px;
	margin-left:12px;
	display:block;
	float:right;
	background:transparent url(../images/navBullet.gif) left center no-repeat;
}

.nav ul li a {
	color:#fff;
	display:block;
	font-size:9px;
}

.nav ul li a:hover {
	text-decoration:underline;
}

#page {
	margin:27px 36px;
	
}

.product {
	border:1px solid #aaa;
	clear:both;
	padding:20px 19px;
	margin-top:7px;
}

.product:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.subNav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.subNav a {
	color:#3970a4;
	font-size:9px;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
}

.subNav a:hover {
	color:#666;
	text-decoration:underline;
}

.printLink {
	float:right;
	padding-left:18px;
	background: transparent url(../images/printPageBullet.jpg) left center no-repeat;
}

.emailLink {
	float:right;
	margin-left:15px;
	padding-left:18px;
	background: transparent url(../images/emailPageBullet.jpg) left center no-repeat;
}

.backLink {
	float:left;
	padding-left:7px;
	background: transparent url(../images/backLinkBullet.jpg) left center no-repeat;
}

.imageShell {
	position:relative;
	border:1px solid #aaa;
	padding:1px;
	float:left;
	z-index; 1;
}

.imageShell img {
	display:block;
}

.enlarge {
	position:absolute;
	right:8px;
	bottom:8px;
	width:63px;
	height:22px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	z-index; 1000;
	background:transparent url(../images/enlarge.png) left top no-repeat;
}

.enlarge:hover {
	background:transparent url(../images/enlarge.png) left bottom no-repeat;
}

.productInfo {
	padding-left:280px;
}

.productInfo h1 {
	color:#666;
	font-size:24px;
	font-weight:normal;
	padding:0 0 0 20px;
	margin:0 0 0 20px;

}


p .energyStar {
	margin-top:10px;
}

.productInfo p {
	font-size:10px;
	color:#666;
	line-height:14px;
	margin-left:20px;
	padding-left:20px;
}

.productInfo dl {
	width:160px;
	float:left;
	margin-top:15px;
	font-size:10px;
	color:#999;
}

.productInfo dl dt, .productInfo dl dd {
	padding-right:18px;
}

.productInfo dl dt {
	font-weight:bold;
}

.tabs {
	clear:both;
	padding-top:47px;
 	background: transparent url(../images/tabAreaTop.gif) 0px 85px no-repeat;
}

.tabs:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#tabNavOne {
	margin-bottom:-7px;
	width:122px;
	height:46px;
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:1px;
}

#tabNavOne a{
	width:122px;
	cursor:pointer;
	height:46px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(../images/featuresTab-bg.gif) left top no-repeat;
}


#tabNavOne a:hover, #tabNavOne.selected a {
	background:transparent url(../images/featuresTab-bg.gif) left bottom no-repeat;
}

#tabNavTwo {
	width:122px;
	height:46px;
	display:inline;
	float:left;
	margin-right:1px;
}

#tabNavTwo a{
	width:122px;
	cursor:pointer;
	height:46px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:transparent url(../images/guidesTab-bg.gif) left top no-repeat;
}

#tabNavTwo a:hover, #tabNavTwo.selected a {
	background:transparent url(../images/guidesTab-bg.gif) left bottom no-repeat;
}

#tabOne, #tabTwo {
	clear:both;
	display:none;
	padding-bottom:8px;
	background: transparent url(../images/tabAreaBottom.gif) left bottom no-repeat;
}


#tabOne h2 {
	text-indent:-9999px;
	height:22px;
	width:600px;
	margin-bottom:10px;
	background: transparent url(../images/featuresTitle.gif) top left no-repeat;
}

#tabTwo h2 {
	text-indent:-9999px;
	height:22px;
	width:375px;
	margin-bottom:20px;
	background: transparent url(../images/guidesTitle.gif) top left no-repeat;
}

#tabTwo h3 {
	padding-bottom:8px;
	margin-bottom:20px;
	background: transparent url(../images/h3_underline.gif) left bottom no-repeat;
}

#tabTwo p {
	padding-right:100px;
	clear:left;
	padding-top:2px;
	padding-bottom:16px;
}

#tabTwo a.download {
	display:block;
	float:left;
	padding:3px 0 0 6px;
	background: transparent url(../images/backLinkBullet.jpg) 0px 8px no-repeat;
	color:#3970a4;
}

#tabTwo a.download:hover {
	color:#666;
	text-decoration:underline;
}

#tabTwo span.pdfIcon {
	display:block;
	float:left;
	background: transparent url(../images/pdfIcon.jpg) left center no-repeat;
	padding:3px 0 0 43px;
	color:#666;
}

.tabContent {
	padding:29px 32px;
	font-size:10px;
	line-height:14px;
	color:#666;
	background: transparent url(../images/tabAreaInside.gif) left top repeat-y;
}

.tabContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.tabContent dt {
	font-weight:bold;
	margin-top:10px;
}

.tabContent p {
	margin-top:10px;
}

.acrobatDL {
	clear:both;
}

.acrobatDL span, .acrobatDL a {
	float:left;
	display:block;
	padding:3px 6px 3px 0px;
}

.acrobatDL a {
	color:#3970a4;
	padding-left:20px;
	background: transparent url(../images/pdfIconSmall.jpg) left center no-repeat;
}

.acrobatDL a:hover {
	color:#666;
	text-decoration:underline;
}

#footer {
	display:block;
	clear:both;
	background:transparent url(../images/footer_bg.gif) left bottom no-repeat;
	padding-bottom:11px;
}

#footer .wrapperOne {
margin:0px 11px;border:1px solid #aaa;padding:1px;
}
#footer .wrapperTwo {
background:#dedede;text-align:right;padding:10px 23px 0 23px;
}
#footer .wrapperThree {
text-align:center;border-top:1px solid #bbb;margin:10px 0px 0 0px;
}
#footer .wrapperThree p {
padding:10px;border-top:1px solid #efefef;font-size:7px;color:#666;
}

.wrapperTwo span {
	border-left:1px solid #efefef;
	border-right:1px solid #bbb;
	padding: 0px 10px;
	font-size:9px;
	color:#666;
	font-weight:bold;
}

.wrapperTwo span a {
	font-weight:normal;
	color:#3970a4;
	padding-left:8px;
	background: transparent url(../images/footerLinkBullet.jpg) 0px 4px no-repeat;
}

.wrapperTwo span a:hover {
	text-decoration:underline;
	color:#666;
}

 
/* added by spell july 4 */

table#productsoverview {
	border:1px solid #bbb;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	width:630px;

}


table#productsoverview h1 {
	font-size:14px;
	font:20px 'ITC Officina Sans', Arial, Helvetica, sans-serif;
} 



table#productsoverview a {
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#3970a4;

}

table#productsoverview a:hover {
	color:#ff6600;
	text-decoration:underline;

}

table#productsoverview td {
	padding: 10px 10px 5px 10px;
}
table#productsoverview tr.tall td {
	padding: 30px 10px 25px 10px;
	border-top:1px solid #ccc;
}

td#tablefeatures {
width:500px;
}

tr.tablerow {
	border-bottom:1px solid green !important;
}

table#productsoverview tr {
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;

}

.tabContent #boxmodel { float: left; position: relative; margin: 10px 0 0 0; padding: 0 0 0px 60px; width: 160px; display: block; height:160px;}

.tabContent #boxmodel .face { position: absolute; top: 26px; left: 60px; display: block; height: 99px; width: 75px; background: url('/images/products/box-face.png') no-repeat; text-indent: -55px; overflow: visible; padding: 45px 0 0 0; }
.tabContent #boxmodel .face_text { position: absolute; top: 26px; left: 5px; display: block; height: 99px; width: 75px; overflow: visible; padding: 45px 0 0 0; }

.tabContent #boxmodel .top { position: absolute; top: 0; left: 60px; display: block; height: 24px; width: 100px; background: url('/images/products/box-top.png') no-repeat; text-indent: 0; overflow: visible; padding: 130px 0 0 20px; }

.tabContent #boxmodel .side { position: absolute; top: 1px; left: 137px; display: block; height: 123px; width: 25px; background: url('/images/products/box-side.png') no-repeat; text-indent: 0; overflow: visible; padding: 100px 0 0 20px; }

.tabContent #boxmodel .size { position: absolute; overflow: visible; text-indent: 0; top: 50px; left: 65px; text-align: center; width: 60px; font-size: 1.2em; color: #fff; }
/* hide print header */

img.logo-print {
	display:none;
}

