/* Kleenheat Gas Parent Site */

@import "global.css";


/* -- Page Head */
#page_head { padding-top: 18px; min-height: 69px; height: auto !important; height: 69px; }
#page_head h1 { width: 420px; height: 46px; background-position: 0px -166px; }

#phone_number { margin-top: 5px; }


/* -- Footer */
#footer { background-image: url(images/footer_divides_3col.gif); }


/* -- Navigation */
#navigation { margin-bottom: 15px; }
#navigation li a { background: url(images/auto_gas/navigation_sprite.gif) no-repeat top left; }

#navigation li.home a { width: 115px; background-position: top left; }
#navigation li.home a:hover,
#navigation li.home a.active { background-position: bottom left; }

#navigation li.what_is_autogas a { width: 211px; background-position: -115px 0px; }
#navigation li.what_is_autogas a:hover,
#navigation li.what_is_autogas a.active { background-position: -115px -49px; }
/*
#navigation li.outlet_locator a { width: 194px; background-position: -326px 0px; }
#navigation li.outlet_locator a:hover,
#navigation li.outlet_locator a.active { background-position: -326px -49px; }
*/
#navigation li.installers a { width: 154px; background-position: -326px 0px; }
#navigation li.installers a:hover,
#navigation li.installers a.active { background-position: -326px -49px; }

#navigation li.faq a { width: 98px; background-position: -480px 0px; }
#navigation li.faq a:hover,
#navigation li.faq a.active { background-position: -480px -49px; }

#navigation li.calculators a { width: 177px; background-position:-578px 0; }
#navigation li.calculators a:hover,
#navigation li.calculators a.active { background-position:-578px -49px; }

#navigation li.contact_us a { width: 166px; background-position: top right; }
#navigation li.contact_us a:hover,
#navigation li.contact_us a.active { background-position: bottom right; }


/* -- Homepage */
#home_container { position: relative; width: 922px; padding: 1px 2px 5px 2px; margin: 0 -1px 0 -3px; z-index: 90; }

#home_main { width: 922px; min-height: 377px; height: auto !Important; height: 378px; position: relative; background: url(images/internal_wideRHS_repeat.png) repeat-y left; }
#home_main #home_main_container { padding: 1px 1px 5px 2px; }
#home_main #home_message { background: #013f6f url(images/auto_gas/home_message_bg.gif) repeat-x bottom }
#home_main #home_message h1 { margin: 0; padding: 0; color: #fefefe; font-size: 210%; font-weight: normal; }
#home_main #home_message h1 a { display: block; padding: 20px 37px; color: #fefefe; }
#home_main #home_message h1 a:hover { text-decoration: none; }

#home_main .home_end { position: absolute; left: 0; width: 924px; height: 15px; }
#home_main .home_end.top { top: 0; background: url(images/wide-rhs-top.png) no-repeat top left; }
#home_main .home_end.btm { bottom: 0; background: url(images/wide-rhs-btm.png) no-repeat top left; }
* html #home_main .home_end.btm { bottom: -1px; }


/* -- Home Promotions */
#home_promos { position: relative; margin-top: 10px; margin-right: -20px; width: 940px; }
#home_promos .promo { position: relative; float: left; width: 295px; height: 123px; padding: 1px 1px 5px 2px; margin: 0 15px 0 0; background-image: url(images/auto_gas/home_promo_back_sprite.gif); background-repeat:no-repeat; }
#home_promos .promo .corner.tl { position: absolute; top: 0; left: -1px; width: 7px; height: 7px; background: url(images/home_promo_box_corner_tl.png) no-repeat; }
#home_promos .promo .corner.tr { position: absolute; top: 0; right: -1px; width: 7px; height: 7px; background: url(images/home_promo_box_corner_tr.png) no-repeat; }
#home_promos .promo .corner.bl { position: absolute; bottom: -1px; left: -1px; width: 12px; height: 12px; background: url(images/auto_gas/home_promo_box_corner_bl.png) no-repeat; }
#home_promos .promo .corner.br { position: absolute; bottom: -1px; right: -1px; width: 12px; height: 12px; background: url(images/auto_gas/home_promo_box_corner_br.png) no-repeat; }
* html #home_promos .promo .corner.bl,
* html #home_promos .promo .corner.br { bottom: -3px; }
#home_promos #autogasPromo2 .promoInner {width: 295px; height: 123px;}

#home_promos .promo a { display: block; width: 275px; height: 123px; padding: 0 0 0 19px; font-size: 90%; color: #464646; }
#home_promos .promo a:hover { text-decoration: none; color: #00aeef; }
#home_promos .promo a span { cursor: pointer; }*/

#home_promos .promo a span { cursor: pointer; }
#home_promos .promo a img { float: right; width: 130px; height: 123px; padding-left: 10px; border: none; }
#home_promos .promo a span.promotitle { display: block; padding: 17px 0 2px; margin: 0 0 5px 0; font-size:175%; color: #003b68; }
#home_promos .promo a span.description { display: block; margin-bottom: 5px; color:#464646; font-weight:bold; font-size:110%; }
#home_promos .promo a span.more { padding: 0 6px 0 0; font-weight: bold; color: #e50030; background: url(images/arrow-right-red.gif) no-repeat right 5px; font-size:110%; }

* html #home_promos .promo .corner { bottom: -4px; }


#home_promos .location_finder { padding: 16px 90px 0 19px; height: 107px;/* background: url(images/auto_gas/home_location_finder.gif) no-repeat top right;*/ }
#home_promos .location_finder h2 { margin: 0 0 10px 0; padding: 0; font-size: 150%; color: #003a67; font-weight: normal; }
#home_promos .location_finder select { width: 130px; padding: 3px; height: 23px; float: left; margin-right: 10px; }
#home_promos .location_finder .go-button1 { float: left; }


/* Themed Promo update: July 2011 */
#home_promos #autogasPromo1 { background-position:0 0; }
#home_promos #autogasPromo1 .promoInner,
#home_promos #autogasPromo1 .location_finder { background:url(images/auto_gas/promoLocation.png) no-repeat right 0;}
#home_promos #autogasPromo1 a {width: 180px; padding: 0 95px 0 19px;}
#home_promos #autogasPromo1 .promotitle { color:#003a67;}
#home_promos #autogasPromo2 { background-position:0 -137px; }
#home_promos #autogasPromo2 .promoInner { background:url(images/auto_gas/promoAutogas.png) no-repeat right 0;}
#home_promos #autogasPromo2 a {width: 180px; padding: 0 95px 0 19px;}
#home_promos #autogasPromo2 .description { padding-right:30px; }
#home_promos #autogasPromo2 .promotitle { color:#2b5a09; }
#home_promos #autogasPromo3 { background-position:0 -274px; }
#home_promos #autogasPromo3 .promoInner { background:url(images/auto_gas/promoCalculator.png) no-repeat right 0;}
#home_promos #autogasPromo3 a {width: 180px; padding: 0 95px 0 19px;}
#home_promos #autogasPromo3 .description { padding-right:30px; }
#home_promos #autogasPromo3 .promotitle { color:#8b2845; }
#home_promos .promo span.btnGo { display:block; background: url(/wsimages/btn-go.png) no-repeat 0 0;width: 36px; height: 21px; text-indent:-99999px; overflow:hidden; }


/* -- Side Bar */
#sidebar { float: left; width: 202px; margin-bottom: -6px; }
#sidebar.homesidebox { margin-bottom: 0; }
#sidebar h1 { height: 21px; padding: 0 0 0 2px; margin: 0; font-size: 140%; color: #013f70; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }	
	
.side_box { position: relative; width: 202px; margin-top: 5px; padding: 12px 0 0 !important; }
.side_box .box_container { width: 198px; padding: 1px 2px 4px; background: url(images/sidebar_sprite.png) repeat-y left top; }
.side_box .end { position: absolute; left: 0; height: 10px; width: 202px; background: url(images/sidebar_sprite.png) no-repeat 0px 0px; }
.side_box .end.top { top: 33px; background-position: -406px 0px; }

.side_box.firstchild .end.top { background-position: -609px 0px; }
.side_box .end.btm { bottom: 0; background-position: -203px 0px; }
* html .side_box.firstchild .end.top { left: 1px; }
* html .side_box .end.btm { bottom: -5px; left: 1px; }

.side_box ul { margin: 0; padding: 0; width: 198px; list-style: none; }
.side_box ul li { width: 198px; border-bottom: 1px solid #e2e2e2; line-height: 130%; }
.side_box ul li a { display: block; width: 198px; font-weight: bold; color: #00aeef; background: url(images/side-box-link-bg.gif) no-repeat -999em 0px; }
.side_box ul li a span { display: block; padding: 7px 20px 6px 13px; background: url(images/arrow-right-blue.gif) no-repeat 187px 11px; cursor: pointer; }
.side_box ul li a:hover,
.side_box ul li a.active { color: #fefefe; background: #019edb url(images/side-box-link-bg.gif) repeat-x top; text-decoration: none; }
.side_box ul li a:hover span,
.side_box ul li a.active span { background-image: url(images/arrow-right-white.gif); }

.side_box.location .location_finder { padding-bottom: 5px; background-image: url(images/auto_gas/internal_location_finder.gif); background-position: top right; }
\ html .side_box.location .location_finder {padding-bottom: 10px;}
.side_box.location .location_finder select { width: 100px; float: left; }

.side_box.firstchild.location { padding-top: 0px !important; }
.side_box.firstchild.location .end.top { top: -1px !important; }
.side_box.firstchild.location .go-button { margin: 0 -8px -4px 0; float: right; cursor: pointer; }
\ html .side_box.firstchild.location .go-button { margin: 0 -8px 0 0; float: right;}

/* -- Internal Page */
#internal_container { position: relative; width: 922px; padding: 1px 2px 5px 2px; margin: 0 -3px 0 -1px; background: url(images/internal_smallRHS_repeat.png) repeat-y right; }
#internal_container #internal_container_inner { background: url(images/short-rhs-btmgrad.gif) no-repeat bottom right; }

.rhs_end { position: absolute; right: 0; width: 708px; height: 15px; z-index: 10; }
.rhs_end.top { top: 0; background: url(images/short-rhs-top.png) no-repeat top left; }
.rhs_end.btm { bottom: 0; background: url(images/short-rhs-btm.png) no-repeat top left; }
* html .rhs_end.btm { bottom: -1px; }
	

/* -- Internal RHS Column */
#content_container { float: right; width: 704px; font-size: 108%; }
#content_container .banner { padding: 0 0 6px 0; background: url(images/internal_banner_btmgrad.gif) repeat-x bottom; }

#content_container #copy { padding: 32px 47px 60px; line-height: 145%; }


/* Calculators */
#calculator1, #calculator2 {background: #003a67;  float: left; height: 458px; width: 285px; margin-bottom: 30px;}
#calculator1 .internal, #calculator2 .internal {background: url(/css/images/auto_gas/calc-bg-repeat.gif) repeat-x 0 0; float: left; height: 396px; padding: 11px 25px 0 26px; width: 234px; }
#calculator1 .internal input, #calculator2 .internal input { margin-bottom: 12px; }
#calculator1 .internal .variables input, #calculator2 .internal .variables input {width: 158px; margin: 0 0 12px 14px;}
#calculator1 .internal label, #calculator2 .internal label {color: #003a67;}
#calculator1 .internal .variables, #calculator2 .internal .variables { height: 245px; }
#calculator1 h3 {background: url(/css/images/auto_gas/calc1-h3-bg.png) no-repeat; width: 285px; height: 51px; text-indent: -9999px; margin: 0!important; padding: 0;}
#calculator2 h3 {background: url(/css/images/auto_gas/calc2-h3-bg.png) no-repeat; width: 285px; height: 51px; text-indent: -9999px; margin: 0!important; padding: 0; }
#calculator1 h4, #calculator2 h4 {color: #003a67; font-size: 14px; margin: 0 0 14px 0; padding: 0; line-height: normal;}
#calculator1 h5, #calculator2 h5 {color: #fff; font-size: 18px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; line-height: normal; margin: 0; padding: 0;}
#calculator1 h5,
#calculator2 h5 { margin: 11px 0 0 0; }
#calculator1 p, #calculator2 p {color: #fff; font-size: 11px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; line-height: 110%;}
#calculator1 {margin-right: 40px;}


/* Store Locator */
#maphover { background-image: url(images/store_locator_small_wa-nt.gif); }