@import url(resetStyles.css);

/* utility classes */
.fLeft {float: left;}
.clearleft { clear: left; } 
.fRight {float: right;}
.floatChildrenLeft * {float: left;
    width: 249px;
}
.floatChildrenRight * {float: right;
    width: 102px;
    height: 15px;
}
.clearright { clear: right; }
.margBottom { margin-bottom: 10px !important; }
.margTop { margin-bottom: 21px !important; }
.last {margin-right: 0 !important; padding-right: 0 !important; border: none !important; background: none !important;}
.first {margin-left: 0 !important; padding-left: 0 !important; border: none !important;}
.fNav a.first { margin-left: 11px !important; }
.firstNew { margin-left: 0 !important; padding-left: 0 !important; border: none !important; margin-top: 10px; }
.top {margin-top: 0 !important; padding-top: 0 !important;}
.bottom {margin-bottom: 0 !important; padding-bottom: 0 !important;}
.noBG {background: none !important; background-image: none !important;}
.hr {height: 22px; margin-bottom: 22px; border-bottom: solid 2px #f2f2f2;}
.clear {clear: both;}
.bottom {height: 28px;}
.bottom2 {height: 375px;}
.rounded {background: url(../Images/bgIntBottom.gif) no-repeat; height: 22px;}
sup {color: #ccc; vertical-align: super; font-size: 9px;}
sub {color: #ccc; display: block; clear: both;}
strong {font-weight: bold;}
em {font-style: italic}
.indent {padding-left: 22px;}
.lighterBlue { color: #36C !important; }

.cityheader{margin-bottom: 0 !important; padding-bottom: 10px !important; font-size: 15px; font-weight: bold; color:#000033;} 
.citybottom{margin-bottom: 0 !important; padding-bottom: 0 !important; height: 20px; font-size: 11px !important;}


/* global & default Styles */
body {background: url(../Images/bgMain.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 10px; }
.container {width: 940px; margin: 0 auto; position: relative; }
a {text-decoration: none; color: #fff;}
h1 {}
h2 {}
h3 {font-size: 16px; font-weight: bold; color: #000033; margin-bottom: 21px; font-family: Arial, Helvetica, sans-serif}
h4 {font-size: 13px; font-weight: bold; color: #000033; margin: 20px 0 0 0;}

.scheduleARepair {}
.scheduleConsultation {}



/* = = = = = page areas = = = = = */
/* mast [header] */
.mast {}
#crLogoImg {margin: 18px 0 0 0;}
#keepingImg {margin: 56px 0 0 30px;
    height: 16px;
    width: 516px;
}
.toolNav { width: 168px; position: absolute; top: 0; right: 0; z-index: 1000; text-align: right; padding-top: 11px; }
.gNav {width: 88px; float: right; padding: 0; text-align: right; padding-top: 11px; padding-bottom: 11px; }
.toolNav a {margin-right: 10px; font-weight: bold; float: none;}
#tempurature {margin: 23px 0px 0; background: url(../Images/imgTemp.gif) no-repeat; width: 50px; height: 23px; color: #ea2525; font-size: 18px; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 15px 25px 0 0; text-align: right; font-weight: bold;}
#time {display: block; clear: right; float: right; margin: 7px 0px 12px; font-weight: bold;}
/* pNav */
.pNav {height: 23px; background: url(../Images/bgPnav.gif) no-repeat; clear: both;} 
.pNav a {background-repeat: no-repeat; width: 187px; height: 23px; float: left; display: block; text-indent: -9999px}
#Services:hover, .service #Services {background: url(../Images/pNavServiceOn.gif)}
#Products:hover, .products #Products {background: url(../Images/pNavProductsOn.gif);}
#News:hover, .news #News {background: url(../Images/pNavNewsOn.gif);}
#News {width: 185px;}
#KnowledgeCenter:hover, .knowledge #KnowledgeCenter {background: url(../Images/pNavKnowledgeOn.gif);}
#AboutUs:hover, .about #AboutUs {background: url(../Images/pNavAboutOn.gif); width: 194px;}


/* sNav */
#sNav a {color: red; display: block; color: #000033; font-size: 12px; font-weight: bold; margin-bottom: 12px; padding-left: 14px;}
#sNav a.on, #sNav a:hover {background:url(../Images/bgBox.gif) no-repeat 14px 4px}


/* contentContainer */
.contentContainer {margin-top: 22px; }
.internalContainer {background: url(../Images/bgIntShadow.jpg) no-repeat 0px 0px #fff; _background: #fff; color: #333; padding-left: 14px;}
.lCol {width: 225px; float: left; margin-top: 40px; padding-top: 12px; padding-right: 19px; min-height: 400px; border-right: #ccc solid 2px; }
.lCol2 {width: 300px; float: left; margin-top: 40px; padding-top: 12px; padding-right: 19px; min-height: 30px; border-right: #ccc solid 2px; }
.rCol {width: 626px; padding: 0 27px 0 27px; float: left; font-size: 11px; color: #333; line-height: 20px; background: url(../Images/bgLogo.jpg) no-repeat bottom right; min-height: 500px; _height: 500px; }
.rCol2 {width: 551px; padding: 0 27px 0 27px; float: left; font-size: 11px; color: #333; line-height: 20px; min-height: 30px; _height: 30px; }
.rCol a, .rCol a:visited {color: #000033; text-decoration: underline}
.rCol a:hover {color: #222222; text-decoration: none}
.rCol ul {margin: 10px 12px;}


/* lCol */
#repairBtn {display: block; margin-bottom: 8px;}
.callOutMargin {margin-left: 15px;}
.callOut {}
.callOutTest { padding-bottom: 80px; padding-top: 8px; }
.callOut h3 {margin-bottom: 21px;}
.callOut p {line-height: 16px; color: #333;}
.callOut .first {display: block; margin-bottom: 8px;}

/* rCol */
.sectionImagery {float: right; margin: 0 -27px 20px 20px;}
.sectionImageryCity {float: right; margin: 0 -27px 20px 20px; width:253px;}
.contentTitle {margin: 45px 0 20px;}
.rCol p {line-height: 15px; margin-top: 10px;}
.rCol div.hr {width: 335px;}

/* foot [footer] */
.footer {margin: -14px 0 22px 0; }
.copy {float: right;}
.fNav {margin: 20px 0 3px; font-weight: bold;}
.fNav a {padding: 0 10px;}

/* = = = specific page styles = = = */
/* home */
#homeFlash {}
.imgBB { margin-top: 15px; }
.homeChoices {padding: 15px 0}
.homeChoices a {margin-right: 50px;}
.homeCOs {background: url(../Images/bgHomeCOs.gif) no-repeat bottom; padding: 21px 0 0px 0; margin-bottom: 10px;}
.homeCallOut {margin: 0; float: left; display: inline; padding:0; margin: 0; }
.homeCOs div#homeCalloutHolder { background: url(../Images/coBGNew.jpg) repeat-y 4px top; padding-left: 20px; width: 920px; }
.homeCallOut h3 { text-transform: capitalize;}
.purple h3, .purple a {color: #000033}
.blue h3, .blue a {color: #4f6eb1}
.red h3, .red a {color: #cf0a37}
.green h3, .green a, .gogreen h3, .gogreen a {color: #6c9024;}
/*.coBg { padding-bottom: 50px; min-height: 220px; _height: 220px; }*/
.purple .coBg { margin-right: 44px; width: 207px;}
.blue .coBg { width: 202px; }
.red .coBg { margin-right: 35px; width: 199px; }
.green .coBg { margin-right: 42px; width: 191px; }
.homeCallOut a { /*display: block;*/ /*margin-top: 21px;*/ font-weight: bold; }
.homeCallOut p {width: 185px; line-height: 16px; color: #333; margin-bottom: 0; padding: 0; }
.homeCallOut b {display: block;}
.homeCOs h3 {/*width: 194px;*/ padding-right: 40px; font-size: 15px; padding-top: 6px; margin:0; padding-bottom: 15px; }
.homeCOs .blue .coBg h3 { padding-top: 12px; padding-bottom: 20px;  }
.purple .coBg h3 { background:url(../Images/bgCOpurpleNew.jpg) no-repeat top right; }
.blue .coBg h3 {background:url(../Images/bgCOblueNew.jpg) no-repeat top right;  }
.blue .coBg#noBG h3 {background: none;   }
.red .coBg h3 {background:url(../Images/bgCOredNew.jpg) no-repeat top right;  }
.green .coBg h3 {background:url(../Images/bgCOgreenNew.jpg) no-repeat top right; }
.green .coBg#goGreen { margin-top: 15px; }
.green .coBg#goGreen h3 { background:url(../Images/bgCOgreen2.jpg) no-repeat top right; padding-top: 15px; padding-bottom: 10px; }
.red .coBg#coTestimony h3 {background:url(../Images/bgCOtestimonial.jpg) no-repeat top right;  }
.red .coBg#coTestimony { padding-bottom: 20px; }
.homeSEOcopy p {background: #ffffff; padding: 0 20px 10px 22px; color: #000033;}
.homeSEOcopy {padding-bottom: 20px; color: #ffffff}
.topRoundedBg {background: url(../images/bgRoundedTop.gif) no-repeat; height: 20px; margin-top: 20px;}
/* services */
#tempuratureIMG {float: left; margin-right: 5px; margin-top: -8px; _margin-top: 0;}
.servicesCallOut a {float: right;}
.style25 {font-size: 16px; font-weight: bold;}
.style22 {margin: 15px 0; font-size: 16px; font-weight: bold; display: block;}
/*knowledge*/
.callOutsKnowledge { background: #ffffff url(../Images/bgKnowledgeCONew.jpg) no-repeat left top; padding: 0; margin: 30px 0 0 0; width: 650px; }
.callOutsKnowledge .homeCallout { float: left; display: inline; padding: 0 !important; margin: 0 !important; }
.contentContainer .rCol .callOutsKnowledge .homeCallout p.margTop { margin-top: 0; }
.callOutsKnowledge .purple { width: 191px; background: url(../Images/imgQuestionMarkNew.jpg) no-repeat bottom right;  padding-bottom: 37px; margin-right: 42px; }
.callOutsKnowledge .green { width: 191px; background: url(../Images/bgCOgreenknowledge.jpg) no-repeat bottom right; padding-bottom: 52px; margin-right: 31px; }
.callOutsKnowledge .gogreen { width: 179px; background: url(../Images/bgCOgogreenknowledge.jpg) no-repeat bottom right; padding-bottom: 29px;  }
.callOutsKnowledge a, .callOutsKnowledge a:visited {text-decoration: none; }
.style26 a { color:#000033; }
.style16 { color:#000033; margin-top:7px; display:block; font-size:13px; }
.style7 { margin-top:7px; display: block; font-weight:bold; font-size:13px; color:#292929; }
.style27 { margin-top:7px; display: block; font-size:12px; color:#292929; }
.style17 { display:inherit; font-size:11px; color:#292929; }
.knowledgeCO {width: 200px !important; margin-right: 60px;}
.knowledgeCO h3 {width: auto !important;}
.faq {background: url(../Images/imgQuestionMark.gif) no-repeat bottom right}
/*products*/
.productPage {width: 310px; float: left}

/*Testimonials */
#testimonyHolder { padding-top: 20px; }
.testimonee p { font-style: italic; padding-bottom: 20px; }
.testimonee p strong { color: #000033; font-style: normal; }

/*hvac info*/
#alphabetNavigator a {color: #000033; padding-right: 0px; text-decoration: none;}
#alphabetNavigator a:link, #alphabetNavigator a:visited {text-decoration: underline;}
.hvacInfo {line-height: 22px; margin-top: 20px;}
.hvacInfo span {font-weight: bold; padding-right: 5px;}
.alphabetMember {color: #000033; margin: 20px 0; font-size: 18px;}
span.item {font-weight: normal}
.backToTop {display: block; margin: 15px 0;}
/*faqs*/
.FAQs {}
.FAQs a {color: #000033;}
/*news*/
dl.repeater dd {margin-bottom: 15px; display: block;}
.toAll {display: block; margin-bottom: 0px;}
dl.repeater strong {color: #000033;}
dl.repeater a, dl.repeater a:visited {text-decoration: none; display: block; font-weight: bold; margin: 2px 0;}
.listingTitle {}
.newsItemAbstract {margin-bottom: 30px;}
.date {color: #000033}
.ReadMore {display: block; text-decoration: underline !important;}
a.back {display: block; margin: 10px 0;}
/*new technologies*/
.NTsnippets {margin-bottom: 80px; padding-bottom: 80px; border-bottom: dotted 2px #ccc;}
.NTfull {margin-bottom: 40px; padding-bottom: 40px; border-bottom: solid 2px #ccc;}

/*management Team*/
.bio {width: 320px; margin-bottom: 20px;}
.bio img {margin-bottom: 16px;}
.bio h3 {margin-bottom: 0px !important; float: none;}
.bio span.sub {color: #000033; font-weight: bold; display: block; float: none;}
/*common repairs*/
.top {display: block}
/*careers*/
.careerListing {}
.careerListing a {display: block; margin-bottom: 8px;}
/*contact*/




input.repairButton {color: #444dbb; border: none; background-color: #fff; font-size: 12px; font-weight: bold; cursor: pointer;}

.formWrapper {padding-bottom: 15px;}
.formWrapper dl {margin-top: 8px;}
.formWrapper dl dd {margin-bottom: 8px;}
.formWrapper dl dd.requiredText {padding-top: 25px; font-size: 10px;}
.formWrapper label {display: block; width: 120px; float: left; text-align: left; padding-right: 5px;}
.required {color: #C00000; font-style: italic;}
.formWrapper table.radioList input {float: left;}
.formWrapper table.radioList label {display: inline; padding-left: 5px; width: auto; text-align: left;}

.formWrapper input.btn {margin-top: 15px; padding: 2px 0; border: none; background-color: transparent; color: #000033; font-size: 11px; font-weight: bold;}


ul.steps {overflow: auto; margin: 0; padding: 8px 0 0 0; border-top: solid 2px #f2f2f2;}
ul.steps li {float: left; list-style: none; width: 60px; margin-right: 6px; color: #ccc;}
ul.steps li.active {color: #000033; font-weight: bold;}

.currentStep {margin-bottom: 8px; padding-bottom: 8px; width: 337px; border-bottom: solid 2px #f2f2f2; display: none}
.stepOne {font-weight: bold; padding-left: 0;}
.stepTwo {font-weight: bold; padding-left: 66px;}
.stepThree {font-weight: bold; padding-left: 132px;}
.stepFour {font-weight: bold; padding-left: 198px;}
.stepFive {font-weight: bold; width: 307px; text-align: right;}

p.capDescription {font-size: 10px; color: #666;}

/*pop ups*/
.popUp {margin: 128px 20px 0 50px; color: #666; line-height: 24px;}
.fall {}


/**************************
   Testimonials - Popup
**************************/
div#testimonyFormHolder { width: 100%; text-align: center; padding-top: 22px; }
div#fillOutForm { margin: 0 auto; width: 414px; text-align: left; background: url(../Images/imgFillOutFormBtm.jpg) no-repeat bottom left; padding-bottom: 157px; }
div#fillOutFormMid { width: 414px; text-align: left; background: url(../Images/imgFillOutFormMid.jpg) repeat-y top left; }
div#filloutFormTop { width: 414px; text-align: left; background: url(../Images/imgTellExperience.jpg) no-repeat top left; padding-top: 77px; }
div#filloutFormTop .firstElement { padding-top: 26px; }
div.formElements { width: 288px; margin-left: 56px; padding-bottom: 19px; }
div.formElements div.label label { color: #4c4c4c; font-size: 13px; line-height: 17px; height: 17px; overflow: hidden; display: block; }
div.formElements div.textBox { width: 288px; padding-top: 5px; }
div.formElements div.textBox input { width: 179px; border-top: 1px solid #848484; border-left: 1px solid #848484; border-right: 1px solid #fafafa; border-bottom: 1px solid #fafafa; font-family: arial; font-size: 13px; color: #4c4c4c; }
div.formElements div.textBox textarea { width: 288px; border-top: 1px solid #848484; border-left: 1px solid #848484; border-right: 1px solid #fafafa; border-bottom: 1px solid #fafafa; font-family: arial; font-size: 13px; color: #4c4c4c; height: 100px; }
div#testimonySubmit { width: 288px; margin-left: 56px; } 

#siteReferralOthers { padding-top: 15px; }
#siteReferralOthers img { margin-right: 35px; margin-bottom: 15px; }

/* hide */
.capDescription {display: none}
.steps {display: none;}
/*#eScheduling .hr, #salesScheduling .hr {display: none !important;}*/

/* CoolPlay */
.cooltext { padding-top:12px; font-size:12px; background-color:#FFFFFF; color:#333333; text-align:center; vertical-align:center; }
.cooltext a { padding-top:12px; font-size:12px; background-color:#FFFFFF; color:#000099; text-align:center; vertical-align:center; }