html {
	background: #fdfff2;
	width: 100%;
	height: 100%;
}

body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/images/bkg_grd_blue.jpg) repeat-x top left #fdfff2;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	width: 100%;	
	/*text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	line-height: 1.5em;
}

#mainContainer {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: #ffffff;
	height: 100%;
}

.sidebar_left {
	background: url(../images/images/sidebar_left_bkg.jpg) repeat-y;
}

.sidebar_right {
	background: url(../images/images/sidebar_right_bkg.jpg) repeat-y;
}

.sharethis {float: right;}
.prnews {
	border: 1px solid #acc42a;
}

#container {
	background:url(../images/images/bkg_header.jpg) top center no-repeat;
	height: 160px;
	/*border-left: #202e6e solid 1px;
	border-right: #202e6e solid 1px;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 900px;
	background-color: #fff;
}

#header {
	height: 180px;
}

.slogan {
	padding: 20px 0 0 90px;
}

#nav {
	padding: 30px 0 20px 25px;
	line-height: 1.1em;
}

.smltxt {
	font-size: 10px;
	font-style: italic;
}

a:link, a:active, a:visited {font-size: 12px; color: #9abc57; text-decoration: none;}
a:hover {color: #202e6e;}

#nav a:link {text-decoration: none;color: #202e6e; font-size: 12px; font-weight: bold;}
#nav a:active {text-decoration: none;color: #202e6e; font-weight: bold; font-size: 12px;}
#nav a:visited {text-decoration: none;color: #202e6e; font-weight: bold; font-size: 12px;}
#nav a:hover {text-decoration: none; color: #acc42a; font-weight: bold; font-size: 12px;}


/* Top sub-navigation ****************************************************/

#top-subnav {
	background-color: #202e6e;	
	padding: 5px;	
}

#top-subnav a:link, #top-subnav a:visited {
	color: #fff;
	text-decoration: none;
	padding: 0 45px 0 45px;
	font-weight: bold;
}

#top-subnav a:hover {
	color: #acc42a;
	font-weight: bold;
}


/* Sub-navigation ****************************************************/

#subnav {
	margin-top: 10px;
}

#subnav a:link, #subnav a:visited {
	padding: 5px 20px 5px 20px;
	color: #80931b;
	background-color: #cee29a;
	text-decoration: none;
}

#subnav a:hover {
	color: #fff;
	background-color: #acc42a;
}

/*--------------------------------------------------------------------*/

/* General Styling ****************************************************/

#photo-statement {
	padding: 11px 0 0 31px;
}

#photo-statement img {
	padding: 0 8px 0 0;
}

#photo-statement a img {
	padding: 0 8px 0 0;
}

#mainContent { 
	 padding: 20px 31px 25px 31px; /*the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}

#mainContent_login { 
	 padding: 20px 10px 25px 31px; /*the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}

.content {
	width: 300px;
	padding-top: 10px;
}

.content-bkg{
	background: url(../images/images/content_bkg_grd.jpg) repeat-x;
	font-size: 13px;
}

.heading {
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #202e6e;
}

.header {
	text-align: left;
	text-transform: uppercase;
	color: #9abc57;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 1.3em;
}

.bluetxt {
	text-align: left;
	text-transform: uppercase;
	color: #202e6e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1.2em;
}

.bluesubheader {
	text-align: left;
	text-transform: uppercase;
	color: #202e6e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
}

.subheader {
	text-align: left;
	text-transform: uppercase;
	color: #9abc57;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


.ssubheader {
	text-align: left;
	text-transform: uppercase;
	color: #202e6e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:0.1em;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.logoimg {
	padding: 20px 25px 0 0;
}

.rotating_img {
	float: right;
	width: 230px;
	height: 230px;
}

.subscript {
 	vertical-align: sub;
	font-size: 10px;
}

.superscript {
 	vertical-align: super;
	font-size: 10px;
}

.smalltext {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#202e6e;}
.smallfadedtext {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#C8C8C8;}

.home_news {
	background: url(../images/images/pressrelease_bkg_grd.jpg) repeat-x;
	padding: 10px;
	border: solid 1px #e9efc6;
}

.bold {font-weight:bold; color: #C00;}


/* Login Styling for Videos & Sales Sheets *******************************************************/

.login_content {
	width: 250px;
	text-align: left;
	text-transform: uppercase;
	color: #202e6e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:0.1em;
}

.login_video {
	padding: 0;
	margin: 0px;
	width: 350px;
	font-size:11px; 
}

.login_video img.thumb {
	padding: 10px 0px 25px 0px;
	border: 0;
}

.login_video span.newsdate {
	color: #9abc57;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
}

.login_video a {
	display: block;
	position: static;
	clear: both;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.login_video a span.description {
	font-size: 11px;
	color: #666;
	margin: 4px 0px 0px 0px;
	display: block;
	line-height: 1.3em;
}

.login_video a span.heading {
	font-size: 12px;
	color: #202e6e;
	padding: 7px 0px 10px 0px;
}

.login_video a span.pdf {
	font-size: 10px;
	color: #9abc57;
	font-weight: bold;
}

.login_video a:hover span.pdf {
	color: #202e6e;
}

.login_video .approvalblock {
	display: block;
}

.login_video a span.caption_video {
	font-size: 9px;
	color: #9abc57;
	font-style: italic;
	font-weight: normal;
}

.login_list ul {
	padding: 0 0 0 20px;
	margin: 0px;
	width: 350px;
	font-size:11px; 
	color:#202e6e; 
}

.login_list ul li {
	list-style-type: none;	
	padding: 10px 0px 10px 0px;
}

.login_list ul li a {
	display: block;
	position: static;
	clear: both;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.login_list ul li a span.description {
	font-size: 11px;
	color: #666;
	margin: 4px 0px 4px 0px;
	display: block;
	line-height: 1.3em;
}


.login_list ul li a span.newsdate {
	font-size: 11px;
	color: #9abc57;
	font-style: normal;
	font-weight: bold;
}

.login_list ul li a span.heading {
	font-size: 12px;
	color: #202e6e;
	padding: 7px 0px 10px 0px;
}

.login_list ul li a span.heading_webinar {
	font-size: 12px;
	color: #202e6e;
	padding: 7px 0px 10px 0px;
	font-weight: bold;	
}

.login_list ul li a:hover span.heading_webinar {
	font-size: 12px;
	color: #9abc57;
	padding: 7px 0px 10px 0px;
	font-weight: bold;
}

.login_list ul li a span.pdf {
	font-size: 10px;
	color: #9abc57;
	/*margin: 4px 10px 4px 0px;*/
	font-weight: bold;
}

.login_list ul li a:hover span.pdf {
	color: #202e6e;
}

.login_list ul li a span.arrow {
	font-size: 10px;
	color: #9abc57;
	margin: 4px 10px 4px 0px;
	padding-top: 10px;
	/* float:right; */
	display: block;
	/* text-transform: uppercase; */
	font-weight: bold;
}

.login_list ul li a:hover span.arrow {
	color: #202e6e;
}

.login_list ul.approvalblock {
	display: block;
}

/*--------------------------------------------------------------------*/

/* News Styling *******************************************************/

.news-hd {
	font-size: 14px;
	color: #202e6e;
	font-weight: bold;
}

.approvals_list ul li a span.newsdate {
	font-size: 11px;
	color: #9abc57;
	font-style: normal;
	font-weight: bold;
}

.approvals_list ul li a span.heading {
	font-size: 12px;
	color: #202e6e;
	font-weight: normal;
	padding: 7px 0px 10px 0px;
}

.approvals_list ul li a span.pdf {
	font-size: 10px;
	color: #9abc57;
	margin: 4px 10px 4px 0px;
	display: block;
	font-weight: bold;
}

.approvals_list ul li a:hover span.pdf {
	color: #202e6e;
}

/*--------------------------------------------------------------------*/

/* Top Link Styling ***************************************************/
.top ul.link-top {
	display: inline;
}

.top ul li {
	list-style-type: none;
	padding: 20px 0px 20px 0px;
}

.top ul li a img.top{
	float:left;
	border: 0;
	margin-right: 5px;
}

.top ul li a{
	display: block;
	position: static;
	clear: both;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
	color: #9abc57;
	font-weight: bold;
}

.top ul li a:hover {
	color: #202e6e;
}

/*--------------------------------------------------------------------*/


/* Approvals List *****************************************************/

div.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}

.approvals_list ul {
	padding: 0px;
	margin: 0px;
	width: 700px;
}

.approvals_list ul li {
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 20px 0px 20px 0px;
}

.approvals_list ul li.partner {
	zoom: 1;
}

.approvals_list ul li.partner:after {
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;	
}

.approvals_list ul li h5, #resource h5 {
	float: left;
	display: inline;
	color: #666;
	font-size: 11px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	font-weight: bold;
}

.approvals_list ul li span.date, #resource span.date {
	display: block;
	color: #999;
	font-size: 11px;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.approvals_list ul li a {
	display: block;
	position: static;
	clear: both;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.approvals_list ul li a img.logo{
	float:left;
	padding-right:15px;
	border: 0;
}

.approvals_list ul li a span.line{
	float:left;
	border-right: #999 1px solid;
	margin: 8px 15px 12px 0px;
	width: 1px;
	height: 75px;
}

.approvals_list ul li a span.title {
	font-size: 14px;
	color: #202e6e;
	font-weight: bold;
	padding: 7px 0px 10px 0px;
}

.approvals_list ul li.partner a span.title {
	float: left;
	display: inline;	
	padding: 0px 0px 0px 0px; 
}

.approvals_list ul li a span.description {
	font-size: 11px;
	color: #666;
	margin: 4px 0px 12px 0px;
	display: block;
	line-height: 1.3em;
}

.approvals_list ul li a span.caption {
	font-size: 9px;
	color: #9abc57;
	font-style: italic;
	margin-left: -40px;
	line-height: 1.3em;
	font-weight: normal;
}


.approvals_list ul li.partner a span.description {
	display: inline;
	width: 600px;
}

.approvals_list ul li a span.arrow {
	font-size: 10px;
	color: #9abc57;
	margin: 4px 10px 4px 0px;
	padding-top: 10px;
	/* float:right; */
	display: block;
	/* text-transform: uppercase; */
	font-weight: bold;
}

.approvals_list ul li a:hover span.arrow {
	color: #202e6e;
}

.approvals_list ul.approvalblock {
	display: block;
}

.proof-subhd {
	width: 700px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:0.1em;
	background-color: #a8bf2c;
}

/*--------------------------------------------------------------------*/

/* Green Styling ******************************************************/


#footprint span.header {
	padding-left: 120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9abc57;
	font-weight: bold;
	text-transform: uppercase;
}

#footprint img {
	float: right;
}

#footprint p {
	font-size: 10px;
	line-height: 1.2em;
	padding: 0 20px 0 120px;
	color: #666;
}

/*--------------------------------------------------------------------*/


/* How Section Styling ************************************************/
#how-diag {
	border: solid 1px #999;
	margin: 20px 0 0 20px;
	float: left;
	background-color:#f6f6f6;	
}

#how-diag img {
	float: left;
	padding: 10px 20px 0 20px;
} 

#how-diag p{
	font-size: 10px;
	line-height: 1em;
	padding: 5px 0 10px 40px;
	color: #666;
	text-align:left;
}

.how-facts-blue{color: #202e6e; font-size: 14px; font-weight: bold;}
.how-facts-green {color: #788727; font-size: 14px; font-weight: bold;}

#ozone-diag {
	border: solid 1px #999;
	margin: 20px;
	float: right;
	background-color:#f6f6f6;
}

#ozone-diag img {
	float: left;
	padding: 10px 20px 0 20px;
} 

#ozone-diag p {
	text-align: left;
	font-size: 10px;
	line-height: 1em;
	padding: 5px 0 10px 40px;
	color: #666;
}

.caption {
	font-size: 10px;
	line-height: 1em;
	padding: 0 0 20px 40px;
	color: #666;
}

/*---------------------------------------------------------------------*/


#save span.header {
	padding-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9abc57;
	font-weight: bold;
	text-transform: uppercase;
}

#save img {
	float: left;
}

/* Calculation form ***************************************************/
.calculation {
	margin: 20px 5px 0 5px;
	border: 1px dotted #aaaaaa;
	float:right;
	background-color: #f6f6f6;
	text-align: right;
}

.calc-header {
	text-transform: uppercase;
	color: #202e6e;
	font-size: 12px;
}

.calc-txt {
	color: #202e6e;
}

.calc-desc {
	padding: 0 0 5px 20px;
	line-height: 1em;
}

.calc-num {
	padding: 5px 10px 5px 0;
}

.calc-saved {
	padding: 5px 0 5px 20px;	
	background-color: #CCC;
}

.calc-numsaved {
	padding: 0 10px 0 20px;
	background-color: #ccc;
}

form {
	width: 425px;
}

input.txt {
	text-align: right;
}

input.btxt {
	text-align: right;
	font-weight: bold;
}

/*---------------------------------------------------------------------*/

/* Contact Style ******************************************************/

.hdcontact {
	font-weight: bold;
	background-color: #a1c83b;
}

.hditalic {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}

.contact-lbkg {
	background-color:#cee29a;
}

.contact-llbkg {
	background-color:#e6f0ca;
}

.contact-lllbkg {
	background-color:#f5fce0;
}

.form-border {
	border: #a1c83b solid 1px;
}

.formtext_box {font-family:Arial, Helvetica, sans-serif;font-size:12px;border: 1px #a1c83b solid;}

.contact-phone {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	letter-spacing:  0.1em;
}

.contact-border {
	border-bottom: 1px dashed #999999;}

#contact a:link, #contact a:visited, #contact a:active{text-decoration: none; color: #202e6e; font-size: 12px;}
#contact a:hover {text-decoration: none ;color: #788727; font-size: 12px;}


/*---------------------------------------------------------------------*/

/* Products Style *****************************************************/

#products img {
	margin-right: 20px;
	border: 1px solid #9abc57;
	float: left;
}

.products {
	margin-right: 20px;
	border: 1px solid #9abc57;
	float: left;
}

#prod-img {
	padding-top: 10px;
	font-size: 10px;
	text-align: left;
	line-height: 1.2em;
}

#prod-content {
	width: 500px;
}

.prod-heading {
	color: #202e6e;
	font-weight: bold;
	font-size: 14px;
}

.hd-prod {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9abc57;
	font-weight: bold;
	letter-spacing:  0.1em;
}

.prod-subheader {
	color: #202e6e;
}

.testimonial {
	color: #202e6e;
	font-style: italic;
}

.testimonial-name {
	color: #202e6e;
	font-weight: bold;
	float: right;
	font-style: normal;
}

.test {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 20px;
	line-height: 1.2em;
}

.spec-content {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
}

.spec-heading {
	color: #202e6e;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;	
}

#spec a:link, #spec a:visited, #spec a:active {text-decoration: none ;color: #9abc57; font-weight: bold; font-size: 12px;}
#spec a:hover {text-decoration: underline ;color: #9abc57; font-weight: bold; font-size: 12px;}

.floatright a:link, .floatright a:visited, .floatright a:active{text-decoration: none; color: #788727; font-size: 9px; text-transform: none; font-weight: normal;}
.floatright a:hover {text-decoration: none ;color: #202e6e; font-size: 9px; text-transform: none; font-weight: normal;}

.floatright img {
	padding-left: 25px;
}

/*---------------------------------------------------------------------*/

/* Site Map Style **************************************************** */

#sitemap ul {
	list-style-type: disc;
	color: #202e6e;
}

#sitemap ul li {
	padding: 5px 0 5px 0;
}

#sitemap ul li a:link, #sitemap ul li a:visited, #sitemap ul li a:active{text-decoration: none ;color: #202e6e; font-size: 12px;}
#sitemap ul li a:hover {text-decoration: none ;color: #788727; font-size: 12px;}

#sitemap ul li.hdstyle {
	list-style: none;
}

#sitemap ul li span.hd {
	list-style: none;
	text-transform: uppercase;
	color: #788727;
}

/*---------------------------------------------------------------------*/

/* Footer Style *******************************************************/

#footer {
	text-align: center;
	width: 900px;
	height:100px;
	padding: 10px 0 0 0;
	background-image: url(../images/footer_logo_lines.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.phone {
	font-weight: bold;
	font-size: 14px;
}

.footer-links {
	text-align: right;
	padding-right: 50px;
}

.footer-links a:link, .footer-links a:visited, .footer-links a:active{text-decoration: none ;color: #788727; font-weight: bold; font-size: 10px; padding-left: 15px;}
.footer-links a:hover {text-decoration: none ;color: #202e6e; font-weight: bold; font-size: 10px; padding-left: 15px;}

.copyright {
	text-align: center;
	padding-top: 20px;
}

/*---------------------------------------------------------------------*/