﻿/** products homepage **/
.brGreyWideFullTop {
	padding: 8px;
	width: 548px;
	position: relative;
	background: url(../images/br-grey-wide-full-top.gif) top no-repeat;
}
.brGreyWideFullBottom {
	width: 564px;
	background: url(../images/br-grey-wide-full-bottom.gif) bottom no-repeat;
	float:left;
	margin:.4em 0 0 0
}
.brGreyWideFullTop h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1.08em;
	font-weight:normal;
	color: #001b4d;
}
.brGreySmallFullTop {
	padding: 8px 10px 0 7px;
	width: 259px;
	position: relative;
	background: url(../images/br-grey-sm-full-top.gif) top no-repeat;
}
.brGreySmallFullBottom {
	width: 276px;
	background: url(../images/br-grey-sm-full-bottom.gif) bottom no-repeat;
	float:left;
	display:inline;
	margin:.4em 0 0 0.3em
}
.brGreySmallFullTop h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1.08em;
	font-weight:normal;
	color: #001b4d;
}

#box-round-products-eco {
	background: #bbd9e3 url(../images/bg-prod-rt.jpg) center bottom no-repeat;
	padding: 15px 14px 15px 14px;
	min-height: 249px;
}
#box-round-products-afv, #box-round-products-edp {
	background: #bbd9e3 url(../images/bg-voucher-50.jpg) center bottom no-repeat;
	padding: 15px 14px 15px 14px;
	min-height: 249px;
}

#box-round-products-eco h3 {
	font-weight: normal;
	padding: 0 0 0.1em 24px;
	font-size: 1.12em;
	background: url(../images/ecorenew.gif) left top no-repeat;
	text-indent:-9999px;
	height:24px
}
#box-round-products-afv h3, #box-round-products-edp h3 {
	font-weight: bold;
	padding: 0;
	font-size: 1.19em;
}
#box-round-products-eco p, #box-round-products-afv p, #box-round-products-edp p {
	color:#333333;
	font-size:0.75em;
	padding:0 0 0.94em;
	line-height:16px;
}
.list-products-eco {
	margin:0 0 0 0px;
	padding:0 0 0.54em;
}
.list-products-eco li {
	background:transparent url(../images/icon-list-grey-dot.gif) no-repeat scroll 0 2px;
	color:#333333;
	font-size:0.75em;
	padding-left:15px;
	padding-bottom:.34em;
}
.br-green-wide {
	width: 253px;
	background: url(../images/br-green-wide-top.png) no-repeat;
	padding: 4px 4px 0 5px;
	margin: 7px 0 0 0
}
.br-green-wide-bottom {
	width: 262px;
	height: 4px;
	margin-bottom: 10px;
	background: url(../images/br-green-wide-bottom.png) no-repeat;
	overflow:hidden;
}
.br-ltblue-wide {
	width: 253px;
	background: url(../images/br-ltblue-wide-top.png) no-repeat;
	padding: 4px 4px 0 5px;
	margin: 7px 0 0 0
}
.br-ltblue-wide-bottom {
	width: 262px;
	height: 4px;
	margin-bottom: 10px;
	background: url(../images/br-ltblue-wide-bottom.png) no-repeat;
	overflow:hidden;
}
.list-products-eco {
	margin:0 0 0 0px;
	padding:0 0 0.54em;
}
.list-products-eco li {
	background:transparent url(../images/icon-list-grey-dot.gif) no-repeat scroll 0 2px;
	color:#333333;
	font-size:0.75em;
	padding-left:15px;
	padding-bottom:.34em;
}

.special-offer {
	left:86px;
	bottom: 1px;
	margin:0;
	padding:0;
	position:absolute;
	width:221px;
	z-index:99;
}

/** End **/

.text-top-product {
	width: 334px;
	font-size: 0.750em;
	color: #001b4d;
	font-style: normal;
	line-height: 1.3em;
	margin: 20px 10px 10px 8px;
	_margin-right: 10px;
	float:left;
}
.text-top-product span { color:#001B4D; font-size:0.900em; padding-top:2px; }
.image-box {
	margin: 10px 0 0 0;
	float:left;
}
.br-image-top {
	width: 241px;
	background: url(../Images/image-top.png) no-repeat;
	padding: 4px 4px 0 5px;
}
.box-round.orange {
	border-color:#ffd5c4;
}
.box-round.orange .inside-color {
	border-color: #ffd5c4;
	background: #fff;
	padding: 5px;
}
.box-round .inside-color, .box-round .inside-box {
	display: block;
	margin: 0 -1px;
	border-width: 0 1px;
	border-color: #b2d0e4;
	border-style: solid;
	background: #f3f3f3;
	color: #333;
	padding-bottom: 7px;
}
.br-image-bottom {
	width: 250px;
	height: 4px;
	background: url(../Images/image-bottom.png) no-repeat;
	overflow:hidden;
	float:left;
}
.text-top-product h2 {
	font-size:2em;
	font-weight:normal;
}
.text-top-product li {
	background: url(../Images/icon-list-orange.gif) no-repeat;
	background-position: 0 2px;
	padding-left: 15px;
	font-size: 1.1em;
	font-weight:bold;
	color: #001b4d;
	padding-bottom: 8px;
	line-height:16px;
}
.text-top-product li sup {	font-size: 0.700em;}
.text-top-product li sub {	font-size: 0.700em;}

ul#faq-solar li {
	margin: 0 0 1.56em 0;
	padding:0 7px 0 7px;
}
#faq-solar ol li {
	font-size: 0.75em;
	font-weight:normal;
	list-style-type:decimal;
	margin:0;
	padding:0;
	list-style-position:inside;
}
#steps {
	padding:0 0 2px 0px;
	overflow: hidden;
	margin:5px 0 0 4px;
}
#steps h3 {
	font-size:1.22em;
	font-weight:normal;
	padding:5px 0 2px 5px;
}
.block {
	display:block;
}
#box-round-products-green-small {
	background: url(../images/bg-prod-landing-tree-small.jpg) bottom no-repeat #dbedd3;
}
#box-round-products-flexible-small {
	background: url(../images/bg-prod-landing-child-small.jpg) bottom no-repeat #9EC4DC;
}
#box-round-products-fixed-small {
	background: url(../images/bg-prod-landing-family-small.jpg) bottom no-repeat #DCE2F2;
}
#box-round-products-green-small h2 {
	background: url(../images/green-dot.gif) left top no-repeat;
	font-weight: normal;
	padding: 0 0 0.3em 24px;
	font-size: 1.2em;
	line-height:16px;
}
#box-round-products-flexible-small h2 {
	background: url(../images/flexible-dot.gif) left top no-repeat;
	font-weight: normal;
	padding: 0 0 0.3em 24px;
	font-size: 1.2em;
	line-height:16px;
}
#box-round-products-fixed-small h2 {
	background: url(../images/fixed-dot.gif) left top no-repeat;
	font-weight: normal;
	padding: 0 0 0.3em 24px;
	font-size: 1.2em;
	line-height:16px;
}
#box-round-products-green-small, #box-round-products-fixed-small, #box-round-products-flexible-small {
	padding: 12px 8px 10px 12px;
	min-height: 134px;
}
#box-round-products-green-small p, #box-round-products-fixed-small p, #box-round-products-flexible-small p {
	font-size: 0.70em;
	width: 175px;
	padding: 0 0 0.94em 4px;
}
.button-compare-product {
	background: url(../Images/button-compare-product.png) no-repeat bottom right;
	padding: 6px 6px 6px 6px;
	margin-right: 5px;
}
.button-compare-product .strong {
    font-weight:bold;
}
.button-compare-product .text-12 {
    line-height:1;
    display:block;
    margin:0 0 5px 0;
}
.br-orange-vsmall .left-text {
	width: 150px;
	line-height: 1.1em;
	color: #333;
	margin-bottom: 2px;
}
.link-compare {
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 8px;
	color: #fe5815;
	text-decoration: none;
}
.text12 {
	font-size: 0.750em;
	line-height:15px;
}

/** Panels  **/

.panelWraper {
	margin: 0 auto;
	overflow:hidden;
	width:487px;
	height:auto;
}
.panelHead {
	overflow:hidden;
	background:#eee url(../Images/steps-head.jpg) no-repeat top;
	width:487px;
	height: auto;
}
.left {
	float:left;
}
.panelHead .first, .panelHead .second, .panelHead .third, .panelHead .first p, .panelHead .second p, .panelHead .third p {
	text-align:center;
	display: inline;
	overflow:hidden;
}
.panelHead .first {
	 padding:0 0 0 6px;
	 width:178px;
      min-height:150px;
      height:auto !important;
}
.panelHead .second {
	padding:0 5px 0 6px;
	width:133px;
}
.panelHead .third {
	margin: 0 0 0 6px;
	padding:0 5px 0 5px;
	width:130px;
	margin: 0 0 0 6px;
}
.panelHead p a, .panelHead p a:hover {
	color: #f64118;
}
.panelHead .first h5, .panelHead .second h5, .panelHead .third h5 {
	margin: 20px auto 10px auto;
	overflow:hidden;
	width:auto;
	text-align:center;
	color: #001b4d;
	width:112px;
	font-size:24px;
	font-weight:bold;
	height:25px;
	text-indent: -9999px;
}
.panelHead .first h5 {
	background:url(../Images/call.gif) no-repeat top;
}
.panelHead .second h5 {
	background:url(../Images/confirm.gif) no-repeat top;
}
.panelHead .third h5 {
	background:url(../Images/install.gif) no-repeat top;
}
.panelHead .first p {
	width: 160px;
	margin: 0 0 0 5px;
	padding:0;
	color: #001b4d;
	line-height: 15px;
}

.panelHead .first p span {
	display: block;
	font-size: 20px;
	text-align: center;
	padding-top:4px;
}
.panelHead .second p, .panelHead .third p {
	margin: 0 8px 0 10px;
	color: #001b4d;
	line-height: 14px;
}
.text-14 {
	font-size:14px;
	font-weight:bold
}
h6 {
	margin: 56px 0 0 5px;
	overflow:hidden;
	background:url(../Images/enjoy-renewable-energy.gif) no-repeat top;
	width:110px;
	height:87px;
	text-indent: -9999px;
}
.panelTail {
	overflow:hidden;
	background:url(../Images/steps-tail.jpg) no-repeat top;
	width:487px;
	height:9px;
}

.thermal-thumb {
    width:123px;
    height:102px;
    float:left;
    margin:0px;
    padding:0px;
}

.solar-therma-box-left {
    width:185px;
    height:auto;
	float:left;
	display:inline;
	margin:0px;
	padding:0px 0px 0px 10px;
}

.solar-therma-box-right {
    width:245px;
    height:auto;
	float:left;
	display:inline;
	margin:0px;
	padding:0px 0px 0px 10px;
}

.grey-box-185-top {
	width: 165px;
	background: transparent url(../Images/grey-box-185-top.png) no-repeat center top;
    min-height:130px;
    height:auto !important;
    height:130px;
	padding:10px 10px 0px 10px;
}

.grey-box-245-top {
	width: 225px;
	background: transparent url(../Images/grey-box-245-top.png) no-repeat center top;
    min-height:130px;
    height:auto !important;
    height:130px;
	padding:10px 10px 0px 10px;
}

.grey-box-185-top sub, .grey-box-245-top sub { font-size:0.700em; }
.grey-box-185-top span, .grey-box-245-top span { color:#001B4D; font-size:0.56em; padding-top:2px; }

.grey-box-185-top h5, .grey-box-245-top h5 {
    font-size:15px;
	font-weight:bold;
	color:#001b4d;
	margin-bottom:4px;
}

.grey-box-185-top p, .grey-box-245-top p {
    font-size:11px;
	font-weight:normal;
	color:#001b4d;
	line-height:14px;
}

.grey-box-185-top li, .grey-box-245-top li {
    font-size:11px;
	font-weight:normal;
	color:#001b4d;
	line-height:14px;
	background: url(../Images/icon-list-orange.gif) no-repeat 0 0.5em;
	padding:0px 0px 0px 14px;
	line-height:18px;
	
}
.grey-box-185-btm {
	width: 185px;
	height: 5px;
	background: url(../Images/grey-box-185-bottom.png) no-repeat;
	overflow:hidden;
}

.grey-box-245-btm {
	width: 245px;
	height: 5px;
	background: url(../Images/grey-box-245-bottom.png) no-repeat;
	overflow:hidden;
}

.box-org-btn {
    width:101px;
    float:right;
    height:21px;
    padding:6px 13px 2px 0px;
}
.green-box-ul-lists {
   width:585px;
   height:120px;
   margin:0px;
   padding:0px;
   top:0;
   background-color:Aqua;
   border:1px solid #000;
   }
   
#header-ecorenew {
    width: 96px;
    height: 18px;
    float: right;
    margin: 0.5em 11px 0 0;
}

/* Request form */

#formContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 500px;
	overflow: hidden;
    z-index:9000;  
	display: none;
	background-color: #000000;
}

#ecoGen {
    width: 397px;
	
 	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index:9999;
	display: none;
}

#ecoGen #ecoGen-header {
    width: 381px;
    padding: 10px 0 8px 0;
    overflow: hidden;
}

#ecoGen #ecoGen-header h4 {
    width: 340px;
    float: left;
}

#ecoGen #ecoGen-header img{
    float: right;
}

#ecoGen-top {
	width: 389px;
	
	background: url("../images/EcoGen/form-header.png");
	padding: 0 0 0 8px;
	overflow: hidden;
}

#ecoGen-bottom {
	width: 397px;
	height: 3px;
	background: url("../images/EcoGen/form-footer.png") top left no-repeat;
}

#ecoGen-content {
	width: 381px;
	min-height: 199px;
}

#ecoGen .lozenge-top {
	width: 369px;
	min-height: 27px;
	padding: 8px 0 0 12px;
	background: url("../images/EcoGen/loz-top.gif") top left no-repeat;
}

#ecoGen .lozenge-top p {
    width: 330px;
    padding: 0 0 0 33px;
    margin: 0;
    background: url("../images/EcoGen/icon-callback.gif");
    background-position:left center;
    background-repeat: no-repeat;
    line-height: 1.69em;
}

#ecoGen .lozenge-bottom {
	width: 381px;
	height: 20px;
	margin: -5px 0 11px 0;
	background: url("../images/EcoGen/loz-bottom.gif") top left no-repeat;
}

/* request form */

#ecoGen-fieldset-top {
	width: 381px;
	background: url("../images/EcoGen/fieldset-header.gif") top left no-repeat;
	padding: 13px 0 0 0;
	overflow: hidden;
}

#ecoGen-fieldset-top .formField {
    margin: 8px 0 12px 0;
    padding: 0 0 10px 16px;
    background: url("../images/EcoGen/line-divider.gif") bottom center no-repeat;
}

#ecoGen-fieldset-top .formField label.labelTextbox {
    width: 113px;
    font-size: 0.689em;
    color: #001b4d;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

#ecoGen-fieldset-top .formField label.labelTextboxLong {
	width: 113px;
    font-size: 0.689em;
    color: #001b4d;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 301px;
}

#ecoGen-fieldset-top .formField .textBox {
    width: 216px;
    border: solid #c5c4c4 1px;
    font-size: 0.689em;
    color: #001b4d
}

#ecoGen-fieldset-bottom {
	width: 381px;
	height: 3px;
	background: url("../images/EcoGen/fieldset-footer.gif") top left no-repeat;
}

#submitBtnContainer {
    width: 80px;
    height: 21px;
    margin: 10px 0 10px 300px;    
}

/*** extra typography classes ***/

.text-strong{font-weight: bold;}
ul#faq-solar li ul li{margin: .8em 0; padding: 0;}
ul.ulBullets{list-style-type: disc; padding: 0 0 0 24px;}
p.txt-right{text-align: right; margin: 0; padding: 0; font-size: 0.56em;}

/*** Left Panel Advert Classes ***/
#impulse-module 
{
    color:#001B4D;
    padding: 0px 0px 10px 6px;
}

#impulse-module h5  
{
    font-size: 0.9em;
    background: url("../images/Saveenergy/free-air-source-imp-mod.gif") right no-repeat;
    padding: 4px 24px 0px 0px;
    margin: 8px 0px 6px 0px;
    line-height: 1.2em;
}

#impulse-module ul
{
    list-style-type: disc;
    list-style-position: inside;
    margin: 0px 0px 10px 0px;
} 

#impulse-module li
{
    font-size: 0.70em;
    line-height: 1.6em;
}

#impulse-module p
{
    padding: 0px 0px 10px 0px;
}

