/* load site specific font */

/* start reset everything common */

html *{margin:0; padding:0;}

img{border:0;}

body{

	font-family: verdana,arial,helvetica,sans-serif;

	color: #333;

	background: #fff;

	text-align: center;

	font-size: 80%; 

}

abbr,acronym {

	cursor: help;

	border-bottom: 1px dotted #000;

}

h1{font-size: 150%;}

h2{font-size: 115%;}

h3{font-size: 115%;}

h4{font-size: 105%;}

h5{font-size: 100%;}

h6{font-size: 95%;}

blockquote,ul,ol{margin-left: 2em;}

/* end reset everything common */

.nocss{

	display: none;

	visibility: hidden;

}

.red{color:#f00;}

.green{color:#0f0;}

.blue{color:#00f;}

.lightblue{color:#639;}

.caps{text-transform: uppercase;}

.smalltxt{font-size: 85%;}

.largetxt{font-size: 250%;}

.center,.centre{text-align: center;}

.bold{font-weight: bold;}

.offscreen{position: absolute; left: -999em;}

.clear{clear: both;}

br.clear{line-height: 0em;}



/* -- structural layout start -- */

#body{
	width:955px;

	margin-left: auto;

	margin-right: auto;

	text-align:left;

}


#header{

width:955px;
height:95px;
	
	
}





#searchbar{
float:right;
background-color:#4ca1a3;
margin-top:5px;
width:788px;
height:60px;
background-image:url(/assets/images/header_bg.jpg);
}


.headerlinks{
color:#fff;
float:left;
width:160px;
font-size:80%;
padding-top:33px;
padding-left:370px;
}
.headerlinks a{

color:#fff;
text-decoration:none;

}
.headerlinks a:hover{
text-decoration:underline;

}

.searchbox{

float:right;
width:240px;
padding-top:27px;
}


.searchbox input#searchtxt{
width:145px;
height:12px;
color:#666666;
vertical-align:top;
font-size:80%;
padding-top:4px;
padding-left:5px;
}

.searchbox input#go{
border:0px;
width:37px;
height:20px;
background-image:url(/assets/images/button_go.gif);
cursor:pointer;

}
#breadcrumb{
float:right;
width:763px;
height:18px;
background-color:#C9E3E3;
margin-top:5px;
padding-top:3px;
padding-left:25px;
color:#006D77;
font-size:80%;
}
#breadcrumb a{

color:#006D77;
text-decoration:none;
}


#breadcrumb a.active{
color:#FF4100;
}


#breadcrumb a:hover{
text-decoration:underline;
}

#logo{
float:left;
height:50px;
width:44px;
background-image:url(/assets/images/logo.gif);
background-repeat:no-repeat;


}



/* left nav */

#leftnav{
float:left;

}
#leftnav ul{
padding:0px;
margin:0px;
display:inline;
}

#leftnav ul li {
display:inline;
list-style-type:none;

/*background-color:#4ca1a3;*/

}




#leftnav ul li a{
display:inline;
font-size:80%;
display:inline;
margin-bottom:2px;
padding-top:2px;
padding-left:3px;
text-decoration:none;
color:#fff;
display:block;
width:150px;
height:16px;
background-image:url(/assets/images/button_leftnav.jpg);
}
#leftnav ul li a.selected, 
#leftnav ul li a:hover{
color:#000;
background-image:url(/assets/images/button_leftnav.jpg);
background-position:0% -18px;
}

#leftnav ul li ul li a{
font-size:80%;
background-image:none;
background-color:#C9E3E3;
color:#000000;
}
/* end left nav*/
/*div{
border:1px solid #f00;


}*/


/* main content */

#maincontent{

float:left;

}


#content{
width:588px;

font-size:120%;
/*margin-left:15px;*/
margin-left:55px;

}

.productlinks{
font-size:80%;
padding-top:20px;
padding-bottom:10px;
}

.productlinks a{
font-size:80%;
color:#2D8C91;
text-decoration:none;


}



.productlinks a:hover{

text-decoration:underline;
}


.system_content{
padding-left:100px;
}


div#content_product{
margin-left:15px;
padding-bottom:5px;
width:760px;
clear:both;
}


#product p{
font-size:80%;

}
#contentimage{
width:642px;
margin-left:15px;
margin-bottom:29px;

}


#content ul,
#content p{
color:#00393E;
padding-bottom:0.5em;
}


#content p.green{

color:#4ca1a3;

}

#content h2{



}

/*banner right */

.rightcol{
float:right;
width:142px;

}
.rightcol div{
padding-bottom:4px; 
}







/*Layout of Product Key*/

div.productKeyLeft{
width:50%; 
float:left;
}

div.productKeyRight{
width:50%;
float:right;
}


div.productKeyLeft p{
margin:10px;
}

div.productKeyRight p{
margin:10px;
display:block;
border:0px solid #cccccc;
}

img.productKey{
float:left;
margin:10px 12px 30px 12px;
clear:right;
}

br.clearAll{
clear:both;
}

/*start footer */





#footerblue{
float:right;
width:784px;
height:16px;
padding-top:4px;
color:#666666;
font-size:80%;
color:#666;
background-color:#C9E3E3;
padding-left:4px;
}


#footerblue span{
padding-right:30px;



}

#footer{
float:right;
width:788px;
height:20px;
color:#666666;
font-size:80%;
color:#666;
padding-top:5px;
/*background-color:#C9E3E3;*/
}


#footer a{
color:#666;
text-decoration:none;


}

#footer a:hover{
text-decoration:underline;
}












/* accordion */


#accordion {
	margin: 0;
	padding: 0;
	background:white;
	
}


#accordion_aboutus{
width:550px;
}

#accordion_aboutus h3.toggler {
margin-bottom:4px;
padding-left:30px;
padding-top:4px;
width:520px;
height:16px;
background-color:#C9E3E3;

}

#accordion_aboutus p{
}

#accordion_aboutus h3.toggler a{
text-decoration:none;
color: #000000;
font-weight: normal;
font-size:80%;

}





/* accordion content */
div.accordion{
background-color:#ffffff;
}


#accordion h3 a{
text-decoration:none;
color: #000000;
font-weight: normal;
border:0px solid #cccccc;
}



h3.product_toggler a{
	margin: 0;
	font-size:80%;
	padding:0;
	font-weight: normal;

	

}



#leftnav .product_accordion a{
background:#C9E3E3;
color:#000;

}


.homeimage{
padding-bottom:20px;
}











/* products */
div.productselection{
height:50px;
width:582px;


}
div.productselection{
height:30px;
}

/* headings */

#content div.productselection h2{
margin:0px;
margin-right:15px;

}

#content div.productselection img{
margin-right:15px;

}
h2.boilers{
background-image:url(/assets/images/headings/header_boilers.gif);
width:60px;
height:14px;
}

h2.header_steel_panel{
background-repeat:no-repeat;
background-image:url(/assets/images/headings/header_steel_panel.gif);
width:160px;
height:20px;
}
h2.header_traditional{
background-repeat:no-repeat;
width:160px;
height:20px;
background-image:url(/assets/images/headings/header_traditional.gif);
}
h2.header_designer{
background-repeat:no-repeat;
width:160px;
height:20px;
background-image:url(/assets/images/headings/header_designer.gif);
}
h2.header_towel_warmers{
background-repeat:no-repeat;
width:160px;
height:20px;
background-image:url(/assets/images/headings/header_towel_warmers.gif);
}

h2.header_monza{
background-repeat:no-repeat;
width:160px;
height:20px;
background-image:url(/assets/images/headings/Header_monza.gif);
}

h2.header_lst{
background-repeat:no-repeat;
width:160px;
height:20px;
background-image:url(/assets/images/headings/header_lst.gif);
}

h2.header_cylinder{
background-repeat:no-repeat;
width:355px;
height:20px;
background-image:url(/assets/images/headings/header_cylinder.gif);
}
h2.header_heat_pump{
background-repeat:no-repeat;
width:355px;
height:20px;
background-image:url(/assets/images/headings/header_heat_pump.gif);
}

h2.header_instantaneous_gas{
background-repeat:no-repeat;
width:355px;
height:20px;
background-image:url(/assets/images/headings/header_instantaneous_gas_water_heater.gif);
}





ul.heaters{
margin:0px;
padding:0px;

width:420px;
}
ul.heaters li{
list-style-type:none;
height:25px;
}

ul.heaters li h2{
float:left;

}
ul.heaters li img{
float:right;
}


ul.heaters li {
clear:both;


}
div.heaterlinks{
width:300px;
}

div.radlink{
height:20px;
width:250px;
margin-top:5px;
margin-bottom:5px;
}


div.radlink h2{
float:left;
}

div.radlink img{
float:right;
padding-right:30px;
}

h2.radiators{
background-image:url(/assets/images/headings/header_radiators.gif);
width:86px;
height:14px;
}

h2.pricelist{
background-image:url(/assets/images/headings/header_pricelist.gif);
width:71px;
height:14px;

}
h2.fullbrochure{
background-image:url(/assets/images/headings/header_full_brochure.gif);
width:113px;
height:14px;
}
h2.boilerwaterbrochure{
background-image:url(/assets/images/headings/header_boilerwaterbrochure.gif);
width:313px;
height:17px;

}




h2.igniteNewsletter{
background-image:url(/assets/images/headings/header_ignite_newsletter.gif);
width:150px;
height:17px;
}

h2.flueGuide{
background-image:url(/assets/images/headings/header_flue_guide.gif);
width:100px;
height:17px;
}

h2.usermanuals{
background-image:url(/assets/images/headings/header_usermanuals.gif);
width:344px;
height:14px;
}
h2.spares{
background-image:url(/assets/images/headings/spares.gif);
width:69px;
height:23px;
}



h2.pressRelease{
background-repeat:no-repeat;
background-image:url(/assets/images/headings/header_press_release.gif);
width:121px;
height:17px;
}



h2.boilerwaterprice{
background-image:url(/assets/images/headings/header_boilerwaterprice.gif);
width:313px;
height:17px;

}


h2.iconsExplained{
background-image:url(/assets/images/headings/header_icons_explained.gif);
height:17px;
margin:20px 20px 10px 0;
}


h2.keyToIcons{
background-image:url(/assets/images/headings/header_keytoIcons.gif);
width:588px;
height:34px;
margin:20px 0px 2px 0;
border:0px solid #cccccc;
}

div.keyiconDescriptions{
border:2px solid #6F9AA2;
width:584px;
padding:10px 0 0 0;
}

h2.water_heaters{
background-image:url(/assets/images/headings/header_water_heaters.gif);
width:134px;
height:14px;
}

h2.openventedboilers{
background-image:url(/assets/images/headings/header_open_vented_boilers.gif);
width:185px;
height:17px;
}

.productselection a h2 span{
display:none;

}
h2 span{
display:none;
}



h2.radiatorstowelbrochure{
background-image:url(/assets/images/headings/header_radiatorstowelbrochure.gif);
width:344px;
height:14px;


}

h2.radiatorstowelprice{
background-image:url(/assets/images/headings/header_radiatorstowelprice.gif);
width:344px;
height:14px;


}

h2.combination{
background-image:url(/assets/images/headings/header_combination.gif);
width:112px;
height:14px;

}
h2.system{
background-image:url(/assets/images/headings/header_system.gif);
width:68px;
height:17px;

}




.productselection a,
.productselection h2,
.productselection img{
float:left;

}


h3.products{
font-weight:bold;
padding:0;
margin:10px 0 8px -2px;
color:#00393E;
display:block;
}

h3.maximumenergy{
background-image:url("/assets/images/key_to_icons/title_maximum_energy_efficiency.gif");
background-repeat:no-repeat;
width:200px;
height:15px;
float:left;
display:block;
}

h3.maximumenergy span{
display:none;
}


h3.maximumflow{
background-image:url("/assets/images/key_to_icons/title_max_flow_rate.gif");
background-repeat:no-repeat;
width:200px;
height:15px;
float:left;
display:block;
}

h3.maximumflow span{
display:none;
}


h3.maximumheat{
background-image:url("/assets/images/key_to_icons/title_max_heat_output.gif");
background-repeat:no-repeat;
width:200px;
height:15px;
float:left;
display:block;
}

h3.maximumheat span{
display:none;
}



h3.controlsystem{
background-image:url("/assets/images/key_to_icons/title_control_system.gif");
background-repeat:no-repeat;
width:200px;
height:15px;
float:left;
display:block;
}

h3.controlsystem span{
display:none;
}


h3.heatexchanger{
background-image:url("/assets/images/key_to_icons/title_heat_exchanger.gif");
background-repeat:no-repeat;
width:200px;
height:15px;
float:left;
display:block;
}

h3.heatexchanger span{
display:none;
}


h3.warranty{
background-image:url("/assets/images/key_to_icons/title_warranty.gif");
background-repeat:no-repeat;
width:200px;
height:15px;
float:left;
display:block;
}

h3.warranty span{
display:none;
}


/* news section */


ul.news{
list-style:none;
margin:0px;
}


/* debug
div *{
border:1px solid #f00;

}*/



/* boilers */
ul.boilers{
list-style:none;
margin:0px;
padding:0px;
color:#000000;
}



ul.boilers li{
	margin-bottom:4px;

	padding-left:30px;
	padding-top:4px;
	width:476px;
height:16px;
	background-color:#C9E3E3;
	color:#000000;
}


ul.boilers a{
	color:#000000;	
	text-decoration:none;
}

ul.boilers a:hover{
	text-decoration:underline;
}



/* downloads */

ul.download h3 {
margin:0px;
padding:0px;

}

ul.download{
list-style:none;
margin:0px;
padding:0px;


}


ul.download li.link{
	background-image:url(/assets/images/icons/pdf.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	background-color:#C9E3E3;
	/*height:20px;*/
	border:0px solid #cccccc;
}


ul.download li{
width:516px;
height:20px;

margin-bottom:9px;
}

ul.download li.link p{
float:left;
margin:3px 0 0 20px;
padding:0;
width:355px;
border:0px solid #000000;
}

ul.download li.link a{
float:right;
margin-right:20px; 
height:20px;
width:77px;
background-image:url(/assets/images/buttons/butt_download.gif);

}

ul.download li.link a span{
display:none;
}



/* form */

#content input{
border:#FFFFFF none 0px;
background-image:url(/assets/images/inputbg.gif);
text-align:bottom;
width:156px;
height:17px;
font-size:12px;
padding-left:4px;
padding-top:2px;
margin-bottom:4px;
}

#content input checkbox{
width:20px;	
border: 1px solid #000000;
background-color:#FF3399;
 }

#content textarea{
border:#FFFFFF none 0px;
border:none;
background-image:url(/assets/images/textareabg.gif);
width:156px;
height:47px;
font-size:12px;
padding-left:4px;
padding-top:2px;
margin-bottom:4px;

}

#content .submit input{
background-image:url(/assets/images/buttons/butt_submit.gif);
width:55px;
height:20px;
}

input#cb{
border:0;
background:white;
}

#content select{
border:#FFFFFF none 0px;
margin-bottom:4px;
border:none;
background-image:url(/assets/images/selectbg.gif);
text-align:bottom;
width:159px;
height:17px;
font-size:12px;
padding-left:4px;
padding-top:2px;
padding-bottom:2px;
border-right: 1px solid #B7BABC;
}

div.rightcol{
font-size:80%;


}

p.contactMap{
margin:10px 0 10px 0;
}

a.contactMap{
	color:#000000;	
	text-decoration:none;
	margin:10px 0 10px 0;
}

a.contactMap:hover{
	color:#000000;	
	text-decoration:underline;
}

p.registeredInfo{
margin:15px 0 0 0;
font-size:8px;
}

p.registeredInfo span{
font-size:9px;
}
dl.cosale {
margin-bottom: 15px;
}

dl.cosale dt {
font-weight: bold;
margin-top: 5px;
}

dl.cosale p {margin: 0px;}



.heading{

font-size:200;
color:#4ca1a3;

}