/* elements */
html, body{
height:100%;
height:auto !important;
}
body {
background:#e5e5e5;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
text-align:center;
}
h1{
color:#ed422e;
font-size:160%;
margin:0 0 10px 0;
}
h2{
font-size:130%;
margin:10px 0;
}
strong{
font-size:120%;
white-space:nowrap;
}
em{
font-weight:normal;
}
a:link, a:active, a:visited{
color:#000;
}
a:hover{
color:#c03;
}
img, form, fieldset{
border:0;
margin:0;
}
/* divs */
#outercontainer{
width:806px;
margin:0 auto;
background:#fff url(images/fadeleftbgNew.gif) top left repeat-y;
text-align:left;
}
#innercontainer{
padding:0 17px 0 17px;
background:transparent url(images/faderightbgNew.gif) top right repeat-y;
}
#header{
width:772px;
height:105px;
text-align:center;
}
#content{
margin:10px 0 0 0;
padding:0 20px 100px 20px;
background:url(images/footer_generic.jpg) bottom center no-repeat;
}
#content p, #content form{
padding:0 30px;
margin:0 0 1.6em 0;
font-weight:bold;
line-height:1.4em;
color:#333;
}
#content form, #content label, #content input, #content textarea{
width:300px;
}
#content input, #content select, #content textarea{
margin:2px 0 1em 0;
}
#content .submit{
width:7em;
}
#content h2{
padding:0 10px 0 30px;
margin:10px 0 4px 0;
}
#content ul{
list-style:none;
padding:0;
margin:0 0 1.6em 0;
}
#content li{
margin:0 0 0 60px;
line-height:1.4em;
background:url(images/bullet.jpg) left center no-repeat;
padding:8px 0 8px 30px;
}
#content li a{
font-weight:bold;
color:#c03;
text-decoration:none;
}
#content li a:hover{
text-decoration:underline;
}
#content .coloured{
color:#ed422e;
}
#footer{
width:772px;
background:url(images/fadebottombg.gif) top center no-repeat;
font-size:90%;
font-family:tahoma, verdana, arial, sans-serif;
text-align:right;
padding:15px;
color:#666;
margin:0 auto;
}
/* FOOTER NAV */
#footerNav{
float:left;
text-align:left;
margin:0;
padding:0;
list-style: none;
}
#footerNav li{
display:inline;
padding:0 1px;
}
#footerNav li a{
font-size:100%;
color:#666;
text-decoration:none;
}
#footerNav li a:hover{
color:#666;
text-decoration:underline;
}

/* MAIN NAV */
#nav{
background:#c03;
padding:10px;
z-index:10;
position:relative;
}
#mainNav{
margin:0 auto;
padding:0;
list-style: none;
color:#f93;
text-align:center;
}
#mainNav li{
position:relative;
display:inline;
padding:2px;
margin:0;
line-height:1.4em;
}
#mainNav li a{
width:100%;
font-weight:bold;
color:#fff;
padding:0 3px;
text-decoration:none;
text-transform: uppercase;
}
#mainNav li a:hover{
text-decoration:underline;
}
#mainNav ul{
text-align:left;
margin:-1em 0 0 -2px;
padding:1.1em 0 0 0;
list-style:none;
position:absolute;
top:2.4em;
left:0px;
z-index:9;
display:none;
width:100%;
height:1%;
}
#mainNav ul li{
display:block;
background:#c03;
border-bottom:1px solid #fff;
margin:0;
padding:3px;
}
#mainNav li:hover ul{
display:block;
}
#mainNav li li{
width:150px;
/*line-height:1.4em;*/
}
#mainNav li li a{
display:block;
color:#f93;
/*line-height:1.4em;*/
}
#mainNav li li a:hover{
color:#fff;
/*line-height:1.5em;*/
}


#news span{
font-weight:bold;
}
#news li{
margin:0 0 0 35px;
}
#downloads li{
margin:0 0 0 35px;
background:url(images/icon_pdf.gif) 0 0 no-repeat;
padding:12px 0 12px 45px;
}
/* Individual backgrounds and custom page styles */
#homepage, #homeRight, #homepageAssessment, #homepageAssessmentRight, #aboutUs, #contactUsEnq, #centralHeating, #centralHeatingRight, #climateChange, #climateChangeRight, #insulation, #loftInsulation, #cavityWallInsulation, #cavityWallInsulationRight{
padding:0 20px 260px 20px;
margin:0 -20px -100px -20px;
position:relative;
top:0px;
left:0px;
}
#homepage p, #homepage h2, #homepageAssessment p, #climateChange p, #centralHeating p, #cavityWallInsulation p{
width:440px;
white-space:normal;
}
#homepage{
background:url(images/footer_home.jpg) bottom center no-repeat;
position:relative;
}
#homeRight{
background:url(images/circ_home.jpg) top right no-repeat;
margin:-64px -20px -100px -20px;
padding:64px 20px 90px 20px;
}
#homepageAssessment{
padding-bottom:80px; /* adjust to clear footer image from text */
background:url(images/footer_homeassessment.jpg) bottom center no-repeat;
}
#homepageAssessment strong{
display:block;
width:450px;
white-space:normal;
}
#homepageAssessmentRight{
background:url(images/circ_homeassessment.jpg) top right no-repeat;
margin:-25px -20px;
padding:25px 20px 0 20px;
}
#aboutUs{
margin-top:-180px;
padding-top:180px;
padding-bottom:100px; /* adjust to clear footer image from text */
background:url(images/circ_aboutus.jpg) top right no-repeat;
z-index:1;
}
#centralHeating{
padding-bottom:85px; /* adjust to clear footer image from text */
background:url(images/footer_centralheating.jpg) bottom center no-repeat;
}
#centralHeatingRight{
background:url(images/circ_centralheating.jpg) top right no-repeat;
margin:-70px -20px 0 -20px;
padding:70px 20px 0 20px;
}
#centralHeating p.right{
padding-top:70px;
width:340px;
float:right;
}
#centralHeating p.right em{
margin-top:-70px;
width:340px;
float:right;
}
#climateChange{
padding-bottom:140px; /* adjust to clear footer image from text */
background:url(images/footer_climate.jpg) bottom center no-repeat;
}
#climateChangeRight{
background:url(images/circ_climate.jpg) top right no-repeat;
margin:-45px -20px 0 -20px;
padding:45px 20px 0 20px;
}
#climateChange p.narrow{
width:380px;
}
#climateChange #footprint img{
margin:10px 0 0 30px;
float:left;
vertical-align:middle;
}
#climateChange #footprint p{
margin:30px 0 0 0;
width:280px;
float:left;
vertical-align:middle;
font-size:120%;
color:#ed422e;
}
#contactUs{
margin:-50px 0 0 0;
padding:50px 0 90px 0; /* adjust to clear footer image from text */
background:url(images/circ_contact.jpg) top right no-repeat;
}
#contactUsEnq{
padding:0 20px 90px 20px;
background:url(images/circ_aboutus.jpg) top right no-repeat;
}
#insulation{
padding-bottom:80px; /* adjust to clear footer image from text */
background:url(images/footer_insulation.jpg) bottom center no-repeat;
}
#loftInsulation{
margin:-30px -20px 0 -20px;
padding:30px 20px 75px 20px;
background:url(images/circ_loftinsulation.jpg) top right no-repeat;
}
#loftInsulation p{
width:400px;
}
#cavityWallInsulation{
padding-bottom:220px; /* adjust to clear footer image from text */
background:url(images/footer_wallinsulation.jpg) bottom center no-repeat;
}
#cavityWallInsulation p.narrow{
width:280px;
}
#cavityWallInsulationRight{
background:url(images/circ_wallinsulation.jpg) top right no-repeat;
margin:-35px -20px 0 -20px;
padding:35px 20px 0 20px;
}
#partners p{
padding:0 130px 0 30px;
}
#partners img{
float:right;
}
#discountsTable{
margin:0 auto;
text-align:center;
}
#discountsTable em{
display:block;
width:465px;
margin:0 auto;
text-align:left;
}
#pdfLink{
	position:relative;
	width:25px;
	height:14px;
	top:68px;
	left:572px;
}
.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 */
#content .error{
color:#c03;
}
#pdfLink2 {
	position:relative;
	width:25px;
	height:14px;
	top:60px;
	left:20px;
}
#pdfLink3 {
	position:relative;
	width:25px;
	height:14px;
	top:50px;
	left:20px;
}