body *{margin:0; padding:0;}
body {background:#F2F2F2; font-family:verdana,helvetica,arial,sans-serif; font-size:62.5%; text-align: center; margin:0}
img  {border: none;}
html{overflow-y:scroll;} 

#container{width: 980px; border-color: #F2F2F2; background:#FFF; border-width: 10px;	border-style: none solid solid solid; margin: 0 auto; text-align: left; font-size: 1.2em;}

/* header */
div#header {height:98px;width:960px;}
div#header h1#logo {background:transparent url(../images/global/header.jpg) no-repeat scroll 0 0;display:block;height:98px;text-indent:-9999px;width:630px;font-size:12px; float:left; display:block;}
div#contact {height:73px; width:300px; float:right; text-align:right; padding-top:25px;}
div#contact span {color:#333333; font-size:12px; font-weight:bold;}
div#contact h2 {color:#8BC43F; font-size:32px;}
/*************/

/* menu */
div#menu  {background-image:url(../images/menu/menu_bg.jpg); height:33px; margin:10px 10px 0 10px;}
div#menu.active  {background-image:url(../images/menu/menu_active.jpg); height:33px; margin:10px 10px 0 10px;}

div#menu ul {list-style:none; font-size:12px; width:960px;}
div#menu li { float:left; border-right:solid 1px #6886A4; height:32px}
div#menu li.active  {background-image:url(../images/menu/menu_active.jpg); }
div#menu li:hover  {background-image:url(../images/menu/menu_active.jpg);}

div#menu li.right {float:right;  border-left:1px solid #6886A4; border-right:none;}
div#menu a {color:#FFF; text-decoration:none; font-weight:bold; display:block; padding:8px 20px 2px 20px; height:22px;}
/*************/

/* Home page form */
div#form_container {background-color:#648D2B; height:300px; width:960px; margin:0 10px 10px 10px; background-image:url(../images/global/banner_green.jpg); background-repeat:no-repeat; color:#FFF;}
div#form_container .header {height:35px; padding: 10px 10px 10px 20px; margin-bottom:15px;}
div#form_container .header h1 {font-size:23px; color:#FFF; font-weight:bold; margin-bottom:5px;}

div#form_container .your_details {width:273px; height:170px; border-right:1px dotted #333; float:left; margin-left:10px; padding:0 25px 0 0}
div#form_container .your_details .help_details {text-align:right; font-size:10px; color:#CCCCCC; width:100%; font-weight:bold;}
div#form_container .your_details img {vertical-align:middle; border:0; padding-left:7px; width:20px; height:20px;}
div#form_container .your_details .your_details_form {color:#FFF; font-size:14px; text-align:right; margin-top:5px; line-height:28px}
div#form_container .your_details .your_details_form label {padding-right:7px; font-weight:bold; vertical-align: middle;}
div#form_container .your_details .your_details_form input {width:180px; height:22px; vertical-align: middle}

div#form_container .electricity_details {width:288px; height:170px; border-right:1px dotted #333; float:left; margin-left:15px; padding:0 20px 0 0}
div#form_container .electricity_details .help_electricity {text-align:right; font-size:10px; color:#CCCCCC; width:100%; font-weight:bold}
div#form_container .electricity_details img {vertical-align:middle; border:0; padding-left:7px; height:20px; width:20px;}
div#form_container .electricity_details .electricity_s_number {float:left; font-size:33px; width:30px; height:42px; color:#FFF; margin-top:5px;}
div#form_container .electricity_details .s_number_l { display:none;}
div#form_container .electricity_details .electricity_s_number_form {float:left; margin-top:5px; line-height:22px; height:42px;}
div#form_container .electricity_details .electricity_s_number_form .w30 {width:30px;}
div#form_container .electricity_details .electricity_s_number_form .w60 {width:60px;}
div#form_container .electricity_details .electricity_form {color:#FFF; text-align:left; padding-top:10px; padding-left:30px; display:block; clear:both;}
div#form_container .electricity_details .electricity_form span {vertical-align:middle; font-size:10px;}
div#form_container .electricity_details .electricity_form .l_annual {font-weight:bold; font-size:12px; margin-bottom:2px; display:block;}
div#form_container .electricity_details .electricity_form .i_annual {width:100px; margin:0; vertical-align:middle;}
div#form_container .electricity_details .electricity_form .l_current {font-weight:bold; font-size:12px; display:block; margin-top:10px;  margin-bottom:2px;}
div#form_container .electricity_details .electricity_form .i_current {width:180px;  vertical-align: middle}

div#form_container .gas_details {width:303px; height:170px;  float:left; margin-left:15px; padding:0 0 0 0; font-size:12px;}
div#form_container .gas_details .help_gas {text-align:right; font-size:10px; color:#CCCCCC; width:100%; font-weight:bold}
div#form_container .gas_details .help_gas img {vertical-align:middle; border:0; padding-left:7px;}
div#form_container .gas_details .gas_details_form {color:#FFF; text-align:left; margin-top:5px;}
div#form_container .gas_details .gas_details_form .l_mprn {font-weight:bold; font-size:12px; margin-bottom:2px; display:block;}
div#form_container .gas_details .gas_details_form .l_mprn span {font-size:10px; font-weight:normal;}
div#form_container .gas_details .gas_details_form .i_mprn {width:200px;}
div#form_container .gas_details .gas_details_form .l_gas_annual {font-weight:bold; vertical-align: middle; font-size:12px; margin-top:10px; margin-bottom:2px; display:block;}
div#form_container .gas_details .gas_details_form .i_gas_annual {width:100px;  margin:0;}
div#form_container .gas_details .gas_details_form .s_gas_annual {vertical-align:middle; font-size:10px;}
div#form_container .gas_details .gas_details_form .l_gas_current {font-weight:bold; font-size:12px; display:block; margin-top:10px;  margin-bottom:2px;}
div#form_container .gas_details .gas_details_form .i_gas_current {width:180px;  vertical-align: middle;}

div#form_container .form_submit {float:right; padding-right:130px; font-size:8px;}
/*************/

/* Internal gas & electric form */
div#form_container_3q div,p,span {margin:0; padding:0;}
div#form_container_3q {width:634px; float:left; height:543px;  border:1px solid #666666; background-color:#648D2B; background-image:url(../images/global/green_strip.jpg);  margin:2px 0px 10px 10px; color:#FFF;}
div#form_container_3q .header {height:35px; padding: 10px 10px 0px 10px;}
div#form_container_3q .header h1 {font-size:23px; color:#FFF; font-weight:bold; margin-bottom:5px;}
div#form_container_3q label {display:block; width:260px; float:left; padding:0 0 0 10px; font-weight:bold; vertical-align:middle; }
div#form_container_3q input {vertical-align:middle; height:18px; padding-bottom:2px; }

div#form_container_3q .your_details .help_details {text-align:left; font-size:10px; color:#CCCCCC; width:100%; font-weight:bold; width:450px; margin:0px 0 10px 10px;}
div#form_container_3q .your_details img {vertical-align:middle; border:0; padding-left:7px; width:20px; height:20px;}
div#form_container_3q .your_details label {display:block;  float:left;}
div#form_container_3q .your_details input {width:200px;  float:left;  font-size:12px;  height:20px; line-height:25px; margin-bottom:3px;}

div#form_container_3q .form_error {height:23px; display:block; color:#fff; width:150px; float:right; font-size:10px; line-height:25px; margin-bottom:3px;line-height:25px; margin-bottom:3px; background-color:#F00;}

div#form_container_3q .electricity_details .s_number_l {padding-top:5px;}
div#form_container_3q .electricity_details .s_number_l span {font-size:10px; vertical-align:middle; padding-top:5px; font-weight:normal;}
div#form_container_3q .electricity_details .electricity_s_number {float:left; font-size:33px; width:30px; height:60px; color:#FFF; margin-top:0px; padding-left:0px;}
div#form_container_3q .electricity_details .electricity_s_number_form {float:left; margin-top:0px;  height:42px; display:block;}
div#form_container_3q .electricity_details .electricity_s_number_form input { vertical-align:middle;  margin-bottom:2px; }
div#form_container_3q .electricity_details .electricity_s_number_form .w30 {width:30px;}
div#form_container_3q .electricity_details .electricity_s_number_form .w60 {width:60px;}
div#form_container_3q .electricity_details .electricity_form { clear:both; color:#FFF; text-align:left; padding-left:0px; height:60px; margin-top:5px;}
div#form_container_3q .electricity_details .electricity_form label {height:18px; display:block;  vertical-align:middle; padding-top:3px;}
div#form_container_3q .electricity_details .electricity_form input {float:left; vertical-align:middle; width:180px; margin-bottom:3px; }
div#form_container_3q .electricity_details .electricity_form span {vertical-align:middle; font-size:10px; padding-left:2px;}
div#form_container_3q .electricity_details .help_electricity {clear:both; text-align:left; font-size:10px; color:#CCCCCC; width:100%; font-weight:bold; width:450px; padding-top:15px; margin:0 0 10px 10px;}
div#form_container_3q .electricity_details img {vertical-align:middle; border:0; padding-left:7px; height:20px; width:20px;}

div#form_container_3q .gas_details .help_gas {text-align:left; font-size:10px; color:#CCCCCC; width:100%; font-weight:bold; width:450px; margin:5px 0 10px 10px;}
div#form_container_3q .gas_details .help_gas img {vertical-align:middle; border:0; padding-left:7px;}
div#form_container_3q .gas_details {  clear:both; margin-left:0x; padding:0 0 0 0; font-size:12px;}
div#form_container_3q .gas_details .gas_details_form {clear:both; color:#FFF; text-align:left; padding-left:0px; height:60px; margin-top:5px; width:540px;}
div#form_container_3q .gas_details .gas_details_form label {height:18px; display:block;  vertical-align:middle; padding-top:3px;}
div#form_container_3q .gas_details .gas_details_form input {float:left; vertical-align:middle;  width:180px; margin-bottom:3px; }
div#form_container_3q .gas_details .gas_details_form .s_gas_annual {vertical-align:middle; font-size:12px; padding-left:2px;  }
div#form_container_3q .gas_details .gas_details_form .l_mprn { font-weight:bold; font-size:10px; margin-bottom:2px; display:block;}
div#form_container_3q .gas_details .gas_details_form .l_mprn span {font-size:10px; font-weight:normal;}
div#form_container_3q .gas_details .gas_details_form .i_mprn {width:250px;}

div#form_container_3q .form_submit input {height:auto; width:auto;}
div#form_container_3q .form_submit {float:left; padding-left:260px; margin:5px 10px}
/****************************/


div#content{background-color: #FFF;}
div.column{padding-left: 0px; min-height:460px; position: relative; width: 980px; }
div.col-50{min-height:50px;}
div.column-right {margin-right:10px; width:323px; height:543px; float:right; margin-top:2px;}


/* panels */
div.no_border {border-bottom:none;}
div.panel{margin: 0 0 10px 0;	text-align: left;	padding-left:10px;	float:left;	width:313px;}
div.panel_full {width:960px; clear:both; }

div.panel_static {width:637px; padding-top:2px; min-height:760px;}
.mar5 {margin-left:5px}

.collapsed div.panel-main{display: none;}
div.panel-top{background: #fff url('../images/feed_header_background.gif') repeat-x bottom; padding: 10px 5px; border:1px solid #DDDCDC;}
div.panel-top h2{margin-left: 20px; font-size: 12px; color:#26517D}
div.panel-top h1{margin-left: 5px; font-size: 12px; color:#26517D}

div.panel-top a.toggle-panel{float: left; position: relative; top: 5px;}
div.panel-main {border:1px solid #DDDCDC; border-top:none;}

div.current_price {width:100%; background-color:#FFF; height:150px;}
div.current_price h4 {color:#CC0000; font-size:70px; text-align:center;}
div.current_price span {font-size:15px}
div.current_price p {font-size:10px; font-weight:bold; color:#26517D; width:200px; text-align:center; padding-left:55px;}

div.cheapest { font-size:12px; padding:10px; height:130px;}


div.testimonals {background-color:#ECF1F3; font-size:12px; padding:10px; height:150px;}
div.testimonals p {font-weight:bold; color:#85BB3B; font-size:10px; padding-left:48px;}
blockquote {font-size: 10px; line-height: 15px; font-weight:bold; margin-bottom: 20px; color:#000033;}
.quote_left {width: 240px; background: url('../images/quote_left.png') top left no-repeat; padding-left: 48px; }
.quote_right {background: url('../images/quote_right.png') bottom right no-repeat; padding-right: 48px;}

div.news_panel {height:140px; }
div.news_panel h2 {padding:10px; color:#85BB3B; font-size:12px;}
div.news_panel h2 a {text-decoration:none; color:#85BB3B; font-size:12px;}

div.content_panel { }
div.content_panel h2 {padding:10px; color:#85BB3B; font-size:12px;}
div.content_panel a {text-decoration:none; color:#85BB3B; font-size:12px;}
div.content_panel p {padding:10px; color:#666666; font-size:11px;}
div.content_panel li {margin-left:30px; color:#666666; font-size:11px;}

div.content_panel_news { }
div.content_panel_news h2 {padding:10px; color:#85BB3B; font-size:12px;}
div.content_panel_news a {text-decoration:none; color:#85BB3B; font-size:12px;}
div.content_panel_news p {padding:10px; color:#666666; font-size:11px;}
div.content_panel_news li {line-height:15px; margin-left:10px; margin-bottom:10px; list-style:none;}
div.content_panel_news span{color:#999; font-size:10px;}

div.content_panel_general { }
div.content_panel_general h2 {padding:10px; color:#85BB3B; font-size:12px;}
div.content_panel_general h3 {padding:10px; color:#85BB3B; font-size:12px;}
div.content_panel_general a {text-decoration:none; color:#85BB3B; font-size:11px;}
div.content_panel_general p {padding:10px; color:#666666; font-size:11px;}
div.content_panel_general li {line-height:15px; margin-left:10px; color:#666666; font-size:11px; margin-bottom:10px; list-style:none;}
div.content_panel_general span{color:#999; font-size:10px;}


div.instant {height:113px;}
div.instant p {font-size:12px; font-weight:bold; color:#26517D; text-align:center; padding-top:20px; padding-bottom:10px; }
div.instant p.call_back {font-size:12px; font-weight:bold; color:#666666; text-align:center; padding-top:0px; }
div.instant p.call_back a {font-size:12px; font-weight:bold; color:#666666; text-align:center; padding-top:0px; text-decoration:none }

div.instant h2 {color:#8BC43F; font-size:25px; text-align:center; margin-bottom:0px; padding-bottom:5px;}

div.news_panel p {color:#666666; padding-left:10px; padding-right:10px; font-size:10px;}
div.news_panel .date {color:#666666; padding:10px; font-size:10px; font-weight:bold}
.news_list li {list-style:none; padding:0px; margin-left:-20px;}
.news_list a  {font-size:10px; color:#4E9309;}

div.supplier_panel {height:140px;}
div.supplier_panel h2 {padding:10px; color:#85BB3B; font-size:12px;}
#carousel {margin: 0 auto;	width: 313px;	height: 140px;	padding: 0;	overflow: hidden;}
#carousel ul {list-style: none; width: 933px; margin: 0; padding: 0; position: relative;}
#carousel li {display: inline; float: left;}
.supplier_list li {list-style:none; padding:0px; margin-left:-20px;}
.supplier_list a  {font-size:10px; color:#4E9309;}

/*************/


/* feeds */
div.feed-top{background-color: #eee; padding: 8px 2px;}
div.feed-top h3{margin: 0px; text-transform: uppercase; font-size: 1em;	padding-left: 16px;	color: #494949;}
div.feed-top a{float: right; margin-right: 5px;}
.feed ul{margin: 0;	background-color: #fff;	padding: 0 10px 0 30px; border-bottom:1px solid #DDDCDC;}
.feed ul li{padding: 5px 0;}
/*************/

/* footer */
div#footer {clear:both; background-color:#184675; height:20px; color:#FFF; font-size:10px;  padding:10px 5px 0 5px; margin: 10px 10px 10px 10px;}
div#footer .copyright {float:left}
div#footer .time {float:right;}
div#footer .time sup {font-size:8px; height: 0; line-height: 1; vertical-align: baseline; position: relative; bottom: 1ex;}

div#footer_links {color:#26517D; width:980px; margin: 0 auto; padding-bottom:10px;}
div#footer_links a {color:#B0B0B0; text-decoration:none;}
div#footer_links a:hover {color:#85BB3B; text-decoration:none;}

/*************/


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */