* {
	margin: 0;
	padding: 0;
}

html, body {
	min-height: 100%;
	min-width: 1024px;
}

body {
	background: url("/images/bg-grad.png") repeat-x;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
}

img {
	border: none;
}


#header {
	height: 303px;
	background: url("/images/header-bg.jpg") repeat-x;
}

#header .topscratch {
	width: 100%;
	height: 25px;
	position: relative;
	bottom: -152px;
	background: url("/images/topscratch.png") repeat-x;
	z-index: 1000;
}

#header2 {
	height: 179px;
	background: url("/images/header2-bg.jpg") repeat-x;
}

#header2 .topscratch {
	width: 100%;
	height: 25px;
	position: relative;
	bottom: -29px;
	background: url("/images/topscratch.png") repeat-x;
	z-index: 1000;
}

#header2 .menuicon {
	
}


#body {
	height: auto;
	background: url("/images/bottomscratch.png") repeat-x;
	background-position: left bottom;
}

.innerpage {
	background-position: 0 -130px;
}

.container {
	width: 1024px;
	font-size: 12px;
	position: relative;
	margin: 0 auto 0 auto;
}


#logo {
	width: 231px;
	height: 145px;
	float: left;
	cursor: pointer;
}

#logo img {
	margin-top: 10px;
}

#homeicon {
	width: 20px;
	height: 20px;
	background: url('/images/home-icon.png') no-repeat;
	cursor: pointer;
}

#homeicon:hover {
	background-position: 0px -20px;
}

#menu {
	height: 33px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 12px;
	margin-left: 60px;
	float: left;
}

#menu div {
	margin: 10px 20px 0 0;
	float: left;
}

#social {
	height: 33px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 12px;
	float: right;
}

#social div {
	margin: 10px 5px 0 0;
	float: left;
	cursor: pointer;
}

.socialicon {
	width: 23px;
	height: 20px;
	background: url("/images/social.png") no-repeat;
}

.twitter {
	background-position: 0 0;
}

.twitter:hover {
	background-position: 0 -22px;
}

.facebook {
	background-position: -23px 0;
}

.facebook:hover {
	background-position: -23px -22px;
}

.pinterest {
	background-position: -46px 0;
}

.pinterest:hover {
	background-position: -46px -22px;
}

#branding {
	width: 510px;
	height: 110px;
	float: left;
}

.quotes {
	width: 151px;
	height: 82px;
	float: right;
	margin: 15px 0 0 10px;
	background: url("/images/get-quotes.png");
	overflow: hidden;
	cursor: pointer;
}

.quotes:hover {
	background-position: 0 -84px;
}

.base-quote {
	width: 640px;
	height: 50px;
	background: url("/images/quote-base.png");
	margin-left: 20px;
	margin-top: 20px;
	cursor: pointer;
}

.base-quote:hover {
	background-position: 0 50px;
}


.menuicon {
	height: 158px;
	text-align: center;
	float: left;
	background: url('/images/buildings.png') no-repeat;
	position: relative;
	cursor: pointer;
}

.menutext {
	height: 40px;
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	font-size: 16px;
	color: #fff;
	text-align: center;
	float: left;
	line-height: 25px;
/*	background: url('/images/buildings.png') no-repeat; */
	position: relative;
	cursor: pointer;
}

.menutext a {
	color: #fff;
}

.menutext a:hover {
	text-decoration: none;
}

.menuicon div {
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	font-size: 18px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 2px;
}

.housemenu {
	width: 230px;
	background-position: 0 0;
}
.housemenu:hover, .housemenu.selected {
	background-position: 0 -157px;
}

.shopmenu {
	width: 175px;
	background-position: -233px 0;
	margin-left: 20px;
}
.shopmenu:hover, .shopmenu.selected {
	background-position: -233px -157px;
}


.officemenu {
	width: 175px;
	background-position: -405px 0;
}
.officemenu:hover, .officemenu.selected {
	background-position: -405px -157px;
}

.warehousemenu {
	width: 225px;
	background-position: -580px 0;
}
.warehousemenu:hover, .warehousemenu.selected {
	background-position: -580px -157px;
}

.factorymenu {
	width: 195px;
	background-position: -808px 0;
}
.factorymenu:hover, .factorymenu.selected {
	background-position: -808px -157px;
}


.page-description {
	width: 100%;
	background-color: #000;
	color: #fff;
	text-align: center;	
	box-shadow: 0px 5px 5px #ccc;
}

.page-instructions {
	width: 100%;
	height: 50px;
	background-color: #f4f3f0;
	color: #000;
	text-align: center;	
}

.page-instructions p {
	padding-top: 5px;
}

#savingmenu {
	width: 180px;
/*	height: 695px; */
	height: 670px;
	min-height: 695px;
	text-align: left;
	position: relative;
	background-color: #f4f0e3;
	box-shadow: 5px 0px 5px rgba(0,0,0,0.3);
	float: left; 
	z-index: 500;
	display: table;
}


.innerpage #savingmenu {
	width: 180px;
/*	height: 100%; */
	height: 100%;
/*	min-height: 695px; */
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f4f0e3;
	box-shadow: 5px 0px 5px rgba(0,0,0,0.3);
	float: left;
	z-index: 500;
/*	margin-top: -11px; */
	display: inline;
}

.savingmenutag {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 30px;
	margin: 20px 0 0 10px;
	clear: both;
}

.innerpage .savingmenutag {
	margin: 30px 0 0 10px;
}

.savingmenuitem {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	clear: both;
	cursor: pointer;
}

.savingmenuitemcontent {
	padding-top: 10px;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
}

.savingmenuitem span {
	font-family: arial;
	font-size: 8px;
}

.savingmenuitem:hover {
	color: #339933;
}

.savingmenuitem .spacer {
	height: 30px;
	vertical-align: middle;
	display:inline-block;
}

#bodyfooter {
	height: 180px;
	position: absolute;
	bottom: 0;
}

.bodyfootermodule {
	width: 220px;
	height: 140px;
	margin: 20px 0px 0px 15px;
	float: left;
}

.footerhead {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	font-size: 18px;
	color: #00b042;
}

.bodyfootermodule p {
	font-family: arial;
	color: #fff;
	margin-top: 10px;
}

.bodyfootermodule a {
	color: #00b042;
}

#footer {
	height: 200px;
	font-family: arial;
	background-color: #f4f0e3;
	bottom: 0;
	left: 0;
	border-top: 15px solid #339933;
}

#footer p {
	font-family: arial;
	font-size: 9px;
	margin-top: 5px;
}

.footerheading {
	font-family: arial;
	font-size: 9px;
	font-weight: bold;
	color: #339933;
	margin-top: 10px;
}

.footerdiv {
	margin-left: 50px;
	float: left;
}


.greenheadtext {
	font-size: 18px;
	color: #99cc33;
}

.greentext {
	color: #339933;
}

.greenbox {
	width: auto;
	display: inline-block;
	background-color: #99cc33;
	color: #fff;
	font-size: 18px;
	padding: 5px;
	margin-top: 10px;
}






.navbuttons {
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url('/images/navbuttons.png') no-repeat;
}

.hotwaterbutton {
	background-position: 0 0;
}

.solarbutton {
	background-position: 0 -33px;
}

.heatingandcoolingbutton {
	background-position: 0 -66px;
}

.lightingbutton {
	background-position: 0 -99px;
}

.insulationbutton {
	background-position: 0 -132px;
}

.automationbutton {
	background-position: 0 -164px;
}

.electriccarbutton {
	background-position: 0 -197px;
}

.powerfactorcorrectionbutton {
	background-position: 0 -230px;
}

.voltagereductionbutton {
	background-position: 0 -266px;
}

.poolpumpbutton {
	background-position: 0 -298px;
}

.windpowerbutton {
	background-position: 0 -331px;
}

.wavepowerbutton {
	background-position: 0 -363px;
}

.appliancesbutton {
	background-position: 0 -365px;
}


.showerheadsbutton {
	background-position: 0 -396px;
}

.powerstoragebutton {
	background-position: 0 -430px;
}

.standbypowermanagementbutton {
	background-position: 0 -466px;
}

#bodyslidercontainer {
	width: 840px;
	height: 500px;
	overflow: hidden;
	position: absolute;
	left: 180px;
	top: 10px;
}


#bodysliders {
	width: 4200px;
	position: relative;
}

.bodyslider {
	width: 840px;
	float: left;
}

.homeinfo {
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	background-color: rgba(0,0,0,0);
/*	border: 1px solid #000; */
}

.infocontainer {
	width: 200px;
	min-height: 60px;
	font-family: arial;
	color: #fff;
	background-color: rgba(0,0,0,0.8);
	border-radius: 8px;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.3);
	padding: 10px;
	display: none;
	position: absolute;
	left: -85px;
	top: -70px;
	z-index: 1000;
}

.infocontainer .heading {
	font-family: arial;
	font-size: 15px;
	color: #339933;	
	margin-bottom: 6px;
}

.infocontainer p {
	margin-bottom: 5px;
}

.infocontainer a {
	color: #fff;
	font-style: oblique;
}

.infocontainer span {
	color: #339933;
}

.grey {
	color: #555;
}

#bodycontainer {
	width: 950px;
	margin-left: 180px;
	float: left;
}


.innerpage #bodycontainer {
	width: 1024px;
	min-height: 685px;
	margin-left: 0px;
	float: left;
}

#copyarea {
	width: 660px;
	float: left;
	margin-left: 190px;
	word-wrap: break-word;
}


#copyarea h2 {
	font-family: 'Roboto Slab', serif;
	font-weight: 200;
	font-size: 25px;
	color: #38a835;
	margin: 20px 0 0 20px;
}

#copyarea h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	font-size: 18px;
	color: #38a835;
	text-decoration: underline;
	margin: 20px 0 0 20px;
}

#copyarea h4 {
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	font-size: 15px;
	color: #38a835;
	margin: 15px 0 15px 20px !important;
}

.mainpages h2 {
	font-family: 'Roboto Slab', serif !important;
	font-weight: 100 !important;
	font-size: 18px !important;
	color: #38a835 !important;
	margin: 20px 0 0 20px !important;
	border: 1px solid #38a835 !important;
	border-width: 0 0 1px 0 !important;
}

.mainpages h3 {
	font-family: 'Roboto Slab', serif !important;
	font-weight: 200 !important;
	font-size: 25px !important;
	color: #000 !important;
	margin: 20px 0 0 20px !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	clear: both;
}

.mainpages ol {
	margin: 10px 10px 30px 10px;
	padding: 0 0 0 30px;
}

#copyarea p {
	font-family: arial;
	font-size: 11px;
	color: #000;
	margin: 20px 0 0 20px;
}

#modulearea {
	width: 170px;
	min-height: 100%;
	background-color: #ddd;
	position: absolute;
	top: 0;
	right: 0;
	background: url('/images/tree.png') no-repeat;
	background-position: center bottom;
}

.first {
	margin-left: 106px;
}

.formsection {
	width: 85%;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	margin: 30px auto 0 auto;
	padding: 10px 20px 20px 20px;
}

.header {
	font-family: 'Roboto Slab', serif !important;
	font-weight: 100 !important;
	font-size: 23px !important;
	color: #38a835 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #38a835;
	padding-bottom: 5px;
	margin: 0 0 20px 0 !important;
}


.header span {
	color: #444 !important;
	font-family: sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	margin-top: 15px;
	float: right !important;
}

.headersmall {
	font-family: 'Roboto Slab', serif !important;
	font-weight: 100 !important;
	font-size: 19px !important;
	color: #38a835 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #38a835;
	padding-bottom: 5px;
	margin: 10px 0 10px 0 !important;
}


.formsection div {
	min-height: 30px;
	background-color: #f4f0e3;
	margin-bottom: 5px;
	padding: 5px;
}


.formsection div label {
	width: 30%;
	color: #444;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	display: block; 
	float: left;
}

.notopmargin {
	margin-top: 0 !important;
}

.formsection input {
	height: 30px;
	width: 70%;
	border: 0;
}

.formsection input[type="checkbox"] {
	width:25px;
	height: 25px;
	border: 5px solid green; 
}


label.checkbox span.holder{
	height:75px;
	background:url("/images/prettyCheckboxes/new_check.png") 0 -1px no-repeat
}

label.radio span.holder{
	height:50px;
	background:url("/images/prettyCheckboxes/radio.gif") 0 -1px no-repeat
}

label.checkbox:hover span.holder,label.radio:hover span.holder{
	top:-25px !important
}

label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder{
	top:-50px !important
}

label.list{
	float:left;
	clear:left;
	margin: -10px 0 5px 0;
}

label.inline{
	float:left;
	margin:0 10px 0 0
}

input.hiddenCheckbox{
	position:absolute;
	left:-10000px
}

label.prettyCheckbox span.holderWrap{
	display:block;
	float:left;
	position:relative;
	margin-right:5px;
	overflow:hidden
}

label.prettyCheckbox span.holder{
	display:block;
	position:absolute;
	top:0;
	left:0
}

.labelest {
	width: 60% !important;
	float: right !important;
	font-weight: normal !important;
	margin-top: 3px !important;
	line-height: 25px;
}


#innerbase {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#innerbase .holderWrap {
	margin-top: 10px;
	margin-right: 10px;
}

#innerbase label.checkbox span.holder {
	background: url('/images/prettyCheckboxes/new_check_white.png') 0 -1px no-repeat;
}


input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}



.styled-select {
	background-color: #fff !important;
	padding: 0 0 0 0 !important;
	float: left;
}

.styled-select select {
	color: #444;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: transparent;
	width: 208px;
	padding: 5px;
	line-height: 2;
	border: 0;
	border-radius: 0;
	height: 25px;
	-webkit-appearance: none;
}

.styled-select {
   width: 180px;
   height: 23px !important;
   overflow: hidden;
   background: url("/images/new_arrow.png") no-repeat right #ddd;

}

.notecontainer {
	background-color: #fff !important;
	border: 1px solid #99cc33;
	margin: 0;
	padding: 0 !important;
}

.quote-status {
	font-family: 'Roboto Slab', serif !important;
	font-size: 18px;
	margin-top: 5px;
	display: block;
}

.note {
	width: 150px;
	color: #444;
	font-family: 'Roboto Slab', serif !important;
	font-size: 16px;
	background-color: #99cc33 !important;
	padding: 0 !important;
	float: left;
	line-height: 30px;
	text-align: center;
}

.notetext {
	width: 405px;
	color: #444;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff !important;
	padding: 0 !important;
	float: left;
	line-height: 30px;
	text-align: center;
}

.submitbuttoncontainer, .becomesubmitbuttoncontainer, .contactsubmitbuttoncontainer  {
	width: 85%;
	margin: 20px auto;
	border: 2px dashed #ccc;
	cursor: pointer;
}

.becomesubmitbuttoncontainer, .contactsubmitbuttoncontainer  {
	background: none !important;
}

.submitbuttoncontainer:hover, .becomesubmitbuttoncontainer:hover, .contactsubmitbuttoncontainer:hover {
	background-color: #f4f0e3 !important;
}


.submitbutton {
	width: 515px;
	padding: 18px;
	background-color: #f4f0e3;
	border: 4px solid #fff;
	cursor: pointer;
}

.submitbutton:hover {
	background-color: #f2f0ee;
}

.submitbutton img {
	margin: auto;
}

.main-esi {
	background-color: #359946 !important;
	color: #fff !important;
}

.main-esi label {
	color: #fff !important;
}

.main-esi img {
	width: 28px;
	height: 28px;
	border: 1px solid #000;
	margin-right: 5px;
	margin-top: -10px;
}

.esi-label {
	width: 35% !important;
}

.inputs {
	color: #444;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#errorbox {
	width: 300px;
	height: auto;
	font-family: sans-serif;
	font-size: 10pt;
	color: #fff;
	background: rgba(0,0,0,0.8);
	border-radius: 10px;
	box-shadow: 0px 0px 10px black;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -150px;
	z-index: 1000;
	display: none;
	padding: 30px;
}

.closebox {
	margin-top: 10px;
	cursor: pointer;
	text-align: right;
}

.getquotes {
	color: #339933 !important;
	font-style: normal !important;
}

.esi-arrow {
	float: right;
	margin-top: 10px;
	font-size: 10px;
	cursor: pointer;
}

#copyarea ul {
	margin-left: 30px;
	padding: 10px;
}


th {
	height: 30px;
	font-weight: normal;
}

th p {
	color: #fff !important;
	line-height: 30px;
	margin: 0 !important;
}

td p {
	line-height: 30px;
	margin: 0 !important;
}


big {
	font-size: 180%;
	line-height: 30px;
}

.mainpages table {
	width: 97% !important;
	height: auto !important;
	border-collapse: collapse;
	margin-left: 20px;
}

.mainpages table td, .mainpages table th {
  border: 1px solid black;
  padding: 5px;
}

.mainpages table th p {
	line-height: 15px;
}

.mainpages table td p {
	line-height: 20px;
}


.mainpages table tr:first-child th {
  border-top: 0;
}

.mainpages table tr:last-child td {
  border-bottom: 0;
}

.mainpages table tr td:first-child,
.mainpages table tr th:first-child {
  border-left: 0;
}

.mainpages table tr td:last-child,
.mainpages table tr th:last-child {
  border-right: 0;
}

#copyarea img {
	max-width: 100% !important;
}

.breadcrumbs {
	font-family: arial;
	font-size: 11px;
	margin: 30px 0 0 20px;
}

.green {
	color: #38a835;
}

#modulearea img {
	max-width: 160px;
	position: absolute;
	right: 0px;
}

.becomesubmitbutton, .contactsubmitbutton {
	width: auto !important;
	overflow: hidden;
	background: none !important;
}

.subscribe-button-inner {
	margin: 8px !important;
}


.buy-now {
	width: 151px;
	height: 58px;
	float: right;
	margin: 15px 0 0 10px;
	background: url("/images/buy-now.png");
	background-size: cover;
	overflow: hidden;
	cursor: pointer;
}

.buy-now:hover {
	background-position: 0 -72px;
}