body { font: normal 9px Arial, Verdana, Helvetica, sans-serif; margin: 0px; padding: 0px; top: 100px; left: 0px; background-image: url("images/defaultBackground.gif"); color: #514F4F;}
p { font: normal 9px Arial, Verdana, Helvetica, sans-serif; }

h1 { font: bold 14px Arial, Verdana, Helvetica, sans-serif; }

h2 { font: bold 12px Arial, Verdana, Helvetica, sans-serif; }

h3 { font: bold 11px Arial, Verdana, Helvetica, sans-serif; }

h4 { font: bold 10px Arial, Verdana, Helvetica, sans-serif; }

ul { padding: 0px; }

a:link { text-decoration: none; color: black; font: 700 9px Arial;}

a:visited { text-decoration: none; color: black; font: 700 9px Arial;}

a:active { text-decoration: none; color: black; font: 700 9px Arial;}

a:hover { text-decoration: none; color: black; font: 700 9px Arial;}

img { border: solid 0px white; margin: 0px;}
table { margin: 0px; padding: 0px;}
.SmallCaps { font-variant: small-caps; }
.red { color: #AC2118; }
.CommonBodyHeader { display: block; width: 380px; border-bottom: solid 2px black; font-size: 12px; font-weight: bold; margin: 5px 0px 15px 0px; }

/* global */

#PageWrapper { width: 100%; background-image: url("images/defaultBackground.gif"); margin: 0px; padding: 0px; text-align: center; }
#OuterWrapper { width: 634px; margin: 10px 0px 10px 0px; padding: 0px; display: block; text-align: left; margin-left: auto; margin-right: auto; }
#tableBody {width: 634px; height: 475px; margin: 0px 0px 0px 0px; }

/* header */
#headerOuterWrapper { width: 634px; height: 100px; display: block; background-image: url('images/bnr1.gif'); border: solid 0px green;}
 
#bannerPhoneNumbers { margin: 5px 0px 0px 330px; display: inline; float: left; border: solid 0px red;}
.bnrCity { width: 50px; color: Gray; display: inline-block; font: normal 9px arial;}
.bnrPhone { width: 65px; color: Gray; display: inline-block; font: normal 9px arial;}
#bannerQuickLinks { float: right; margin: 1px 0px 0px 47px; width: 135px; height: 30px; }
#bannerQuickLinks span { float: left; width: 62px; }
#bannerQuickLinks a { font-weight: normal; letter-spacing: 1px; color: #587177;}
#bannerQuickLinks a:hover { font-weight: normal; letter-spacing: 1px; color: #616161;}

.LeftColumnOuterWrapper { display: block; width: 224px; height: 475px;}
.LeftColumnOuterWrapper a { width: 205px; height: 40px; color: White; display: block; border: solid 0px white; margin-left: 17px; font: bold 14px arial; background-image: url("images/leftLinkBg.gif")}
.LeftColumnOuterWrapper a:link { color: White; font: bold 14px arial; }
.LeftColumnOuterWrapper a:visited {color: White; font: bold 14px arial; }
.LeftColumnOuterWrapper a:active {color: White; font: bold 14px arial; }
.LeftColumnOuterWrapper a:hover {color:  #E3F6FB; font: bold 14px arial; text-decoration: none; }
.LeftColumnOuterWrapper .oneLine { display: inline; margin: 10px 0px 10px 10px; float: left;}
.LeftColumnOuterWrapper .twoLine { display: inline; margin: 3px 0px 2px 10px; float: left;}
.LeftColumnOuterWrapper .tinyLinkOver {  display: inline; float: left; font: normal 9px arial; margin: 4px 0px 0px 10px; }
.LeftColumnOuterWrapper .highEfficiency { display: inline; float: left; margin: 0px 0px 0px 10px;}
.LeftColumnOuterWrapper .tinyLinkRight { display: inline; float: right; width: 50px; font: normal 9px arial; margin-top: 2px;}

#LeftColumnRatePlans { margin: 10px 25px 10px 25px;}
#LeftColumnRatePlans hr { margin: 0px;}
#LeftColumnRatePlans h4 { margin: 0px; }
#img247 { margin: 5px 0px 0px 25px; }

/* right column */
.RightColumnOuterWrapper { display: block; width: 410px; height: auto; background-color: White; }


/* footer */
#FooterOuterWrapper { clear: both; background-image: url('images/SharedFooter.gif'); display: block; height: 108px; width: 634px; margin: 0px; }
#FooterOuterWrapper #footerLinks {float: right; margin:  60px 0px 0px 0px; }
#FooterOuterWrapper a { margin: 0px 20px 0px 0px; display: inline; float: left; color: #7c7c7c; }
#FooterOuterWrapper a:hover { color: #616161; }

/* index */
#imgWelcomIndex { margin-left: 8px;}

#indexRightColumnLeft {display: inline; width: 200px; float: left;  margin: 0px 0px 0px 10px;}
#indexRightColumnLeft h3 { border-bottom: solid 2px black; line-height: 20px; vertical-align: middle; margin: 10px 0px 0px 0px;}
#indexRightColumnLeft img { margin: 0px 0px 0px 0px; }
#indexRightColumnLeft p { margin: 5px 0px 5px 0px; text-align: justify; }

#indexRightColumnRight { width: 175px; float: right;  margin: 0px 10px 0px 0px; display: inline;}
#indexRightColumnRight #comfortWrapper { display: block; background-image: url('images/yearRoundComfort1.gif'); width: 174px; height: 242px; }
#indexRightColumnRight #comfortWrapper ul { margin: 42px 15px 15px 10px; display: block; width: 150px; }
#indexRightColumnRight #comfortWrapper ul li { margin: 0px 0px 0px 0px; display: block; width: 150px; font: 9px normal verdana; color: #435349; line-height: 11px; }
#indexRightColumnRight h3 { color: #AC2118; font: normal 24px verdana; margin: 10px 0px 0px 0px;}
#indexRightColumnRight h4 { color: #10371E; font: normal 14px arial; margin: 0px 0px 5px 0px;}
#indexRightColumnRight hr { width: 165px;}

/* #bannerImg { width: 635px; height: 100px; } */

/* contact page */
#ContactOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#ContactOuterWrapper #ContactBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#ContactOuterWrapper #ContactBody div { display: block; margin: 5px 5px 5px 10px; }
#ContactOuterWrapper h2 { display: block; width: 200px; border-bottom: solid 1px black; margin: 0px 0px 5px 0px; }
#ContactOuterWrapper h3 { display: block; color: #2E3192; font: bold 10px arial; margin: 0px 0px 0px 0px;}
#ContactOuterWrapper .title { font-weight: bold; display: block; margin: 0px 0px 0px 0px; color: #2E3192; } 
#ContactOuterWrapper .name { display: block; margin: 0px 0px 0px 5px;}
#ContactOuterWrapper a { color: Blue;}

/* Oil Prepay Plab - uses same style theme as contact  page */
#OilPrepayOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#OilPrepayOuterWrapper #OilPrepayBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#OilPrepayOuterWrapper #OilPrepayBody #OilPrepayBodyInner { display: block; margin: 5px 5px 5px 10px; }
#OilPrepayOuterWrapper #PrepayList { display: block; margin: 5px 0px 10px -3px; border: dashed 1px #C5C5C4; background-color: #E9E9E7; width: 370px; height: auto; }
#OilPrepayOuterWrapper #PrepayList span { display: block; margin: 5px 0px 5px 10px; }
#OilPrepayOuterWrapper h2 { display: block; width: 200px; border-bottom: solid 1px black; margin: 0px 0px 15px 0px; }

/* Payment Options / Finance page uses same style theme as contact page */
#FinancingOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#FinancingOuterWrapper #FinancingBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#FinancingOuterWrapper #FinancingBody div { display: block; margin: 5px 5px 5px 10px; }
#FinancingOuterWrapper h2 { display: block; width: 200px; border-bottom: solid 1px black; margin: 10px 0px 5px 0px; }
#FinancingOuterWrapper h3 { display: block; color: #2E3192; font: bold 10px arial; margin: 0px 0px 0px 0px;}

/* Service Policy page uses same style theme as contact page */
#ServicePolicyOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#ServicePolicyOuterWrapper #ServicePolicyBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#ServicePolicyOuterWrapper #ServicePolicyBody div { display: block; margin: 5px 5px 5px 10px; }
#ServicePolicyOuterWrapper h2 { display: block; width: 360px; border-bottom: solid 1px black; margin: 10px 0px 5px 0px; }
#ServicePolicyOuterWrapper h2 a { font: bold 12px arial; color: Blue; }
#ServicePolicyOuterWrapper h3 { display: block; color: #2E3192; font: bold 10px arial; margin: 0px 0px 0px 0px;}
#ServicePolicyOuterWrapper #AcrobatTip { font-style: italic; color: #606060; }

/* Duct Cleaning page uses same style theme as contact page */
#DuctCleaningOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#DuctCleaningOuterWrapper #DuctCleaningBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#DuctCleaningOuterWrapper #DuctCleaningBody div { display: block; margin: 5px 5px 5px 10px; }
#DuctCleaningOuterWrapper h2 { display: block; width: 200px; border-bottom: solid 1px black; margin: 10px 0px 5px 0px; }
#DuctCleaningOuterWrapper h3 { display: block; color: #2E3192; font: bold 10px arial; margin: 0px 0px 0px 0px;}
#DuctCleaningOuterWrapper p { display: block; color: #362F2D; margin: 0px 10px 5px 0px; text-align: left;}
#DuctCleaningOuterWrapper #imgHouse { margin: 0px 5px 0px 0px;}
#DuctCleaningOuterWrapper #imgCrib { margin: 0px 0px 0px 5px;}

/* Cooling page uses same style theme as contact page */
#CoolingOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#CoolingOuterWrapper #CoolingBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#CoolingOuterWrapper #CoolingBody #CoolingBodyPad { display: block; margin: 5px 5px 5px 10px; }
#CoolingOuterWrapper ul { font-size: 9px; }
#CoolingOuterWrapper h2 { color: #27228F; margin: 0px; }
#CoolingOuterWrapper a { color: blue; text-decoration: underline; }
#CoolingOuterWrapper #CoolTStar { }
#CoolingOuterWrapper #CoolTStar #TempStarDetail { display: block; margin: 0px 0px 0px -5px; width: 374px; height: 179px; background-image: url('images/TStarTextBg.gif'); border: solid 0px black;}
#CoolingOuterWrapper #CoolTStar #TempStarDetail #TempStarList { display: block; margin: 0px 10px 0px 120px; border: solid 0px red;}
#CoolingOuterWrapper #CoolTStar #TempStarDetail #TempStarList ul{ display: block; margin: 0px 0px 0px 40px;}
#CoolingOuterWrapper #CoolTStar #TempStarDetail #TempStarList a{ display: block; margin: 5px 0px 0px 30px;}
#CoolingOuterWrapper #CoolFuj { }
#CoolingOuterWrapper #CoolFuj .red { color: #E90505; }
#CoolingOuterWrapper #CoolFuj #FujDetail { display: block; margin: 0px 0px 0px -8px; width: 379px; height: 201px; background-image: url('images/FujTextBg.gif'); border: solid 0px black;}
#CoolingOuterWrapper #CoolFuj #FujDetail #CoolArea{ display: block; width: 140px; color: #41727C; font-weight: bold; font-size: 9px; margin: 15px 0px 0px 10px; }
#CoolingOuterWrapper #CoolFuj #CoolFugList { display: block; margin: 48px 0px 0px 13px; }
#CoolingOuterWrapper #CoolFuj ul { display: block; float: left; width: 150px; border: solid 0px black; list-style-position: inside; margin: 5px 0px 0px 0px; padding: 0px;  }
#CoolingOuterWrapper #CoolFuj ul li { margin: 0px; }

/* Heating page uses same style theme as contact page */
#HeatingOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#HeatingOuterWrapper #HeatingBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#HeatingOuterWrapper #HeatingBody #HeatingBodyContent { display: block; margin: 5px 5px 5px 10px; }
#HeatingOuterWrapper #HeatingBody #HeatingBodyContent h2 { display: block; width: 200px; border-bottom: solid 1px black; margin: 10px 0px 5px 0px; color: #27228F; }
#HeatingOuterWrapper #HeatingBody #HeatingBodyContent h3 { display: block; color: #641B1B; font: bold 10px arial; margin: 0px 0px 0px 0px;}
#HeatingOuterWrapper #HeatingBody #HeatingBodyContent h3 a { color: blue; font: normal 10px arial; margin: 0px 0px 0px 0px; text-decoration: underline;}
#HeatingOuterWrapper #HeatingBody #HeatingBodyContent span { display: block; margin: 0px 0px 10px 10px; }

/* Liquid Products page uses same style theme as payment options page */
#LiquidProductsOuterWrapper { margin: 0px 0px 0px 10px; display: block; }
#LiquidProductsOuterWrapper #LiquidProductsBody { background-image: url('images/CommonBodyBG.gif'); display: block; width: 388px; height: 445px; border: solid 0px red; }
#LiquidProductsOuterWrapper #LiquidProductsBody div { display: block; margin: 5px 5px 0px 10px; }
#LiquidProductsOuterWrapper #LiquidProductsBody div ul { margin: 10px 10px 5px 20px; padding: 0px; }
#LiquidProductsOuterWrapper h2 { display: block; width: 200px; border-bottom: solid 1px black; margin: 10px 0px 0px 0px; }









