/* 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 { position: relative; height: 167px; /*background: #f4f4f5 url(images/khg_parent/home-promos-repeat.gif) repeat-x top;*/ }
#home_container .promotions img { display:none; }
#home_container .promo { float: left; display: block; width: 208px; height: 146px; padding: 20px 0 0 21px; margin:0 1px 0 0; /*border-left: 1px solid #e2e2e2;*/ color: #555; line-height: 130%; background-position: right bottom; background-repeat:no-repeat; }
#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: 179px; padding-right: 30px; background: url(images/khg_parent/promo-locator.jpg) no-repeat bottom right; position: relative; z-index: 100; }
#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 input.text { width: 170px; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display: block; margin: 5px 0 15px; }
#home_container .promo.locator .go-button {margin-bottom: -5px;}

/* Blue Version: Added July 2011*/
#home_container .promotions { background:url(images/khg_parent/home-promos-blue.gif) repeat 0 0; }
#home_container .promo a,
#home_container .promo a:hover,
#home_container .promo h2 strong.boldWhite {color:#fff; outline:none;}
#home_container .promo .h2,
#home_container .promo h2 { display:block; font-weight:normal; color:#fff; margin:0 0 4px 0; font-size:160%; }
#home_container .promo .h2 strong,
#home_container .promo h2 strong { color:#003B68; display:block; font-size:120%; }
#home_container .promo .desc { display:block; margin:0 0 9px 0; line-height:120%; }
#home_container .promo .arrow { display:inline-block; background:url(images/khg_parent/arrowWhite.gif) no-repeat 0 4px; padding:0 0 0 6px; font-weight:bold; }
#home_container  #homePromo1 { background-image:url(images/khg_parent/promoMouse.gif); width: 129px; padding: 20px 80px 0 20px; }
#home_container  #homePromo2 { background-image: url(images/khg_parent/promoCatalogue.gif); width: 129px; padding: 20px 80px 0 20px; }
#home_container  #homePromo3 { background-image: url(images/khg_parent/promoCommunity.png); width: 129px; padding: 20px 80px 0 20px;}
#home_container  #homePromo4 { background-image: url(images/khg_parent/promoLocation.png); width: 177px;padding: 20px 30px 0 20px; }
#home_container  #homePromo4 h2 { margin:0 0 20px 0;}

\ html #home_container .promo.locator .go-button {margin-bottom: 7px;}

#home_container #suggested_Small { top: 23px; }

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

img.wesfarmersgroup { float: right; width:235px; height:35px; margin: 6px 20px 0 0; }

/* Footer Promo */
.footerPromo { float:left; width:400px; }
.footerPromo a { display:block; padding:10px;}
.footerPromo a:hover { text-decoration:none; }
.footerPromo .h2 { display:block; font-size:14px; font-weight:bold; color:#003B68; }
.footerPromo .desc { display:inline-block; color:#6c6363; float:left; }
.footerPromo .link { display:inline-block; color:#00aeef; font-weight:bold; background:url(images/khg_parent/arrowBlue.gif) no-repeat 0 center; padding:0 0 0 6px; margin:0 0 0 10px;  float:left;}
/* Salvation Promo */
#salvationPromo { background:url(images/khg_parent/salvationArmy-logo.gif) no-repeat 10px 6px; padding:8px 0 12px 50px; min-height:20px;}

/* -- 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: 410px;} /*390*/
.contact-form .formlabel,
.contact-form label {width: 180px; display: block; float: left;}
.contact-form .formlabel label { width: auto; float: none; display: inline; }
.contact-form .formlabel.checkbox {width: 350px;}
.contact-form label.newsletter {width: 350px;}
.contact-form input.text {width: 210px; margin: 0 0 10px 0; float: left;}/*210*/

.contact-form .receiveNewsletter input {float: left; margin: 0 5px 0 0;}
.contact-form select {width: 216px; margin: 0 0 10px 0; float: left;}/*210*/
.contact-form textarea {width: 210px; margin: 0 0 20px 0; float: left;}/*210*/
.contact-form input.submitcontact {float: right; padding-right: 14px;}

label.error { color: #cc0800; }
.errors { margin: 30px 0; padding: 15px 18px; border: 1px solid #cc0800; border-radius: 3px; }
.errors h3 { margin: 0 0 5px !important; color: #cc0800 !important; }


.contact-form .subscribeComms { margin: 0 0 0 176px; float: left; display: block; margin: 0 4px 0 175px; }
.contact-form .subscribeComms input { }
.contact-form .checkbox.formlabel  { width: 198px; font-size: 11px; margin: 0; line-height: 140%; }
.contact-form .checkbox.formlabel label {}


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

/* Bulk Gas Icons 
#bulkGasWrapper{ }

.bulkGasList{ width:171px; float:left; margin-right:45px;}
.bulkGasList.bulkGasCol3{ margin-right:0px;}
.bulkGasItem{ width:171px; height:55px;}

.bulkGasItem span{ color:#00b1f2; font-size:108%; font-weight:bold; background: url(images/arrow-right-blue.gif) no-repeat right 6px; padding-right:10px;}*/

.bulkGasInPage { margin: 20px -30px  40px!important; float: left; width: 680px; }

.bulkGasInPage a { background: url(images/bulkgas-sprite.gif) no-repeat 0px 0px; height:50px; display:block; padding-left:45px; color:#00b1f2; }
.bulkGasInPage a.mining{ padding-top: 5px; height: 45px; background-position: 0px -160px;}
.bulkGasInPage a.chicken_growers{ padding-top: 3px; height: 47px; background-position: 0px -221px;}
.bulkGasInPage a.caravan_parks_and_holiday_resorts{ background-position: 0px 0px;}
.bulkGasInPage a.hotels_and_motels{ padding-top: 5px; height: 45px; background-position: 0px -106px;}
.bulkGasInPage a.piggeries_and_meat_processors{ background-position: 0px -275px;}
.bulkGasInPage a.grain_growers{ padding-top: 5px; height: 45px; background-position: 0px -330px;}
.bulkGasInPage a.fruit_and_veg_growers{ background-position: 1px -385px;}
.bulkGasInPage a.flower_growers_and_nurseries{ background-position: 0px -440px;}
.bulkGasInPage a.cotton_growers{ background-position: 0px -495px;}
.bulkGasInPage a.wineries{ padding-top: 5px; height: 45px; background-position: 9px -550px;}
.bulkGasInPage a.breweries{ padding-top: 5px; height: 45px; background-position: 6px -660px;}
.bulkGasInPage a.warehousing_and_forklifts{ background-position: 0px -605px;}
.bulkGasInPage a.restaurants_and_cafes{ padding-top: 10px; height: 40px; background-position: 0px -55px;}

.bulkGasInPage a:hover{ text-decoration: none; color: #636363; }
.bulkGasInPage li { padding: 0 0 0 30px !important; width:195px; height:55px; float:left; background:none !important;  }
.bulkGasInPage li span{ background: url(images/arrow-right-blue.gif) no-repeat right 6px; padding:0 10px 0 0; font-size:108%; font-weight:bold;} 


a.contact-us-btn{ display:inline-block; height:52px; background: url(images/contact-us-btn.gif) no-repeat 0 0; font-weight:bold; color:#FFFFFF;}
a.contact-us-btn span.contact_btn { display:inline-block; height: 52px; line-height: 52px; background: url(images/contact-us-btn.gif) no-repeat right -52px !important; padding:0 20px !important; font-weight: normal; font-size: 150%; margin: 0 -5px 0 0; position: relative; }