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;width:98%}
div#menu.active  {background-image:url(../images/menu/menu_active.jpg); height:33px; margin:10px 10px 0 10px;}

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

div#menu li.right {float:right;  border-left:1px solid #6886A4; border-right:none; margin-left: 150px;}
div#menu a {float:left;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:320px; width:960px; margin:0 10px 10px 10px; background-image:url(../images/global/banner_green.jpg); background-position:bottom; 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:210px; 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:210px; 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:210px;  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:620px;  border:1px solid #666666; background-color:#648E2C; background-image:url(../images/global/green_strip.jpg); background-repeat:repeat-x; background-position:bottom;  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:85px; 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; height:150px;}
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; display:block;}
/****************************/


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 h2 a{text-decoration:none; font-size: 12px; color:#26517D}
div.panel-top h1{margin-left: 5px; font-size: 12px; color:#26517D}
div.panel-top h1 a{text-decoration:none; 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.cheapest a { font-size:10px; text-decoration:none; color:#666;}


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 h2 a {color:#85BB3B; font-size:12px;}
div.content_panel a {text-decoration:none; color:#666666; font-size:11px;}
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 .copyright a {color:#FFF; text-decoration:none;}
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 */



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 3px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}