/* CSS Document */

	body {
		margin: 0px;
		padding: 0px;
		background: #94bee8;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #6d6d6d;
		}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	a { 
		color: #4192dd;
		font-weight:700;
	}
	
	a:hover { color:#317b11; }
		
	h1, h2, h3, h4, h5, h6 { padding:0; margin:0;}
	
	h1 {
		padding:0 10px 0 10px; 
		margin:0; 
		color:#0054b2; 
		font-size:18px; 
		line-height: 150%; 
	}
	
	h2 { 
		font-size:16px;
		font-weight: 700;
		color:#317b11;
		padding: 10px 0 0 10px;
	}
	
	h3 {
		color:#0066CC;
		font-size: 14px;
		margin: 20px 0 20px 10px;
	}
		
		
	.alignLeft { float: left; }	
	
	.alignRight { float:right; }
	
	#wrapper {
		width: 975px;
		margin: 0px auto;
		padding: 0 10px 10px 10px;
		background:#FFFFFF;
		
		}
	
	#masthead {
		background:url('../img/masthead-bg.jpg') no-repeat;
		width: 975px;
		margin: 0;
		padding: 0;
		float: left;
		text-align:left;
		position:relative;
		
		}
		
	#logo { 
		float:left; 
		padding: 20px;
		
		}
	
	#topLinks { 
		float: right; 
		color:#FFFFFF;
		font-size:11px;
		background:#165ea6;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding: 8px 12px 8px 12px;
		}
		
	#topLinks a { color:#FFFFFF; font-weight:normal }
	
	#topLinks a:hover { color:#9bd23d }
		
	#fauxColumn {
		background:url('../img/faux-column.jpg') repeat-y;
		margin: 10px 0 10px 0;
	}
	
	#contentContainer {
		padding: 10px 0 10px 10px;
		width: 726px;
		float:right;
	}
	
	#contentContainer p {
		padding: 0 10px 0 10px; 
	}
	
	.tableHeading {
		background: #0160be;
		color:#FFFFFF;
		height: 40px;
		text-align: center;
		border-right: 1px solid #ffffff;
	}
	
	.bodyTable {
		margin-left: 10px;
	}
	
	#banner {
		position: relative;
		background:url(../img/banner-bg.gif) repeat-x;
	}
	
	#bannerForm {
		position: absolute;
		padding: 10px 0 0 15px;
		color:#FFFFFF;
		width: 335px;
		left: 625px;
		top: 0;
	}
	
	#bannerForm form label {
		font-size: 1em;
		font-weight: 700;
		color:#FFFFFF;
		padding: 0 10px 0 0;
		margin: 0;
	}
	
	#bannerForm td {
		padding: 0;
		margin:0;
	}
	
	/* ---- NAV 1 ------
-------------------------------------------------------------------- */
	#nav1Container {
		position: relative;
	}
		
	ul#nav1 {
		margin:0;
		padding:0;
	}

	#nav1 li {
		float:left;
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
		
		}

	#nav1 li a {
		display:block;
		height:64px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -64px !important;
		height: 64px;
		}

	#nav1 li a.nav1Home {
		background:url('../img/nav1-home.gif') no-repeat left top;
		width:69px
		}
		
	#nav1 li a.nav1Mission {
		background:url('../img/nav1-mission.gif') no-repeat left top;
		width:112px
		}

	#nav1 li a.nav1Credits {
		background:url('../img/nav1-credits.gif') no-repeat left top;
		width:160px
		}

	#nav1 li a.nav1Business {
		background:url('../img/nav1-business.gif') no-repeat left top;
		width:129px
		}
		
	#nav1 li a.nav1Shop {
		background:url('../img/nav1-shop.gif') no-repeat left top;
		width:103px
		}
		
	#nav1 li a.nav1Blog {
		background:url('../img/nav1-blog.gif') no-repeat left top;
		width:63px
		}
		
	#nav1 li a.nav1Compare {
		background:url('../img/nav1-compare.gif') no-repeat left top;
		width:226px
		}
		
	#nav1 li a.nav1Action {
		background:url('../img/nav1-action.gif') no-repeat left top;
		width:113px
		}

				
	/* selected nav */

	#nav1 li a#active { 
		height: 64px;
		background-position:0 -64px !important
	 }
	
/* 2-:---------------------------------- Side Navigation ---------------------------------------- */	
	

	#nav2Container {
		float: left;
		}
		
	#nav2 {
		width: 238px;
		padding:0;
		margin:0;
		}

	#nav2 li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		}

	#nav2 li a {
		display:block;
		height:58px;
		text-indent:-999px;
		overflow:hidden    

		}
		
	#nav2 li:hover ul,
	#nav2 li.hover ul {
		display:block
		}

	#nav2 li a:hover {
		background-position:0 -58px !important
		}

	#nav2 li a.nav2button1 {
		background:url('../img/nav2button1.gif') no-repeat 0 0;
		width:238px
		}

	#nav2 li a.nav2button2 {
		background:url('../img/nav2button2.gif') no-repeat left top;
		width:238px
		}

	#nav2 li a.nav2button3 {
		background:url('../img/nav2button3.gif') no-repeat left top;
		width:238px
		}

	#nav2 li a.nav2button4{
		background:url('../img/nav2button4.gif') no-repeat left top;
		width:238px
		}
		
	#nav2 li a.nav2button5{
		background:url('../img/nav2button5.gif') no-repeat left top;
		width:238px
		}
		
	/* selected nav */

	#nav2 li a#active { background-position:0 -58px !important }
	
	
	
/* 3-:-------------------------------------- Nav 3 States----------------------------------------------------*/ 

	
	#nav3Container {
		margin: 0px;
		margin-left: 10px;
		padding-bottom: 20px;
		float: left;
		border-bottom: 1px dotted #009933;
		}
	
	#nav3 {
	  	padding: 0px;
	  	margin: 0px;
	  	position: relative;
		top: 0px;
		left: 0px;
		font-size: 11px;
		font-weight:700;
		}
		
	#nav3 ul {
		margin: 0px;
		padding: 0px;
		margin-left: 2px;
		}
		
	#nav3 ul li {
		margin: 0px;
		list-style-type: none;
		display: inline;
		float: left;
		border-right: 2px solid #ffffff;
		}
		
	#nav3 ul li a {
		padding: 5px 21px 5px 21px;
		float: left;
		text-decoration: none;
		border: 0px;
		color:#666666;
		display:block;
		background: #dddddd;
		}
		
	#nav3 ul li a:hover{
		color:#FFFFFF;
		background: #333333;
		}
		
	#nav3 ul li a.active {
		background: #333333;
		color:#FFFFFF;
	}
	
	
/* 2-:---------------------------------- Home --------------------------------- */
	
	.columnLeft {
		width: 360px;
		float: left;
	}
	
	.columnRight {
		width: 350px;
		float: right;
	}
		
	
/* 2-:---------------------------------- Take Action --------------------------------- */

	#addProductTable { 
		padding: 0;
		
		}
		
	#addProductTable td {
		padding: 5px;
	}
	
	#addProductTable td.tableHeading {
		text-align:left;
		height: 20px;
		padding:5px 0 5px 10px;
		margin:0;
	}
	
	#calculator {
		background: #d2f4aa;
		padding:0;
		color:#4e9310;
		}
		
	#calculator td {
		padding: 10px;
		border-bottom: 2px solid #ffffff;
	}
	
	.calculations {
		font-size: 16px;
		font-weight:700;
		background:#7cc229;
		color:#FFFFFF;
		
	}
	
	.tableHeadingCalculator {
		height: 14px;
	}
	
	#productInCalc td{
		border:none;
		text-align:center;
		font-size:11px;
	}
	
	
	#formContainer {
		margin-left: 10px;
	}

	#formContainer .formClear{
		padding:5px 0px;
		border-top: 1px solid #CCCCCC;
	}

	#formContainer form label {
		width:300px;
		float:left;
		padding:5px 0px;
		
	}
	
	.formClear { clear:both; }
	
	
	
	 /* ---- FORM STYLE ------
-------------------------------------------------------------------- */


	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form input.formText, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		background:url('../img/form-input-bg.gif');
		font-size: 0.9em;
		height: 15px;
	}

	.form select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		vertical-align: middle;
		background: #fff url('../img/form-input-bg.gif') 0 0 repeat-x;
		font-size: 0.9em;
	}

		

	input.submitButton {	
		border: 0;
		width: auto;
		background: #442551;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.2em;
	}	
	
	 /* ---- FORM2 STYLE ------
-------------------------------------------------------------------- */


	.form2 {
		margin: 0 0 20px;
		border: 0;
		width 300px;
	}

	.form2 input.formText, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		font-size: 0.9em;
		height: 15px;
	}

	.form2 select {
		border: 1px solid #DCDCDC;
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		vertical-align: middle;
		font-size: 0.9em;
	}
	
	
/* 6-:--------------------------------- Prices Styles ----------------------------------- */

	
	.pricesTable {
		margin: 20px 0 0 10px;
	}
	
	.pricesTable a {
		color:#009900;
		font-weight:800;
		font-size: 12px;
	}
	
	.pricesTable td {
		font-size: 11px;
		border-bottom: 1px solid #cccccc;
		text-align:center;
	}
	
	.green {
		background:#5ea524;
		color:#FFFFFF;
	}
	
	.tableHeading {
		background:#0160be;
		color:#FFFFFF;
	}
	
	#disclaimer {
		font-size: 11px;
		display:none;
	}
	
	#pollutingTable {
		margin-left: 20px;
	}
	
	#pollutingTable table {
		width: 100%;
	}
	
	#productInfo ul {
		padding:0;
		margin:20px 0 0 0;
	}
	
	#productInfo ul li {
		list-style-type:none;
		padding:0px 0 10px 30px;
		margin:0;
		background:url('../img/tick-home.gif') no-repeat;
	}
	
/* 2-:---------------------------------- Mission --------------------------------- */
	.missionTable {
		margin: 20px 0 0 10px;
	}
	
	.missionTable td {
		font-size: 12px;
		border-bottom: 1px solid #cccccc;
		text-align: left;
		padding: 5px 5px 5px 5px;
	}
	
	
	
	
/* 2-:---------------------------------- Footer --------------------------------- */	
	
	
	#footer {
		background:#e9e9e9;
		padding: 20px 10px 20px 10px;
		text-align:center;
		font-size:11px;
		margin-top: 10px;
	}
	
	#footer a {
		color:#6e6e6e;
		font-weight:normal;
	}
	
	#footer a:hover {
		color:#1a6bb6;
	}