@charset "UTF-8";
/*	
	TRUenergy STYLE:	 	GOGREEN
	VER:					7.0.0
	LASTUPDATE:				3 MAR 08
------------------------------------------------- */

/*	Basics
------------------------------------------------- */

div, span {
	margin: 		0;
	padding: 		0;
}
body {
	font: 			12px/18px Verdana, Arial, Helvetica, sans-serif;
	background: 	#fff url(/css/images/bg_body.jpg) repeat-x top left;
	margin: 		0;
	padding: 		0;
	text-align: 	center;
	color: 			#333;
}


h1, h2 {
	line-height: 			1.0em;
	font-size:				18px;
	font-weight:			normal;
	color:					#269f9b;
	margin:					1em 0 5px 0;
	padding: 				0 0 2px 0;
}
.article h3 {
	font-size:				14px;
	font-weight:			normal;
	line-height: 28px;
	text-align: left;
	color: #fff;
	background: #31cbc8 url(/meters/css/bg_th.jpg) repeat-x  0 50%;
	display: block;
	width: 420px;


}

h3 strong {
	font-weight:			bold;

}

.copysmall {
 	font-size: .8em;
	line-height:.9em;
	color: #444;
 }
 

/* 	Default Links
------------------------------------------------- */

a, a:link {
	color:					#259f9a;
	background-color:		transparent;
	text-decoration:	 	underline;
}
a:visited {
	color:					#155D5A;

	background-color:		transparent;
	text-decoration:	 	underline;
}
a:hover {
	color:					#B4BA22;
	text-decoration:	 	underline;
}
a img {
	border: 				none;
}


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

#container {
	width: 					900px;
	margin: 				0 auto;
	text-align: 			left;
}


#header {
	background: 			#ddd;
	width: 					900px;
	height: 			 	86px;
	background: 			#269f9b url(/meters/css/bg_bannertop.jpg) no-repeat bottom left;
	padding: 				0;
}

#header h1 {
	dispay: 				none;
	font-size: 				1px;
}


#leftNav {
	width: 					166px;
	float: 					left;
}


#mainContent {
	width: 					734px;
	float: 					right;

}


div.inner_left_Panel {
	float: 					left;
	width:					514px;
	
	}
div.inner_left_copy {
		float: 					left;
	width:					460px;
	}
	
div.inner_right_Panel {		
	float:					right;
	width:					220px;
/*	background: 			#d9eeed url(/meters/css/bg_rightcol.jpg) repeat-y top right;
*/}

div.article, div.padder { 
	padding: 0 10px 10px 10px;
	}




#pre-footer {
	margin-top: 20px;
	padding: 				0 10px 0 20px;
	background:				#fff;
	text-align: 			center;
}
#footer {
	padding: 				0 10px 0 20px;
	background:				#fff;
	text-align: 			center;
	border-top: 			1px solid #CAE8E6;
}

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


div.article {
	padding: 0px 0 10px 10px;
}
div.article h2 {
	border-bottom: 			1px solid #CAE8E6;
}

div.right_Panel_header {
	background: 	#29aba7 url(/meters/css/bg_rightcol_cap.jpg) no-repeat top left;
	color: 			#fff;
	font-weight:	bold;
}

div.right_Panel_header div.padder {
	padding: 		10px;
}

div.featurebox1_top {
	/* Dark Featurebox */
	color: #b3d20f;
	background-color:#0b3b3a;
	margin: 		10px 10px 0 10px;
	padding: 		10px;
	
	}
div.featurebox1_top  h3 {
	color: 			#fff;
	margin: 		0;
	padding: 		.5em 0;
}
div.featurebox1_top  p {
	color: #b3d20f;
	margin: 		0;
	padding: 		.5em 0;
	font-size: .88em;
	line-height:1.1em;
}

div.featurebox1_bottom {
	border-top:		1px solid #fff;
	margin: 		0;
	padding: 		0 10px 10px 10px;
}




div#aroundthehome h2, div#helpyourbusiness h2, div#doingourpart h2 {
	display: none;
	
}

img.hero {
	padding-bottom: 10px 0;
}


div.hero {
	background: #000;
	margin: 		0;
	padding:		0;
}


div.hero div.padder{
	margin: 		0;
	padding:		14px 10px 0 10px;
}

div.herofoot {
}

table.featureTble, table.featureTble tr, table.featureTble td {
	margin: 		0;
	padding: 		0;
	border: 		0;
}

table.featureTble th {
	text-align: left;
	color: #fff;
	background: #31cbc8 url(bg_th.jpg) repeat-x  100% 50%;
	padding: 10px;
	
}

table.featureTble th a,table.featureTble th a:link, table.featureTble th a:visited {
	color: 					white;
	text-decoration:	 	none;
}

table.featureTble th.last {
	text-align: left;
	color: #fff;
	background: #31cbc8 url(bg_th.jpg) repeat-x  0 50%;
	padding: 10px;
	
}




table.featureTble td {
	text-align: left;
	color: #333;
	background: #fff url(bg_td.jpg) repeat-y  top right;
	padding: 10px;
	
}

table.featureTble  td.singlecell {
	background: 	#e2f5f3;
}

.hlbox {
	background: #f9f9e2;
	border: 1px solid #dfdfcb;
	padding: 10px 25px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 

}

ul#benefitList {margin:10px 0; padding:0; list-style:none; }
		
ul#benefitList li {background:url(/css/lists/bullet_green.jpg) no-repeat 0 5px; padding: 0px 15px 7px 25px; }
/*img/tru_tick.gif  padding: 0px 15px 7px 35px;
*/
/* Top Utility Menu
----------------------------------------------- */

#utility {
	float: 					right;
	width: 					90%;
}
#utility ul {
	padding: 				0 20px;
	margin: 				0;
	text-align: 			right;
}
#utility li {
	display: 				inline;
	padding-left: 			6px;
	white-space: 			nowrap;
}
li.contact {
	background:	url(/css/images/but_email.gif) no-repeat 0 50%;
}
li.question {
	background:	url(/css/images/but_question.gif) no-repeat 0 50%;
}
li.search {
	padding-left: 20px;
	background:	url(/css/images/but_find.gif) no-repeat 0 50%;
}
li.search input {
	padding-left: 20px;
}
#utility li a {
	padding-left: 			11px;
	padding-right: 			6px;
	border-right: 			1px solid #fff;
	text-decoration: 		none;
	color:					#fff;
}
#utility li a:hover, #utility li a:focus {
	text-decoration: 		underline;
}
#utility li.last a {
	border: 				0;
}
#utility p {
	padding: 				0.1em 20px 1em 20px;
	margin: 				0;
}


/* Main nav
----------------------------------------------- */

#nav {
	background: 			#ddd;
	width: 					900px;
	height: 			 	42px;
	float: 					left;
	background: 			#269f9b url(/css/images/bg_bannerbottom.jpg) no-repeat top left;
	padding: 				0;
	margin:					0 0 1em 0;
	list-style: none;
	font-size: 100%;
}
#nav ul {
	padding: 				0 0 0 20px;
	margin:					0;
}
#nav li {
	float: left;
	padding: 				0;
	margin:					0;
	list-style: 			none;
	background:  			url(/css/images/bg_nav_li.jpg) no-repeat top right;
	height: 			 	42px;
}
#nav li a {
	float: left;
	padding: 13px 11px 7px 11px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	letter-spacing: 1px;
	border: none;
	text-shadow: 2px 2px 2px #333;
}
#nav a:hover, #nav a.active {
	color: #fff;
	text-shadow: 0px 0px 0px #fff;
	background: #294959 url(/css/images/bg_nav_hilight.jpg) repeat-x top left;
	height: 			 	20px;
}
#nav a.active {
	color: #fff;
	text-shadow: 0px 0px 0px #fff;
	background: #294959 url(/css/images/bg_nav_hilight.jpg) repeat-x top left;
}

/*	Widgets
------------------------------------------------- */

#breadcrumb {
	font-size: .81em;
	color: #ccc;
}

#breadcrumb a {
		color: #bbb;
} 

 

/* Submenu nav
----------------------------------------------- */

#leftnav {
	text-align: 			left;
	float: 					left;
	width:					166px;
}
ul#sidenav {
	margin: 				0;
	padding: 				0;
	list-style-type: 		none;
}
ul#sidenav li a {
	font-size:				1em;
	padding: 				6px 6px 6px 34px;
	margin: 				2px 0px;
	line-height:			1.1em;
	text-decoration:		none;
	display: 				block;
	color: 					#269f9b;
	background:				#d9ebeb url(bg_sidemenu.jpg) no-repeat top left;
	width: 	120px 			!important;
	width /**/:140px;
}
ul#sidenav a:hover {
	background:				#d9ebeb url(bg_sidemenu.jpg) no-repeat top left;

	color: 					#B4BA22;
}
ul#sidenav li a.active {
	color: 					#B4BA22;
	background: 			#d9ebeb url(bg_sidemenu_opened.jpg) no-repeat top left;
}
ul#sidenav li ul li {
	list-style-image: url(/css/garrow.gif);
}
ul#sidenav li ul li a {
	padding: 				3px 6px 3px 0px;
	line-height:			1em;
	display: 				block;
	width: 106px !important;
	width /**/:126px;
	background:				#fff;
}
ul#sidenav li ul li a.active, ul#sidenav li ul li a:hover {
	color: 					#B4BA22;
	text-decoration:		none;
	background:				#FFF;
}
ul#sidenav li ul#sidenav li a.active {
	color: 					#B4BA22;
	text-decoration:		none;
}
ul#sidenav li ul li li a {
	line-height:			1.1em;
	display: 				block;
	width: 106px !important;
	width /**/:126px;
}
ul#sidenav li li li a.active {
	color: 					#B4BA22;
}

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

#pre-footer {
	font-size: 1.1em;
	font-weight:bold;
}

#pre-footer ul {
	padding: 				0.5em 20px;
	margin: 				0;
}
#pre-footer li {
	display: 				inline;
	padding-left: 			3px;
	white-space: 			nowrap;
}
#pre-footer li a {
	color:  #269f9b;
	padding-right: 			3px;
	border-right: 			1px solid #269f9b;
	text-decoration: 		none;
}
#pre-footer li a:hover, #footer li a:focus {
	color:  #269f9b;
	text-decoration: 		underline;
}
#pre-footer li.last a {
	border: 				0;
}
#pre-footer p {
	padding: 				0.5em 20px;
	margin: 				0;
}

#pre-footer a {
	color:  #269f9b;
	text-decoration: 		none;
}

#pre-footer a:hover {
	text-decoration: 		underline;
}

#footer {
	font-size: .9em;
}


#footer ul {
	padding: 				0.5em 20px;
	margin: 				0;
}
#footer li {
	display: 				inline;
	padding-left: 			3px;
	white-space: 			nowrap;
}
#footer li a {
	color:  #269f9b;
	padding-right: 			3px;
	border-right: 			1px solid #269f9b;
	text-decoration: 		none;
}
#footer li a:hover, #footer li a:focus {
	color:  #269f9b;
	text-decoration: 		underline;
}
#footer li.last a {
	border: 				0;
}
#footer p {
	padding: 				0.5em 20px;
	margin: 				0;
}

#footer a {
	color:  #269f9b;
	text-decoration: 		none;
}

#footer a:hover {
	text-decoration: 		underline;
}

/*	CSS Helpers
------------------------------------------------- */

.hide {
	display: 				none;
}
.flt_right {
	float:  				right;
	margin-left:  			8px;
}
.flt_left {
	float:  				left;
	margin-right: 			8px;
}
.clearfloat {
	clear: 					both;
	height: 				0;
	font-size:  			1px;
	line-height:  			0px;
}
.f_right {
	clear: right;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.f_left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.fullrow {
height: 190px;
padding: 0px;
}


/*	Form Layout
------------------------------------------------- */
 
p.legend {
	margin-bottom: 			1em;
}
p.legend em {
	color:  				#C00;
	font-style:  			normal;
}
div.errors {
	margin:  				0 0 10px 0;
	padding:  				5px 10px;
	border:  				#FC6 1px solid;
	background-color:  		#ffc;
}
div.errors p {
	margin:   				0;
}
div.errors p em {
	color:   				#C00;
	font-style:   			normal;
	font-weight:   			bold;
}
form p.note {
	margin-left:   			200px;
	font-size:   			90%;
	color:   				#333;
}
form fieldset {
	margin:   				10px 0;
	padding:   				10px;
	border:   				#eee 1px solid;
}
form legend {
	font-weight:   			bold;
	color:   				#269f9b;
}
div.buttonrow, div.controlgrp, div.controlset {
	padding:   				0.25em 0;
}
div.controlgrp label, span.singlefield_pretxt {
	margin-right: 			10px;
	padding-right: 			10px;
	width: 					180px;
	display: 				block;
	float: 					left;
	text-align: 			right;
	position: 				relative;
}
.validationMsg {
	color: 					#C00;
	font-size: 				82%;
}
label.error, span.error {
	color:   				#C00;
}
input.error {
	border-color:   		#C00;
	background-color: 		#FEF;
}
input:focus, input.error:focus, textarea:focus {
	background-color: 		#FFC;
	border-color:   		#FC6;
}
div.controlset label, div.controlset input {
	display:   				inline;
	float:   				none;
}
div.controlset div {
	margin-left:   			200px;
}
div.buttonrow {
	margin-left:   			200px;
}
.fixedwidth {
	width:   				220px;
}
.smallinput {
	width:   				40px;
}
p.pullquote {
	font-size:1.2em;
}
#showSizeOptions {
}
#changetextsize {
	padding:34px 26px 0 26px;
	float:right;
	clear: none;
	z-index: 9999;
	border:1px dotted #004080;
	background-color:#FFF;
	cursor:pointer;
	display: none;
}
#changetextsize a {
	padding:12px;
	width:92px;
	border:1px solid #232323;
	text-align:center;
}
img.img_padr {
	padding-right: 10px;
}
img.img_fright, p img.img_fright  {
	float: right;
	padding: 0 0 5px 15px;
}
img.nopad {
	margin: 0px;
	padding: 0px;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.topleft { background: url(images/curve_TL.gif) no-repeat top left}
.topright { background: url(images/curve_TR.gif) no-repeat top right}

table#homepage_features td ul, ul.useful_links_menu  {
	padding-left: 10px;
margin-left: 0;

}


.greenEnergyTable td.coloredCell {
	padding: 10px;
	margin: 10px;
	background-color: #E0F5F2;
	color: #111;
	border-top: 1px solid #fff;
}



div.curveboxtop{background: url(/css/images/curvebox-top.gif) no-repeat top left;width: 640px; height: 10px;}
div.curveboxmiddle{padding: 0 10px; border-left: 1px solid #25a09b;border-right: 1px solid #25a09b;}
div.curveboxbottom{background: url(/css/images/curvebox-bottom.gif) no-repeat bottom left;width: 640; height: 10px;}

div.curvebox2top{background: url(/css/images/curvebox2-top.gif) no-repeat top left;width: 640px; height: 10px;}
div.curvebox2middle{padding: 0 10px; border-left: 1px solid #c3cf21;border-right: 1px solid #c3cf21;}
div.curvebox2bottom{background: url(/css/images/curvebox2-bottom.gif) no-repeat bottom left;width: 640px; height: 10px;}



.greenbox td {
	background-color: #dee395;
	
}

.greenbox td p, h4 {
	padding: 10px; margin: 0;
}

.greenbox td img {
	padding: 10px;
}


.greenbox td.rightcell {
width: 288px;

}

.greenbox td.middlecell{
	background-color: #fff;
	padding: 2px;
	font-size: 1px;
	width: 4px;
}

.greenbox td.middlerow{
	background-color: #fff;
	border-top: 5px solid white; 
	font-size: 1px;
	height: 4px;
	padding: 2px;
}

.connect_widget {
	background-image: url(/css/widgets/quick_quote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 186px;
	float: right;
}
.connect_widget form {
	padding: 30px 14px 0px 14px;
}
 .connect_widget form input:btn {
float: right;
}
 div .connect_widget ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
 div .connect_widget ul li {
 padding-left: 10px;
	background-image: url(/css/garrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
 }

.connect_widget form ul li a {
text-decoration: none;
 }