/* Kleenheat Gas Parent Site */

@import "global.css";

* html #copy {width: 644px;}

/* -- Global Header */
#global_header { height: 61px !important; padding: 14px 0 0 0; border-bottom: 1px solid #a7a7a7; }
#global_header h1 { float: left; width: 311px; height: 43px; background-position: 0px -43px; }
#global_header h1 a { width: 311px; height: 43px; }

#phone_number { margin-top: -1px; background-position: right -28px; color: #fefefe; }


/* -- Search box */
#search_container_outer { background: #1f659c url(images/search-box-bg.gif) no-repeat 0px -50px; }
#search_container { background: url(images/search-box-bg.gif) no-repeat right -75px; }


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

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

#navigation li.about_us a { width: 158px; background-position: -127px 0px; }
#navigation li.about_us a:hover,
#navigation li.about_us a.active { background-position: -127px -49px; }

#navigation li.products a { width: 172px; background-position: -285px 0px; }
#navigation li.products a:hover,
#navigation li.products a.active { background-position: -285px -49px; }

#navigation li.safety a { width: 141px; background-position: -457px 0px; }
#navigation li.safety a:hover,
#navigation li.safety a.active { background-position: -457px -49px; }

#navigation li.careers a { width: 151px; background-position: -598px 0px; }
#navigation li.careers a:hover,
#navigation li.careers a.active { background-position: -598px -49px; }

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

#navigation ul.homemenu li ul { height: 323px; }

#navigation li.safety ul,
#navigation li.about_us ul { width: 174px; }
#navigation li.safety ul a,
#navigation li.about_us ul a { width: 134px; }
#navigation li.products ul { width: 242px; }
#navigation li.products ul a { width: 202px; }


/* -- Homepage */
#home_container { position: relative; width: 919px; padding: 1px 2px 5px 2px; margin: 0 -1px; background: url(images/khg_parent/home-body-repeat.png) repeat-y left; z-index: 90; }
#home_container .edge { position: absolute; left: 0; width: 923px; }
#home_container .topedge { top: 0; height: 10px; background: url(images/khg_parent/home-body-top-corners.png) no-repeat top left; }
#home_container .btmedge { bottom: 0; height: 15px; background: url(images/khg_parent/home-body-btm-corners.png) no-repeat bottom left; }
* html #home_container .btmedge { bottom: -1px; }

#home_container .banner { height: 335px; width: 919px; overflow: hidden; border-bottom: 11px solid #014070; position: relative; }
#home_container .banner .banner_container { position: absolute; top: 0; left: 0; height: 335px; }
#home_container .banner .banner_item { float: left; height: 335px; width: 919px; }
#home_container .banner .tabs { position: absolute; bottom: 0; right: 0; margin: 0 7px 0 0; }
#home_container .banner .tabs .tabitem { float: left; width: 34px; height: 14px; padding: 7px 0 0 0; margin-right: 1px; cursor: pointer; color: #fefefe; font-size: 90%; font-weight: bold; text-align: center; background: url(images/banner-rotation-tabs.png) no-repeat top left; }
#home_container .banner .tabs .tabitem.active { background-position: bottom left; }
* html #home_container .banner .tabs { bottom: -1px; }

#home_container .promotions { height: 167px; background: #f4f4f5 url(images/khg_parent/home-promos-repeat.gif) repeat-x top; }
#home_container .promo { float: left; display: block; width: 209px; height: 146px; padding: 20px 0 0 20px; border-left: 1px solid #e2e2e2; color: #555; line-height: 130%; }
#home_container .promo a { color: #555; }
#home_container .promo a:hover { color: #00aeef; text-decoration: none; }
#home_container .promo.firstchild { border-left: none; padding-top: 20px !important; }
#home_container .promo img.promohero { float: right; width: 80px; height: 166px; margin: -20px 0 0 0; }
#home_container .promo .promoTitle { display: block; margin: 0 0 10px; color: #003b68; font-size: 130%; line-height: normal; font-weight: bold; }
#home_container .promo .description { display: block; margin-bottom: 5px; }
#home_container .promo .description strong { display: block; padding: 0 0 0 10px; color: #00aeef; background: url(images/arrow-right-blue.gif) no-repeat 0px 4px; }

#home_container .promo.locator { width: 160px; padding-right: 49px; background: url(images/khg_parent/promo-locator.jpg) no-repeat bottom right; }
#home_container .promo.locator select { margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 18px; width: 100%; }
#home_container .promo.locator .go-button {margin-bottom: -5px;}
\ html #home_container .promo.locator .go-button {margin-bottom: 7px;}

#home_container .promo a h4 {margin-top: 0;}

img.wesfarmersgroup { float: right; width: 199px; margin: 10px 20px 0 0; }


/* -- 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; z-index: 1; }
* html .rhs_end.btm { bottom: -1px; }

#sidebar { float: left; width: 202px; margin-bottom: -6px; }
#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; z-index: 1!important; }
.side_box .end { position: absolute; left: 0; height: 10px; width: 202px; background: url(images/sidebar_sprite.png) no-repeat 0px 0px; z-index: 1!important; }
.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; z-index: 1!important; }
* 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 a.promo { display: block; border-bottom: 1px solid #e2e2e2; }

\ html .side_box ul { margin: 0 0 -3px; }


/* -- 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 .related_items { float: right; width: 202px; padding: 0 0 1px 40px; background: url(images/khg_parent/related-bg.gif) no-repeat bottom right; position: relative; }
#content_container .related_items .rtitle { width: 184px; padding: 12px 0 10px 18px; background: url(images/khg_parent/related-item-titlebg.gif) no-repeat top left; }
#content_container .related_items .rtitle h3 { margin: 0 !important; color: #fefefe !important; font-size: 100% !important; font-weight: bold !important; }
#content_container .related_items a.related { display: block; border-top: 1px solid #e9e9e9; padding: 0 1px; }
#content_container .related_items a.related:first-child { border-top: none; }
#content_container .related_items .corners { width: 202px; height: 5px; position: absolute; bottom: 0; right: 0; }

* html #content_container .related_items .corners { bottom: -1px; }

/* Search results */
.sf_searchBox label {margin: 0 10px 0 0;}
.sf_searchBox input.sf_searchText {padding: 2px 3px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; height: 15px; margin: 0 5px 0 0; width: 200px}

.search-result-wrap {float: left;}
.search-result {width: 642px; float: left;border-bottom: 1px solid #ccc; padding: 0 0 15px 0; margin: 0 0 15px 0;}
.search-result-title { float: left; width: 150px;}
.search-result-blurb { float: right; width: 490px;}

a.sf_PagerSelItem {font-weight: bold; color: #019eda!important;}


/* Store Locator */
#store_locations_wrapper { margin: 0; }

/* Contact Us Form */
.contact-form {width: 390px;}
.contact-form label {width: 180px; display: block; float: left;}
.contact-form label.newsletter {width: 350px;}
.contact-form input.text {width: 200px; margin: 0 0 10px 0; float: left;}

.contact-form .receiveNewsletter input {float: left; margin: 0 5px 0 0;}
.contact-form select {width: 200px; margin: 0 0 10px 0; float: left;}
.contact-form textarea {width: 200px; margin: 0 0 20px 0; float: left;}
.contact-form input.submitcontact {float: right;}


/* Error Pages */
#errorpage #internal_container { background-position: center top; }
#errorpage #internal_container_inner { background-position: center bottom; }
#errorpage .rhs_end.top,
#errorpage .rhs_end.btm { left: 50%; margin-left: -354px; z-index: 1; }
#errorpage #content_container { float: none; margin: 0 auto; width: 704px; }


/* MSDS Docs */
dl.msds_docs { margin: 0; padding: 10px 0 0; list-style: none; }
dl.msds_docs dt { clear: left; float: left; width: 300px; padding: 4px 0; border-bottom: 1px solid #eaeaea; }
dl.msds_docs dt a { color: #555; font-weight: bold; }
dl.msds_docs dd { margin: 0 0 0 300px; padding: 4px 0; border-bottom: 1px solid #eaeaea; text-align: right; font-size: 90%; }
dl.msds_docs span { color: #999; padding-left: 3px; }