/* Kleenheat Gas Parent Site */

@import "global.css";


/* -- Page Head */
#page_head h1 { width: 243px; height: 64px; background-position: 0px -232px; }


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


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

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

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

#navigation li.commercial_use a { width: 188px; background-position: -296px 0px; }
#navigation li.commercial_use a:hover,
#navigation li.commercial_use a.active { background-position: -296px -49px; }
/*
#navigation li.where_to_exchange a { width: 202px; background-position: -455px 0px; }
#navigation li.where_to_exchange a:hover,
#navigation li.where_to_exchange a.active { background-position: -455px -49px; }
*/
#navigation li.safety_tips a { width: 141px; background-position: -484px 0px; }
#navigation li.safety_tips a:hover,
#navigation li.safety_tips a.active { background-position: -484px -49px; }

#navigation li.fundraising a { width: 155px; background-position: -625px 0; }
#navigation li.fundraising a:hover,
#navigation li.fundraising a.active { background-position: -625px -49px; }

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


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


/* -- 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; z-index: 15; }
.side_box .end.top { top: 33px; background-position: -406px 0px; }
.side_box.homeside { padding: 0 !important; }
.side_box.homeside .end.top { top: 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); }

#sidebar.homesidebox p { margin-bottom: 15px; }
.side_box.homeside ul li { border: none; }
.side_box.homeside ul li a { background: none; font-weight: normal; }
.side_box.homeside ul li a span { padding: 0; }


/* -- Homepag Left Col */
#home_sidebar { width: 198px; background: url(images/kwik_gas/home-leftcol-grad.gif) repeat-x bottom; min-height: 528px; height: auto !important; height: 528px; }
#home_sidebar .location_finder { position: relative; z-index: 10; height: 46px; width: 183px; padding: 89px 0 0 15px; background: url(images/kwik_gas/home-locationfinder.gif) no-repeat top left; }
#home_sidebar .location_finder h1 { margin: 0; position: absolute; top: 0; left: -999em; }
#home_sidebar .location_finder select { float: left; width: 100px; margin-right: 10px; }
#home_sidebar .location_finder input.text { float: left; margin: -1px 10px 0 0; width: 110px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; }
#home_sidebar .location_finder .go-button1 { float: left; cursor: pointer; margin: 0; }

#home_sidebar .home_sidebar_contents { position: relative; z-index: 5; width: 168px; padding: 16px; font-size: 108%; color: #555; }
#home_sidebar .home_sidebar_contents h1 { height: auto; margin: 0 0 8px -3px; font-size: 160%; }
#home_sidebar .home_sidebar_contents ul { width: 197px; margin: 0 -16px; padding: 0 0 0 0; list-style: none; }
#home_sidebar .home_sidebar_contents ul a { width: 170px; display: block; padding: 4px 10px 4px 16px; font-size: 90%; color: #464646; }
#home_sidebar .home_sidebar_contents ul a:hover { text-decoration: none; color: #00aeef; background: none; }
#home_sidebar .home_sidebar_contents ul a img { float: right; width: auto; padding-left: 5px; }
#home_sidebar .home_sidebar_contents span { cursor: pointer; }
#home_sidebar .home_sidebar_contents span.homeappliance { display: block; color: #00aeef; font-size: 120%; margin: 7px 0 1px -1px; }
#home_sidebar .home_sidebar_contents span.clearfloats { display: block; }
#home_sidebar .home_sidebar_contents a.seeall { padding: 0 6px 0 0; font-weight: bold; color: #00aeef; background: url(images/arrow-right-blue.gif) no-repeat right center; font-size: 90%; }
* html #home_sidebar { background: none; }

/* -- Homepage right hand columns */
#home_main_content { float: right; width: 708px; margin: 0 -1px 0 0; font-size: 108%; }
#home_main_content #home_main { position: relative; width: 704px; padding: 1px 2px 5px 2px; background: url(images/internal_smallRHS_repeat.png) repeat-y right; }
#home_main_content #home_main .rhs_end { position: absolute; right: 0; width: 708px; height: 15px; z-index: 10; }
#home_main_content #home_main .rhs_end.top { top: 0; background: url(images/short-rhs-top.png) no-repeat top left; }
#home_main_content #home_main .rhs_end.btm { bottom: 0; background: url(images/short-rhs-btm.png) no-repeat top left; }

#home_promos { position: relative; margin-top: 10px; margin-right: -10px; width: 718px; }

#home_promos .promo { position: relative; float: left; width: 229px; height: 129px; padding: 1px 1px 0 2px; margin: 0 6px 0 0; background:url(images/kwik_gas/home_promo_box.png) no-repeat top left; }

#home_promos .promo .corner { z-index:999; }
#home_promos .promo .corner.tl { position: absolute; top: 0; left: 0; 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: 0; left: 0; width: 12px; height: 12px; background: url(images/kwik_gas/home_promo_box_corner_bl.png) no-repeat; }
#home_promos .promo .corner.br { position: absolute; bottom: 0; right: -1px; width: 12px; height: 12px; background: url(images/kwik_gas/home_promo_box_corner_br.png) no-repeat; }
#home_promos .promo a { display:inline-block; width: 228px; /*height: 109px;*/ font-size: 90%; color: #464646; }
#home_promos .promo a:hover { text-decoration: none; color: #00aeef; }
#home_promos .promo a span { cursor: pointer; display:block;}
#home_promos .promo a img { /*width: 82px;*/ float:right; margin-right:-1px; }
#home_promos .promo a span.promotitle { display: block; margin: 0 0 5px 0; padding:8px 0 0 0; font-size: 130%; color: #00AEEF; font-weight:bold; }
#home_promos .promo span.promotop_half { display: block; height: 94px; width:218px; padding: 0 0 0 10px; position:relative; float:left; }
#home_promos .promo a span.description,
#home_promos .promo a:hover span.description { display: block; margin-bottom: 5px; color:#464646; }
#home_promos .promo span.more { display: block; float:left; width:218px; height: 25px; padding: 9px 0 0 10px; margin-top:-2px; font-size: 14px; color: #fefefe; background: url(images/kwik_gas/home_promo_morebg.png) no-repeat top right; font-weight: bold; }

#home_promos .promo .promoInner,
#home_promos .promo .promoInner a { width:229px; height:128px; float:left; }

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

#home_promos .promo.reseller a { width: 155px; padding-right: 58px; background: url(images/kwik_gas/home_promo_reseller.jpg) no-repeat bottom right; }
#home_promos .promo.fundraising a { width: 155px; padding-right: 58px; background: url(images/kwik_gas/home_promo_fundraising.jpg) no-repeat bottom right; }
#home_promos .promo.assurance a { width: 155px; padding-right: 58px; background: url(images/kwik_gas/home_promo_assurance.jpg) no-repeat bottom right; }

kwikgasPromo1 img { margin-top:10px; }

/* -- Internal Page */
#internal_container { position: relative; width: 922px; padding: 1px 2px 5px 2px; margin: 0 -1px 0 -3px; 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 !important; }
.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; }

.side_box.location .location_finder { position: relative; padding-right: 30px !important; }
.side_box.location .location_finder h1 { margin-bottom: 20px !important; }
.side_box.location .location_finder li { border-bottom: none; }
.side_box .box_container .location_form { float: left; position: relative; z-index: 100; }
.side_box .box_container .location_finder input.text { float: left; width: 100px; margin: 0; }
.side_box .box_container .location_finder select {margin: 0 0 2px 0; width: 80px; padding: 3px; height: 25px; float: left; }
.side_box .box_container .location_finder .go-button1 { float: right; margin: 0;}
\ html .location_finder .go-button1 {margin-bottom: 1px;}
.side_box .box_container .location_finder .go-button {float: right; margin: 1px -5px 0 0px;}


/* -- 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%; }