@charset "utf-8";
/* CSS Document */

/*
Dark Blue: #126db3
Light Blue: #3cb6d0;
Red: #b5191e
Green: #bfcf31
Dark Grey: #3e3e3e;
*/

.float-left{
float:left;
}

.float-right{
float:right;
}


.size-small{
 font-size:0.6666666666666667em;
}

.size-medium{
 font-size:0.8333333333333333em;
}

.font1{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
}

.colour-green{
color:#bfcf31;
}

.colour-red{
	color:#b5191e;
}

.colour-blue{
	color:#3cb6d0;
}

.colour-darkblue{
	color:#3cb6d0;
}

.colour-darkgrey{
	color:#3e3e3e;
}

body{
	background:url(../../images/bg_top.png) 0 -26px repeat-x;
	color:#3e3e3e;	
}

#page-wrapper{
	/*background:#CCCCCC;*/
	
}

#col-wrapper{
	background:#99CCFF;
}

#footer-wrapper{
	background:url(../../images/footer_bg.png) repeat-x bottom;

}

#footer-content{
	text-align:center;
	display:block;
	height:162px;	
	color:#FFFFFF;
	padding-top:108px;
	
	
}

#footer-content a{
	color:#FFFFFF;
}

#footer-content a:hover{
	color:#3cb6d0;
}


a.section-block{
	display:block;
	width:232px;
	height:144px;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:1.5em; /*18px*/
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	position:relative;
	margin:0 0.0555555555555556em;
}

a.section-block.alpha{
	margin-left:0;
}

a.section-block.omega{
	margin-right:0;
}

a.section-block span{
	display:block;
	position:absolute;
	line-height:3em;
	bottom:0;
	left:0.8333333333333333em; /*10 px*/
}

a.section-block.heating{
	background:url(../../images/section_button_heating.jpg) no-repeat 0 0;
	
}

a.section-block.plumbing{
	background:url(../../images/section_button_plumbing.jpg) no-repeat 0 0;
	
}

a.section-block.renewables{
	background:url(../../images/section_button_renewables.jpg) no-repeat 0 0;
}

/*
a.section-block:hover.heating{
	color:#b5191e;
}

a.section-block:hover.plumbing{
	color:#3cb6d0;
}

a.section-block:hover.renewables{
	color:#bfcf31;
}
*/

a.section-block:hover{
	background-position:0 -162px;
	color:#fff;	
}

#nav-main{
    float:left; 
    line-height:normal;
}

#nav-main ul {
    margin:0;
    padding:0;
    list-style:none;
	position:relative;
	z-index:1000;
    }


#nav-main ul li.alpha{
	margin-left:0;
}

#nav-main ul li.omega{
	margin-right:0;
}

#nav-main ul li{
	float:left;
    background:url(../../images/menu_bg_right_grey.png) no-repeat right top;
    margin:0;
    padding:0;
	margin-left:1px;
	margin-right:1px;
}

#nav-main ul li a {
	/*border:solid 1px #FF0000;*/

    display:block;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.25em; /*15px*/
	line-height:2.4em; /*36px*/
	background:url(../../images/menu_bg_left_grey.png) no-repeat left top;	
	text-decoration:none;
	color:#FFFFFF;
	padding:0 25.5px;
}


#nav-main ul li.selected{
	background:url(../../images/menu_bg_right_white.png) no-repeat right top;
	
}

#nav-main ul li.selected a{
	background:url(../../images/menu_bg_left_white.png) no-repeat left top;
	color:#126db3;
}

#nav-main ul li.home{
	background:url(../../images/menu_bg_right_home_up.png) no-repeat left top;
}

#nav-main ul li.home a{
	background:url(../../images/menu_bg_left_home_up.png) no-repeat left top;
}

#nav-main ul li.home:hover{
	background:url(../../images/menu_bg_right_home_down.png) no-repeat left top;
}

#nav-main ul li.home:hover a{
	background:url(../../images/menu_bg_left_home_down.png) no-repeat left top;
}


#nav-main ul li:hover a{
background:url(../../images/menu_bg_left_darkgrey.png) no-repeat left top;

}

#nav-main ul li:hover{
	background:url(../../images/menu_bg_right_darkgrey.png) no-repeat right top;	
}

#nav-main ul li.selected:hover{
	background:url(../../images/menu_bg_right_white.png) no-repeat right top;
	
}

#nav-main ul li.selected:hover a{
	background:url(../../images/menu_bg_left_white.png) no-repeat left top;
	color:#126db3;
}

	
#nav-main ul li ul{
display: none;
position:absolute;
position:0;
z-index:2000;	
}

#nav-main ul li ul li{
background:#FFFFFF;

}

#nav-main ul li ul li a{
	background:#FFFFFF;

}

#nav-main ul li.selected ul li a:hover{
background:#FFFFFF;
}

.advert_header{
	line-height:6em;
	height:6em;

	color:#FFFFFF;
	text-align:center;
}

.vspacer{
	height:1.5em;
}

#logo-strapline{
	font-weight:bold;
	color:#FFFFFF;
	font-size:0.9166666666666667em;
}


.login-status{
color:#FFFFFF;
font-size:0.9166666666666667em;
text-align:right;
margin-top:18px;
}

.login-status img{
	vertical-align:bottom;
	}

.login-status a{
	color:#FFFFFF;	
}

.login-status a:hover{
	color: #126db3;	
}

dl.panel{
}


dl.panel dt{
	font-size:1.166666666666667em; /*14px*/
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:2.4285714285714285714285714285714em;
	display:block;
	background:url(../../images/panel_header_bg.png) repeat-x top;
	color:#FFFFFF;	
}

dl.panel dt span{
	display:block;
	border:solid 1px #212121;
	padding:0 10px;
}

dl.panel dd{		
	
}



dl.panel dd a.omega{
	border-bottom:none;
}


dl.panel.quicklinks dd a{	
	display:block;	
	text-decoration:none;
	line-height:2.916666666666667em;
	border-bottom:dotted 1px #006699;
	padding:0 1.666666666666667em;
	background:url(../../images/bullet.png) no-repeat 0.8333333333333333em 1.25em;
	color:#3e3e3e;
	font-weight:normal;
}

dl.panel.quicklinks dd a:hover{
	color: #126db3;
}

dl.panel.quicklinks dd:last-child a{
	border-bottom:none;
}

dl.panel.quicklinks{
	background:url(../../images/panel_bg.png) repeat-x top #d6d6d6;
}

dl.panel.twitter{
	background:url(../../images/panel_bg_twitter.png) bottom no-repeat;
	
}

dl.panel.twitter dd{
	padding:0 0.8333333333333333em; /*10px*/
}

dl.panel.twitter dd.footer a{
	display:block;
	height:4.5em;
}

dl.panel.latest-articles{

}


dl.panel.latest-articles dd{
background:url(../../images/bullet.png) no-repeat 0.8333333333333333em 1.25em;
}


dl.panel.latest-articles dd h4{
	padding:0.4375em 1.666666666666667em 0 1.25em;
}

dl.panel.latest-articles dd a{	
	display:block;	
	text-decoration:none;	
	color:#3e3e3e;
	font-weight:normal;
	padding:0 1.666666666666667em .5em 0;
}
dl.panel.latest-articles dd div{	
	display:block;	
	text-decoration:none;	
	border-bottom:dotted 1px #006699;
	color:#3e3e3e;
	font-weight:normal;
	padding:0 1.666666666666667em .5em 1.666666666666667em;
}

dl.panel.latest-articles dd a:hover{
	color: #126db3;
}

dl.panel.latest-articles dd:last-child a{
	border-bottom:none;
}

dl.panel.latest-articles{
	background:url(../../images/panel_bg.png) repeat-x top #d6d6d6;
}


dl.panel.events-calendar{
}

dl.panel.events-calendar dd{
background:url(../../images/bullet_calendar.png) no-repeat 0.4em 0.8em;
}

dl.panel.events-calendar dd h4{
	padding:0.4375em 1.666666666666667em 0 1.25em;
}

dl.panel.events-calendar dd h5{
	padding:0 0.8333333333333333em 0 1.666666666666667em;
}

dl.panel.events-calendar dd a{	
	display:block;	
	text-decoration:none;	
	color:#3e3e3e;
	font-weight:normal;
	padding:0 1.666666666666667em .5em 0;
	padding:0 1.666666666666667em 0 0;
}
dl.panel.events-calendar dd div{	
	display:block;	
	text-decoration:none;	
	border-bottom:dotted 1px #006699;
	color:#3e3e3e;
	font-weight:normal;
	padding:0 1.666666666666667em .5em 1.666666666666667em;
}

dl.panel.events-calendar dd a:hover{
	color: #126db3;
}

dl.panel.events-calendar dd:last-child a{
	border-bottom:none;
}

dl.panel.events-calendar{
	background:url(../../images/panel_bg.png) repeat-x top #d6d6d6;
}

/* Colours */
dl.panel dd.blue h4{
	color:#3cb6d0;;
}

dl.panel dd.green h4{
	color:#bfcf31;
}

dl.panel dd.red h4{
	color:#b5191e;
}


div#search-box{
overflow:hidden;
}

div#search-box span{
display:block;
background:url(../../images/search_bg.png) repeat-x top;
float:left;
border:solid 1px #3e3e3e;
height:34px;
width:240px;
}


div#search-box input{
	background:none;
	border:none;
	margin:0 10px;
	height:34px;
	line-height:34px;
	width:220px;
	
	/*
	
	
	
	
	line-height:34px;
	
	
	


	*/

}

div#search-box a{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:1.333333333333333em;
text-align:center;
color:#FFF;
display:block;
width:36px;
height:36px;
line-height:36px;
background:url(../../images/search_button.png) no-repeat 0 0;
float:right;
}

div#search-box a:hover{
background-position:0 -46px;
}





#latest-articles{
	background:#f2f7f8;
	overflow:hidden;
}


#latest-articles dl.article-preview{
	margin:1.5em 1em;
}

dl.article-preview{
	margin:.5em 0;
	clear:both;
	float:left;
	border-bottom:dotted 1px #3e3e3e;
	padding:1em 0 0.9444444444444444em 0; /* minus 1px for dotted line*/
}

dl.article-preview dt, dl.article-preview dd.date{
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
}

dl.article-preview dt{
font-size:1.333333333333333em;
font-weight:bold;
float:right;
width:350px;
}

dl.article-preview dd.date{
font-size:1.083333333333333em;
font-weight:bold;
clear:both;
float:right;
text-align:right;
}

dl.article-preview dd.image{
float:left;
}

dl.article-preview dd.body{
width:350px;
float:right;
}

#competition_terms{
  display:none;
  border:1px solid #333;
  background-color:#ccc;
}
#competition_hdr{
  background-color:#aaa;
  font-weight:bold;
  padding:0 4px;
}
#competition_hdr div{
  float:right;
}
#competition_terms p{
  padding:4px;
}

#tabs dl.article-preview dt, #tabs dl.article-preview dd.body,#tabsdl.article-preview dd.image,#tabs dl.article-preview dd.date{
width:518px;
}

dl.article-preview.green dt,dl.article-preview.green a:hover{
	color:#bfcf31;
}

dl.article-preview.red dt,dl.article-preview.red a:hover{
	color:#b5191e;
}

dl.article-preview.blue dt,dl.article-preview.blue a:hover{
	color:#3cb6d0;
}

dl.article-preview.darkblue dt,dl.article-preview.darkblue a:hover{
	color:#126db3;
}

dl.poll{
display:block;
/*
height:92px;
background:url(../../images/poll_bg.png) no-repeat top left;
*/
background:#808080 url(../../images/poll_bg2.png) no-repeat bottom left;
overflow:hidden;
}

dl.poll dt{
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
color:#FFFFFF;
margin:.5em 1em 1em 1em;
}

dl.poll dd{
font-size:0.9166666666666667em;
color:#FFFFFF;
margin:0 1em;
}

dl.poll dd a{
font-size:0.8333333333333333em;
color:#FFFFFF;
}

dl.poll dd a:hover{
color:#3cb6d0;
}

dl.poll dd span{
	display:block;
	line-height:2.7em;
}

dl.poll dd span.link{
float:right;
line-height:2.7em;
}

dl.poll dd span.radio{
float:left;
}

div.artical{
}

div.article .intro{
	font-size:1.333333333333333em;
	margin-left: 0px;
}


div.article h1{
margin-bottom:0;
}

div.article p.author, div.article p.date, div.article p.comments-total{
	margin:0;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
div.article p.author{

	font-size:1.333333333333333em;	
}

div.article p.date{
	font-size:1.166666666666667em;
}

div.article p.comments-total{
}

div.article p.comments-total a{
}

div.artical p.image{
	
}

div.artical p.image.left{
	
}

div.artical p.image.left{
	
}


div#article-links{
overflow:hidden;

}

div#article-links a.pdf-download{
	display:block;
	float:left;
	font-weight:normal;
	font-size:0.9166666666666667em;

}

div#article-links a.pdf-download img{
vertical-align:bottom;
margin-right:10px;
}

div#article-links div.addthis_toolbox{
float:right;
}

div#control-box{

margin:1.5em 0;
}

div#control-box a.arrow-prev,div#control-box a.arrow-next{
	display:block;
	line-height:3em;
}

div#control-box a.arrow-prev{
	float:left;	
	padding-left:20px;
	background:url(../../images/pager_arrow_prev.png) no-repeat top left;	
}

div#control-box a.arrow-next{
	float:right;
	padding-right:20px;
	background:url(../../images/pager_arrow_next.png) no-repeat top right;
}



a.form-button.left{
	float:left;
}

a.form-button.right{
	float:right;
}

div#comment-box{
overflow:hidden;
}

div#comment-box textarea{
	border:solid 1px #3e3e3e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:1em;
	
	width:41.33333333333333em;
	height:43.33333333333333em;
	voice-family: "\"}\""; 
	voice-family:inherit;	  
	width:41.16666666666667em;	
	height:8.333333333333333em;	
}

div.star-rater{
	margin-bottom:1em;
	overflow:hidden;
}


div.star-rater strong{
display:block;
margin-right:1em;
float:left;
}

div#comments{
	
}

div#comments dl{
	margin:1.5em 0 1.5em 0;
	border-bottom:dotted 1px #3e3e3e;
	overflow:hidden;
}


div#comments dl dt{	
float:left;
margin-right:1em;
}

div#comments dl dd a,div#comments dl dd span{
	display:block;
	clear:both;
	float:left;
	font-weight:normal;
}


div#comments dl dd{
}

div#comments dl dd.author{
 float:left;	
}

div#comments dl dd.author span{
	
}

div#comments dl dd.abuse{
float:right;
padding-left:1em;
border-left:solid 1px #3e3e3e;
font-size:0.9166666666666667em;
}

div#comments dl dd.body{
float:left;
}

.page-blue div#comments dl{
	border-bottom:dotted 1px #3cb6d0;
}

.page-red div#comments dl{
	border-bottom:dotted 1px #b5191e;
}

.page-green div#comments dl{
	border-bottom:dotted 1px #bfcf31;
}
	
/*
Dark Blue: #126db3
Light Blue: #3cb6d0;
Red: #b5191e
Green: #bfcf31
Dark Grey: #3e3e3e;
*/

.page-blue h1,.page-blue h2,.page-blue h3,.page-blue h4,.page-blue a:hover{
	color:#3cb6d0;
}

.page-red h1,.page-red h2,.page-red h3,.page-red h4,.page-red a:hover{
	color:#b5191e;
}

.page-green h1,.page-green h2,.page-green h3,.page-green h4,.page-green a:hover{
	color:#bfcf31;
}


a.form-button{
	font-size:1.166666666666667em; /*14px*/
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:34px;
	display:block;
	background:url(../../images/panel_header_bg.png) repeat-x top;
	color:#FFFFFF;
	margin-top:1.285714285714286em;		
}

a.form-button span{
	display:block;
	border:solid 1px #212121;
	padding:0 20px;
	
}
/*bev's additions - rework of the article html*/
div.articlelist{
	background:#f2f7f8;
	overflow:hidden;
	margin-bottom:20px;
}

div.articlelist h2 {
	background-color:#333;
	color:#FFF;
	padding-left:20px;
	margin-bottom:20px;
	font-size:1.333333333333333em;
	height:30px;
	
}


div.article {
margin-bottom:20px;
padding-left:20px;
min-height:120px;
border-bottom:1px dotted #ccc;

}


div.article .floatbox{
float: left;
width: 133px;
/*margin-left:20px;*/

}

* html .article p,
* html.article h3{ /* IE 3px jog hack*/
height: 1%;
}

div.article h3 {
	color:#333;
	font-size:1.333333333333333em
	
}


div.article  p,
div.article  h3
{
padding:0;	
margin: 0 20px 8px 153px;

}

div.article a.readmore {
	margin-bottom:20px;
}


/* Titles for articles*/

div.article.heat h3{
	background:url(../../images/arrow_red.gif) no-repeat 0 50%;
	padding-left:12px;
}

div.article.heat h3 a:hover {
	text-decoration:underline;
	color:#ce191e;
}

div.article.plumb h3{
	background:url(../../images/arrow_blue.gif) no-repeat 0 50%;
	padding-left:12px;
}

div.article.plumb h3 a:hover {
	text-decoration:underline;
	color:#3cb6e0;
}
div.article.renew h3{
	background:url(../../images/arrow_green.gif) no-repeat 0 50%;
	padding-left:12px;
}

div.article.renew h3 a:hover {
	text-decoration:underline;
	color:#b6c629;
}

div.article h3{
	background:url(../../images/arrow_dkblue.gif) no-repeat 0 50%;
	padding-left:12px;
}

div.article h3 a:hover {
	text-decoration:underline;

}

/*buttons for articles*/
div.article a.readmore,
div.article.heat a.readmore,
div.article.plumb a.readmore,
div.article.renew a.readmore {
background-position:0 0;
display:block;
text-indent:-9999px;
cursor:pointer;
border:0;
padding:0;
width:82px;
height:23px;
}

div.article a.readmore:hover,
div.article.heat a.readmore:hover,
div.article.plumb a.readmore:hover,
div.article.renew a.readmore:hover {
background-position:0 -23px;
}

div.article a.readmore {
	background:url(../../images/but_readmore_dkblue.jpg) no-repeat;
}

div.article.heat a.readmore {
	background:url(../../images/but_readmore_red.jpg) no-repeat;
}

div.article.plumb a.readmore {
	background:url(../../images/but_readmore_blue.jpg) no-repeat;
}

div.article.renew a.readmore {
	background:url(../../images/but_readmore_green.jpg) no-repeat;
}

.imagecaption
{
	background: none repeat scroll 0 0 #e6e6e6;
	line-height: 2em;
	text-align: center;	
}

.article_details img {margin: 10px; max-width: 490px;}