/*---- Stylesheet for : Created:  ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
margin: auto;
padding: 0;
text-align: center;
background: url(/images/bg-page.gif);
color: #333;
font: 62.5% tahoma, geneva, sans-serif;
}

/*---- Standard Elements ----*/

a	{
color: #069;
text-decoration: underline;
}

a:hover	{
color: #069;
text-decoration: none;
}

img	{
border: 0;
}

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{
font: 12px tahoma, geneva, sans-serif;
}

label { font-size: 1.2em; }

hr	{
color: #666;
background: #666;
height: 1px;
border: 0;
padding: 0;
margin: 25px 0;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display:inline-block;
}

.note {
color: #F00;
font-weight: bold;
font-size: 1.1em;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding: 10px 0;
margin: 10px 0;
}

.center {
text-align: center;
}

.request-quote {

color: #1B5F9F;
text-align: center;
font-size: 1.1em;
padding: 50px 0 0 0;
}

/*---- Layout ----*/

#wrapper	{
position: relative;
margin: auto;
text-align: left;
border: 12px solid #FFF;
border-top: none;
width: 876px;
color: #444;
z-index: 5;
background: #FFF;
}

#header	{
border-bottom: 10px solid #fff;
}

#footer	{
border-top: solid 5px #1B5F9F;
background: #39C;
padding: 10px;
color: #FFF;
font-size: 1.1em;
line-height: 1.6em;
width: 856px;
margin-top: 20px;
}

/*---- Header ----*/

#logo	{
float: left;
width: 240px;
height: 210px;
}

#banner {
float: left;
width: 636px;
height: 210px;
position: relative;
z-index: -1;
}

#banner img {
width: 636px;
height: 210px;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}

img.show {
display: none;
z-index: 1 !important;	
}

#nav	{
border-top: solid 1px #039;
font-family: verdana, geneva, sans-serif;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

#nav ul li {
float: left;
position: relative;
z-index: 99;
}

#nav ul li a {
display: block;
background: url(/images/bg-nav.png) repeat-x;
height: 45px;
border-right: solid 1px #C7DFFC;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
font-size: 1.0em;
font-weight: bold;
line-height: 45px;
text-align: center;
padding: 0 28px;
}

#nav ul li a:hover, #nav ul li:hover a, #nav ul li.over a {
background-image: none;
background-color: #369;
}

#nav ul li.first a { padding-left: 30px; }
#nav ul li.last a {
border-right: none;
padding-right: 33px;
}

#nav .subnav {
position: absolute;
background: #369;
list-style: none;
margin: 0;
padding: 7px 0 7px 25px;
top: 45px;
left: -1px;
z-index: 95;
font-size: 1.1em;
font-family: verdana, geneva, sans-serif;
text-align: left;
display: none;
border: solid 1px #FFF;
border-top: none;
width: auto;
}

#nav .subnav li {
float: none;
padding: 0;
margin: 0;
text-align: left;
}

#nav .subnav .dash { display: none; }

#nav li:hover .subnav, #nav li.over .subnav { display: block; }

#nav ul li .subnav li a {
display: block;
background-image: none;
text-decoration: none;
width: 150px;
height: auto;
color: #FFF;
font-weight: bold;
text-align: left;
line-height: 1.8em;
padding: 0 7px;
margin: 0;
text-transform: none;
border: none;
}

#nav .subnav li a:hover { font-weight: bold; color: #FC0; }

#header-bg	{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 266px;
z-index: 0;
background: url(/images/bg-header.png) repeat-x;
}

/*---- Content ----*/

#main-content p, #main-content ol, #main-content ul {
font-size: 1.1em;
line-height: 1.8em;
}

#callouts {
float: left;
width: 199px;
margin-right: 10px;
}

#co-subnav, #product-spotlight {
background: url(/images/bg-featured-product.png) no-repeat;
width: 175px;
padding: 12px;
}

#product-spotlight { height: 160px; }

#co-subnav .subnav {
list-style: none;
margin: 0;
padding: 0 0 0 10px;
font-size: 1.1em;
line-height: 1.6em;
}

#co-subnav .top-level-link {
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
}

.callout { margin-bottom: 10px; }

#product-spotlight { margin-bottom: 0; }

#product-spotlight h2 {
background: transparent;
font: bold 1.4em verdana, geneva, sans-serif;
margin-bottom: 20px;
color: #369;
}

.product-image { float: right; }

.product-name {
font-size: 1.4em;
font-weight: bold;
}

.product-desc {
font-size: 1.1em;
line-height: 1.4em;
margin-bottom: 10px;
}

#product-spotlight a {
font-size: 1.1em;
line-height: 1.4em;
}

.callout h2 {
background: url(/images/hdr-callouts02.png) no-repeat;
}

.callout h2 a {
display: block;
background: url(/images/spacer.gif) repeat;
width: 199px;
height: 89px;
}

#why-green h2 {
width: 199px;
height: 89px;
}

#financing-options h2 {
width: 199px;
height: 89px;
background-position: 0 -89px;
}

#watch-video h2 {
width: 199px;
height: 30px;
background-position: 0 -178px;
}

#watch-video a {
display: block;
background: url(/images/spacer.gif) repeat;
width: 199px;
height: 30px;
}

#join-mailing-list {
background: url(/images/bg-join-mailing-list.png) no-repeat;
width: 199px;
height: 184px;
color: #069;
}

#join-mailing-list h2 {
width: 199px;
height: 30px;
background-position: 0 -208px;
margin-bottom: 20px;
}

#join-mailing-list form { display: block; padding: 0 12px; }
#join-mailing-list strong { font-size: 1.2em; }
#join-mailing-list label { font-size: 1.1em; }

#main-content {
float: left;
margin-left: 10px;
line-height: 1.8em;
}

#home-content-wrapper #main-content {
width: 657px;
}

#content-wrapper #main-content {
width: 617px;
padding: 20px;
}

#content-banner {
background: url(/images/bg-content-banner.jpg) no-repeat;
height: 163px;
width: 407px;
padding: 30px 15px 0 235px;
}

h2#we-care {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdr-we-care.png');
width: 216px;
height: 18px;
margin-bottom: 10px;
}

html>body h2#we-care {
background: url(/images/hdr-we-care.png) no-repeat;
}

#content-banner span { 
font-family: georgia, serif;
font-size: 1.4em;
}

#banner-links {
margin-top: 15px;
font-size: 1.2em;
}

#banner-links a {
color: #F60;
font-weight: bold;
}

#sub-main {
float: left;
width: 434px;
margin-right: 5px;
}

#coupons {
float: left;
width: 212px;
margin-left: 5px;
}

#sub-content .section .header h3 {
background: url(/images/hdr-sections.png) no-repeat;
line-height: 25px;
text-transform: uppercase;
padding: 5px 0 0 15px;
font-size: 1.1em;
height: 25px;
margin-bottom: 10px;
}

#sub-content #sub-main .section .header h3 {
width: 419px;
background-position: 0 -30px;
}

#sub-content #coupon .section .header h3 {
width: 212px;
}

.news-item {
background: url(/images/arrow.gif) no-repeat 11px 2px;
padding-left: 28px;
line-height: 1.6em;
margin-bottom: 20px;
}

.news-item img {
float: left;
margin-right: 10px;
}

.news-header {
color: #369;
font-weight: bold;
font-size: 1.2em;
}

.news-blurb, .news-link {
font-size: 1.1em;
}

#sub-testimonials .content {
padding: 0 15px;
}

#sub-testimonials .testimonial {
margin-bottom: 20px;
}

#sub-testimonials .testimonial-text {
font: italic normal 1.6em georgia, serif;
}

#sub-testimonials .testimonial-author {
font-size: 1.2em;
font-weight: bold;
}

#sub-testimonials a { font-size: 1.1em; font-weight: bold; }

.coupon {
border: dashed 1px #369;
background: url(/images/bg-coupon.png) repeat-x;
margin-bottom: 8px;
padding: 11px;
}

.coupon-header {
font-size: 1.4em;
font-weight: bold;
color: #FF7011;
}

.coupon-desc {
font-size: 1.1em;
font-style: italic;
color: #369;
}

.coupon-print a {
display: block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/details.png');
width: 84px;
height: 27px;
margin-top: 10px;
}

html>body .coupon-print a {
background: url(/images/details.png) no-repeat;
}

.coupon-print a span { display: none; }

#learn-more ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 1.1em;
line-height: 1.6em;
}

#learn-more ul li {
background: url(/images/arrow.gif) no-repeat 8px 3px;
padding-left: 20px;
}

/* -- FAQ -- */
#faq-questions {
margin-bottom: 30px;
}

.qa-set {
border-bottom: solid 1px #1B5F9F;
padding-bottom: 20px;
margin-bottom: 20px;
font-size: 1.1em;
}

.question { font-weight: bold; }

.back-to-top { text-align: center; }

/* -- Specials -- */
.print-button {
margin: 10px 0;
text-align: center;
}

.special {
border: dashed 1px #111;
padding: 5px;
margin-bottom: 30px;
}

.sp-title {
background: #39C;
font-size: 1.4em;
color: #FFF;
font-weight: bold;
padding: 5px;
margin-bottom: 5px;
}

.sp-text {
font-size: 1.8em;
line-height: 1.23em;
font-weight: bold;
}

.sp-text img {
float: left;
margin-right: 5px;
}

.sp-phone {
text-align: right;
font-size: 2.6em;
line-height: 1.24em;
font-weight: bold;
}

.sp-disclaim {
text-align: right;
font-size: 1.067em;
line-height: 1.31em;
}

/* -- Testimonial -- */
.testimonial-wrapper .testimonial {
font-size: 1.1em;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #1B5F9F;
}

.testimonial-wrapper .testimonial-author { font-style: italic; }

.image-left {
float: left;
margin-right: 15px;
padding: 3px;
border: 1px solid #CCC;
}

#gallery-thumbs {
width: 100%;
text-align: center;
}

#gallery-thumbs img {
padding: 2px;
border: 1px solid #CCC;
margin-bottom: 1px;
}

#gallery-image {
width: 100%;
text-align: center;
padding-top: 35px;
}

#gallery-image img {
padding: 5px;
border: 1px solid #CCC;
}

/* -- Contact -- */
#contact-left, #contact-right {
float: left;
width: 50%;
}

/* -- Affiliations/Certifications -- */
#affiliations, #certifications {
float: left;
width: 50%;
font-size: 1.1em;
}

/* -- PSA Request Form --*/
.formLabel {
float: left;
width: 100px;
font-size: 1.1em;
}

.formField {
float: left;
width: 517px;
margin-bottom: 5px;
}

.formButton {
clear: both;
padding-top: 15px;
}

.formButton input { font-size: 1.1em; }

/*---- Footer ----*/

#footer a { color: #FFF; }

#ft-copyright {
float: left;
width: 428px;
}

#ft-contact {
float: right;
width: 428px;
text-align: right;
}

/*---- Page/Section Headers ----*/

h1	{
color: #369;
font-size: 1.4em;
padding-bottom: 5px;
margin-bottom: 15px;
border-bottom: solid 1px #1B5F9F;
}

h2	{

}

h3	{

}

/*---- Hides for image headers and others ----*/

.alt, h1 span, h2 span { display: none; }