/* General setup */

body,div,p,ul,ol,li,dl,dt,dd,pre,blockquote,form,fieldset,table,tr,th,td,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

img, a img {
	border: 0;
}

ul {
	list-style: none;
}

body {
	font-family: Arial, sans-serif;
	background: #fff;
	margin: 0;
	padding: 26px 0 0 0;
	font-size: 14px;
	line-height: 20px;
	color: #555;
}

.floatbreak {
	clear: both;
	height: 0;
	overflow: hidden;
}

/* Access bar */

#accessbar {
	position: absolute;
	width: 100%;
	height: 26px;
	background-color: #8C8E90;
	color: #fff;
	top: 0;
	left: 0;
}

#accessbar ul {
	display: block;
	width: 936px;
	margin: 0 auto;
	list-style: none;
	line-height: 26px;
	vertical-align: top;
}

#accessbar li {
	display: inline;
	padding-right: 14px;
	font-weight: bold;
	font-size: 14px;
}

#accessbar li a {
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	line-height: 26px;
	vertical-align: top;
	padding: 0 6px;
}

#accessbar li a:link,
#accessbar li a:visited {
	color: #fff;
	text-decoration: none;
}

#accessbar li a:hover,
#accessbar li a:active,
#accessbar li a:focus {
	color: #fff;
	background: #000;;
	text-decoration: none;
}


/* Masthead */

#masthead_outer {
	width: 100%;
	height: 165px;
	background: #fff;
	overflow: hidden;
	margin: 0 0 30px 0;
}

#masthead_inner {
	position: relative;
	width: 924px;
	height: 141px;
	margin: 0 auto;
	top: 22px;
	border-bottom: 2px solid #e8e8e9;
}

#my_account {
	position: absolute;
	width: 444px;
	left: 480px;
	bottom: 90px;
	text-align: right;
	font-size: 12px;
	line-height: 21px;
	vertical-align: middle;
}

#my_account a:link,
#my_account a:visited {
	color: #333;
	text-decoration: underline;
}

#my_account a:hover,
#my_account a:active,
#my_account a:focus {
	color: #333;
	text-decoration: none;
}

#my_account strong {
	/*padding: 4px;
		border: 1px solid #30cdd7;*/
	margin: 0 30px 0 5px;
}

#my_account span.sep {
	width: 1px;
	padding: 0 10px;
	background: #fff url(../chrome/separators.png) 10px 2px no-repeat;
}

#bigphone {
	display: inline-block;
	color: #8d8f91;
	padding-right: 20px;
	font-size: 21px;
	line-height: 21px;
	border-right: 1px solid #e8e8e9;
	margin-right: 20px;
}

#login_btns {
	position: absolute;
	width: 444px;
	left: 480px;
	bottom: 90px;
	text-align: right;
}

#login_btns a {
	display: inline-block;
	float: right;
	line-height: 21px;
	vertical-align: bottom;
	padding: 0 4px 0 6px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 5px;
}

#login_btns a.btn_green:link,
#login_btns a.btn_green:visited {
	color: #fff;
	text-decoration: none;
	background: #bed600 url(../chrome/btn_green.png) 0 0 no-repeat;
	border-right: 2px solid #bed600;	
}

#login_btns a.btn_green:hover,
#login_btns a.btn_green:active,
#login_btns a.btn_green:focus {
	color: #fff;
	text-decoration: none;
	background: #333 url(../chrome/btn_black.png) 0 0 no-repeat;	
	border-right: 2px solid #333;
}

#login_btns a.btn_blue:link,
#login_btns a.btn_blue:visited {
	color: #fff;
	text-decoration: none;
	background: #30cdd7 url(../chrome/btn_blue.png) 0 0 no-repeat;
	border-right: 2px solid #30cdd7;	
}

#login_btns a.btn_blue:hover,
#login_btns a.btn_blue:active,
#login_btns a.btn_blue:focus {
	color: #fff;
	text-decoration: none;
	background: #333 url(../chrome/btn_black.png) 0 0 no-repeat;	
	border-right: 2px solid #333;
}


/* Counters */

#counters {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	text-align: right;
}

.counter_label {
	display: inline-block;
	line-height: 15px;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 4px;
	margin: 0 !important;
	/* IE7 */
	zoom: 1;
	*display: inline;
}

.counter_wrap {
	display: inline-block;
	position: relative;
	height: 15px;
	overflow: hidden !important;
	margin: 0;
	vertical-align: middle;
	/* IE7 */
	zoom: 1;
	*display: inline;
}

.counter_number {
	height: 165px;
	width: 10px;
	position: relative;
	background-image: url(../chrome/counter_ticker_bg.gif);
	float: left;
}

#counters .counter_label sub {
	display: inline-block;
	font-size: 8px;
	line-height: 8px;
	vertical-align: top;
	position: relative;
	top: 7px;
}


/* Nav */

#nav {
	position: absolute;
	width: 100%;
	/*bottom: 49px;*/
	bottom: 36px;
	list-style: none;
	/*overflow: visible;*/
	display: block;
  	text-align: justify;
  	line-height: 13px;
}

#nav:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
  height: 13px;
}

#nav li {
	/*float: left;*/
	display: inline-block;
	color: #8c8e90;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	vertical-align: top;
	/*text-align: center;*/
	text-transform: uppercase;
}

#nav li sub {
	display: inline-block;
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 4px;
}

#nav a:link,
#nav a:visited {
	color: #bed600;
	text-decoration: none;
}

#nav a:hover,
#nav a:active,
#nav a:focus {
	color: #8c8e90;
}

/*#nav #nav_what {
	width: 91px;
	text-align: left;
}*/

/*#nav #nav_why {
	width: 143px;
}*/

/*#nav #nav_insulation {
	width: 121px;
}

#nav #nav_solar {
	width: 144px;
}

#nav #nav_house {
	width: 206px;
}

#nav #nav_shop {
	width: 78px;
}

#nav #nav_publications {
	width: 140px;
}

#nav #nav_local {
	width: 143px;
	text-align: right;
}*/

/*#nav #nav_what {
	width: 87px;
	text-align: left;
}

#nav #nav_insulation {
	width: 112px;
}

#nav #nav_solar {
	width: 135px;
}

#nav #nav_house {
	width: 198px;
}

#nav #nav_greendeal {
	width: 115px;
}

#nav #nav_publications {
	width: 131px;
}

#nav #nav_local {
	width: 146px;
	text-align: right;
}*/

/* 16 Jan 2013 */

/*#nav #nav_insulation {
	text-align: left;
	width: 94px;
}

#nav #nav_boilers {
	width: 88px;
}

#nav #nav_solar {
	width: 132px;
}

#nav #nav_house {
	width: 194px;
}

#nav #nav_greendeal {
	width: 115px;
}

#nav #nav_switch {
	width: 163px;
}

#nav #nav_local {
	width: 138px;
}*/

/* 13 Feb 2013 */
/* Removed 14 Mar 2014 */

/*#nav #nav_insulation {
	text-align: left;
	width: 96px;
}

#nav #nav_boilers {
	width: 90px;
}

#nav #nav_solar {
	width: 134px;
}

#nav #nav_house {
	width: 196px;
}

#nav #nav_greendeal {
	width: 118px;
}

#nav #nav_switch {
	width: 170px;
}

#nav #nav_partners {
	width: 120px;
	text-align: right;
}*/



/* Breadcrumb trail */

#breadcrumb {
	position: absolute;
	width: 100%;
	bottom: 0;
	list-style: none;
	border-top: 1px solid #e8e8e9;
	margin: 0;
	padding: 7px 0 9px 0;
}

#breadcrumb li {
	display: inline;
	padding: 0 8px 0 16px;
	margin: 0;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	background: #fff url(../chrome/breadcrumb.png) 0 1px no-repeat;
	color: #8c8e90;
}

#breadcrumb li.first {
	padding-left: 0;
	background: #fff;
}

#breadcrumb li a:link,
#breadcrumb li a:visited {
	color: #8c8e90;
	text-decoration: none;
}

#breadcrumb li a:hover,
#breadcrumb li a:active,
#breadcrumb li a:focus {
	color: #333;
	text-decoration: underline;
}


/* Content */

#wrapper {
	float: left;
	width: 100%;
	margin: 0 0 51px 0;
}

#content {
	width: 936px; /* wider by 6px on each edge to accommodate column padding */
	margin: 0 auto;
	position: relative;
}

#content .col_1 {
	float: left;
	width: 222px;
	padding: 0 6px;
}

#content .col_2 {
	float: left;
	width: 456px;
	padding: 0 6px;
}

#content .col_3 {
	float: left;
	width: 690px;
	padding: 0 6px;
}

#content .col_4 {
	float: left;
	width: 924px;
	padding: 0 6px;
}

#content .story {
	clear: both;
	float: left;
	width: 456px;
	margin: 10px 0 0 0;
	border-top: 1px solid #ccc;
	padding-right: 234px;
}

#content .story.first {
	border-top: none;
}


/* Footer */

#footer {
	clear: both;
	position: relative;
	width: 924px;
	margin: 0 auto;
	padding: 24px 0 58px 0;
	border-top: 2px solid #e8e8e9;
	height: 39px;
}

#footer #call_us {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	width: 33% !important; /* 16 Jan 2013 */
}

#footer ul {
	list-style: none;
}

#footer li {
	display: inline;
	padding: 0 26px 0 0;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1;
}

#footer li a:link,
#footer li a:visited {
	color: #8c8e90;
	text-decoration: none;
}

#footer li a:hover,
#footer li a:active,
#footer li a:focus {
	color: #333;
	text-decoration: underline;
}

#footer_tn {
	position: absolute;
	top: 34px;
	right: 232px;
	width: 86px;
	height: 39px;
}

#footer_climate {
	position: absolute;
	top: 34px;
	right: 126px;
	width: 84px;
	height: 39px;
}

#footer_thameswey {
	position: absolute;
	top: 34px;
	right: 0px;
	width: 96px;
	height: 39px;
}


/* Colour scheme definitions - variant 2 */

.sect_red #content a:link,
.sect_red #content a:visited {
	color: #d31245;
	text-decoration: underline;
}

.sect_red #content a:hover,
.sect_red #content a:active,
.sect_red #content a:focus {
	color: #333;
	text-decoration: underline;
}

.sect_orange #content a:link,
.sect_orange #content a:visited {
	color: #ff5a00;
	text-decoration: underline;
}

.sect_orange #content a:hover,
.sect_orange #content a:active,
.sect_orange #content a:focus {
	color: #333;
	text-decoration: underline;
}

.sect_green #content a:link,
.sect_green #content a:visited {
	color: #bed600;
	text-decoration: underline;
}

.sect_green #content a:hover,
.sect_green #content a:active,
.sect_green #content a:focus {
	color: #333;
	text-decoration: underline;
}

.sect_blue #content a:link,
.sect_blue #content a:visited {
	color: #30cdd7;
	text-decoration: underline;
}

.sect_blue #content a:hover,
.sect_blue #content a:active,
.sect_blue #content a:focus {
	color: #333;
	text-decoration: underline;
}

/* 10 Feb 2010 - pullouts and flyouts */

#content .pull_1col {
	/* stretch the content across an extra column */
	position: relative;
	margin-right: -234px;
	zoom: 1;
}

#content .pull_2col {
	/* stretch the content across 2 extra columns */
	position: relative;
	margin-right: -468px;
	zoom: 1;
}

#content .fly_1col {
	/* assume 1 column width, and move right by 1 column */
	float: right;
	display: inline;
	width: 222px;
	position: relative;
	margin-right: -222px;
	right: -12px; /* IE6 refuses to extend the margin any further than the object width, so we need to work around it */
}

#content .fly_2col {
	/* assume 1 column width, and move right by 2 columns */
	float: right;
	display: inline;
	width: 222px;
	position: relative;
	margin-right: -222px;
	right: -246px; /* IE6 refuses to extend the margin any further than the object width, so we need to work around it */
}

#content .story .fly_1col p {
	margin: 10px 0 0 0;
}

#content img.fly_2col {
	width: 456px;
	margin-right: -456px;
	right: -12px;
}

/* 27 Apr 2010 - jumplinks */

#content #jumplinks {
	position: relative;
	margin: 0 0 30px 0;
	line-height: 1.1;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#content #jumplinks p {
	position: absolute;
	width: 220px;
	top: 0;
	left: 0;
	margin: 0;
}

#content #jumplinks p span {
	font-weight: bold;
	color: #666;
}

#content #jumplinks li {
	font-size: 90%;
	list-style-type: none;
	margin-bottom: 4px;
	margin-left: 222px;
	padding-left: 6px;
}

#content #jumplinks li ul {
	margin: 5px 0 0 20px;
}

#content #jumplinks li ul li {
	margin-left: 0;
	list-style-type: circle;
}

#content #jumplinks li a:link,
#content #jumplinks li a:visited {
	color: #bed600;
}

#content #jumplinks li a:hover,
#content #jumplinks li a:active,
#content #jumplinks li a:focus {
	color: #000;
}

/* 02 Feb 2015 - social footer */

#footer #call_us {
	float: left;
	width: 50%;
}

#footer ul {
	float: right;
	margin-top: -5px;
}

#footer li {
	text-align: right;
	padding: 0 0 0 36px;
}

#footer .social {
	padding-right: 0;
}

#footer .social a {
	display: inline-block;
	height: 0;
	overflow: hidden;
	padding-top: 19px;
	margin-left: 6px;
	position: relative;
	top: 3px;
}

#footer .social-twitter {
	width: 21px;
}

#footer .social-facebook {
	width: 19px;
}

#footer a.social-twitter:link,
#footer a.social-twitter:visited {
	background: #fff url(../chrome/social-footer.png) 0 0 no-repeat;
}

#footer a.social-twitter:hover,
#footer a.social-twitter:active,
#footer a.social-twitter:focus {
	background: #fff url(../chrome/social-footer.png) 0 -20px no-repeat;
}

#footer a.social-facebook:link,
#footer a.social-facebook:visited {
	background: #fff url(../chrome/social-footer.png) -26px 0 no-repeat;
}

#footer a.social-facebook:hover,
#footer a.social-facebook:active,
#footer a.social-facebook:focus {
	background: #fff url(../chrome/social-footer.png) -26px -20px no-repeat;
}