html, body {height: 100%;background-color: #a7a7a7;}
body {padding: 0;margin: 0;}

hr { border: none;  background-color: #b8b8b8;  color: #b8b8b8;  height: 1px;}


#mainTable { width: 900px; margin-top:25px;background-color: #fff;}

td {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:9pt;line-height:12pt;font-weight:normal;color:#4a4a4a;}
.header {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:10pt; font-weight:bold; color:#4a4a4a;}
.caption {font-family: Arial, Verdana, Helvetica, sans-serif;font-size:7pt; font-weight:bold; color:#4a4a4a;}
.redArrow {padding-left:20px; padding-right:3px; vertical-align:middle;}

#footerMain  { background: #000000 url('images/bottom.gif') repeat-x;  width: 900px; height:82px; margin:0; padding:0}
.footer {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 10px;color: #ffffff;text-decoration: none; padding:15px;} 
a.footer {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 10px;color: #ffffff;text-decoration: none;}

.mainContent {padding-left: 20px; padding-right: 20px;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:9pt;line-height:12pt;font-weight:normal;color:#4a4a4a;line-height:1.3em;}
.title {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 17px;color: #222;font-weight:bold;}
.phone {font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif;font-size: 23px;color: #222;font-weight:bold;}

.bulletpoints {padding-left: 20px; padding-right: 20px;color: #222;}

ul.modelBPs li {padding-left: 20px; background: url(images/checkmark.gif) no-repeat left 5px; margin:0; color: #000000; line-height: 21px; list-style:none;}

.newLine {border-bottom:1px solid #c2c2c2; }
.leftLinepadding {margin-left:50px; }

a {color: #0a6ac0;text-decoration: none;}
a:link { color: #0a6ac0;text-decoration: none;}
a:hover { color: #5f9fe4;text-decoration: none;}
a:visited { color: #0a6ac0;text-decoration: none;}

a.request:active { color: #bf3b00;text-decoration: none; font-size:13px; font-weight:bold;}
a.request:link { color: #bf3b00;text-decoration: none; font-size:13px; font-weight:bold;}
a.request:hover { color: #e84a03;text-decoration: none; font-size:13px; font-weight:bold;}
a.request:visited { color: #bf3b00;text-decoration: none; font-size:13px; font-weight:bold;}

a.back-lnk:visited{color: #f04e23;font-family: Arial, sans-serif;font-size: 11px;text-decoration: none; font-weight:bold}
a.back-lnk:link{color: #f04e23;font-family: Arial, sans-serif;font-size: 11px;text-decoration: none; font-weight:bold}
a.back-lnk:hover{color: #515254;font-family: Arial, sans-serif;font-size: 11px; text-decoration: underline; font-weight:bold}
a.back-lnk:active{color: #515254;font-family: Arial, sans-serif;font-size: 11px; text-decoration: underline; font-weight:bold}


table.efficiencyTable {background-color:#fff;border:1px solid #c2c2c2; padding:4px; margin:3px;}
tr.rowTop td { border-bottom:1px solid #787878;background-color:#eaeaea; width:150 px; text-align:center;font-weight:bold; padding:4px; }

tr.rows td { border-bottom:1px solid #787878;background-color:#eaeaea; width:150 px; height:40px; text-align:center; padding:4px; }
tr.last td { background-color:#eaeaea; width:150 px; height:40px; text-align:center;; padding:4px; }

#subNavMain li {list-style: none; padding:0; margin:0; font-size:12px; font-weight:bold; }

a.subNav:active  { color: #bf3b00;text-decoration: none; padding:5px; background-color:#efefef; display: block;}
a.subNav:link { color: #bf3b00;text-decoration: none; padding:5px; background-color:#efefef; display: block;}
a.subNav:hover { color: #e84a03;text-decoration: none; padding:5px; background-color:#e3e2e2; display: block;}
a.subNav:visited { color: #bf3b00;text-decoration: none; padding:5px; background-color:#efefef; display: block;}


/* Testimonials */

.testimonial { background-color:#ffffff; text-align:justify; color: #191919; font-family: arial; font-size:0.7em;line-height:1.3em;}
.testimonial p { color:#222;  margin:0; padding:10px 0 8px 16px;}
.testimonial hr { border:none; border-top:1px solid #68778E; margin:3px 0; padding:0; height:2px; }
.testimonial a { font-size:.9em; color:#11274C; font-weight:normal; text-decoration:underline; }
.testimonial a:visited { font-size:.9em; color:#54ABBF; font-weight:normal; text-decoration:underline; }
.testimonial a:hover { color:#D12639; }


/* Form */
.form-textLeft {color: #222; font-weight:bold;text-align:left; padding-right:5px; font-size:9pt}
.form-center {color: #222; font-weight:bold;text-align:center; padding:2px; font-size:9pt; background-color:#e3e3e3;}

.form-text {color: #222; font-weight:bold; text-align:right; padding-right:5px; font-size:9pt}
.form-fields {color: #222; font-size:9pt}
.req {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 9pt;color: #eb3724;}

.dropDown {color: #222; font-size:9pt;border: #949494 1px solid;background-color: #ffffff;width:150px;}
.chkBox {border:1px solid #fff}

.commentBox {border: #bbbbbb 1px solid;background-color: #fff;}
input {border: #bbbbbb 1px solid;background-color: #ffffff;}
input.mySubmit{border: #bbbbbb 1px solid;background-color: #bfbfbf;}


.bdr { border: 1px solid #838383; padding:2px}

h3.homeTitle {font-size:15px;font-weight:bold;padding:0;margin:7px 0 .3em 0;color:#222;}

h3.aboutTitle {font-size:15px;font-weight:bold;padding:0;margin:7px 0 .3em 0;color:#e03d27;}


#contactmainBox {margin-top:20px;margin-bottom:20px;margin-left:105px;width:710px;height:90px;}
#contactmainBox .contacts {display:block;width:700px;height:90px;float:left;background:#f1f1f1 url('images/contact-back.gif') top left repeat-x;border: solid 1px #aaaaaa;margin-right:25px; margin-bottom:10px;}
#contactmainBox .contacts .contacts-content {padding:5px 5px 5px 10px; width:670px; height:90px;  }
#contactmainBox .contacts-content img {border-left: none 0px; }	

.contacts img {float:right;padding:0;margin:0;}
.contacts-content img {float:none;clear:right;margin:0;padding:0;}
.contacts .contacts-content {padding:5px 5px 3px 10px;width:670px;height:90px; }


.contacts-content h3 {font-size:1.1em;font-weight:bold;padding:0;margin:7px 0 .3em 0;color:#e03d27;}
.contacts-content h3 a {color:#e03d27; text-decoration:none;}
.contacts-content h3 a:hover {color:#e03d27; text-decoration:underline;}
.contacts-content p {font-size:.9em;line-height:1.2em;padding-top:0px;padding-bottom:0px;font-weight:normal;color:#4a4a4a;}


/* Products */

h2.tax {color:#494949;  font-size: 15px;}
h4.tax {color:#494949;  font-size: 13px;}

h2.products {color:#e03d27;  font-size: 15pt; margin-bottom:5px; margin-top:15px; margin-left:20px}

.modelNum {color:#e03d27;  font-size: 13pt;}
.productheading{font-weight:bold;font-size: 10pt;}
img.newLine { margin-left:25px}

#productmainBox {margin-top:20px;margin-bottom:20px;margin-left:55px;width:700px; font-family: arial; }
#productmainBox .products {display:block;min-height:110px;float:left; margin-right:25px; margin-bottom:10px;}
#productmainBox .products .products-content { padding:5px 5px 5px 10px; width:700px; }

.products img {float:right;padding:0;margin:0;}
.products-content img {float:none;clear:right;margin:0;padding:0;}
.products .products-content {padding:5px 5px 3px 10px; border-bottom: solid 1px #aaaaaa;}

.productsEnd  .products-content {padding:5px 5px 3px 10px; }

.products-content h3 {font-size:11pt;font-weight:bold;padding:0;margin:7px 0 .3em 0;color:#e03d27;}
.products-content h3 a {color:#e03d27; text-decoration:none;}
.products-content h3 a:hover {color:#e03d27; text-decoration:underline;}
.products-content p {font-size:9pt;line-height:12pt;padding-top:0px;padding-bottom:0px;font-weight:normal;color:#4a4a4a;}

.products-contentIAQ img {float:none;clear:right;margin:0;padding:0;}
.products .products-contentIAQ {padding:5px 5px 3px 10px;width:245px;height:115px; border-right: solid 1px #aaaaaa;}


A.seo:visited{color: #ffffff;font-family: Arial, sans-serif;font-size: 10px;text-decoration: none}
A.seo:link{color: #ffffff;font-family: Arial, sans-serif;font-size: 10px;text-decoration: none}
A.seo:hover{color: #569cdc;font-family: Arial, sans-serif;font-size: 10px; text-decoration: none}
A.seo:active{color: #ffffff;font-family: Arial, sans-serif;font-size: 10px; text-decoration: none}



/* Maintenance Plans */
#mPlansmainBox {margin-bottom:20px;margin-left:30px;width:890px; }
#mPlansmainBox .mPlans {display:block;width:890px;min-height:110px;float:left;background:#f1f1f1 url('images/product-back.gif') top left repeat-x;border: solid 1px #aaaaaa;margin-right:25px; margin-bottom:10px;}
#mPlansmainBox .mPlans .mPlans-content { padding:5px 5px 5px 10px; width:97%; height:650px;  }

.mPlans img {float:right;padding:0;margin:0;}
.mPlans .mPlans-content {padding:5px 5px 3px 10px;width:97%;height:110px; }

.mPlansNum {font-size:13px;font-weight:bold;color:#4a4a4a;padding-right:3px;}

.mPlansHdr {margin-top:15px;} 
td.rLine2 {border-right: solid 1px #cccccc; padding-top:10px;}
td.rLine2a {padding-top:10px;padding-left:25px;}

td.rLine {border-right: solid 1px #aaaaaa; }
td.spacer {padding-left:25px;}
.mPlans-content h2 {font-size:15px;font-weight:bold;color:#e03d27; text-align:center;  margin:0; padding:0}
.mPlans-content h2.cooling {font-size:15px;font-weight:bold;color:#0e70c9; text-align:center;  margin:0; padding:0}
.mPlans-content h3 {font-size:11px;font-weight:bold;color:#4a4a4a; text-align:center; margin:0; padding:0}
.mPlans-content p {font-size:12px;line-height:1.2em; margin:0; padding:0;font-weight:normal;color:#4a4a4a;}


/* Menu */

#nav, #nav ul { /* all lists */clear: both;padding: 0;margin: 0;list-style: none;white-space: nowrap;}

#nav a, #nav a:active, #nav a:visited {display: block;color: #fff;text-decoration: none;text-align: left;}

#nav a:hover {color: #fff;text-decoration: underline}


#nav ul.secondNav{ padding-top:5px;}

#nav li.title { /* all lists */display: block; color: #5b5b5b; font-size: 10px; font-family: verdana,arial,helvetica;background-color: #fff; padding: 2px; width: 100%; border-right: solid 1px #cdcdcd;border-left: solid 1px #cdcdcd;border-bottom: solid 1px #cdcdcd;width:175px;}


#nav li ul a, #nav li ul a:visited {display: block; color: #848484; font-size: 10px; font-family: verdana,arial,helvetica;background-color: #fff; padding: 2px; width: 100%; border-right: solid 1px #cdcdcd;border-left: solid 1px #cdcdcd;border-bottom: solid 1px #cdcdcd;width:175px;/*filter:alpha(opacity=90);    Internet Explorer  *//*-moz-opacity:0.9;   Mozilla 1.6 and below   */opacity: 0.9;  /* newer Mozilla and CSS-3 */}

* html #nav li ul a, * html #nav li ul a:visited {width: 175px}

#nav li ul a:hover, #nav li ul a:active {display: block; color: red; font-size: 10px; font-family: verdana,arial,helvetica;background-color: #fff; padding: 2px; width: 100%; border-right: solid 1px #cdcdcd;border-left: solid 1px #cdcdcd;border-bottom: solid 1px #cdcdcd;width:175px;/*filter:alpha(opacity=90);   Internet Explorer   *//*-moz-opacity:0.9;  Mozilla 1.6 and below   */opacity: 0.9;  /* newer Mozilla and CSS-3 */}

* html #nav li ul a:hover, * html #nav li ul a:active {}

#nav li { /* all list items */float: left;z-index: 100;/*width: 10em; width needed or else Opera goes nuts */}



#nav li ul { /* second-level lists */position: absolute;width: 175px;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */margin: 0px;padding: 0px;z-index: 100;}

* html #nav li ul {width: 175px;w\idth: 175px;}

#nav li ul ul { /* third-and-above-level lists */margin: -21px 0 0 238px;z-index: 100;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */left: auto;}

.aLink { padding-left:10px; padding-right: 7px;  margin-top:8px;}
.line { background-image: url(images/line.gif); width:5px; height:30px}

.endLink{ margin-left:10px;  margin-bottom:2px;}


#menulast a,#menulast a:hover,#menulast a:active,#menulast a:visited {background-image: none;}

.ClearHack {clear: both;font-size: 0em;line-height: 0em;height: 0px;}

.topNav {color: #fff;margin:0;padding:0;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;}

A.topNav:visited{color: #fff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: none}

A.topNav:link{color: #fff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: none}

A.topNav:hover{color: #fff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: underline}

A.topNav:active{color: #fff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: underline}

.nav {color: #ffffff;margin:0;padding:0;background: #9bb6d7 url("images/navBack.gif");background-repeat: repeat-x;height: 34px;}

A.nav:visited{color: #ffffff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: none}

A.nav:link{color: #ffffff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: none}

A.nav:hover{color: #ffffff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: underline}

A.nav:active{color: #ffffff;font-family: verdana, sans-serif;font-weight:	bold;font-size: 10px;text-decoration: underline}

.menu {  font-family: arial; font-size: 11px; text-align: left; color: #545454; text-decoration: none}

.smmenu {  font-family: arial; font-size: 10px; text-align: left; color: #545454; text-decoration: none}

#sideNav ul.secondNav li { list-style: none;background: url("images/orangebullet.gif");background-repeat: no-repeat;padding-left: 15px;margin:0;white-space: nowrap;}



/* Heat Cool 101 Sub Nav */
#HCLeftNav {position:relative;width:220px;height:488px;background-image:url('images/nav.gif');background-repeat:no-repeat;}

#HC101{position:relative;width:220px; top:75px;font-size:13px;color:#666; font-family: arial}

/* This is for STUPID IE */
#HC101 .hcItem{width:220px;  margin:0; padding:0}

/* This is all the good browsers who follow the rules */
html>body #HC101 .hcItem {width:220px;  height:25px; margin:0; padding:0;}

#HC101  p {margin:5px 0 5px 0; padding:0;}
#HC101  p.hcline {margin-left:25px; padding:0;width:175px;border-bottom: 1px dotted #d7d6d6;height:1px;}
#HC101 .hcLink{position:relative;left:20px;width:185px; text-align:center;margin:0; padding:0;}
#HC101 .hcLink a {color:#666666; text-decoration: none; }
#HC101 .hcLink a:hover {color:#c83b00; text-decoration: none;}
#HC101 .hcLink a:visited {color:#222; text-decoration: none;}




/* Home images */
.btnR410{ position: relative; background: url(images/R-410Aon.jpg) no-repeat; white-space: nowrap; display: block; width: 189px; height:70px; margin: 0 0 10px 0;  padding: 0;}
.btnR410 a { display: block; width: 189px; height:70px; display: block;  }
.btnR410 img { width: 189px; height:70px; border: 0 }
.btnR410 a:hover img{ visibility:hidden}

.btnHeatCool { position: relative; background: url(images/HeatCoolon.jpg) no-repeat; white-space: nowrap; display: block; width: 189px; height:70px; margin: 0 0 10px 0; padding: 0;}
.btnHeatCool a { display: block; width: 189px; height:70px;  display: block;  }
.btnHeatCool img { width: 189px; height:70px;  border: 0 }
.btnHeatCool a:hover img{ visibility:hidden}


.btnProducts { position: relative; background: url(images/productsOn.jpg) no-repeat; white-space: nowrap; display: block; width: 189px; height:70px; margin: 0 0 10px 0; padding: 0;}
.btnProducts a { display: block; width: 189px; height:70px; display: block;  }
.btnProducts img { width: 189px; height:70px; border: 0 }
.btnProducts a:hover img{ visibility:hidden}
