body
{	background: 		#aacc54;
	color:				#999999;
	font-family:		verdana,helvetica,sans-serif;
	line-height: 1.4;
}

h1,
h2,
a
{	color:				#aacc55;}

h1
{	font-size:			2.4em;
	font-weight:			normal;
	text-align:			right;
	width:				100%;
	font-family:		arial,verdana,helvetica,sans-serif;
}

h1 a#skip_content
{	text-decoration:none;	}

h1 a#skip_content:hover,
h1 a#skip_content:visited
{	text-decoration:none;
	color:#aacc55;	
}
h1 a#skip_content,
h1 a#skip_content:hover,
h1 a#skip_content:visited
{
	margin-left:0;
	padding-left:0;
	
}

body.homepage div#body h1
{	text-align:				left;
	padding:			1.6em 0 0.6em 0;
}

h3
{	color:				#0099ff;
	font-size:			1.1em;
}



div#site-wrapper
{	width:				950px;
	margin:				25px auto;
	background:			#aacc54;
}

ul#pri-nav
{	margin:				0;
	padding:			0.6em 0 ;
	font-family:		arial,verdana,helvetica,sans-serif;
	border:				1px solid #fff;
	border-bottom:		none;
	display:			block;
	background:			#aacc54;
	font-size:			0.7em;
}
ul#pri-nav li,
ul#pri-nav li a,
ul#pri-nav li a:visited
{	display:			inline;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
}

ul#pri-nav li a,
ul#pri-nav li span
{	padding:			0.3em 1em;	}

ul#pri-nav li a:hover
{	padding:			0.3em 1em;
	background-color:	#a1bb57;
}

ul#pri-nav li
{	border-right:		1px solid #fff;
	padding:			0.3em 0;
	margin:				0;
}

ul#pri-nav li.on
{	background:			#7f993e ;/*url(../greener-images/menu_on_bg.gif) no-repeat right center;*/
	padding:			0.3em 0;
	border-right:		1px solid #fff;
}

div#icon-column
{	float:				right;
	width:				88px;
	border-right:		1px solid #fff;
	margin-top:25px;
	background: 		#aacc54;
}

div#icon-column div
{text-align:center;}

div#icon-column div img
{	margin: 6px auto;}

div#main-body
{	background:			#fff url(../greener-images/green.gif) repeat-y right top;
	width:100%;
}

div#nav-image
{	float:				left;
	width:				290px;
	text-align:			center;
	padding:			20px 0;
}

div#nav-image img
{	margin:				0 auto;
}

div#body
{	float:				left;
	width:				550px;
	background:			#fff;
}
body.homepage div#body
{	
	width:				510px;
	padding:0 20px 20px 20px ;
}

div#body h1
{	padding:			0.4em 0;			}

div#body p
{	font-size:			0.7em;
	padding:			0.5em 0;
	width:				500px;
}

body.homepage div#body p
{	width:auto;	}

div#quiz div#quizform form fieldset p
{	width: 490px;
	display:block;
	font-size:0.7em;
}

div#quiz div#quizform form fieldset p.form-section-header
{	color:#444;
	font-size:1em;
}

div#body h3.body-link a
{	font-size:0.7em;
	font-weight:normal;
	text-align:right;color: #7f993e;
float:right;}

div#body h3.body-link a:hover
{ color: #7f993e;}

/*body.homepage div#body p
{	font-size:0.65em;	}*/

div#body p.quote-block 
{	vertical-align:top;}

div#body p img.quote-open
{	padding:			0 6px 0 0;
	float:none !important;
}

div#body p img.quote-close
{	padding:			0 0 0 6px;
	float:none !important;
}

body.homepage div#body p.quote-attribute,
body.homepage div#body p.quote-attribute2
{	text-align:			right;
	font-weight:		normal;
	padding:			0 0 1.4em 0;
	display:block;
	}

	

	
div#body img
{	float:				left;
	padding:			4px 20px 0 8px;
}
	
body.homepage div#body p.quote-block,
div#body img
{	display:inline;
		font-weight:		bold;
	}
	
body.homepage div#body p.quote-block,
body.homepage div#body p.quote-attribute,
body.homepage div#body p.quote-attribute2
{	font-style:			italic;
	font-size:0.7em;
}
	
	
div#cta-wrapper,
div#cta-wrapper-promo
{	width:				832px;
	display:			block;
	background:			#fff;
	float:				left;
	margin:				0 auto 1em auto;
	padding:			0 14px;
}

div#cta-wrapper-promo
{	width:				502px;
	padding:			0;
}

div#cta-wrapper div.cta-wrapper1,
div#cta-wrapper-promo div.cta-wrapper1,
div#cta-wrapper div.cta-wrapper2
{	/*border-top:			1px solid #bcbc78;*/
	width:				410px;
	height:				143px;
	display:			block;
	/*background:			#fff url(../greener-images/cta-base.gif) repeat-x left bottom;*/
	background:			#fff url(../greener-images/cta_top.gif) no-repeat;
	float:				left;
	margin:				0;
	padding:			0;
	position:			relative;
}

div#cta-wrapper-promo div.cta-wrapper1
{	background:			#fff url(../greener-images/cta_wide_top.gif) no-repeat;
	width:				500px;
	height:				auto;
	margin-bottom: 0.8em;
}

div#cta-wrapper div.cta-wrapper2
{	float:				right;	}

div#cta-wrapper div div.cta,
div#cta-wrapper-promo div div.cta
{	height:				132px;
	width:				387px;
	display:			block;
	margin-top:10px;
	background:			#fff url(../greener-images/cta_bottom.gif) no-repeat left bottom;
	padding:			0 10px 0 10px;
	/*border-left:		1px solid #bcbc78;
	border-right:		1px solid #bcbc78;*/
}

div#cta-wrapper-promo div div.cta
{	background:			#fff url(../greener-images/cta_wide_bottom.gif) no-repeat left bottom;
	height:			auto;
	padding:			0;
	width:				500px;
}

div#cta-wrapper div div.cta ul.cta-link
{	position:			absolute;
	bottom:				10px;
}

div#cta-wrapper div div.cta p,
div#cta-wrapper div div.cta ul li a
{	font-size:			0.7em;
	color:				#0099ff;
}
div#cta-wrapper div div.cta h3
{	font-size:			0.7em;
	color:				#0099ff;
	padding:			0 0 0 0;
}

div#cta-wrapper div div.cta p
{	color:				#999999;			
}

div#cta-wrapper div div.cta img
{	float:				right;
	display:			inline;
	padding:			0 0 0 5px;
}

div#footer
{	background:			#aacc54 url(../greener-images/green_sq.gif) repeat left top;
	margin:				0;
	padding:			0;
}

div#footer div.logos
{	width:				100%;
	display:			block;
	background:			#aacc54 url(../greener-images/washroom_peeps.gif) no-repeat right bottom;
}

div.logos a img
{	margin:			20px 23px 21px 20px;
	float:			left;
}

div.logos a img#contact-logo
{	float:				right;	}

div#footer-text,
div#footer-text a
{	color:				white !important;}

div#footer-text
{background-color:			#aacc54;}

div#footer-text ul,
div#footer-text p
{	margin:				0;
background-color:			#aacc54;
	font-size:			0.7em;
}

div#footer-text p
{	padding:			5px 0 0 0;
float:				left;
width:460px;	}

div#footer-text ul#sitelinks
{	display:none;}

div#footer-text ul
{	float:				right;
	padding:			5px 82px 0 0;width:408px;text-align:right;
	display:block;
}

div#footer-text ul li
{
	display:			inline;
	border-left:		1px solid white;
	padding:0 0.8em;
}

div.seperator
{display:none;}

div#footer-text ul li.first
{	border-left:		none;	}

/* PRODUCT PAGES */

div.product-wrapper
{	float:				right;
	margin-bottom:		40px;
	width:530px;
}

div.product-wrapper h2
{	min-height:			50px;
	font-size:			1.8em;
	font-weight:		normal;
}

div.product-wrapper h2 span
{	padding:		0.3em 0 0.1em 0;
	float:left;
}

div.product-wrapper h2 img
{	padding:		0 0 0 20px;
	margin:			0;
	clear:none;
}

div#body div.product-wrapper div img.style1
{	float:			left;
	clear:			left;
	padding:		0.5em 0 0 0 ;
}

div#body div.product-wrapper div.product-desc
{	width:			400px;
	display:		block;
	float:			left;
	padding-top:	0.5em;
}

div#body div.product-wrapper div.product-desc p,
div#body div.product-wrapper div.product-desc ul li a
{	/*font-size:			0.65em;*/
	padding:			0.1em 0 0.1em 20px;
	width:				390px;
}

div#body div.product-wrapper div.product-desc ul li a
{	font-weight:	bold;
	font-size:			0.75em;}

div#body div.product-wrapper div.product-desc h3
{	padding:			0.3em 0 0.1em 20px;
	color:				#999999;
	font-size:			0.7em;
	text-decoration:	none;
}

div#body div.product-wrapper div.product-desc p
{	font-weight:			normal;
}

div#body div.product-wrapper div.product-desc ul li a,
div#body div.product-wrapper div.product-desc ul li a:visited
{	color: 				#aacc55;
	text-decoration:	none;
}

div#body div.product-wrapper div.product-desc ul li a:hover
{	color:				#7f993e; 
	text-decoration:	underline;
}

/* INFO PAGES */

body.Symbols div div div#body h3,
body.Greener-Washroom-Solutions div div div#body h2,
body.Our-Own-Commitment div div div#body h2
{	font-size:			0.8em;
	font-weight:		heavy;
	color: #aacc55;
}

body.Symbols div div div#body p,
body.Greener-Washroom-Solutions div div div#body p,
body.Our-Own-Commitment div div div#body p
{	font-size:			0.7em;	}

body.Our-Own-Commitment div div div#body ul,
body.Greener-Washroom-Solutions div div div#body ul
{padding:0 0 0.5em 0.25em;}

body.Our-Own-Commitment div div div#body ul li,
body.Greener-Washroom-Solutions div div div#body ul li
{	font-size:			0.7em;
	background-image: url(../greener-images/ul-arrow-level-1.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 10px;
}

body.Our-Own-Commitment div div div#body ul li a,
body.Greener-Washroom-Solutions div div div#body ul li a,
body.Greener-Washroom-Solutions div div div#body p a,
body.Our-Own-Commitment div div div#body p a
{	color: #7f993e;
	text-decoration:underline;}

body.Our-Own-Commitment div div div#body ul li a:hover,
body.Greener-Washroom-Solutions div div div#body ul li a:hover,
body.Greener-Washroom-Solutions div div div#body p a:hover,
body.Our-Own-Commitment div div div#body p a:hover
{	color: #0099ff;
	text-decoration:underline;	
}

body.Symbols  div#body div.product-wrapper div.product-desc h3
{	padding-top: 10px;
	color: #aacc55;
}



#quiz form fieldset 
{
	border:none;
	float:left;
}

input#quiznext
{	float:right;clear:right;
	margin:15px 10px 0 0;
}
div#quizform form#quizb fieldset div#checkboxes div input#quizsubmit
{	float:right;
		margin-right:10px;
}
#quiz ul
{
	padding-bottom: 10px;
}

#quiz ul li 
{
	display: inline;
	width: 100px;
	margin-right: 10px;
}

#quiz .plastic li 
{
	display: inline;
	margin-right: 10px;
}

#quiz ul 
{
	font-size: 11px;
	width: 510px;
}
#quiz ul li label
{	padding-left:0.4em;	}
/* tried to set widht to make checkboxes line-up but to no avail in firefox
#quiz #quizform.quizforma form fieldset ul li label
{	width:120px !important;	}*/

form#quizb fieldset div label em,
div#quizform p em
{	color:red;
	font-weight:heavy;
}

body.homepage div #body #quiz h1
{
	text-align: right;
	height: 50px;
	width: 506px;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #aacc54;
}

body.homepage div #body #quiz h2
{
	text-align: right;
	font-weight: normal;
	font-size: 27.4px;
	color: #aacc54;
	width: 506px;
	padding-bottom: 4px;
}

body.homepage div #body #quiz h3
{
	text-align: justify;
	font-size: 13px;
	color: #9e9e9e;
	font-weight: bold;
	width: 420px;
	padding-top: 4px;
}

#quiz form fieldset textarea 
{
	height: 50px;
	float:left;
}




#tandc
{
	float:left;
	clear:both;
	width:490px;
	color: #9e9e9e;
	font-size: 0.7em;
	margin-top: 10px;
	background-color: #fff;
	border-top: 1px dotted #add052;
	padding-top: 4px;
	text-align: right;	
}
#ipod_heading
{
	width: 300px;
	float: left;
}

#quiztext { width: 495px; float: left; margin:1em 0; }
#quiztext2 { width: 506px; clear: both; }

#ipod
{
	width: 70px;
	height: 159px;
	float: right;
	margin-right:11px;
}

form#greenform { clear: right; float:right; width: 190px; }
form#greenform fieldset div .label { width: 150px; margin-right: 20px; }
form#greenform em { width: 20px; color: #ff0000; font-size: 12px; font-weight: bold; }
form#greenform label { width: 100px; color: #000; font-size: 11px; margin-right: 30px; font-weight: bold; }
form#greenform form fieldset label
{
	float: left;
	text-align: left;

}

form#greenform fieldset div
{ 
	padding-bottom: 4px;
	clear:both;
}

form#greenform fieldset input,form#greenform fieldset textarea
{
	width: 200px;
	margin-left: none;
}

form#greenform fieldset #checkboxes input
{
	width: 25px;
	margin-left: none;
	float: left;
}

#checkboxes div
{
	clear: both;
}

#checkboxes label
{
	margin-left: 10px;
	width: 250px;
}

div#quiz form fieldset #checkboxes p
{	padding: 1em 0 0 0;
	margin: 0;
}

.margintop { margin-top: 20px; }

#quiz div#quizheader {width: 504px; height: 22px; background:url(../../images/page-1.jpg); }
#quiz div#quizheader2 {width: 504px; height: 22px; background:url(../../images/page-2.jpg); }
form#greenform fieldset ul li input#quiznext { clear: both; margin-top:30px; margin-left:160px; width: 85px; height: 20px; }
form#greenform fieldset #checkboxes #quizsubmit { clear:both; margin-top:30px; margin-left:250px; width: 85px; height: 20px; }

#thankyou
{
	width: 477px;
	height: 183px;
	background:url(../../images/thankyouback.jpg) no-repeat;
	float: right;
}

#thankyoutext
{
	padding: 30px;
	font-weight: bold;
	font-size: 20px;
}

input#promocode,
input#promo-submit
{	width:80px;
float:left;
	margin:0.3em 10px 0 0;
	
}

div#quizform form#quizb
{	font-size:0.7em;}

div#quizform form#quizb fieldset div label
{	width	:180px;
	display:block;
	float:left;
	font-weight: bold;
	color:#444;
}

div#quizform form#quizb fieldset div input,
div#quizform form#quizb fieldset div textarea
{	width:180px;	}

div#quizform form#quizb fieldset div input#qu_pcode
{	width:80px;	}

div#quizform form#quizb fieldset div p.opt-out input#qu_evaluation
{	width:auto;	}

div#quizform form#quizb fieldset div p.opt-out
{	font-size:1.1em;}

div#quizform form#quizb fieldset div textarea
{	margin-bottom:0.8em;	}

div span.error strong
{	float:left;
	padding-left:14px;
	color:red;
	margin-bottom:2em;
	clear:both;
	width:180px;
}

div.conf_tandc span.error strong
{	padding-left:24px;
	margin-bottom:0;}

div#quizform form#quizb fieldset div#checkboxes div label
{	width	:300px;	}

div#quizform form#quizb fieldset div#checkboxes div input
{width:auto;}

div#checkboxes
{	padding-left:	2px;	}

div#checkboxes div
{	padding:0.5em 0;
	clear: both;
	display: block;
	width:450px;
}

div#quizform form#quizb fieldset div#checkboxes div label
{	color: #9e9e9e;
	float:left;
}

div#quizform form#quizb fieldset div#checkboxes div input
{	float:left;	}

div#quizform form#quizb fieldset div
{	margin: 1em 0;	
	clear:both;
	display:block;
}

div#quizform form#quizb fieldset div#checkboxes
{	margin-top:0;	}

div#quizform form#quizb fieldset div.conf_tandc
{	border-top:1px dotted #add052;
	
	padding: 1em 0;
	margin:2em 0 0.8em 0;
	width:100%;
}

#greenpromoform { float: left; width:499px;  padding-bottom:0.8em; }

div#cta-wrapper-promo div div div#greenpromoform span#error,
div#quizform form fieldset span#error
{ float: left; font-weight: bold; font-size: 0.7em; padding: 0 4px 0 12px; width:350px;	}
div#quizform form fieldset span#error
{padding-left:0;}
div#greenpromoform p#greenquiztext
{ float: left; font-weight: bold; font-size: 0.7em; padding: 0 0 0 12px; width:290px;	}
div#greenpromoform span#error,
div#quizform form fieldset span#error
{	color:red;}

div#quizform form fieldset span#error
{	margin:0.2em 0 0.5em 0;
clear:both;
width:500px;	}
div#quizform form fieldset span#error.bottom-error
{float:right;width:250px;clear:right;text-align:right;font-size:1em;}
#greenquizcontent {  }
#response { color: #ff0000;  }