@import url(interior.css); /* custom stylesheets */
@import url(footer.css); /* custom stylesheets */

/* TEMPLATE */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a img { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
body { text-align:center; color:#000000; font-size:16px; line-height:16px; font-family:verdana, arial, sans-serif; }
div, p, blockquote, table { position:static; }

div, img {behavior: url(/css/iepngfix.htc);}

 a { color:#2f6eb5; text-decoration:underline; }
a:hover { text-decoration:none; }

body {width: 820px; margin: 0 auto; background:#FFFFFF url(../images/bkgd_pattern.gif); }
body .mainwrap { width:820px; height:auto; min-height:550px; text-align:left; margin:0 auto; position:relative; background-color: #fff; }
body .header { background: url(../images/bkgd_header.gif) repeat-x bottom; width:auto; padding-top:29px; height:104px; position:relative; }
body .header #logo {background:transparent; position:relative; margin-left: 10px;}
.header .titleTxt {margin: 20px 0 -5px 20px;}
body .header .topright { position:absolute; top:0; height:28px; width:820px; margin:0; padding:0; border:0; }
body .topnav { position: absolute; top:90px; left:0; width:820px; height:30px; padding-top:13px; z-index:2;}
body .header #logo .promo { position:absolute; top:15px; right:10px; }

body .container {position: relative; font-size: 0.67em; background-color: #ffffff; top: 0; left: 0;}
body #homepagecontent {  }
body #columns3 {}
body .hero {position: relative; height:248px; border:0;  padding-top:30px;  }
body #watermark { position:relative; width:820px; height:278px; border:0; margin:0; padding:0; overflow:hidden;}
body .hero .dkspotlight { position:absolute; right:0; top:235px; width:500px; height:39px; padding-left:11px; padding-top:4px; }

.main {position: relative; top: 0; left: 0; width: 820px; padding: 0; margin: 0;}
.topright ul { margin:0; padding:0; list-style:none; text-align:left; height:28px; }
.topright ul li { float:right; list-style:none; font-size:.67em; height:28px; background:url(../images/bg-links.gif) repeat-y left;  text-align:right; }
.topright ul li.searchLi { height:24px; padding-top:4px; }
.topright ul li form { padding-left:10px; width:190px; }
.topright ul li form input { font-size:11px; line-height:11px; height:13px; vertical-align:top; margin-top:1px; }
.topright ul li form .btn { background-color:#6ba94d; border:0; margin:0; padding:0; }
.topright a { display:block; padding:0 10px; line-height:28px; color:#fff; text-transform:uppercase; text-decoration:none; }
.topright a:hover, .topright a.toprightOn { background-color:#666666; }
.topnav ul li { float:left; list-style:none; border-right:1px solid #FFFFFF;  }
.topnav, .topnav a { color:#FFFFFF; text-decoration:none; }
.topnav a { display:block; padding:2px 4px 4px 4px; margin:0 5px; font-size:13px; line-height:13px; position:relative; width:auto; background:transparent; text-transform:uppercase;}
.topnav a:hover { background-color:#69aac5; }
.topnav li.lasttopnav { border-right:0; }
.topnavOn, a.topnavOn { background-color:#69aac5; }
.setTop { }
.leftTop  { margin-top:40px; }
.wellLeft { position: relative; width:174px;  float:left; margin:0 0 0 0px; padding:0; border:0;}/* WAS width:169px; AND margin: 0 0 0 5px; see 'leftnav' for new margin assignment */
#extrusion .wellLeft {_position: absolute;} /* IE6 fix */

.wellContent { position:relative; top:1px; border-left:1px solid #CCCCCC; text-align:left; padding:4px; background-color:#FFFFFF; height:auto; min-height:500px; }
#columns3 .wellContent { /* width:628px;*/ width:644px; _width:637px; float:right; margin:0; padding-left:0; padding-right:0;  }
#columns2 .wellContent { width:640px; float:right; margin:0; padding:0;   }
#columns1 .wellContent { margin-left:0; margin-right:0;}
.rail {position: relative; float:right; width:175px;  }
.rail h3 { background:url(../images/bg-railh3.gif) no-repeat 0 50%; padding:0 10px 7px 10px; }
.rail p, .rail ul, .rail ol { margin-left:10px; }
.rail .sSection { min-height:115px; }
.rail .sSection .moreLink { text-align:right; }
.aama { float:right; font-size:85%; clear:right; }
.commentsRight {float:right; }
.inner { padding:0 0 0 10px; min-height:400px; position:relative; }
#columns2 .inner { width:600px; }
#columns3 .inner { width:450px; _width: 445px; }
.shadowRail { position: relative; background:#FFFFFF url(../images/bg-rail.gif) repeat-y right; margin:0 4px 0 0; padding:0;  }


.leftnav { margin:45px 0 0 5px; padding:0; list-style:none; width:165px; } /* WAS margin:45px 0 0; Fixed bumping bug */
.leftnav li { border-bottom:1px solid #FFFFFF; list-style:none; }
.leftnav li a, .leftnav li a.onlink { display:block; padding:2px 0 2px 13px; color:#FFFFFF; text-decoration:none; }
.leftnav li, .leftnav li a, a.onlink { background:url(../images/bg-leftnav.gif) no-repeat 0 0; }
.leftnav li a:hover,  .leftnav li a.onlink { background-position:left bottom; color:#FFFFFF; }

.leftnav div a, .leftnav div a.onlink { display:block; padding:10px 0 0 0; color:#000000; text-decoration:none; }
.leftnav div, .leftnav div a, a.onlink { background:none; }
.leftnav div a:hover,  .leftnav div a.onlink { background-position:left bottom; color:#2F6EB5; }


.inner ol, .inner ul { margin-left:29px;  }
.inner ol, .inner ul, .inner p { margin-bottom:10px; }

.formsStyle1 label { width:155px; position:relative;}
.formsStyle1 { border:1px solid #bfe5be;  background-color:#f2f2f2;  }

ul.brCrumb { height:25px; line-height:11px; font-size:.83em; color:#676767; padding:10px 0 0 0; margin:0 0 0 10px; }
ul.brCrumb li { float:left;  padding-right:4px; list-style:none; }
ul.brCrumb li a { display:block; background:url(../images/bg-breadcrumb.gif) no-repeat 100% 50%; color:#999999; padding-right:8px; text-decoration:none; }
ul.brCrumb li a:hover { text-decoration:underline; } 
/* ul.brCrumb li:first-letter { text-transform:uppercase; } */

/* Right Hand Promos */
.promoGallery, .promoCoolRoof { text-align:center; }
.promoGallery caption, .promoCoolRoof caption { display:block; width:auto; margin:0; padding:0; font-size:80%; }
.promoGallery a img, .promoCoolRoof a img { display:block; margin:0 auto; padding:0; border:1px solid #EEEEEE; }
.promoGallery a, .promoCoolRoof a { text-decoration:none; color:#5DBE5D; }
.promoGallery a:hover, .promoCoolRoof a:hover { text-decoration:none; background-color:#CCCCCC; }
.promoGallery a:hover img, .promoCoolRoof a:hover img { border-color:#CCCCCC; }

ol.bullet1 { font-size:11px; line-height:12px; }
ol.bullet1 li { list-style-image:url(../images/bullet1.gif); float:none; margin-left:32px; padding:3px; }

.sSection .bullet1 { background:url(../images/bullet1.gif) no-repeat 12px 7px; margin:0; padding:0 0 0 23px;  } 
.nolist, .nolist li { list-style:none; }

h1 { font-size:1.7em; font-weight:600; line-height:1.6em; color: #2b6818; }
h2 { font-size:1.4em; font-weight:600; line-height:1.6em; color: #b96318;}
h3 { font-size:1.2em; font-weight:600; line-height:1.6em; }
h4 { font-size:1.1em; font-weight:600; line-height:1em; }
h5 { font-size:1.15em; font-weight:600; line-height:1em; }
h6 { font-size:1em;   font-weight:600; line-height:1em; }

.show { display:block; }
.hide { display:none; }
.invisible { visibility:hidden; }

/* ABOUT page for beauty shot */
.bs { float:right; padding:2px; margin-right:4px; }
.bs caption { font-size:80%; color:#CCCCCC; }

/* colors text blue  DARK to White */
.blue20 { color:#05080F; }
.blue19 { color:#0A0F1E; }
.blue18 { color:#0F172C; }
.blue17 { color:#141E3B; }
.blue16 { color:#19264A; }
.blue15 { color:#1D2D59; }
.blue14 { color:#223568; }
.blue13 { color:#273C77; }
.blue12 { color:#2C4485; }
.blue11 { color:#314B94; }
.blueDefault { color:#3653A3; }
.blue10 { color:#4863AB; }
.blue9 { color:#5B72B4; }
.blue8 { color:#6D82BC; }
.blue7 { color:#7F92C4; }
.blue6 { color:#91A1CD; }
.blue5 { color:#A4B1D5; }
.blue4 { color:#B6C0DE; }
.blue3 { color:#C8D0E6; }
.blue2 { color:#DAE0EE; }
.blue1 { color:#EDEFF7; }

.green20 { color:#000E00; }
.green19 { color:#001C00; }
.green18 { color:#002A00; }
.green17 { color:#003800; }
.green16 { color:#004600; }
.green15 { color:#005300; }
.green14 { color:#006100; }
.green13 { color:#006F00; }
.green12 { color:#007D00; }
.green11 { color:#008B00; }
.greenDefault { color:#009900; }
.green10 { color:#17A217; }
.green9 { color:#2EAC2E; }
.green8 { color:#46B546; }
.green7 { color:#5DBE5D; }
.green6 { color:#74C774; }
.green5 { color:#8BD18B; }
.green4 { color:#A2DAA2; }
.green3 { color:#B9E3B9; }
.green2 { color:#D1ECD1; }
.green1 { color:#E8F6E8; }

/* icons for links */
.icon1, a.icon1, a.icon1:link, a.icon1:active, a.icon1:visited { background:url(../images/icon_pagelink.gif) no-repeat 0 50%; * background:url(../images/icon_pagelink.gif) no-repeat 0 0%; padding-left:15px; text-decoration:none; }
a.icon1:hover { text-decoration:underline; }

.icon2, a.icon2, a.icon2:link, a.icon2:active, a.icon2:visited { background:url(../images/icon_pagelink.gif) no-repeat 0 50%; padding-left:15px; padding-right:15px; text-decoration:none; }
a.icon2:hover { text-decoration:underline; }

.specialClear{
  clear:above;
  *clear:both;
}

.backtotop { text-align:right; margin-right:2px; font-size:90%; }
.backtotop a { text-decoration:none; border-bottom:1px dashed #223568; color:#223568; background:url(../images/icon-btt.gif) no-repeat 100% 50%; padding-right:10px; }
.backtotop a:hover { border-bottom-style:solid; }
 
.quickQs {margin-bottom: 20px;}

.quickSections {position: absolute; float: left;}

.leftNavImgs {position: absolute; top:300px; float: left;}

.largeLabel { width:180px; float:left; text-align:right; padding-right:10px;}
.submitMessage { width:150px; float:left; text-align:right; padding-right:10px; padding-left:155px; padding-top:17px;}
.extButton {padding-top:15px; padding-top:-15px; padding-left:330px;}
.skipButton {padding-top:-15px; padding-left:330px;}
.litButton {padding-top:15px; padding-bottom:15px; padding-left:70px;}
.litDetails {width:280px; height:100px; float:left; padding-left:150px; position:relative;}
.litDetails2 {width:280px; float:left; padding-left:150px; position:relative;}
.litQty {padding-top: 20px;}
.thumb { float:left; position:relative; padding-right:10px; }
.bottombar {display:none; }

.formsStyle2{position:relative;}
.formsStyle3{position:relative;}
.boxTop{font-size:15px;font-weight:bold;}

.products h1 { font-weight:600; font-size:20px; line-height:1em;  }
.productDescription {float:left; padding-left:5px; padding-bottom:5px; margin-top:-3px;}
.hr { clear:both; background:url(../images/bg-hr.gif) repeat-x; padding:0; margin:10px auto; border:0; color:white; height:1px; width:99%; }
.hr hr { display:none; }
.tabs { width:auto; overflow:hidden; height:32px; margin:0; padding:0; list-style:none; clear:both; }
.tabs li { list-style:none; margin:0; padding:0; background-color:purple; }
a.pdficon { background:url(../images/icon_pdf.png) no-repeat 100% 0; padding:1px 18px 0 0; line-height:16px; display:block; position:relative;  width:60px; margin-top:10px;}
.moreinfo  { padding:10px 5px; margin:4px 4px 4px 0; background-color:transparent; margin-top:1px;  border-top:1px solid #CBCBCB;   }

/*---used by buttons on Product detail pages-----*/
div.tabs a.pItem { display:block; float:left; margin-right:4px; font-size:12px; line-height:24px; background:#2b6818  url(../images/tab-off-left.gif) no-repeat top left; padding-left:10px; }
.tabs a.pItem span { background-color:green; display: block; padding: 0 10px 6px 0; background:transparent url(../images/tab-off-right.gif) no-repeat top right; }

div.tabs a.pItem:link, div.tabs a.pItem:active, div.tabs a.pItem:visited { color:#ffffff; text-decoration:none; }
div.tabs a.pItem:hover span, div.tabs a.pOn span { color:white; background-image:url(../images/tab-on-right.gif); }
div.tabs a.pItem:hover, div.tabs a.pOn { background-image:url(../images/tab-on-left.gif); background-color:#69aac5; }

div.tabs a.tabsPDF { line-height:30px; display:block; float:left; margin:0 0 0 10px; padding:0 18px 0 0; background-position:100% 50%; }
div.tabs a.tabsPDF2 { line-height:30px; display:block; float:left; margin:0 0 0 10px; padding:0 18px 0 0; background-position:66% 50%; width:100px;}
div.tabs a.tabsPDF3 { line-height:30px; display:block; float:left; margin:0 0 0 10px; padding:0 18px 0 0; background-position:98% 50%; width:112px;}
.pDetails { clear:both; height:250px; min-height:250px;  padding:0; margin:10px auto;}
.featList strong { float:left;  width:150px; text-align:right; display:block; padding-bottom:10px; font-size:90%; }
.featList p { clear:both; }
 
/* products comparison chart */
.tblChart td { border-bottom:1px solid #CCCCCC; }
.tblChart tbody th { background-color:#EBEEF6; padding-left:10px;}
.tblChart tbody td { padding:10px 0; vertical-align:middle; }
.tblChart tfoot th, .tblChart thead th { color: #000000; font-weight:normal; vertical-align:bottom; }

/* color cards */
.tblColorWrp tbody tr th {  background-color:#EBEEF6; padding-left:10px;   }
.tblColorWrp a.colorProduct { border:1px solid #009900; padding:5px; color:#009900; background-color:#EEEEEE; text-decoration:none; }
.tblColorWrp a.colorProduct:hover { border:1px solid #000000; padding:5px; color:#FFFFFF; background-color:#CCCCCC; text-decoration:none; }
.tblColorWrp .colorChip img { float:left; margin:0 2px; }
.tblColorWrp .column1 img {  }
.colorDetails { height:30px; padding-left:30px; }
.reqd label, p.reqd { color:red; }

 .backtotop { text-align:right; margin-right:2px; font-size:90%; }
 .backtotop a { text-decoration:none; border-bottom:1px dashed #223568; color:#223568; background:url(../images/icon-btt.gif) no-repeat 100% 50%; padding-right:10px; }
 .backtotop a:hover { border-bottom-style:solid; }
 
.imageBorder1 { border:1px; border-color:black; border-style:solid; }

.Note { float:right; position:relative; padding:0 10px 0 0; margin-top:-19px; width:260px;}
li.clean {
	display:inline;
	float:left;
        width:auto;
}
div.leftList {
  float:left;
  width:200px;
}
div.rightList {
  float:left;
  width:200px;
}
.energyStarDiv{
	background:white;
	left:37px;
	position:absolute;
	top:129px;
	z-index:500;
}