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




body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color:#333333;
    margin: 0px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}


#wrapper {
    width: 956px;
    width: 956px;
    padding: 10px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: auto;
 	text-align:justify;
    border: 1px solid #DDDDDD;
}


#header {
background-color:#F1F1F1;
background-repeat:no-repeat;
height:152px;
margin:0;
padding:0;
width:auto;
}



#container {
    padding: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-attachment: scroll;
    background-image: url(back.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    height: 1%;
    width: auto;
}

.links {
margin:50px 0px 0px;
}


a  {
color:#4B4B4B;
}
 a:hover {
text-decoration:underline;
}

.about{

margin:50px 0px 50px 0px;


}

#footer a {
	

	color:#999999;
	text-decoration:none;
}

#footer p {
	
	color:#999999;
	
	
}


.areas {

margin:50px 0px 0px 0px;

}





#wrapper strong {
font-weight: bold;}

.form_text  span {
font-size:2.5em;

}



#form_boiler_image {
background-image:url(../images/form_boiler_img.jpg);
clear:both;
float:left;
height:506px;
margin:40px 5px 3px 19px;
width:480px;
}

#bottom_nav ul {
display:inline;


}



#early{

float:left;
height:128px;
margin:20px 0px 0px 0px;
width:180px;
}


#contact_box {
background-image:url(../images/contact_boiler_box.jpg);
float:left;
height:128px;
margin:70px 0 0;
width:180px;
}


.improved_box {
float:left;
height:128px;
margin:66px 0 0;
width:180px;
}

.much_improved_box {
float:left;
height:180px;
margin:31px 0 0;
width:180px;
}


#much_improved_box_btm {

float:left;
height:128px;
margin:66px 0 4px;
padding-bottom:2em;
width:180px;
}

#quick_boiler_change{

float:left;
height:128px;
margin:20px 0px 0px 0px;
width:180px;
}

#quick_boiler_change_bottom{

float:left;
height:128px;
margin:70px 0px 0px 0px;
width:180px;
}



#magnet{
float:left;
height:170px;
margin:20px 0px 0px 0px;
width:180px;
}

.time_switch{
float:left;
height:170px;
margin:20px 0px 0px 0px;
width:180px;
}

#acreddited {
float:left;
height:170px;
margin:69px 0 0 -20px;
width:180px;
}

.eco_kettle {
	
	margin-top:225px;
	margin-bottom:15px;
	
}

.guarantee {
float:left;
height:170px;
margin:-20px 0 0 -20px;
width:180px;
}


.guarantee_large {
float:left;
height:170px;
margin:20px 0 0 -20px;
width:180px;
}

#anyreservation{

float:left;
height:128px;
margin:20px 0px 0px 0px;
width:180px;
}

#glossary {
margin: 20px 0px 0px 20px


}

#glossary li, ol {
list-style:disc;



}

#frontimage_vaillant_landing

{
margin: 30px 0 0 50px

}




#warranty {
background-image:url(../images/warranty_box.jpg);
float:left;
height:128px;
margin:63px 0 0;
width:180px;
}


#must_condense{
background-image:url(../images/must_condensing.jpg);
float:left;
height:128px;
margin:20px 0px 0px 0px;
width:180px;
}


#smart_phone{
background-image:url(../images/smartphone_box.jpg);
float:left;
height:128px;
margin:20px 0px 0px 0px;
width:180px;
}




#wrapper #heading {
color:#246078;
line-height:1.5em;
margin-left:-30px;
text-align:center;
width:27em;
}



#privacy_policy {
margin-top:20px;
}





#see_a_saving_box{
float:left;
height:128px;
margin:20px 0px 0px 0px;
width:180px;
}


#wrapper h1 {
color:#246078;
font-size:1.8em;
margin-bottom:20px;
text-align:left;
}




.boiler_gallery {
margin:36px -12px 0px 10px;
}



.boiler_gallery ul {
display:inline;
float:left;
list-style-type:square;
margin:3px -10px 30px 15px;
width:491px;
}

.intro_text ul {
display:inline;
float:left;
list-style-type:square;
list-style-position:inside;

}

.smart {
float:left;
text-align:left;
width:310px;
}

.viessmann_boiler {
float:left;
text-align:left;
width:310px;
}

.viessmann_222_w {
float:left;
text-align:left;
width:310px;
}

.vaillant_exec {
float:left;
text-align:left;
width:310px;
}

#wrapper strong {
font-weight: bold;}


.vaillant {
float:left;
text-align:left;
width:390px;
}


.ecotec_thumb img {
float:left;
margin:22px 40px 0px 450px;

}



#vaillant_xray {
margin:2em 0 2em 6em;
}



#frontimage {
border:3px solid lightgrey;
clear:both;
float:left;
height:229px;
margin-left:23px;
margin-top:0px;
width:451px;
}


#frontimage_vaillant {
margin-bottom:3em;
margin-left:2.7em;
margin-top:5em;
}

.intro_text {
clear:both;
float:left;
margin-left:10px;
width:481px;
}

.testimonial_text{
clear:both;
float:left;
margin:40px 0px 10px 30px;
width:452px;
}




.form_text {
clear:both;
float:left;
margin:40px 0px 10px 30px;
width:452px;
}

#contact_details {
clear:both;
float:left;
margin:74px 0px 25px 75px;
}


.intro_text  h1
{
margin-top:30px;}



#left {
    margin: 0px;
    width: 160px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    float: left;
}
.smalltext {

font-size:0.9em;
margin-bottom:30px;
margin-left:-7px;
margin-top:110em;
text-align:center;
}

address{
 color: #999999;

}

#benchmark {
margin-top:2em;



}



/* START  NAV */
#navcontainer
{
width: 16em;
border-right: 0px solid #000;
padding: 0 0 0em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
margin-left:-19px;
margin-top:19px;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a {
background-color:#587C8C;
border-left:10px solid #CFCFCF;
border-right:10px solid #DFDFDF;
color:#FFFFFF;
display:block;
padding:5px 5px 5px 0.5em;
text-decoration:none;
width:100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}


/* END NAV*/

/* START FORM*/

.form {
margin:110px 100pt 0pt 74px;
}

.submit_btn{
	
	float:left;
	margin-top:30px;
}

.form p {
margin-left:98px;
margin-top:31px;
}

fieldset {
margin: 1.5em 0 0 0;
color:#3F6B42;
}

.form fieldset {
background:#FFFFFF none repeat scroll 0% 0%;
border:1px solid #CCCCCC;
margin:8pt 0px 0px 0px;
width:377px;
}


legend {
color:#456B78;
font-size:19px;
font-weight:bold;
margin-left:1em;
}


fieldset ol {
padding: 1em 1em 0 1em;
list-style:none;
color:#3F6B42;
}
fieldset li {
padding-bottom: 1em;
color:#3F6B42;
}
fieldset.submit {

border-style:none;
float:none;
padding-left:1em;
width:auto;
}
label {
color:#9F9F9F;
display:block;
font-weight:bold;
}
fieldset fieldset{
margin: 1.5em 0 0 0;
padding: 30px;
color:#3F6B42;
border:hidden;
}
fieldset fieldset legend{
top: 0;
}
fieldset fieldset ol{
position:relative;
top: -1.5em;
margin: 0 0 0 11em;
padding: 0;
}
fieldset fieldset label{
float:none;
width:auto;
margin-right:auto;
}


#formimage {
background-image:url(../images/formheader.gif);
background-repeat:no-repeat;
float:none;
height:68px;
margin:256px  0px -97px 73px;
width:453px;
}



/* END FORM*/









#center {
float:left;
height:auto;
line-height:2em;
margin:0px 0px 0px -4px;
padding:10px 20px;
width:504px;
}



h1 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
#right {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    height: auto;
    width: 160px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 6px;
}
.clearer {
    font-size: 0px;
    line-height: 0px;
    display: block;
    margin: 0px;
    padding: 0px;
    clear: both;
    height: 0px;
    width: auto;
}
#footer {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    background-color: #F1F1F1;
}
#footer p {
    color: #999999;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;
}



#radside {
	
	
	margin:30px 0px 0px 30px;
	
}