html, body {
  height: 100%;
}
body {
  margin: 0 auto;
  width: 988px;
  padding: 0;
  border: 0;
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  background: #fff;
  color: #000;
}
div {
  margin: 0 auto;
  padding: 0;
  border: 0;
  display: block;
  float: left;
}

/* Base styles */

img {
  border: 0;
  margin: 0;
  padding: 0;
}
.b {
  font-weight: 700;
}
a {
  color: #0d0394;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  border: 0;
}
p {
  line-height: 20px;
  margin: 0;
  padding: 0 12px 18px 8px;
  float: left;
  width: 765px;
}
h1 {
  font-size: 22px;
  color: #181674;
  padding-left: 8px;
  font-family: Arial, Helvetica, Verdana;
  font-weight: 400;
}
h2 {
  font-size: 13px;
  color: #181674;
  padding-left: 8px;
  font-family: Arial, Helvetica, Verdana;
  font-weight: 700;
}
h3 {
  font-size: 22px;
  color: #181674;
  padding-left: 8px;
  font-family: Arial, Helvetica, Verdana;
  font-weight: 400;
}
.required {
  color: #f00;
}
.subscript {
  font-size: 9px;
}
div#content ul {
  margin: 0;
  float: left;
  padding: 0 0 20px 40px;
  list-style: none;
  width: 92%;
}
div#content ul li {
  padding: 6px 0 6px 19px;
  background: url('../images/bullet/bullet_rightarrow.gif') 0px 9px no-repeat;
  line-height: 18px;
}
table {
  float: left;
  width: 600px;
}
td {
  height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 18px;
}
td input {
  width: 27px;
  text-align: right;
}
.head {
  background: url('../images/template/background_row.gif') repeat-x;
  color: #fff;
}
.none {
  background: none;
}


/* Template */

div#container {
  width: 988px;
}
div#se {
  width: 948px;
  height: 27px;
  text-align: center;
  font-size: 10px;
  color: #8a8282;
  padding: 5px 20px;
}
div#header {
  width: 988px;
  height: 141px;
  background: url('../images/template/background_banner.jpg') no-repeat;
  cursor: pointer;
}
div#navigation {
  width: 988px;
  margin-top: 3px;
  height: 30px;
  border-bottom: 8px solid #170166;
}
div#navigation a {
  color: #fff;
  text-decoration: none;
}
div#navigation ul {
  margin: 0;
  padding: 0;
}
div#navigation ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
div#navigation ul li span {
  width: 88px;
  margin-right: 2px;
  height: 20px;
  padding-top: 5px;
  margin-top: 5px;
  display: block;
  float: left;
  background: url('../images/template/background_tab.gif') no-repeat;
  text-align: center;
  font-size: 11px;
}
div#navigation ul li .active {
  width: 88px;
  color: #fff;
  margin-right: 2px;
  height: 20px;
  padding-top: 10px;
  margin-top: 0;
  display: block;
  float: left;
  background: url('../images/template/background_active.gif') no-repeat;
  text-align: center;
  font-size: 11px;
}
div#contentshell {
  width: 988px;
  background: #f6f6f6 url('../images/template/background_shell.gif') repeat-x;
  margin-top: 1px;
  padding-bottom: 15px;
}
div#footer {
  width: 988px;
  height: 151px;
  background: url('../images/template/background_footer.gif') repeat-x;
}
div#footerleft {
  padding-left: 15px;
  width: 714px;
  padding-top: 15px;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
}
div#footerleft a {
  color: #fff;
}
div .footerright {
  margin-top: 24px;
  margin-left: 10px;
  background: url(../images/template/background_seal.gif) no-repeat;
  width: 111px;
  height: 112px;  
}
div .footer25years {
  margin-top: 26px;
  /*background: url(../images/template/villavent-25years.jpg) no-repeat;*/
  width: 118px;
  height: 111px;  
}
div#footerlogo {
  padding-top: 14px;
  width: 700px;
}
div#left {
  width: 179px;
}
div#quickcontact {
  width: 169px;
  height: 304px;
  padding-left: 10px;
  padding-top: 11px;
  background: url('../images/template/background_contact.gif') no-repeat;
  font-size: 10.5px;
}
div#webkit {
  width: 165px;
  height: 551px;
  padding-left: 14px;
  padding-top: 11px;
  background: url('../images/template/background_webkits.gif') no-repeat;
}
.webkittitle{
  color: #244c7c;
  display: block;
  font-weight: 700;
  padding-bottom: 3px;
  font-size: 12px;
  width: 148px;
  margin-top: 7px;
  float: left;
  border-bottom: 1px dotted #000;
}
div#content {
  width: 785px;
  padding-top: 20px;
  padding-left: 12px;
  padding-right: 12px;
}
div#infobar {
  width: 749px;
  height: 20px;
  padding-top: 4px;
  background: url('../images/template/background_infobar.gif') no-repeat;
  padding-bottom: 20px;
  padding-left: 32px;
  color: #fff;
  margin-top: 20px;
}
div#infobar a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
div#banner {
  margin: 0;  
  padding: 15px 10px 0px 29px;  
}
div#banner2 {
  margin: 0;  
  padding:15px 0 0 32px;  
}
.aftersales {
  width: 736px;
  height: 139px;
  background: url('../images/template/background_aftersales.gif') no-repeat;
  padding-top: 0;
  padding-left: 0;
  margin: 0 auto 15px auto;
  float: none;
}
.product {
  width: 736px;
  height: 126px;
  background: url('../images/template/background_product.gif') no-repeat;
  padding-top: 0;
  padding-left: 0;
  margin: 0 auto 15px auto;
  float: none;
}
.productbox {
  width: 152px;
  height: 92px;
  float: left;
}
.newsbox {
  width: 763px;
  padding-left: 8px;
}
.newsimg {
  width: 170px;
  float: left;
  padding-bottom: 30px;
}
.newstxt {
  float: left;
  width: 583px;
  padding-bottom: 30px;
  line-height: 18px;
}
.standardbox {
  width: 763px;
  padding-left: 8px;
}
.standardimg {
  width: 170px;
  float: left;
  padding-bottom: 30px;
}
.standardtxt {
  float: left;
  width: 583px;
  padding-bottom: 30px;
  line-height: 18px;
}


/* Form fields */

.fieldtitle{
  color: #fff;
  display: block;
  padding-left: 4px;
  font-weight: 700;
  padding-bottom: 9px;
  font-size: 12px;
}
.single {
  width: 155px;
  height: 17px;
  background: url('../images/template/background_field.gif') no-repeat;
  margin: 0 0 3px 0;
  padding: 1px 0 0 4px;
  border: 0;
  color: #696969;
  font-size: 10.5px;
  font-family: Verdana, Arial, Helvetica;
}
.multiple {
  width: 155px;
  height: 64px;
  background: url('../images/template/background_address.gif') no-repeat;
  margin: 0 0 3px 0;
  padding: 1px 0 0 4px;
  border: 0;
  color: #696969;
  overflow: hidden;
  line-height: 12px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 10.5px;
}
.checkbar {
  width: 155px;
  height: 22px;
  background: url('../images/template/background_check.gif') no-repeat;
  margin: 0 0 3px 0;
  padding: 0 0 0 4px;
  border: 0;
  color: #696969;
  font-size: 10.5px;
  font-family: Verdana, Arial, Helvetica;
  line-height: 18px;
}
.check {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.submit {
  float: right;
  width: 60px;
  height: 20px;
  background: url('../images/template/background_submit.gif') no-repeat;
  border: 0;
  margin-right: 10px;
  font-size: 11px;
  color: #111177;  
}
.kittitle {
  color: #7d8faf;
  font-weight: 700;
  padding-top: 2px;
  display: block;
}
.kitdesc {
  padding-top: 2px;
  display: block;
}
.kitdesc_2 {
  padding-top: 2px;
  display: block;
  width: 126px;
  float: left;
}
.kitdiscount {
  padding-top: 2px;
  font-size: 11px;
}
.kitprice {
  color: #181674;
  font-weight: 700;
  float: right;
  display: block;
}
.kit {
  width:148px;
  border-bottom: 1px dotted #000;
  padding-bottom: 8px;
  padding-top: 4px;
}
div#specialoffer {
  display: block;
  float: left;
  width: 128px;
  margin: 7px 0;
  line-height: 16px;
}
div#arrow {
  display: block;
  float: right;
  width: 12px;
  margin: 26px 0 0 0;
  line-height: 13px;
  height: 13px;
  padding-right: 17px;
}
.arrow {
  display: block;
  float: right;
  width: 12px;
  line-height: 13px;
  height: 13px;
  padding-top: 3px;
}
div#freequotation {
  width: 169px;
  /*height: 526px;*/
  padding-left: 10px;
  padding-top: 11px;
  padding-bottom: 5px;
  background: url('../images/template/background_quote.gif') no-repeat;
  font-size: 10.5px;
}
.select {
  width: 159px;
  height: 21px;
  background: url('../images/template/background_field.gif') no-repeat;
  margin: 2px 0 3px 0;
  padding: 1px 0 0 4px;
  color: #696969;
  font-size: 10.5px;
  font-family: Verdana, Arial, Helvetica;
}

/* Page styles */

div#home {
  width: 781px;
  height: 207px;
  padding-top: 10px;
  padding-bottom: 40px;
}
div#home a {
  font-weight: 700;
  text-decoration: none;;
  color: #000;
}
div#roll1base {
  background: url('../images/home/heatrecovery.jpg') no-repeat;
  width: 158px;
  height: 207px;
}
div#roll2base {
  background: url('../images/home/centralextraction.jpg') no-repeat;
  width: 158px;
  height: 207px;
}
div#roll3base {
  background: url('../images/home/comfortconditioning.jpg') no-repeat;
  width: 158px;
  height: 207px;
}
div#roll4base {
  background: url('../images/home/comfortcooling.jpg') no-repeat;
  width: 158px;
  height: 207px;
}
div#roll5base {
  background: url('../images/home/centralvacuum.jpg') no-repeat;
  width: 149px;
  height: 207px;
}
div#roll1 {
  width: 149px;
  height: 25px;
  background: url('../images/home/heatrecovery.jpg') no-repeat;
  padding-right: 9px;
  text-align: center;
  cursor: pointer;
  padding-top: 182px;
}                    
div#roll2 {
  width: 149px;
  height: 25px;
  background: url('../images/home/centralextraction.jpg') no-repeat;
  padding-right: 9px;
  text-align: center;
  cursor: pointer;
  padding-top: 182px;
}
div#roll3 {
  width: 149px;
  height: 25px;
  background: url('../images/home/comfortconditioning.jpg') no-repeat;
  padding-right: 9px;
  text-align: center;
  cursor: pointer;
  padding-top: 182px;
}
div#roll4 {
  width: 149px;
  height: 25px;
  background: url('../images/home/comfortcooling.jpg') no-repeat;
  padding-right: 9px;
  text-align: center;
  cursor: pointer;
  padding-top: 182px;
}
div#roll5 {
  width: 149px;
  height: 25px;
  background: url('../images/home/centralvacuum.jpg') no-repeat;
  text-align: center;
  cursor: pointer;
  padding-top: 182px;
}
.homelist {
  background: url('../images/bullet/bullet_round.gif') 10px 0px no-repeat;
  width: 761px;
  padding-left: 12px;
  padding-right: 8px;
}
.homelist p {
  line-height: 20px;
  margin: 0;
  padding: 20px 12px 18px 0px;
  float: left;
}
.homepad {
  padding-top: 2px;
  padding-left: 30px;
  display: block;
}
.producttitle{
  width: 724px; 
  color: #fff;
  display: block;
  padding-left: 12px;
  padding-top: 7px;
  padding-bottom: 8px;
  font-weight: 700;
  font-size: 12px;
}
.productimg {
  padding-left: 5px;
  float: left;
}
.producttxt {
  width: 546px;
  height: 78px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 15px;
  float: left;
}
.sectortxt {
  width: 530px;
  height: 90px;
  padding-left: 16px;
  padding-right: 32px;
  padding-top: 3px;
  float: left;
}
#fq_pdffile{
  width: 159px;
}