﻿body{
margin:0;
padding:0;
background: #fff;
font-size: 62.5%;
line-height: 1.5em;
text-align: center;
background: url(../img/background4.jpg) top left repeat-x;
font-family: "Lucida Sans", "Lucida Grande", "Verdana", sans-serif;
}

a:link{color: #ff6600; text-decoration: none; border-bottom: 1px dotted #ff6600;}
a:visited{color: #ff8c40; text-decoration: none; border-bottom: 1px dotted #ff6600;}
a:hover{color: #0d3192; text-decoration: none; border-bottom: 1px solid #0d3192;}

p#toplink{
clear:both;
font-size: 1em;
padding-top: 2em;
margin-left: 2em;
}

p.clear{
clear:both;
}
p.centertext{text-align: center;}
p.alignright{text-align: right;}

p.enlargeimage{
margin:0 auto;
font-size: .8em;
width: 50%;
height: 2em;
display: block;
text-indent: 2em;
background: url(../img/enlargeimage.gif) top left no-repeat;
}

div#ad_badge{
	margin: 10px 0 0 0;
}

div#ad_badge a{
	border-bottom: none;
}
.bold{ font-weight: bold;}
.italic{ font-style: italic;}
.smalltext{font-size: .9em; display: block; clear: both;}

img.floatleft{
float:left;
margin: 2em 2em 2em 2em;
border: none;
}

img#googlelogo{float:left; margin: 0 .5em 0 0; border: none;}

img.floatright{
float: right;
margin: 2em 0 2em 1em;
}

img.centerclear{
display: block;
margin:0 auto;
margin-top: 1em;
clear:both;
}

div.leftdiv{
float: left;
border: 1px solid #ffefe5;
padding: 5px;
margin: 5px 5px 5px 0;
font-size: 1em;
text-align: center;
background: #fff;
}

.leftdiv img{border:none;}

.leftdiv a {border: none;}
.leftdiv a:visited {border: none;}
.leftdiv a:hover {border: none;}

div.rightdiv{
float: right;
border: 1px solid #ffefe5;
padding: 5px;
margin: 5px 0 5px 5px;
text-align: center;
background: #fff;
}

.rightdiv img{border:none;}

.rightdiv a {border: none;}
.rightdiv a:visited {border: none;}
.rightdiv a:hover {border: none;}


img.topimg{margin: 2em 0 0 2em;}

div#wrapper{
font-size: 1em;
width: 96em;
margin: 0 auto;
padding:0;
text-align: left;
background: transparent;
}

div#masthead{
width: 96em;
height: 19.5em;
margin:0;
padding:0;
background: transparent;
}

	div#masthead h1{
	font-size: 1em;
	margin:0;
	padding:0;
	text-indent: -9999px;
	background: url(../img/mastheadlogo.png) top left no-repeat !important;
	background: url(../img/mastheadlogo.gif) top left no-repeat;
	display: block;
	width: 44.6em;
	height: 18.9em;
	float: left;
	}
	
	div#masthead h2{
	font-size: 1em;
	margin:0;
	padding:0;
	text-indent: -9999px;
	background: url(../img/slogan.png) top left no-repeat !important;
	background: url(../img/slogan.gif) top left no-repeat;
	display: block;
	width: 44.2em;
	height: 3.3em;
	float: left;
	position: relative;
	top: 8em;
	}
	
div#navbar{
width: 96em;
height: 4em;
margin:0;
padding:0;
clear: both;
background: transparent url(../img/navbarbg.png) top left repeat-x;
}

	ul#navlist{
	list-style: none;
	font-size: 1em;
	margin:0;
	padding:0;
	overflow: hidden;
	}
	
	ul#navlist li{
	float: left;
	}
	
	.navlinks{display: block; font-size: 13px; line-height: 3.2em; margin: 0; text-align: center;}

	
	li#home {display: block; width: 5.8em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#companyprofile {display: block; width: 13.9em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#products {display: block; width: 8.7em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#domesticprojects {display: block; width: 15.1em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#commercialprojects {display: block; width: 17.1em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#events {display: block; width: 6.9em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#training {display: block; width: 8em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#contactus {display: block; width: 8.1em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	li#grantinfo {display: block; width: 7em; text-decoration:none; border-bottom: none; height: 4em;}
	li#info_training {display: block; width: 19.4em; text-decoration:none; border-bottom: none; height: 4em; border-right: 1px solid transparent !important; border-right: 1px solid #fff;}
	
	li.link a{background: #ff6600 url(../img/orangefadebg.gif) top left repeat-x; display: block; width: 100%; text-decoration: none; border-bottom: none; height: 4em; color: #fff;}
	li.link a:visited{background: #ff6600 url(../img/orangefadebg.gif) top left repeat-x; display: block; width: 100%; text-decoration: none; border-bottom: none; height: 4em; color: #fff;}
	li.link a:hover{background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x; display: block; width: 100%; text-decoration: none; border-bottom: none; height: 4em; color: #fff;}

	li.linkhere a{background: #fff url(../img/whitefadebg.gif) top left repeat-x; display: block; width: 100%; text-decoration: none; border-bottom: none; height: 4em; color: #ff6600; font-weight: bold;}
	li.linkhere a:visited{background: #fff url(../img/whitefadebg.gif) top left repeat-x; display: block; width: 100%; text-decoration: none; border-bottom: none; height: 4em; color: #ff6600; font-weight: bold;}
	li.linkhere a:hover{background: #0d3192  url(../img/bluefadebg.gif) top left repeat-x; display: block; width: 100%; text-decoration: none; border-bottom: none; height: 4em; color: #fff; font-weight: bold;}

div#content{
font-size: 1em;
width: 96em;
min-height: 30em;
margin:0;
padding:0 0 2em 0;
background: #fff url(../img/fadedlogo.gif) 30px 15px no-repeat;
}

		ul#threecolumn{
		list-style: none;
		margin:0;
		padding:0 0 2em 0;
		clear:both;
		}

		#threecolumn li{
		display: block;
		float: left;
		width: 30em;
		margin: 2em 0 0 1.5em;
		padding:0;
		}

		#threecolumn .producttitle{
		font-size: 1.6em;
		font-weight: bold;
		color: #ff6600;
		margin: 1em 0 0 0;
		}
		
	div#maincontent{
	float: left;
	width: 63.5em;
	margin: 0;
	padding:0;
	}
	
		#maincontent h1{
		font-size: 1.6em;
		font-weight: bold;
		color: #0d3192;
		margin: 1em 0 0 1em;
		}
		
		div#maincontent h2{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em; display: block; }
		div#maincontent h3{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em; display: block; }
		div#maincontent h4{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em; display: block; }
		div#maincontent h5{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em; display: block; }
		div#maincontent h6{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em; display: block; }
		
		div#productspec h2{font-size: 1.4em; font-weight: bold; color: #fff; margin: 1em 0 0 0; clear:both; display: block; width: 100%; line-height: 2em; background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x; text-indent: 1.2em;}
		div#productspec h3{font-size: 1.4em; font-weight: bold; color: #fff; margin: 1em 0 0 0; clear:both; display: block; width: 100%; line-height: 2em; background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x; text-indent: 1.2em;}
		div#productspec h4{font-size: 1.4em; font-weight: bold; color: #fff; margin: 1em 0 0 0; clear:both; display: block; width: 100%; line-height: 2em; background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x; text-indent: 1.2em;}
		div#productspec h5{font-size: 1.4em; font-weight: bold; color: #fff; margin: 1em 0 0 0; clear:both; display: block; width: 100%; line-height: 2em; background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x; text-indent: 1.2em;}
		div#productspec h6{font-size: 1.4em; font-weight: bold; color: #fff; margin: 1em 0 0 0; clear:both; display: block; width: 100%; line-height: 2em; background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x; text-indent: 1.2em;}


		p{
		font-size: 1.3em;
		margin: 1em 2em 0 2em;
		padding:0;
		line-height: 1.5em;
		}
		
		p.first{font-size: 1.3em; margin: 2em 2em 0 2em;}
		
		.seccontent{
		background: url(../img/fadedlogo.gif) 30px 30px no-repeat;
		}
		
		.specification{
		margin: 2em 0 1em 3em;
		}
		
		ul{
		font-size: 1.3em;
		line-height: 1.5em;
		margin: .2em 1em 1em 4em;
		}
		
		ul li{margin: .2em 0 0 0;}
		
		ol{
		font-size: 1.3em;
		line-height: 1.5em;
		margin: .2em 1em 1em 4em;
		}
		
		ol li{margin: .2em 0 0 0;}
		
		ul.nobullets{
		font-size: 1.3em;
		line-height: 1.5em;
		margin: .2em 1em 1em 4em;
		list-style: none;
		}
		
		ul.nobullets li{margin: .2em 0 0 0;}
		
		ul li ul{
		font-size: 1em;
		line-height: 1.5em;
		margin: .2em 1em 1em 4em;
		}
		
		.kitspec{font-size: 12px; width: 600px; margin: 2em 0 0 0;}
		
		.spec300{font-size: 12px; width: 350px; margin: 2em 0 0 3em; background: #fff;}

		.trwhite{background: #fff; font-size: 12px; line-height: 2em;}
		.trorange{background: #ff6600 url(../img/orangefadebg.gif) top left repeat-x; font-size: 12px; line-height: 2em; color: #fff;}
		.trfade{background: #ffefe5; font-size: 12px; line-height: 2em;  color: #0d3192;}
		
		.kitspec td, th{
		padding: 0 0 0 .5em;
		}
		
		.spec300 td, th{
		padding: 0 0 0 .5em;
		}
	
		.upcomingeventsheader{
		display: block;
		margin:0;
		padding:.3em 0 0 0;
		float: left;
		background: #fff;
		width: 5em;
		height: 2.5em;
		color: #ff6600;
		font-weight: bold;
		font-style: italic;
		}
		
		ul#upcomingevents{
		list-style:none;
		display: block;
		padding:0;
		font-size: 1.2em;
		float: left;
		background: #fff;
		width: 36em;
		height: 4em;
		}
		
		#upcomingevents li{
		display: block;
		width: 36em;
		margin: 0;
		padding:0;
		top:0;
		left:0;
		background: #fff;
		color: #ff6600;
		font-weight: bold;
		}
		
		/* HOMEPAGE STYLES- HALF AND HALF */
		ul#upcomingevents2{
		list-style:none;
		display: block;
		padding:0;
		margin: .5em 0 0 1.5em;
		font-size: 1.2em;
		float: left;
		width: 36em;
		height: 4em;
		}
		
		#upcomingevents2 li{
		display: block;
		width: 36em;
		margin: 0;
		padding:0;
		top:0;
		left:0;
		color: #ff6600;
		font-weight: bold;
		}
		
		div#halfsidebar{
		padding:0;
		margin:0;
		font-size: 1em;
		width: 47.5em;
		float:right;
		}

		div#halfcontent{
		padding:0;
		margin:0;
		font-size: 1em;
		width: 46em;
		float: left;
		}

			p#frontpagetext{margin:.5em .5em 0 1.5em; font-size: 1.6em; line-height: 1.5em; font-weight: bold;}

			div#halfcontent h1{font-size: 1.7em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em;}

			div#halfcontent h2{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em;}
			div#halfcontent h3{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em;}
			div#halfcontent h4{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em;}
			div#halfcontent h5{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em;}
			div#halfcontent h6{font-size: 1.4em; font-weight: bold; color: #0d3192; margin: 1em 0 0 1.2em; line-height: 1.5em;}

			#halfcontent p{margin:.5em .5em 0 1.75em; font-size: 1.4em; line-height: 1.5em;}
			#halfcontent p.largetext{margin:.5em .5em 0 1.5em; font-size: 1.6em; line-height: 1.5em;}

				
	div#indexsidebar{
	float: right;
	width: 31.5em;
	margin:0;
	padding:0;
	}
	
	#indexsidebar h1{color: #0D3192; font-size: 1.6em; padding: 0 2em 0 0; margin: 1.5em 0 0 0;}
	#indexsidebar h2{color: #0D3192; font-size: 1.5em; padding: 0 2em 0 0;}
	#indexsidebar h3{color: #0D3192; font-size: 1.5em; padding: 0 2em 0 0;}
	#indexsidebar p{line-height: 1.5em; font-size: 1.3em; padding: 0 2em 0 0;}
	
	#indexsidebar ul{list-style: none; font-size: 1.3em; margin: 0 0 0 1em; padding:0;}
	#indexsidebar ul li{margin:0; padding:0; line-height: 1.5em;}
	
	div#sidebar{
	font-size: 1em;
	float: right;
	width: 31em;
	margin:0;
	padding:0;
	}
		#sidebar p{
		margin:1em;
		font-size: 1.2em;
		line-height: 1.5em;
		}
		
		#sidebar img.photos{
		margin: 2em 0 0 0;
		}
		
		#sidebar h1{
		font-size: 1.6em;
		font-weight: bold;
		color: #0d3192;
		margin: 1.25em 0 0 0;
		}
		
		div#sidebar h2, h3, h4, h5, h6{
		font-size: 1.4em;
		font-weight: bold;
		color: #0d3192;
		margin: 1em 0 0 0;
		}
		
		#sidebar ul{
		font-size: 1.2em;
		line-height: 2em;
		list-style: none;
		margin: .5em 0 0 0;
		padding:0;
		}
		
		#sidebar li{
		margin: .2em 0 0 .5em;
		padding: 0 0 0 .5em;
		line-height: 2em;
		display: block;
		width: 22em;
		}
		
		#sidebar li ul{
		margin: 0;
		padding:0;
		font-size: 1em;
		}
		
		div#sidebar a:link{color: #ff6600;}
		div#sidebar a:visited{color: #ff6600;}
		div#sidebar a:hover{color: #0d3192;}
		
		.sidebarhere{background: #ffefe5;}
		
		p.largetext{margin:.5em .5em 0 1.5em; font-size: 1.4em; line-height: 1.5em;}
		

div#footer{
height: 5em;
margin:0;
padding:0;
background: #fff;
border-top: 1px dotted #ff6600;
}

	div#footertext{
	width: 80em;
	float:right;
	margin: .5em 0 0 0;
	text-align: right;
	}
	
	#footer p{
	font-size: .9em;
	color: #333;
	margin: .7em 0 0 0;
	line-height: 1.5em;
	}
	
	#footerlogo {float: left; margin: 1em 0 0 0; border: none;}
	
	#footernav{font-size: 1em;list-style: none;}
	#footernav li{margin: 0; padding: 0 .5em 0 .5em; border-right: 1px solid #ff8c40; display: inline;}
	li.navlink a{color: #ff6600;}
	li.navlink a:visited{color: #ff6600;}
	li.navlink a:hover{color: #0D3192;}
	
	li.navlinkhere a:link{font-weight: bold; color: #ff6600; border-bottom: none;}
	li.navlinkhere a:visited{font-weight: bold; color: #ff6600; border-bottom: none;}

	li#end{border: none; padding: 0 0 0 .5em;}
	
/* GRANT SCHEME */
ul#grantlist{
list-style: none;
margin: 2em 0 0 2em;
padding:0;
clear:both;
}

#grantlist li{
font-size: 1em;
display: block;
float: left;
width: 13em;
height: 20em;
margin: 1em 0 0 2.5em;
padding:0;
text-align: center;
}

#grantlist img{margin:0 auto; margin-top: 1.5em; border: none;}

#grantlist li a {display: block; width: 100%; height: 100%; border: 1px dotted transparent;}
#grantlist li a:visited {display: block; width: 100%; height: 100%; border: 1px dotted transparent;}
#grantlist li a:hover {display: block; width: 100%; height: 100%; border: 1px dotted #0D3192;}


.grantlisttitle{display: block; clear:both; font-size: 1.3em; font-weight: bold; margin: .5em;}

/* TRAINING STYLES */
#maincontent p.traininginfo{
display: block;
margin: .5em 0 0 4em;
}

#maincontent p.trainingtitles{
font-weight: bold;
display: block;
background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x;
color: #fff;
line-height: 2em;
width: 100%;
margin: .5em 2em .5em 2em;
padding: 0 0 0 1.5em;
}

#maincontent p.trainingnotice{
font-weight: bold;
display: block;
background: transparent;
line-height: 2em;
width: 100%;
margin: 2em 2em .5em 2em;
padding: 0 0 0 1.5em;
border: 1px dotted #ff6600;
}

/* PRODUCT STYLES */

ul#productlist{
	font-size:;
list-style: none;
margin:0 auto;
padding:0;
clear:both;
}

#productlist li{
font-size: 12px;
display: block;
float: left;
width: 290px;
height: 150px;
margin: 1em 0 0 1.5em;
padding:0;
text-align: center;
}

li#solar a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/solarpanels2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#solar a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/solarpanels2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#solar a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/solarpanels2.jpg) top left no-repeat; border:none; color: #0D3192;}

li#heatrecovery a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/hrv.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#heatrecovery a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/hrv.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#heatrecovery a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/hrv.jpg) top left no-repeat; border:none; color: #0D3192;}

li#heatpumps a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/heatpumps2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#heatpumps a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/heatpumps2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#heatpumps a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/heatpumps2.jpg) top left no-repeat; border:none; color: #0D3192;}

li#underfloor a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/underfloorheating2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#underfloor a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/underfloorheating2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#underfloor a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/underfloorheating2.jpg) top left no-repeat; border:none; color: #0D3192;}

li#windturbines a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/windturbines2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#windturbines a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/windturbines2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#windturbines a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/windturbines2.jpg) top left no-repeat; border:none; color: #0D3192;}

li#thermostats a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/thermostats2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#thermostats a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/thermostats2.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#thermostats a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/thermostats2.jpg) top left no-repeat; border:none; color: #0D3192;}

/*li#multilayer_pipes{margin-left: 170px;}*/
li#multilayer_pipes a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/multilayer_pipes.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#multilayer_pipes a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/multilayer_pipes.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#multilayer_pipes a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/multilayer_pipes.jpg) top left no-repeat; border:none; color: #0D3192;}

li#thermal_stores a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/thermal_stores.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#thermal_stores a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/thermal_stores.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#thermal_stores a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/thermal_stores.jpg) top left no-repeat; border:none; color: #0D3192;}

li#rems_tools a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/rems_tools.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#rems_tools a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/rems_tools.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#rems_tools a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/rems_tools.jpg) top left no-repeat; border:none; color: #0D3192;}

li#zuwa a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/zuwa_fillers_flushers.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#zuwa a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/zuwa_fillers_flushers.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#zuwa a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/zuwa_fillers_flushers.jpg) top left no-repeat; border:none; color: #0D3192;}

li#vacuum a{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/vacuum.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#vacuum a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/vacuum.jpg) -260px 0 no-repeat; border:none; color: #ff6600;}
li#vacuum a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/thumbnails/vacuum.jpg) top left no-repeat; border:none; color: #0D3192;}

li#power_predictor a{display: block; width: 260px; height: 140px; background: url(../img/products/power_predictor/homepage_logo2.gif) -5px 0 no-repeat; border:none; color: #ff6600;}
li#power_predictor a:visited{display: block; width: 260px; height: 140px; background: url(../img/products/power_predictor/homepage_logo2.gif) -5px 0 no-repeat; border:none; color: #ff6600;}
li#power_predictor a:hover{display: block; width: 260px; height: 140px; background: url(../img/products/power_predictor/homepage_logo2.gif) -5px 0 no-repeat; border:none; color: #0D3192;}

.producttitle{position: relative; top: 7em; display: block; width: 100%; line-height: 1.875em; font-size: 15px; font-weight: bold; margin:0;}

.productdesc {display: block; font-size: 1.3em; margin: .8em 0 0 .8em;}

/*CONTACT FORM */
#contact_form{font-size: 1em; width: 500px; margin: 1em 0 0 2.6em; padding: 0;}
#contact_form form{margin:0; padding:0;}
#contact_form p{width: 100%; margin: 0; padding:0; line-height: 1.2em;}
#contact_form .contactfields{width: 500px; margin:0; padding:0;}
#contact_form .contacttext{width: 500px; height: 100px; }

.form_label{ margin: 6px 0 6px 0; display: block; color: #0d3192; font-weight: bold;}

#contact_form p.contactmessage{
	display: block;
	background: #ff6600;
	color: #fff;
	padding: 2px;
}

.highlight{
	background: #ff6600;
	color: #fff;
	padding: 2px;
}

div#wrapslide{
font-size: 1em;
margin: 1em 0 1em 0;
padding:0;
background: #fff;
display: block;
height:23em;
width:45em;
}
	
	
div.pics {
height:22.5em;
width:45em;
padding:0;
margin: 0;
}
 
div.pics img {
margin:0;
padding:0;
border:none;
background-color:#fff;
height:22.5em;
width:45em;
top:0;
left:0;
} 

ul#sitemaplist li{list-style:none;}
ul#sitemaplist li ul{list-style:square;}
ul#sitemaplist li ul li ul{list-style:circle;}

/* -------------------------------------------------- HEAT RECOVERY STYLES -------------------------------------------------------*/
.hrvtable{font-size: 1em; width: 60em; margin: 2em 0 0 2em;}
.hrvtable td{text-align: center;}
.trhrvheader{background: #ff6600 url(../img/orangefadebg.gif) top left repeat-x; font-size: 1em; line-height: 1.3em; color: #fff; text-align: center;}

tr.odd{background: #ffefe5;}

/* --------------------------------------------------- HEAT PUMP STYLES ----------------------------------------------------------- */
.heatpumptable{font-size: 1.2em; width: 50em; margin: 2em 0 0 2em;}

.heatpumptable td{text-align: center; padding: 2px 0;}

tr.bluebg{
	background: #0d3192;
	color: #fff;
}

/* -------------------------------------------------- UFPF (Underfloor) STYLES -------------------------------------------------------*/
.ufpf{font-size: 12px; width: 600px; margin: 2em 0 0 2em;}
.ufpf td{
	margin:0;
	padding: 3px 2px 0 3px;
	border-bottom: 1px dotted #ff6600;
	width: 30%;
	background: #fff;
	}
	
tr.ufpfheader td{background: #ff6600 url(../img/orangefadebg.gif) top left repeat-x; font-size: 12px; line-height: 2em; color: #fff; text-align: left;padding: 5px 2px 5px 5px;}

table.ufpf ul{
	list-style:none;
	margin:0;	
	padding:0;
}

.ufpf td ul li{
	font-size: 12px;
	margin:0;
	padding:0;
}

table.ufpf img{
	display: block;
	padding: 3px 0;
	margin:0 auto;
}

strong{
	font-weight: bold;
}

p.power_predictor_highlight{
	font-weight: bold;
	font-size: 14px;
	color: #286716;
	padding: 0 0 5px 0;
	margin:0;
}
a#power_predictor{
	display: block;
	width: 300px;
	height: 100px;
	text-indent: -9999px;
	background: url(../img/products/power_predictor/homepage_logo3.gif) top left no-repeat;
	margin: 20px 0 5px 20px;
	border-left: 10px solid #ff6600;
	border-bottom:none;
}

a#power_predictor:visited{
	border-left: 10px solid #ff6600;
	border-bottom:none;
}

a#power_predictor:hover{
	border-left: 10px solid #0d3192;
	border-bottom:none;
}

li#power_predictor a{
	border:none;
}

span.centre{
	display: block;
	text-align: center;
}

h1#power_predictor a{
	padding: 3px 6px;
	background: #ff6600;
	color: #fff;
	border-bottom: none;
}

h1#power_predictor a:visited{
	background: #ff6600;
	color: #fff;
	border-bottom: none;
}

h1#power_predictor a:hover{
	background: #f60000;
	color: #fff;
	border-bottom: none;
}

table.heat_pump_info td{
	font-size: 12px;
	padding: 2px 4px;
}

a#akvaterm_link{
	display: block;
	background: url(../img/akvaterm_logo.jpg) top left no-repeat;
	padding: 0 0 0 236px;
	font-weight: bold;
	line-height: 50px;
	border-bottom: none;
}

img.img_left{
	float: left;
	margin: 10px 0 10px 10px;
}

img.img_right{
	float: right;
	margin: 10px 10px 10px 0;
}

span.required{
	padding: 2px;
	font-size: 10px;
	color: #fff;
	background: #ff6600;
}

textarea.addinstructions{
	width: 100%;
	height: 40px;
}

a#buy_now, a#buy_now:visited{
	display: block;
	float: left;
	padding: 3px;
	background: #ff6600 url(../img/orangefadebg.gif) top left repeat-x;
	color: #fff;
	width: 100px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0 10px 10px 0;
}

a#buy_now:hover{
	background: #0d3192 url(../img/bluefadebg.gif) top left repeat-x;
	color: #fff;

}