@charset "UTF-8";
/*	
	TRUenergy STYLE:	 	SCREEN
	VER:					7.0.0
	LASTUPDATE:				5 AUG 07
------------------------------------------------- */




/*	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;
}
/*	Basic Typography for Main Content
------------------------------------------------- */
/*
h1 {
display: none;
}
*/

 h1,h2 {
	line-height: 			1.0em;
	font-size:				18px;
	font-weight:			normal;
	color:					#269f9b;
	margin:					1em 0 5px 0;
	padding: 				0 0 2px 0;
}
h3 {
	font-size:				14px;
	font-weight:			normal;

	line-height:			1em;
	color:					#269f9b;
	text-align: 			left;
	background:				transparent;
	margin:					1em 0 0 0;
	padding: 				0 0 2px 0;

}

h3 strong {
	font-weight:			normal;

}

 .copysmall {
 	font-size: .8em;
	line-height:.9em;
	color: #444;
 }
 
 
/*		List styles for Main Content
------------------------------------------------- */
#mainContent .article ul, #featureContent .article ul {
	/*
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	*/
}

#mainContent .article ul li, #featureContent .article ul li {
	list-style-image: url(lists/bullet_green.jpg);
	list-style-type: circle;
	margin-left: -15px;
	padding-left: 0px;
	/*
	padding-left: 10px;
	background-image: url(garrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	*/
}

 
/*		QuickLinks styles for Main Content
------------------------------------------------- */
#mainContent div.article div.quickLinksRight {
display: block;
width: 200px;
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#mainContent .article a.quickLinks {
width: 200px;
height: 1.2 em;
background-color: #259f9a;
color: #FFF;
}

/*		Table styles for Main Content
------------------------------------------------- */

#mainContent table.coloured {
	background-color: #DFF1F1;
}
#mainContent table.coloured td {
	background-color: #FFF;
}
/* 	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(/css/images/bg_bannertop.jpg) no-repeat bottom left;
	padding: 				0;
}

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


#banner {
	float: left;
}

.twoCol #header h1  {
float:left;
	dispay: 				none;
	font-size: 				1px;
}
div.container_row {
	padding:				1em 0;
}
div.container_row div.widecol {
	width: 					694px;
	float: 					left;
}
div.container_row div.narrowcol {
	width: 					200px;
	float: 					right;
}
.twoCol #leftSideNav {
	clear: both;
	float: 					left;
	width: 					220px;
	background: 			#fff;
	padding: 				5px 0;
}
.twoCol #featureContent {
	float:					right;
	width:					660px;
}
.twoCol #mainContent {
	float:					right;
	width:					600px;
	padding: 	0px 40px 0px 40px;
}
.twoCol #pre-footer {
	margin-top: 20px;
	padding: 				0 10px 0 20px;
	background:				#fff;
	text-align: 			center;
}
.twoCol #footer {
	padding: 				0 10px 0 20px;
	background:				#fff;
	text-align: 			center;
	border-top: 			1px solid #CAE8E6;
	border-bottom:			1px solid #CAE8E6;
}
div.quicknote {
	background: 			#f1f1f1 url(/css/images/bg_quicknote.jpg) no-repeat top right;
	float:					right;
	width: 					185px;
	height:					190px;
}
div.quicknotecontent {
	margin: 				0;
	padding: 				40px 20px 0 20px;
}
div.article {
	padding: 0px 0 20px 20px;
}
div.article h2 {
	border-bottom: 			1px solid #CAE8E6;
	
}


div.article_header h2 {
	width:					680px;
}
div#articleButtons {
	float: 					right;
	width: 					220px;
	margin:					16px 0 5px 0;
	text-align:				right;
}
/* Top Utility Menu
----------------------------------------------- */

#utility {
	float: 					right;
	width: 					600px;
}
#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
----------------------------------------------- */
#leftNav {
	width: 					200px;
	float: left;
}
#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;
} 



.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(garrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
 }

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

	font-size: 11px;
	text-decoration: none;
}
 
/* Home page Content
----------------------------------------------- */
table#homepage_features {
	clear: both;
	}
table#homepage_features ul {
	margin: 10px 0px 10px 0px;
	font: 			11px/18px Verdana, Arial, Helvetica, sans-serif;
}
table#homepage_features td ul li {
	list-style-image: url(images/bullet_white_bg.gif);
	margin-left: 18px;
}
table#homepage_features td ul li a {
	text-decoration: none;
}
table#homepage_features td ul li a:hover {
	text-decoration: underline;
}
table.useful_links td.useful_links_top {
	background-image: url(/css/images_home/useful_links_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 209px;
	height: 34px;
}
table.useful_links td.useful_links_middle {
	background-image: url(/css/images_home/useful_links_middle.jpg);
	background-repeat: repeat-y;
	background-position: top;
	width: 209px;
}
table.useful_links td.useful_links_bottom {
	background-image: url(/css/images_home/useful_links_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 209px;
	height: 15px;
}
td.useful_links_middle {
	padding-left: 15px;
}

.home_widget_quote {
	height: 62px;
	width: 209px;
	clear: both;
	background-image:url(/css/images_home/quick_quote.jpg);
	background-repeat: no-repeat;
}

.home_widget_quote p {
padding: 32px 20px;
}
.home_widget_quote p span .f_left a{
text-decoration:none;
font-weight: bold;
}
.home_widget_moving {
height: 62px;
width: 209px;
clear: both;
background-image:url(/css/images_home/moving_home_button.jpg);
}

/* Sub-Home page Content
----------------------------------------------- */

table#subhome_features td p {
	padding: 0px 10px;
}
table#subhome_features td ul li, table#subhome_features td p ul li {
	list-style-image: url(lists/bullet_green.jpg);
	list-style-type: circle;
}
table#subhome_features td strong {
	color: #666;
}


/* Packages
----------------------------------------------- */
.findOutMore {
float: right;
margin-top: auto;
margin-bottom: opx;
}
table.packagesTable {}
table.packagesTable a {text-decoration: none;}
table.packagesTable td {padding: 8px;}
table.packagesTable td:hover {padding: 8px;background-color:#CEEBE9;}
table.packagesTable th {text-decoration: none;color: #fff; background-color: #259f9a; padding: 8px;}

/*	 Careers Sub-Home page Content
------------------------------------------------- */

.careersFeatureTable td {
	
	display: table-cell;
}

.careersFeatureTable td a {
margin-top: auto;
margin-bottom: auto;
color: #259f9a;
text-decoration: none;

}
.careersFeatureTable td a img {
	float: left;
	margin-top: 0px;
}
.careersFeatureTable td a:hover {
	text-decoration: underline;
}
/* Submenu nav
----------------------------------------------- */

#sidenav {
	text-align: 			left;
}
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(/css/ee/bg_sidemenu.jpg) no-repeat top left;
	width: 180px !important;
	width /**/:200px;
}

ul#sidenav a:hover {
	background:				#d9ebeb url(/css/ee/bg_sidemenu.jpg) no-repeat top left;

	color: 					#B4BA22;
}
ul#sidenav li a.active {
	color: 					#B4BA22;
	background: 			#d9ebeb url(/css/ee/bg_sidemenu_opened.jpg) no-repeat top left;
}
ul#sidenav li ul li {
	list-style-image: url(garrow.gif);
}
ul#sidenav li ul li a {
	padding: 				3px 6px 3px 0px;
	line-height:			1em;
	display: 				block;
	width: 160px !important;
	width /**/:180px;
	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: 120px !important;
	width /**/:140px;
}
ul#sidenav li li li a.active {
	color: 					#B4BA22;
}
ul#sidenav li li li li a {
	padding: 				6px 5px 6px 0px;
	line-height:			1.1em;
	display: 				block;
	width: 100px !important;
	width /**/:120px;
}
ul#sidenav ul li li li li a {
	padding: 				6px 0px 6px 0px;
	line-height:			1.1em;
	display: 				block;
	width: 80px !important;
	width /**/:100px;
}
/*	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;
}
/*	Table Layouts
------------------------------------------------- */
.layoutTable {
border: none;
padding: 0px;
}
.layoutTable p {
margin: 0px;
padding: 0px 10px;
}
.greenEnergyTable {
}

.greenEnergyTable td {
padding: 10px;
border: 1px solid #FFF;

}

.greenEnergyTable td.mainColumn {
	padding: 10px;
	margin: 10px;
	background-color: #E0F5F2;
	font-weight: bold;
	color: #269F9A;
		font-size: 1em;
}

.greenEnergyTable td.secondaryColumn {
	padding: 10px;
	background-color: #F7FBFC;
}

.greenEnergyTable th {
	background-color: #269F9A;
	
	border-bottom: 4px solid #CCCC00;
}
.greenEnergyTable th p {
	padding: 0 10px;
	color: #FFFFFF;
	font-size: 1em;
}


.greenTable darkrow {
background-color: #F2F2BF;
}
.greenTable lightrow {
background-color: #F7F7D9;
}

/*	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 {
	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;
}

/*	Apply Online Button
------------------------------------------------- */
.ApplyOnlineButton {
	display: block;
float: right;
clear: right;
	background-image: url(/css/buttons/apply_online_button.jpg);
	background-repeat: no-repeat;
	width: 216px;
	
}
.ApplyOnlineButton a {
	display: block;
	text-decoration: none;
	padding: 28px 23px;;
	
}
.ApplyOnlineButton a:hover {
	text-decoration: underline;
	
}


.homeLink {
float: left;
display: block;
width: 130px;
height: 77px;
}

.hidden {
display: none;
}

/* packages*/
.package {clear:both;}
.packageimage {width:223px;float:left;}
.packagedetails {width:390px;float:left;}

/* messagebox*/
.messagebox { font-size: 15px; width: 600px; margin-top: 0px; padding-top: 10px; background: transparent url(backgrounds/boxtop.gif) no-repeat 0 0; }
	.messagebox .boxbody { background: #f9f9e2 url(backgrounds/tru_boxTile.gif) repeat-y 0 0; width: 600px; margin: 5px auto; padding: 0; background: #f9f9e2; }
		.messagebox p { margin: 0; padding: 4px 20px; font: 			12px/18px Verdana, Arial, Helvetica, sans-serif; color:#666666; }
		.messagebox h3 { font-size: 16px; margin: 0; padding: 4px 20px; }
		.messagebox ul { margin:10px 0; padding:0; list-style:none; padding: 0px 0 0 20px; }
.messagebox li { background:url(backgrounds/tick.gif) no-repeat 0 5px; padding: 2px 15px 2px 35px; }
	.messagebox .boxbottom { background: #fff url(backgrounds/tru_boxBottom.gif) no-repeat; width: 600px; height: 11px; padding: 0; margin: 0; }