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

body {font:12px verdana; text-align:center; color:#333; margin:0; padding:0; background: url(../images/background-main.gif) repeat-y center #f8f8f8;}

html {overflow-y: scroll;}

#main {width:990px; margin:0 auto; height:0 auto; clear:both;}
.content { width:950px; height:auto; float:left; clear:both; padding:0 19px 0 21px; }

.topbar { width:950px; height:80px; float:left; clear:both;}
.topbarleft { width:300px; float:left; padding:16px 0 0 0;}
.topbarright { float:right; font-size:11px; text-align:right; width:480px; padding-right:15px; padding-top:15px;}
.telno { font-size:20px; color:#3b832f; margin-bottom:10px; font-weight:bold; padding-top:13px;}


.topnav { float:right; font-size:11px; text-align:right; width:500px;}
.topnav ul {padding:0; margin-bottom:0px; display:inline;}
.topnav li {list-style:none; color:#000; font-size:11px; display:inline;}
.topnav a{font-size:11px; text-decoration:underline; font-weight:normal; color:#333;}
.topnav  a:link {font-size:11px; text-decoration:underline; font-weight:normal; color:#333;}
.topnav  a:visited {font-size:11px; text-decoration:underline; font-weight:normal; color:#333;}
.topnav  a:hover {font-size:11px; text-decoration: none; font-weight:normal; color:#333; }
.topnav  a:active {text-decoration: none; font-size:11px; color:#333; }
li#topnavactive a{color:#000; font-size:11px; text-decoration: none;}

#navigation {width:950px; height:45px; color:#767778; font-size:11px; font-weight:bold; float:left; clear:both; background:url(../images/background-nav.gif); margin-bottom:3px;}
#navigation ul {margin:0; padding:0; height:36px; float:left;}
#navigation li {margin:0; padding:0; height:36px; float:left; list-style:none;}
#navigation a{color: #fff; padding:15px 20px; font-size:11px; text-decoration: underline; text-align:center; font-weight:bold; display:block; float:left;}
#navigation a:link {color: #fff; padding:15px 20px; font-size:11px; text-decoration: underline; text-align:center; font-weight:bold; float:left;}
#navigation a:visited {color: #fff; padding:15px 20px; font-size:11px; text-decoration: underline; text-align:center; font-weight:bold;  float:left;}
#navigation a:hover {color: #fff; padding:15px 20px; font-size:11px; text-decoration:none; text-align:center;  font-weight:bold; background:url(../images/background-nav-over.gif); display:block; float:left;}
#navigation a:active {text-decoration: none; text-align:center;}
#navigation ul li#navactive a {color: #fff; padding:15px 20px; font-size:11px; text-align:center; text-decoration:none; font-weight:bold; background:url(../images/background-nav-over.gif); display:block; float:left; }

.banner {width:950px; height:115px; float:left; clear:both; background:url(../images/banner.jpg) no-repeat;}
.tagline {width:950px;  background-color:#cacbcd; height:25px; padding-top:6px; text-align:center; color:#0f3e85; font-size:16px; float:left; clear:both; }
.bannerpanels {width:950px; height:95px; float:left; clear:both; font-size:22px; font-weight:bold; color:#FFF; text-align:left; margin:4px 0;}
.bannerpanels1 {width:240px; height:62px; float:left; background:url(../images/banner-pv.jpg) no-repeat; padding:16px; margin-right:4px; line-height:32px;}
.bannerpanels2 {width:338px; height:63px; float:left; background:url(../images/banner-thermal.jpg) no-repeat; padding:16px; line-height:32px;}
.bannerpanels3 {width:274px; height:75px; float:right; background: url(../images/banner-green.gif) no-repeat; padding:10px 13px;}
.bannersmall { font-size:12px; font-weight:bold; color:#FFF; padding-top:5px;}
.bannerpanels a{font-size:22px; font-weight:bold; color:#FFF; text-decoration:underline;}
.bannerpanels a:link {font-size:22px; font-weight:bold; color:#FFF; text-decoration:underline;}
.bannerpanels a:visited {font-size:22px; font-weight:bold; color:#FFF; text-decoration:underline;}
.bannerpanels a:active {font-size:22px; font-weight:bold; color:#FFF; text-decoration:none;}
.bannerpanels a:hover {font-size:22px; font-weight:bold; color:#FFF; text-decoration:none ;}
.bannerpanels ul  {list-style:none; padding:0; margin:0; display:inline;}
.bannerpanels  li {list-style:none; padding:0; margin:0; display:inline;}
.bannerpanels ul li#bannerpanelsactive a {font-size:22px; font-weight:bold; color:#FFF; text-decoration:none ;padding:0; margin:0; display:inline;}

.contentcontainer { width:950px; height:auto; float:left; clear:both; text-align:left;}
.contentleft { width:604px; float:left; padding:5px 20px; border:1px solid #e0e0e1; height:auto; min-height:822px; _height:822px; margin-top:1px;}
.contentright{ width:300px; float:right;}
.contentleftcontainer { width:604px; float:left; height:auto; min-height:338px; _height:338px;}

.contentleft ul {padding-top:0px; list-style: none; padding-left:25px; margin:0;}
.contentleft li { list-style-image:url(../images/bullet-greenarrow.gif); padding:0 0 7px 2px; margin:0;}

.subnavheader {width:286px; height:13px; padding:6px 0 8px 14px; font-size:12px; background-color:#b5b6b6; color:#0f3e85; font-weight:bold; float:left; clear:both; margin-bottom:2px;}
.subnav {width:300px; float:left;}
.subnav ul {padding:0; margin-bottom:1px; margin-top:1px; list-style: none; margin-left:0; float:left;}
.subnav li { font-size:12px; width:286px; margin:0; padding:0; float:left;}
.subnav li a{background-image: url(../images/bullet-subnav.gif); background-repeat: no-repeat; background-position:5% 50%; color:#0f3e85;  font-size:12px; text-decoration:none; padding-left:20px; padding-top:5px; padding-bottom:7px; padding-left:33px;  background-color:#d1d2d2; width:267px; float:left; clear:both;margin-bottom:2px;}
.subnav li a:link {background-image: url(../images/bullet-subnav.gif); background-repeat: no-repeat; color:#0f3e85; font-size:12px; text-decoration: underline;}
.subnav li a:visited {background-image: url(../images/bullet-subnav.gif); background-repeat: no-repeat; color:#0f3e85; font-size:12px; text-decoration:underline;}
.subnav li a:active {background-image: url(../images/bullet-subnav.gif); background-repeat: no-repeat; color:#6c9d30; font-size:12px; text-decoration:none;}
.subnav li a:hover {background-image: url(../images/bullet-subnav-over.gif); background-repeat: no-repeat; color:#fff; font-size:12px; text-decoration:none; background-color:#6c9d30;}
li#subnavactive a{background-image: url(../images/bullet-subnav-over.gif); background-repeat: no-repeat; color:#fff; font-size:12px; text-decoration: none; background-color:#6c9d30;}

.contactform { margin:3px 0 0 0; padding:10px; background-color:#3b832f; width:280px; color:#FFF; float:left; clear:both;}
form {width:280px;}
.contactheader { font-size:24px; font-weight:bold; padding:0px 0 4px 3px; background-color:#3b832f; color:#FFF; text-align:left;}

.button {float:right;}

.greyboxes { width:600px; height:auto; float:left; clear:both;}
.greyboxesleft {width:298px; float:right; }
.greyboxesheader { width:284px; padding:13px 0 0 14px; height:31px; margin-bottom:2px; color:#333; font-size:15px; font-weight:bold; background:url(../images/headerblue.gif) right;}
.greyboxesheader1 { width:284px; padding:13px 0 0 14px; height:31px; margin-bottom:2px; color:#333; font-size:15px; font-weight:bold; background:url(../images/headergreen.gif) right;}
.greyboxesheader2 { width:284px; padding:13px 0 0 14px; height:31px; margin-bottom:2px; color:#333; font-size:15px; font-weight:bold; background:url(../images/headeryellow.gif) right;}
.greyboxesheader3 {color:#333; font-size:15px; font-weight:bold; margin-bottom:10px;}
.greyboxescontent { width:268px; padding:10px 15px 10px 15px; height:auto; margin-bottom:4px; background-color:#c3daa6;}
.greyboxescontent1 { width:268px; padding:10px 15px 10px 15px; height:auto; margin-bottom:4px; background-color:#f6eac8;}
.greyboxesright {width:298px; float:left; margin-right:4px; }
.greyboxescontentright { width:268px; padding:10px 15px 10px 15px; height:auto; margin-bottom:4px; background-color:#d3ddeb; height:424px;}
.greyboxescontentright2 { width:268px; padding:10px 15px 10px 15px; height:auto; margin-bottom:4px; background-color:#c3daa6; height:333px;}
.greyboxes ul {padding-top:0px; list-style: none; padding-left:17px; margin:0;}
.greyboxescontentright li { list-style-image:url(../images/bullet-greybox-blue.gif); padding:0 0 7px 2px; margin:0;}
.greyboxescontent li { list-style-image:url(../images/bullet-greybox-green.gif); padding:0 0 7px 2px; margin:0;}
.greyboxescontent1 li { list-style-image:url(../images/bullet-greybox-yellow.gif); padding:0 0 7px 2px; margin:0;}
.greyboxes a{color: #333; font-size:13px; font-weight:bold; }
.greyboxes a:link {color: #333; font-size:13px; font-weight:bold;}
.greyboxes a:visited {color: #333; font-size:13px; font-weight:bold;}
.greyboxes a:active {color: #333; font-size:13px; font-weight:bold;}
.greyboxes a:hover {text-decoration: none; font-weight:bold; text-decoration:none;}

.greyboxesstatic { width:600px; height:490px; float:left; clear:both;}
.greyboxesleftstatic {width:298px; float:right; }
.greyboxescontentstatic { width:268px; padding:215px 15px 0 15px; height:28px; margin-bottom:4px;background:url(../images/background-greybox2.gif) no-repeat;}
.greyboxescontent1static { width:268px; padding:215px 15px 0 15px; height:28px; background:url(../images/background-greybox3.gif) no-repeat;}
.greyboxesrightstatic {width:298px; float:left; margin-right:4px; }
.greyboxescontentrightstatic { width:268px; padding:461px 15px 0 15px; height:auto; background:url(../images/background-greybox1.gif) no-repeat; height:49px;}
.greyboxesstatic a{color: #333; font-size:13px; font-weight:bold; }
.greyboxesstatic a:link {color: #333; font-size:13px; font-weight:bold;}
.greyboxesstatic a:visited {color: #333; font-size:13px; font-weight:bold;}
.greyboxesstatic a:active {color: #333; font-size:13px; font-weight:bold;}
.greyboxesstatic a:hover {text-decoration: none; font-weight:bold; text-decoration:none;}


h1 { font-size:18px; color:#3b832f; margin-bottom:5px; padding:0;}
h2 { font-size:14px; color:#3b832f; margin-bottom:5px; padding:0;}
.bluetext { font-size:14px; color:#0f3e85; margin-bottom:20px; font-weight:bold;}

p a:link, a:active {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
p a:visited {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
p a:hover {color:#0000cc; font-weight:normal; text-decoration:none; font-size:12px;}

.contentcontainer a:link, a:active {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
.contentcontainer a:visited {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
.contentcontainer a:hover {color:#0000cc; font-weight:normal; text-decoration:none; font-size:12px;}


.greenlargeheader {font-size:24px; color:#006600; font-weight:bold; margin:0;}
.greenheader {font-size:16px; color:#006600; font-weight:bold; margin:0;}
.blueheader {font-size:16px; color:#000066; font-weight:bold; margin:0;}
.error {color:#F00;}
.small {font-size:10px;}

.footer { background:url(../images/background-footer.gif) no-repeat; height:55px; width:950px; float:left; clear:both; margin-top:4px; font-size:10px; text-align:left;}
.footerleft { float:left; width:500px; padding:8px 0 0 10px; line-height:20px;}
.footerright { float:right; width:200px; text-align:right; padding:14px;}
.footer a{color: #4c4c4c; font-size:11px; padding:0 6px;}
.footer a:link {color: #4c4c4c; font-size:11px;}
.footer a:visited {color: #4c4c4c; font-size:11px;}
.footer a:active {color: #4c4c4c; font-size:11px;}
.footer a:hover {text-decoration: none; font-weight:normal;}

.formareas { width:950px; height:auto; float:left; clear:both; text-align:left; padding:0;}
.formareasleft { width:630px; height:auto; float:left; margin:0 0 0 20px;}
.formareasright { width:300px; height:auto; float:right; padding-top:160px;}
.formareas label {float:left;}
.formareas input {float:right; margin-right:35px;}
.formareas select {float:right; margin-right:30px;}
.formareaspostocde {font-weight:bold; margin-bottom:5px;}
.formareasthanks {float:left; width:910px; clear:both; padding:0px 20px; height:400px;}

.formdetails {float:left; width:910px; clear:both; padding:0px 20px;}
.formdetails form {float:left; width:470px; margin-left:200px; margin-bottom:20px;}
.formdetails label {float:left; padding-left:20px;}
.formdetails input {float:right; margin-right:87px;}
.formdetails select {float:right; margin-right:122px; }
.formdetails textarea {float:right; }
.formdetails .checkbox {float:right; margin-right:200px;}
.formdetailsheader { font-size:13px; color:#3b832f; font-weight:bold; margin-bottom:10px; margin-top:10px; padding:0; width:470px; border-bottom:1px solid #3b832f; padding-top:10px; margin-bottom:10px; margin-top:3px;}
.formdetailsborder {width:470px; border-bottom:1px solid #CCC; margin-bottom:10px; margin-top:3px;}

.formdetails a:link, a:active {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
.formdetails a:visited {color:#0000cc; font-weight:normal; text-decoration:underline; font-size:12px;}
.formdetails a:hover {color:#0000cc; font-weight:normal; text-decoration:none; font-size:12px;}

.bottomcontainer {width:910px; float:left ; clear:both; margin:10px 20px 5px 20px;}
.bottomcontainerleft {float:left; width:251px; padding:3px 0px 0 50px;  font-size:11px; line-height:15px; text-align:left;}
.bottomcontainerleft a:link, a:hover, a:active {font-size:11px; color:#0000ff; text-decoration:none; font-weight:bold;}
.bottomcontainerleft a:visited {font-size:11px; color:#0000ff; text-decoration:none; font-weight:bold;}
.bottomcontainermiddle{float:left; width:263px; padding:0px 30px 0px 30px; border-right:1px solid #e0e0e1; border-left:1px solid #e0e0e1; color:#7f7e7e; font-size:12px; font-weight:bold; text-align:left;}
.quotefooter {font-style:italic; float:right; color:#7f7e7e; font-size:11px; padding-right:10px;}
.bottomcontainerright {float:right; width:217px; padding:10px 10px 0px 50px; font-size:11px; text-align:left;}

.bottomcontainerright a{color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:link {color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:visited {color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:active {color:#0000ff; font-size:11px; text-decoration:none;}
.bottomcontainerright a:hover {color:#0000ff; font-size:11px; text-decoration:none;}

.largemap {width:600px; height:1300px; background:url(../images/postcode_map.gif) no-repeat;}

.formmessage {height:50px;}