/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body#page1 {font-size:100%; line-height:1.125em; min-width:1000px; background: url(images/bg.gif) top left repeat-x #fff}
body {font-size:100%; line-height:1.125em; min-width:1000px; background: url(images/bg1.gif) top left repeat-x #fff}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#7d7d80;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
#header div.container { overflow:visible;}
a img{ border:0}
img{ vertical-align:top;  }
.pr{ position:relative}
.pa{ position:absolute}

a{color:#7bb202; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#000000; background:url(images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

.link1{ color:#5c6268; font-style:italic}
.link2{ color:#000000; font-style:italic; font-size:1.15em; text-decoration:none}
.link2:hover{ text-decoration:underline}
.link3{ color:#000000;}


.button{color:#7BB202; background:url(images/button_getAQuote.gif) top left no-repeat; width:200px; text-align:center; line-height:29px; font-size:15px; display:block; text-decoration:none; float:right; font-weight:bold  }
.button:hover{text-decoration:underline }
.button1{color:#5c6268; background:url(images/button1.gif) top left no-repeat; width:98px; text-align:center; line-height:28px; font-size:14px; display:block; text-decoration:none; float:right; font-weight:bold  }
.button1:hover{text-decoration:underline }

.button2{color:#5c6268; background:url(images/button4.gif) top left no-repeat; width:68px; text-align:center; line-height:28px; font-size:15px; display:block; text-decoration:none; float:left; font-weight:bold  }
.button2:hover{text-decoration:underline }

.button3{background:url(images/chatLiveNow.gif) top left no-repeat; width:154px; height:33px; overflow:hidden; text-indent:-10000px; display:block; position:absolute; top:5px; right:48px;}

.button4{background:url(images/getQuoteSmall.gif) top left no-repeat; width:191px; height:40px; overflow:hidden; text-indent:-10000px; display:block; position:absolute; top:30px; right:105px;}

#content ul{margin:0; padding:0; list-style:none;}
#content ul li a{color:#7d7d80; text-decoration: underline; line-height:1.84em} 
#content ul li a:hover { text-decoration:none; }

#content .ul{margin:0; padding:23px 0 0 43px; list-style:none;}
#content .ul li{background:url(images/twitter.png) top left no-repeat; background-position:0 0; margin:0; padding-left:43px; }
#content .ul .li{background:url(images/facebook.png) top left no-repeat; background-position:0 0; margin:0; padding-left:43px; }
#content .ul .li2{background:url(images/linkedin.png) top left no-repeat; background-position:0 0; margin:0; padding-left:43px; }
#content .ul .li1{background:url(images/rss.png) top left no-repeat; background-position:0 0; margin:0; padding-left:43px; }
#content .ul li a{color:#7d7d80; text-decoration:none; line-height:2.61em} 
#content .ul li a:hover { text-decoration:underline; }

#content .ul1 li a{color:#fff; text-decoration: underline; font-style:italic; font-size:1.15em; line-height:1.33} 
#content .ul1 li a:hover { text-decoration:none; }

#content .ul2 li a{color:#7bb202; text-decoration: underline; line-height:1.84em} 

.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#5c6268; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; font-size:15px}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 26px 0 26px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#7bb202}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:8px 0 4px 0 }
#header .img{ margin:27px 0 21px 0 }
#header .indent{margin:34px 0 0 721px; position:absolute; width:275px}
#header .indent2{margin:346px 0 0 898px; position:absolute; width:98px}
#header .slogan{margin:175px 0 0 551px; position:absolute}
#header .indent1{padding:0 0 0 5px}

#header ul{margin:0; padding:0 0 0 5px; list-style:none;}
#header ul ul {padding:0;}
#header ul ul li {margin:0;}
#header ul li{ margin:0; display:inline; float:left; margin-right:6px; position:relative; width:136px; height:60px; }
#header ul li a{color:#262627; text-decoration:none; width:136px; text-align:center; display:block; float:left; line-height:60px; font-size:1.58em; position:absolute; z-index:11;} 
#header ul li a:hover { color:#6a9a00; text-decoration:none; background:url(images/bg_menu.png) top left no-repeat;}
#header ul li .current{ color:#6a9a00; text-decoration:none; background:url(images/bg_menu.png) top left no-repeat;  }


#header h1{color:#325a53; font-size:1.75em; margin-bottom:13px; line-height:1.2em  }
#header h1 a{color:#325a53; text-decoration:none  }
#header h1 a:hover{text-decoration:none  }

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}
#content .indent-main{padding:39px 6px 26px 5px}
#content .indent-col{padding:0px 15px 18px 21px}
#content .indent-col1{padding:0 15px 18px 21px}
#content .indent-col2{padding:0 5px 18px 21px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .img-indent1{ margin:0 0 5px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content h1{color:#313134; font-size:3.0769em; background:url(images/tail.gif) bottom repeat-x; letter-spacing:-1px; padding-bottom:14px; margin-bottom:12px; line-height:1.2em }
#content .h1-1{font-size:2em; padding-right:60px }
#content .h1-2{font-size:2em; padding-right:120px }
#content h2{color:#000000; font-size:2em; margin-bottom:13px; line-height:1.2em; letter-spacing:-1px }
#content h4{color:#474748; font-size:1em; margin-bottom:13px; margin-top:5px; }
#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt{ color:#000000; float:right}
.txt1{ font-size:1.15em; font-style:italic}
.txt2{ color:#000}

#content .indent{padding:26px 0 0 0}
#content .indent1{padding:25px 0 0 20px}
#content .indent2{padding:15px 0 0 30px}
#content .indent3{padding:35px 0 0 30px}

.block{ background:url(images/bg_block.gif) top left no-repeat; width:100%; height:50px}
#content .block h2{color:#131c25; font-size:1.46em; margin-bottom:0; line-height:1.2em; padding-left:20px; padding-bottom:11px; padding-top:15px }
#content .block h2{color:#131c25; font-size:1.46em; margin-bottom:0; line-height:1.2em; padding-left:2px; padding-bottom:11px; padding-top:15px; text-align:center; }

/*box*/
.box{ background:#7bb202; width:100%; color:#fff}
.box .corner-top-left {background:url(images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:24px 20px 16px 30px; }
#content .box h2{color:#000000; font-size:2em; margin:0; padding:0; line-height:1.2em; padding-bottom:15px; letter-spacing:-1px }
#content .box .h2-1{padding-bottom:25px; padding-left:64px; }


/*footer - New Template
#footer { color:#7d7d80; font-size:0.75em; background:url(images/bot.gif) top repeat-x ; }
#footer .indent-footer{ padding:29px 50px 0 84px; font-size:1.08em}
#footer .indent-footer1{ margin:133px 0 0 400px; width:250px; position:absolute}
#footer b{ color:#131c25; font-size:1.237em}
#footer a {color:#7d7d80; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer span a {color:#9fc64a} 
#footer .img1{margin:37px 0 0 20px; position:absolute}
#footer .img2{margin:29px 0 0 793px; position:absolute}*/

/*Template #1 footer import - Active Footer*/
/*footer*/
#footer { color:#8a93a0; font-size:0.75em; }
#footer .indent-footer{ padding:40px 0 0 595px;}
#footer .indent-footer1{ margin:22px 0 0 155px; position:absolute; width:565px}
#footer .img{ margin:0 35px 0 0 }
#footer a {color:#8a93a0; text-decoration:none}  
#footer a:hover {  text-decoration:underline}



.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:2px; float:left}
.h{ height:30px; background:url(images/bg_input1.gif) top left no-repeat}
.h2{ height:126px; background:url(images/bg_input2.gif) top left no-repeat}
.h1{ height:30px; /*background:url(images/bg_input.gif) top left no-repeat*/}
.block-contact span{ float:right; margin-right:20px}
.input{
   	border:none; 
	background:none;
	width:180px; height:20px;
	font-size:1em;
	vertical-align:middle;
	font-style:italic;
	color:#a2a2a2;
	padding-left:31px;
	padding-top:2px;
	padding-bottom:2px;
}
input{
   	border:none; 
	background:none;
	width:157px; height:18px;
	font-size:1em;
	font-style:italic;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	border: 1px solid black;
}
textarea{
   	border:none; 
	background:none;
	width:181px; height:111px;
	font-size:1em;
	font-style:italic;
	padding-left:10px;
	margin-bottom:11px;
	padding-top:4px;
	padding-bottom:4px;
	overflow:auto}
	
	
	
	
	
/* New CSS */


#content h2.h1-1{color:#313134; font-size:2em; background:url(images/tail.gif) bottom repeat-x; letter-spacing:-1px; padding-bottom:14px; margin-bottom:12px; line-height:1.2em }

.bulletedList {
	list-style:disc !important;
	padding-left:15px !important;
	}
	
#ourServicesSide .bulletedList a {
	color:#FFF;
	line-height:1em;
	}
	
#ourServicesSide .bulletedList a:hover {
	color:#FFF;
	text-decoration:underline;
	}
	
#content #greenBulletedList ul, #content #electricityBulletedList ul {
	margin-bottom:10px;
	padding-left:40px;
	list-style:disc;
	}

#content #marketsBulletedList {
	list-style:disc !important;
	padding-left:15px;
	line-height:1.5em;
	font-size:1.2em;
	}
	
#content #serv ul {
	margin-bottom:10px;
	padding-left:40px;
	list-style:disc;
	}

#content #greenBulletedList ul li a {
	text-decoration:none;
	}
	
#content #greenBulletedList ul li a:hover {
	text-decoration:underline;
	color:#7bb202;
	}
	
.ourServices {
	padding-top:10px;
}

.greenList {
	padding-left:40px !important;
	}

body#page2, body#page3, body#page7 {font-size:100%; line-height:1.125em; min-width:1000px; background: url(images/bg1.png) top left repeat-x #fff}

#page3 #header, #page2 #header, #page7 #header {
	height:145px;
	}
	
.indent-col2 ol li {
	font-size:1.2em;
	}
	
#page7 #content .indent-col1 {
	padding: 0 4px 18px 0;
	}
	
.getQuote {
	padding-bottom:25px;
	}
	
#header li ul {
	position: absolute;
	left: 0;
	top: 56px;
	width:136px;
	display: none;
	font-size:0.75em;
	z-index:10;
	}

#header li:hover ul, #header li.hover ul { display: block; background-color:#ddd; float:none;}


#page7 #content .indent-main {
	position:relative;
	}
	
#page7 h1.fright {
	position:absolute;
	right:277px;
	}

#page7 h1.chatLive {
	position:absolute;
	right:40px;
	}

#page7 #content .indent {
	padding-top:0;
	}

#page7 #content .indent1 {
	padding-left:8px;
	}

.earthImage img {
	padding-top:75px;
	}
	
	
	
/* Quote Form */
#introColumnOne {
	width:400px;
	float:left;
	}
	
#introColumnTwo {
	width:400px;
	float:right;
	}

#introColumnOne, #introColumnTwo {
	padding-bottom:25px;
	}
	
#energySection {
	clear:right;
	}
	
#productsSection {
	width:400px;
	}

#introSection .aiContactSafe_contact_form_field_right,
#productsSection .aiContactSafe_contact_form_field_right,
#energySection .aiContactSafe_contact_form_field_right {
	text-align:right;
	padding:5px 5px 15px 5px;
	}

#productsSection .aiContactSafe_contact_form_field_label_right {
	padding-bottom:15px;
	}
	
#introSection .aiContactSafe_contact_form_field_label_left,
#energySection .aiContactSafe_contact_form_field_label_left,
#aiContactSafe_row_RECSMwh .aiContactSafe_contact_form_field_left,
#carbonOffsetsSection #aiContactSafe_row_carbonOffsetsOtherBox .aiContactSafe_contact_form_field_label_right {
	float:left;
	padding: 10px 20px 0px 0;
	}

#carbonOffsetsSection #aiContactSafe_row_carbonOffsetsOtherBox .aiContactSafe_contact_form_field_label_right {
	padding-top:0;
	}

#energySection .aiContactSafe_contact_form_field_label_left {
	padding-left:20px;
	}

#energySection .aiContactSafe_contact_form_field_left {
	padding-left:5px;
	}
	
#energySection .aiContactSafe_contact_form_field_right {
	text-align:left;
	}

#energySection .power input,
#productsSection .power input,
#carbonOffsetsSection .power input {
	width:50px;
	float:left;
	}

#energySection #aiContactSafe_row_powerRenewCoverage, {
	padding-left:36px;
	}
	
#aiContactSafe_row_additionalComments {
	clear:left;
	}	
#content #aiContactSafeForm textarea {
	border:1px solid black;
	width:300px;
	}
	
#productsSection #aiContactSafe_row_RECSLowImpact .aiContactSafe_contact_form_field_label_right,
#productsSection #aiContactSafe_row_RECSWindBox .aiContactSafe_contact_form_field_label_right,
#productsSection #aiContactSafe_row_RECSSolarBox .aiContactSafe_contact_form_field_label_right,
#productsSection #aiContactSafe_row_RECSBiomassBox .aiContactSafe_contact_form_field_label_right {
	float:left;
	padding-right:20px;
	}	
	
#aiContactSafe_row_carbonOffsetsTonnes .aiContactSafe_contact_form_field_left {
	float:left;
	padding:0 5px 0 15px;
 }

p.paddedParagraph {
	padding-top:5px;
	}
	
#aiContactSafeSend input {
	background:url("images/sendButton.gif") no-repeat scroll 0 0 transparent;
	border: none;
	height:33px;
	weight:157px;
	}

/* Override jQuery UI Css */
#content .ui-accordion .ui-accordion-content{ padding:1px; overflow:hidden;}
#content .ui-accordion .ui-accordion-content p{ margin:.5em; text-align:center;}
#content .ui-accordion .ui-accordion-content input{ border:none;}