/* 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: 520px; height: 44px; background-position: 0px -102px; }
#page_head h1 a { display: block; width: 520px; height: 44px; }

#phone_number { margin-top: 5px; }

.select-state { clear: right; float: right; padding: 3px 10px 0 0; }
.select-state label { float: left; padding-right: 14px; color: #fff; line-height: 150%; }
.select-state select { float: left; width: 140px; }


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

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

#navigation li#nav_products a { width: 135px; background-position: -102px 0px; }
#navigation li#nav_products a:hover,
#navigation li#nav_products a.active { background-position: -102px -49px; }

#navigation li#nav_service_and_installation a { width: 228px; background-position: -237px 0px; }
#navigation li#nav_service_and_installation a:hover,
#navigation li#nav_service_and_installation a.active { background-position: -237px -49px; }

#navigation li#nav_find_a_store a { width: 146px; background-position: -465px 0px; }
#navigation li#nav_find_a_store a:hover,
#navigation li#nav_find_a_store a.active { background-position: -465px -49px; }

#navigation li#nav_in_the_community a { width: 194px; background-position: -611px 0px; }
#navigation li#nav_in_the_community a:hover,
#navigation li#nav_in_the_community a.active { background-position: -611px -49px; }

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

#navigation li#nav_about_us ul a { width: 125px; }


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

#home_main_content { float: right; width: 708px; margin: 0 -1px 0 0; font-size: 108%; }
#home_main_content .banner { height: 433px; width: 704px; overflow: hidden; position: relative; width: 704px; padding: 0px 2px; background: url(images/internal_smallRHS_repeat.png) repeat-y right top; }
#home_main_content .banner .banner_container { height: 417px; border-bottom: 11px solid #014070; }
#home_main_content .banner .banner_item { float: left; height: 417px; width: 704px; }
#home_main_content .banner .banner_item a:hover { text-decoration: none; }
#home_main_content .banner .tabs { position: absolute; bottom: 16px; right: 0; margin: 0 7px 0 0; }
#home_main_content .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_main_content .banner .tabs .tabitem.active { background-position: bottom left; }
* html #home_main_content .banner .tabs { bottom: 15px; }

#home_main_content .banner .rhs_end { position: absolute; right: 0; width: 708px; height: 15px; }
#home_main_content .banner .rhs_end.top { top: 0; background: url(images/short-rhs-top.png) no-repeat top left; }
#home_main_content .banner .rhs_end.btm { bottom: 0; background: url(images/short-rhs-btm.png) no-repeat top left; }

#home_main_content .banner .banner_item span { cursor: pointer; }
#home_main_content .banner .banner_item span.banner_message { display: block; height: 90px; padding: 17px 0 0 124px; color: #fefefe; background: #0178b0 url(images/gas_house/home_banner_message.gif) repeat-x top left; font-size: 195%; }
#home_main_content .banner .banner_item span.banner_message.new { background-image: url(images/gas_house/home_banner_new.gif); }

#home_promos { position: relative; margin-top: 10px; margin-right: -10px; width: 718px; }
#home_promos .promo { position: relative; float: left; width: 228px; height: 128px; padding: 1px 2px 0 2px; margin: 0 6px 0 0; background: url(images/home_promo_box.gif) no-repeat top left; }
#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: 0; 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/home_promo_box_corner_bl.png) no-repeat; }
#home_promos .promo .corner.br { position: absolute; bottom: 0; right: 0; width: 12px; height: 12px; background: url(images/home_promo_box_corner_br.png) no-repeat; }
#home_promos .promo a { display: block; width: 228px; height: 124px; padding: 0; font-size: 90%; color: #464646; }
#home_promos .promo.location_finder {font-size: 90%;}

#home_promos .promo.location_finder label { display: block; margin-bottom: 10px; }
#home_promos .promo.location_finder select { float: left; width: 150px; height: 23px; padding: 3px 0; margin-right: 10px; }

#home_promos .promo a:hover { text-decoration: none; color: #00aeef; }
#home_promos .promo a span { cursor: pointer; }
#home_promos .promo span.promotop_half img { float: right; width: 100px; height: 93px; margin: -11px 0 0 0; }
#home_promos .promo span.promotop_half { display: block; height: 82px; padding: 11px 0 0 16px; }
#home_promos .promo span.promotop_half .go-button {margin-bottom: -4px; width: 36px; height: 21px;}
* html #home_promos .promo span.promotop_half { overflow: hidden; }
\ html #home_promos .promo span.promotop_half .go-button {margin-bottom: 0;}

#home_promos .promo span.promotitle { display: block; margin: 0 0 3px 0; font-size: 130%; color: #003b68; font-weight: bold; }
#home_promos .promo span.description { display: block; margin-bottom: 14px; }
#home_promos .promo span.more { display: block; height: 24px; padding: 6px 0 0 16px; font-size: 115%; color: #fefefe; background: #f79239 url(images/gas_house/home_promo_morebg.gif) no-repeat top right; font-weight: bold; }

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


/* -- 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; margin-bottom: 12px; 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.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 {background: url(images/arrow-right-blue.gif) no-repeat 187px 11px; cursor: pointer; display: block; padding: 7px 20px 6px 13px;  }
.side_box ul li a:hover,
.side_box ul li a.active {background: #019edb url(images/side-box-link-bg.gif) repeat-x top center; color: #fefefe;  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; }

.side_box a.promo {border-bottom: 1px solid #e2e2e2; display: block;}

.side_box.notitle { padding: 0px !important; margin-top: 0px; }
.side_box.notitle .end.top { top: 0; }
* html .side_box.notitle ul { margin-top: -1px; }


/* State Selector */
#full_column #internal_container { background: url(images/internal_wideRHS_repeat.png) repeat-y right top; padding-left: 5px; width: 919px; }
#full_column .rhs_end { width: 924px; }
#full_column .rhs_end.top { background: url(images/wide-rhs-top.png) no-repeat top right; }
#full_column .rhs_end.btm { background: url(images/wide-rhs-btm.png) no-repeat top right; }
#full_column #internal_container #internal_container_inner { background-repeat: repeat-x; }
#full_column #content_container { width: 829px; padding: 40px 60px 40px 30px; }

.preprod_stateselector { float: right; width: 380px; padding: 35px 0 0 0; color: #636363; }
.preprod_stateselector h1 { margin: 0 0 8px; font-weight: normal; font-size: 240%; }
.preprod_stateselector ul { margin: 0; padding: 0 0 0 18px; color: #cacaca; line-height: 140%; }
.preprod_stateselector a { color: #024172; }
.preprod_stateselector a:hover { color: #019eda; }


/* -- Side Bar Products Listing */
#sidebar .side_box.productcats { padding-top: 0px !important; }
#sidebar .side_box.productcats .end.top { top: 0px; }
#sidebar .side_prods { padding: 14px 0 11px; text-align: center; background: #faa231 url(images/gas_house/side_prods_bg.gif) repeat-x top center; }
#sidebar .side_prods h1 { margin: 0; height: auto; font-size: 130%; color: #fefefe; }
#sidebar .side_box.productcats.side_box ul li { border-top: 1px solid #e2e2e2; border-bottom: none; float: left; width: 198px; }
#sidebar .side_box.productcats a { padding: 0; background: none; float: left; width: 198px; }
#sidebar .side_box.productcats a img { float: left; /*width: 76px;*/ }
#sidebar .side_box.productcats a span { padding: 0; font-weight: normal; color: #464646; }
#sidebar .side_box.productcats a span.product_cat { margin: 0 0 0 86px; padding: 12px 12px 11px 0; }
#sidebar .side_box.productcats a strong { display: block; font-weight: bold; color: #00aeef; font-size: 120%; margin: 0 0 3px 0; }

#sidebar .side_box.productcats a.cat_outdoor span.product_cat { padding: 12px 5px 12px 0; }
#sidebar .side_box.productcats a.cat_hotwater span.product_cat { padding: 14px 5px 20px 0; }
#sidebar.homeside .side_box.productcats a.cat_hotwater span.product_cat { padding: 14px 5px 13px 0; }

#sidebar .side_box.productcats a:hover,
#sidebar .side_box.productcats a.active { background: #019edb url(images/side-box-link-bg.gif) repeat-x top center; }
#sidebar .side_box.productcats a:hover span { color: #00aeef; }
#sidebar .side_box.productcats a:hover strong,
#sidebar .side_box.productcats a.active strong { color: #fefefe; }
#sidebar.homeside .side_box.productcats a:hover strong { color: #00aeef; }

#sidebar.homeside .side_box.productcats .box_container { min-height: 567px; height: auto !important; height: 567px; }
#sidebar.homeside .side_box.productcats a:hover { background: none; }


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

.refine_search #inner_refine { padding-bottom: 40px; }


/* -- Side Bar Products Listing without images */
#sidebar .side_box#noimages {text-align: left;  }
#sidebar .side_box#noimages a span.product_cat { margin: 0 0 0 20px;  }


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


	/* Product categories search */
	#internal_container.productCategories { background-image: url(images/internal_GHprodCat_repeat.png); }
	#internal_container.productCategories #internal_container_inner { background: none; }


.rhs_end { position: absolute; right: 0; width: 708px; height: 15px; z-index: 10; }
* html.rhs_end {float: left;}
.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; }

	
* html #internal_container.productCategories .rhs_end.btm { display: none; }
* html #internal_container.productCategories #content_container { margin: 0 0 -14px 0; padding-bottom: 10px; background: url(images/short-rhs-btm-ie6.gif) no-repeat bottom -2px; position: relative; }


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

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


/* -- Breadcrumbs */
#breadcrumbs { min-height: 26px; height: auto !important; height: 26px; padding: 11px 19px 0 17px; background: #f2f2f2 url(images/gas_house/breadcrumbs_bg.gif) repeat-x bottom center; color: #555; }
#breadcrumbs .bc_trail { float: left; width: auto; font-weight: bold; color: #00aeef; }
#breadcrumbs .bc_trail a img.backtolisting { float: left; margin: -4px 7px 0 -10px; }
* html #breadcrumbs .bc_trail a img.backtolisting { position: relative; }
#breadcrumbs .bc_trail a { padding: 0 2px; color: #00aeef; }
#breadcrumbs .bc_trail a:hover { color: #555; }
#breadcrumbs .bc_trail strong { padding: 0 2px; color: #555; }

#breadcrumbs .prod_sort { float: right; width: auto; font-weight: bold; padding: 0 0 0 0; }
#breadcrumbs .prod_sort label { float: left; width: auto; padding-right: 8px; }
#breadcrumbs .prod_sort select { float: left; position: relative; margin: -3px 0 0 0; width: 130px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #464646; }


/* -- Products */
#product_container { padding: 19px; color: #555; float: left; width: 666px;}

/* Make all the divs hidden by default, so no flicker on page */

#searching_container { display:none; }
#filter_container { display:none; }
#error_container { display:none; }
#nocategory_container { display:none; }
#noproducts_container { display:none; }


.loading_prods { margin: 35px auto; width: 288px; height: 85px; padding: 30px 0 0 0; background: url(images/products_loading.png) no-repeat top left; }
.loading_prods img { margin: 0 auto 14px; }


/* -- Category Search */	
	#category_search { font-weight: bold; color: #fefefe; background: #797879 url(images/gas_house/prods_category_searchbg.gif) repeat-x top center; width: 704px; }
	#category_search .criteria { float: left; width: 567px; border-right: 1px solid #bcbcbc; height: 51px; }
	#category_search .criteria .criteria_inner {border-right: 1px solid #636363; float: left; height: auto !important; height: 42px; min-height: 42px; margin-left: 2px; padding: 9px 0 0 5px; width: 561px;}
	#category_search a.refine { display: block; float: left; width: 118px; height: 21px; margin: 14px 0 0 9px; text-indent: -999em; background: url(images/gas_house/prods_category_refine.gif) no-repeat top left; outline: none; }
	#category_search a.refine:hover { background-position: bottom left; }
	
	#category_search .criteria .refine_option { float: left; width: 103px; padding: 0 0 0 12px; background: url(images/gas_house/prods_category_refine_border.gif) no-repeat top left; }
	#category_search .criteria .refine_option.price { background: none; }
	#category_search .criteria .refine_option.room { width: 110px; }
	#category_search .criteria .refine_option.type { width: 98px; }
	#category_search .criteria .refine_option.brand { width: 85px; }
	#category_search .criteria .refine_option h2 { font-size: 100%; color: #fefefe; margin: 0; }
	#category_search .criteria .refine_option span { padding-left: 17px; }
	
	#filter_options { background: #fff url(images/gas_house/filter_options_topshad.gif) repeat-x; }
	#filter_options #filter_options_inner { padding: 20px 15px 20px 17px; background: url(images/gas_house/filter_options_btmshad.gif) repeat-x bottom center; }
	
	#filter_options a.close { float: right; display: block; width: 59px; height: 19px; background: url(images/gas_house/search_refine_close.gif) no-repeat; text-indent: -999em; overflow: hidden; }
	#filter_options a.close:hover { background-position: bottom left; }
	
	#filter_options h3 { margin: 0; padding: 0; height: 17px; font-size: 12px; }
	#filter_options .filter_sliders { float: left; width: 225px; padding: 0 17px 0 0; font-size: 90%; }
	#filter_options .filter_sliders h3 { width: 85px; }
	#filter_options .filter_sliders .showChange { float: right; width: auto; padding-top: 1px; text-align: right; font-weight: bold; color: #00aeef; }
	#filter_options .sliderouter { width: 224px; padding: 2px 0 0 1px; background: transparent url(images/gas_house/filter_options_slider.gif) no-repeat 0px 2px; }
	#filter_options .ui-slider { width: 200px; height: 10px; margin: 0 0 19px 0; border: none; background: transparent; }
	#filter_options .ui-slider .ui-slider-range { height: 8px; top: 1px; }
	#filter_options .ui-slider .ui-slider-handle { margin-left: -1px; top: -1px; }
	
	#filter_options .pickers { float: left; width: 140px; padding: 0 6px 0 27px; border-left: 1px solid #d9d9d9; min-height: 143px; height: auto !important; height: 143px; font-size: 90%; }
	#filter_options .pickers h3 { margin: 0 0 3px -16px; position: relative; }
	#filter_options .pickers input { float: left; width: auto; margin: 0; clear: left; padding: 0; }
	#filter_options .pickers label { display: block; margin: 0 0 3px 20px; line-height: 130%; }
	\ html #filter_options .pickers input { margin: -3px 0 0 -3px; }
	
	.pagenation { clear: both; padding: 9px 5px 20px 0; margin: -1px 0 0 0; border-top: 1px solid #e8e8e8; text-align: right; color: #00aeef; }
	.pagenation a { padding: 0 3px; color: #00aeef; font-weight: bold; }
	.pagenation a:hover,
	.pagenation a.active { color: #003965; text-decoration: none; }
	.pagenation a.prev { background: url(images/arrow-left-blue.gif) no-repeat left center; color: #fefefe; }
	.pagenation a.next { background: url(images/arrow-right-blue.gif) no-repeat right center; color: #fefefe; }
		
	.total_results { padding: 12px 15px 10px 17px; font-size: 90%; background: url(images/gas_house/category_results_shad.gif) repeat-x; color: #555; }
	.total_results.filtering { background: none; }
	.total_results .pagenation { border: none; padding: 0 5px 0 0; float: right; width: auto; }
	
	#products_container { float: left; padding: 0 0 11px 5px; }
	
	.product { position: relative; float: left; height: 360px; width: 165px; margin: 0 0 7px 7px; background: url(images/gas_house/product_item_bg.gif) no-repeat top left; cursor: pointer; font-size: 90%; }
	.product .product_inner { position: relative; height: 310px; padding: 15px 15px 35px; background: url(images/gas_house/product_item_bg.gif) no-repeat -332px bottom; }
	.product .product_inner .imgwrap {width: 130px; height: 150px; text-align: center;}
	.product img.product_thumb { display: block; margin: 0 auto; max-width: 130px; max-height: 150px;}
	.product h1 { font-size: 108%; color: #019eda; margin: 0 0 2px; }
	.product h2 { font-size: 108%; margin: 0 0 5px; }
	.product h2 span.specialPrice { color: #d81f27; }
	.product h2 span.preSpecialPrice { color: #B4B4B4; text-decoration: line-through; }
	.product h2 .sale_was { text-decoration: line-through; color: #b4b4b4; font-size: 90%; }
	.product h2 .sale_price { color: #d81f27; padding-right: 10px; }
	.product .thisproduct_desc { margin-bottom: 10px; }
	
	.product:hover { background-position: -166px top; }
	.product:hover .product_inner { background-position: bottom right; }
	
	.product a.more { position: absolute; bottom: 15px; left: 15px; display: block; width: 78px; height: 18px; margin: 0; background: url(images/global_sprite.png) no-repeat -324px -316px; text-indent: -999em; font-size: 80%; overflow: hidden; }
	.product:hover a.more,
	.product a:hover.more { background-position: -324px -335px; }
	
	.accessories_thumb { display: block; margin: 0 auto; max-width: 130px; max-height: 100px; }
	
	* html .product .product_inner .imgwrap { height: 150px; overflow: hidden; }
	* html .product img.product_thumb { width: 130px; }
	
	
/* -- Product Page */
	.product_desc { padding: 15px 0 0 0; float: left; width: 295px; }
	.product_desc h3 { margin: 0 0 14px 0; padding: 0 0 5px 0; font-size: 115%; border-bottom: 1px solid #e2e2e2; }
	.product_desc img.product_hero { margin-bottom: 30px; }
	
	.product_options { float: right; width: 332px; padding: 10px 0 0 0;  }
	.product_options h1 { color: #019eda; font-size: 195%; margin: 0; }
	.product_options h2 { font-size: 195%; margin: 0 0 12px 0; padding: 0 0 5px 0; border-bottom: 1px solid #e2e2e2; }
	.product_options h2 span.preSpecialPrice { color: #B4B4B4; text-decoration: line-through; }
	.product_options h2 span.specialPrice { color: #d81f27; }
	
	.product_options ul { margin: 0 0 16px 0; padding: 0 0 0 25px; }
	.product_options .quick_desc { padding-right: 20px; }
	
	.product_options .options { margin-top: 22px; padding: 0 0 12px 0; }
	.product_options .addthis_button { display: block; clear: left; width: 125px; height: 16px; }
	
	.product_options a.wheretobuy,
	.product_options a.emailfriend { display: block; float: left; width: 152px; height: 38px; margin: 0 7px 7px 0; background: url(images/global_sprite.png) no-repeat; }
	
	.product_options a.wheretobuy { background-position: 0px -316px; }
	.product_options a.wheretobuy:hover { background-position: 0px -355px; text-decoration: none; }
	
	.product_options a.emailfriend { background-position: -162px -316px; }
	.product_options a.emailfriend:hover { background-position: -162px -355px; text-decoration: none; }
	
	.product_options .related_items { float: right; width: 332px; padding: 0 0 1px 0; margin: 10px 0 0 0; background: url(images/gas_house/related-bg.gif) no-repeat bottom right; position: relative; }
	.product_options .related_items .rtitle { width: 319px; padding: 10px 0 8px 13px; background: url(images/gas_house/related-item-titlebg.gif) no-repeat top left; }
	.product_options .related_items .rtitle h3 { margin: 0 !important; color: #fefefe !important; font-size: 100% !important; font-weight: bold !important; }
	.product_options .related_items .relatedlist {  }
	.product_options .related_items a.related { display: block; float: left; width: 145px; border-top: 1px solid #e9e9e9; padding: 10px; color: #003965; font-size: 90%; }
	.product_options .related_items a.related img { float: left; width: auto; padding: 0; }
	.product_options .related_items a.related span { display: block; padding: 19px 0 0 0; float: left; }
	.product_options .related_items a.related:hover { text-decoration: none; color: #019eda; }
	.product_options .related_items .corners { width: 332px; height: 5px; position: absolute; bottom: 0; right: 0; }
	
	* html #content_container .related_items .corners { bottom: -1px; }
	
	.product_terms_wrapper { clear: left; background: #fafafa url(images/store_locator_services_btmgrad.gif) repeat-x center bottom; }
	.product_terms { padding: 15px 19px 14px; background: url(images/products_terms_topgrad.gif) repeat-x 0 0; font-size: 85%; color: #919191; line-height: 125%; }
	.product_terms h4 { margin: 0 0 3px; padding-right: 5px; font-size: 100%; text-transform: uppercase; color: #555; }