#main {
	padding-bottom: 284px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -284px; /* negative value of footer height */
	height: 284px;
	clear:both;
	background-image: url(/images/bg_footer.jpg);
	background-repeat: repeat-x;
}
#footer-new {
	position: relative;
	margin-top: -265px; /* negative value of footer height */
	height: 284px;
	clear:both;
	background-image: url(/images/bg_footer.jpg);
	background-repeat: repeat-x;
}
.siteMap-new {
	clear: both;
	padding-top: 20px;
	height: 194px;
}
div#social-media { float: right; }

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



.mainBG {
	background-image: url(../images/bg_header.jpg);
	background-repeat: repeat-x;
}

.mainBG-new {
	background-image: url(../images/bg_header_new.jpg);
	background-repeat: repeat-x;
}

#wrap-new { padding-top: 12px; min-height: 100%; }

.head {
	font-size: 14px;
	font-weight: bold;
	color: #009ADA;
}

/* ----- Header ----- */
.headerWrapper {
	margin: 0 auto;
	width: 950px;
}
.header {
	height: 23px;
}
.headerLeft {
	font: 11px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	width: 465px;
	text-align: left;
	line-height: 23px;
	padding-left: 10px;
}
.headerRight {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	float: right;
	width: 475px;
	text-align: right;
	line-height: 23px;
}
.headerLeft-new {
	font: 11px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin-top: -5px;
	width: 340px;
	text-align: left;
	line-height: 23px;
	padding-left: 10px;
}
.headerRight-new {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	float: left;
	/*width: 475px;*/
	margin-top: -5px;
	text-align: left;
	line-height: 23px;
}
	.headerRight-new table { float: left; }

ul#social-media { float: left; list-style: none; margin-left: 260px; padding: 0; }
	ul#social-media li { display: block; float: left; margin-right: 20px; }
	ul#social-media li.last { margin: 0; }
		ul#social-media li a { display: block; height: 22px; text-indent: -9999px; width: 22px; }
		ul#social-media li a#social-facebook { background: url('/images/social_fb.jpg') 0 0 no-repeat; }
			ul#social-media li a#social-facebook:hover { background-position: 0 -22px; }
		ul#social-media li a#social-twitter { background: url('/images/social_twit.jpg') 0 0 no-repeat; }
			ul#social-media li a#social-twitter:hover { background-position: 0 -22px; }
		ul#social-media li a#social-youtube { background: url('/images/social_yt.jpg') 0 0 no-repeat; width: 18px; }
			ul#social-media li a#social-youtube:hover { background-position: 0 -22px; }
		ul#social-media li a#social-blog { background: url('/images/social_blog.jpg') 0 0 no-repeat; }
			ul#social-media li a#social-blog:hover { background-position: 0 -22px; }

.logo {
	height: 92px;
	width: 950px;
}
.logoText {
	float: right;
	width: 420px;
	height: 92px;
}
.logoImage {
	float: left;
	width: 220px;
	height: 92px;
}

#ngwh h1 { margin-bottom: 10px; }

#ngwh h2 { line-height: 20px; }


.mainNav {
	height: 35px;
}

.home {
	background-image: url(../images/bg_nav_home.jpg);
}
.myAccount {
	background-image: url(../images/bg_nav_myaccount.jpg);
}
.residential {
	background-image: url(../images/bg_nav_residential.jpg);
}
.commercial {
	background-image: url(../images/bg_nav_commercial.jpg);
}
.builders {
	background-image: url(../images/bg_nav_builders.jpg);
}
.naturalGas {
	background-image: url(../images/bg_nav_naturalgas.jpg);
}
.alagasco {
	background-image: url(../images/bg_nav_alagasco.jpg);
}


/* ----- Home Body ----- */
.wrapper {
	margin: 0 auto;
	width: 950px;
	margin-top: 30px;
}
.wrapperInside {
	float: left;
	width: 700px;
}
.wrapperInsideFooter {
	float: left;
	width: 950px;
}
.homeLeft {
	width: 710px;
	float: left;
}

.left {
	width: 170px;
	float: left;
}
.left a {
	text-decoration: none;
}


.right {
	width: 230px;
	float: left;
	margin-left: 10px;
}
.center {
	float: right;
	width: 510px;
}
.centerFooter {
	float: right;
	width: 760px;
}


.pageTitle {
	font: 14px Arial, Helvetica, sans-serif;
	color: #009ADA;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 3px solid #DAF690;
	margin-bottom: 5px;
}

#home-banner { height: 290px; overflow: hidden; width: 710px; }
	#home-banner #slider { overflow: hidden; float: left; }
	#home-banner #slider ul { list-style: none; margin: 0; padding: 0; }
	#home-banner #slider ul li .banner { background: url('/images/img_banner_home.jpg') top left no-repeat; height: 290px; width: 710px; }
	#home-banner #slider ul li .banner h1 { color: #21a8de; font: 30px Arial, Helvetica, sans-serif; padding: 20px 0 0 12px; width: 190px; }
	#home-banner #slider ul li .banner p { color: #415665; font: 16px Arial, Helvetica, sans-serif; padding: 10px 0 0 12px; width: 220px; }
	#home-banner #slider ul li .banner .learn-more { background: url('/images/learn_more.jpg') top left no-repeat; display: block; height: 23px; margin: 15px 0 0 12px; text-indent: -9999px; width: 97px; }
		
	#home-banner #controls { bottom: 280px; left: 640px; list-style: none; position: relative; }
		#home-banner #controls li { display: block; float: left; margin-right: 8px; }
		#home-banner #controls li a { display: block; height: 8px; text-indent: -9999px; width: 8px; }			
			#home-banner #controls li { background: url('/images/mini-nav.gif') 0 0 no-repeat transparent; }
				#home-banner #controls li:hover, #home-banner #controls li.current { background-position: 0 -8px; }
				
	.banner img { display: block; }
				
#internal-banner { height: 260px; overflow: hidden; width: 510px; }
	#internal-banner #slider { overflow: hidden; }
	#internal-banner #slider ul { list-style: none; margin: 0; padding: 0; }
	#internal-banner #slider ul li .banner-internal { background: url('/images/img_banner_internal.jpg') top left no-repeat; height: 260px; width: 510px; }
	#internal-banner #slider ul li .banner-internal h1 { color: #21a8de; font: 23px Arial, Helvetica, sans-serif; padding: 10px 0 0 12px; width: 160px; }
	#internal-banner #slider ul li .banner-internal p { color: #415665; font: 13px Arial, Helvetica, sans-serif; padding: 10px 0 0 12px; width: 165px; }
	#internal-banner #slider ul li .banner-internal .learn-more { background: url('/images/learn_more.jpg') top left no-repeat; display: block; height: 23px; margin: 15px 0 0 12px; text-indent: -9999px; width: 97px; }
		
	#internal-banner #controls { bottom: 245px; left: 440px; list-style: none; position: relative; }
		#internal-banner #controls li { display: block; float: left; margin-right: 8px; }
		#internal-banner #controls li a { display: block; height: 8px; text-indent: -9999px; width: 8px; }			
			#internal-banner #controls li { background: url('/images/mini-nav.gif') 0 0 no-repeat transparent; }
				#internal-banner #controls li:hover, #internal-banner #controls li.current { background-position: 0 -8px; }
				
.float-right { float: right; }
.float-left { float: left; }
.clear-float { clear: both; }

.homeFlash {
	width: 710px;
	height: 290px;
	background-color: #F3F3F3;
}
.flash {
	width: 510px;
	height: 260px;
}

.homeFeature {
	width: 710px;
	margin-top: 10px;
}
.homeFeature td {
	font: 14px Arial, Helvetica, sans-serif;
	color: #664834;
}

.feature {
	width: 510px;
	margin-top: 10px;
}
.feature td {
	font: 14px Arial, Helvetica, sans-serif;
	color: #664834;
}

.featureLeft {
	float: left;
	/*width: 470px;*/
}

.featureLeft div { margin-right: 10px; }
.featureLeft div.last { margin-right: 0; }
.featureRight {
	float: right;
	width: 230px;
}

.col1 {
	float: left;
	width: 230px;
/*	background-color:#CCC; */
	height: 140px;
/*	background-image: url(../images/goby_col1.jpg); */
}
.col2 {
	float: left;
	width: 230px;
/*	background-color:#999; */
	height: 140px;
/*	background-image: url(../images/goby_col2.jpg); */
}
.col3 {
	float: left;
	width: 230px;
/*	background-color:#666; */
	height: 140px;
/*	background-image: url(../images/goby_col3.jpg); */
}
.col11 {
	float: left;
	width: 250px;
/*	background-color:#CCC; */
	height: 140px;
/*	background-image: url(../images/goby_col1.jpg); */
}
.col22 {
	float: right;
	width: 250px;
/*	background-color:#CCC; */
	height: 140px;
/*	background-image: url(../images/goby_col2.jpg); */
}
.col111 {
	float: left;
	width: 250px;
	height: 140px;
}
.col111 a, .col111 a:hover {
/*	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;

	text-decoration: underline; */
}

.col222 {
	float: right;
	width: 250px;
	height: 140px;
}
.col222 a, .col222 a:hover {
/*	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;

	text-decoration: underline; */
}



/* ----- */
.bread {
	width: 950px;
	height: 20px;
	padding-bottom: 2px;
	border-bottom: 2px solid #21A8DE;
	margin-bottom: 10px;
}
.breadBox {
	float: left;
	width: 700px;
	margin-left: 10px;
}
.toolBox {
	float: right;
	width: 230px;
}


/* ----- */
#search input {
	background: url(../images/bg_search_field.gif) no-repeat center center;
	height: 25px;
	width: 210px;
	
	background:none;
	border:none;
	margin:0;
	padding: 2px 7px 0px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


.tools {
	width: 230px;
	height: 13px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: right;
}

.tools a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.tools a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	text-decoration: none;
}

.tools td {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
}
.tools td a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.tools td a:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	text-decoration: none;
}

.searchBox {
	background: url(../images/bg_search_box.gif) no-repeat center top;
}
.searchBoxHead {
	background: url(../images/bg_search_corners_top.gif) no-repeat center top;
}
.searchBoxFoot {
	background: url(../images/bg_search_corners_bottom.gif) no-repeat center bottom;
}
.searchBoxBody {
	padding: 10px;
	font-size: 11px;
	color: #4B5D69;
	text-decoration: none;
}
.searchBoxBody p {
	padding-bottom: 0px;
}
.searchBoxBody a, .searchBoxBody a:hover {
	text-decoration: none;
}

.grayBox {
	margin-top: 10px;
	background: url(../images/bg_gray_box.gif) no-repeat center bottom;
}
.grayBoxHead {
	background: url(../images/bg_gray_head.gif) no-repeat center top;
}
.grayBoxFoot {
/*	background: url(../images/bg_gray_corners_bottom.gif) no-repeat center bottom; */
	border: none;
}
.grayBoxBody, .grayBoxBody p {
	padding: 0px;
}
.grayBox h2 {
	padding-top: 8px;
	padding-left: 10px;
	height: 27px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;
	text-shadow: #FFFFFF 1px 1px 0px;
}

.grayBox2 {
	margin-top: 10px;
	background: url(../images/bg_gray_box.gif) no-repeat center bottom;
}
.grayBoxBody2, .grayBoxBody2 p {
	padding: 0px;
}
.grayBox2 h2 {
	padding-top: 8px;
	padding-left: 10px;
	height: 27px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;
	text-shadow: #FFFFFF 1px 1px 0px;

	background: url(../images/icon_person.gif) no-repeat 210px 11px;
}

.grayBox3 {
	margin-top: 10px;
	background: url(../images/bg_gray_box.gif) no-repeat center bottom;
}
.grayBoxBody3, .grayBoxBody3 p {
	padding: 0px;
}
.grayBox3 h2 {
	padding-top: 8px;
	padding-left: 10px;
	height: 27px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009ADA;
	text-shadow: #FFFFFF 1px 1px 0px;

	background: url(../images/icon_gas.gif) no-repeat 210px 11px;
}


.featureBox {
	margin-top: 10px;
/*	background: url(../images/bg_blue_box.gif) no-repeat center center; */
}
.featureBox a {
	font: 13px Arial, Helvetica, sans-serif;
	color: #009ADA;
	text-decoration: none;
}
.featureBox a:hover {
	color: #4B5D69;
	text-decoration: none;
}

.blueBox {
	margin-top: 10px;
	background: url(../images/bg_blue_box.gif) no-repeat center center;
}
.blueBoxHead {
	background: url(../images/bg_blue_corners_top.gif) no-repeat center top;
}
.blueBoxFoot {
	background: url(../images/bg_blue_corners_bottom.gif) no-repeat center bottom;
}
.blueBoxBody {
	padding: 10px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #4B5D69;
}





/* ----- Footer ----- */
.footerWrapper {
	margin: 0 auto;
	width: 960px;
}
.siteMap {
	padding-top: 40px;
	height: 194px;
}
.emergency {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
}
.emergency a {
	color: #4B5D69;
	text-decoration: underline;
/*	border-bottom: 1px solid #4B5D69; */
}
.emergency a:hover {
	color: #21A8DE;
	text-decoration: underline;
/*	border-bottom: 2px solid #21A8DE; */
}
.extrasLeft {
	font: 11px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	float: left;
	width: 465px;
	text-align: left;
	line-height: 20px;
}
.extrasRight {
	font: 11px Arial, Helvetica, sans-serif;
	color: #21A8DE;
	float: right;
	width: 465px;
	text-align: right;
	line-height: 20px;
}
.extrasRight a {
	color: #21A8DE;
	text-decoration: none;
}
.extrasRight a:hover {
	color: #4B5D69;
	text-decoration: none;
}
/* ----- */
.clearBoth {
	clear: both;
}


/* ------------- */
#show .toggleContent {
	margin: -7px 0 12px 22px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	line-height: 16px;
}
#show .showTitle {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4B5D69;
	line-height: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 2px 0 10px 20px;

	display: block;
}
#show .showImg {
	float: left;
	display: block;
}

.scrollTitle {
	font: 14px Arial, Helvetica, sans-serif;
	color: #4b5d69;
	font-weight: bold;
	width: 495px;
	line-height: 25px;
	background: url(../images/bg_scroll_title.jpg) left top;
	padding-left: 15px;
}
#hideOverflow {
	width: 510px;
	height: 175px;
	overflow: hidden;
}

#appliance-bottom { padding-top: 15px; }

#tabbed-content { width: 510px; }

.tabs ul { list-style: none; margin: 0; padding: 0; }
	.tabs ul li { 
		background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/bgd_tab.jpg') 0 0 repeat-x #f1f1f1; 
		border-left: 1px solid #9e9e9e; 
		border-right: 1px solid #9e9e9e; 
		border-top: 1px solid #9e9e9e;
		-moz-border-radius-topleft: 7px;
		border-top-left-radius: 7px;
		-moz-border-radius-topright: 7px;
		border-top-right-radius: 7px;
		color: #21A8DE;
		display: block; 
		float: left;
		font-size: 11px;
		font-weight: bold; 
		list-style: none;
		margin-right: 5px;
		padding: 5px 10px; 
	}
		.tabs ul li:hover, .tabs ul .active-tab {
			background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/bgd_tab_over.jpg') 0 0 repeat-x #bbbbbb;
			cursor: pointer;
		}
	
.tab-content { 
	background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/tab-bgd.jpg') 0 0 repeat-x #dedede;
	border: 1px solid #9e9e9e; 
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
	clear: both; 
	display: none;
	min-height: 150px;
	padding: 30px;
}
	.tab-content ul { 
		margin: 0;
		padding: 0;
	}
	
.active-tab-content { display: block; }
	
	.tab-content #wh {
		background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/waterheater-1.gif') 0 0 no-repeat;
		margin-bottom: 25px;
		min-height: 105px;
		padding-left: 70px;
	}
	.tab-content #tl {
		background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/tankless.png') 0 0 no-repeat;
		margin-bottom: 15px;
		min-height: 105px;
		padding-left: 70px;
	}
	
#right-container div { 
	margin-left: 10px; 
	padding: 15px;
	width: 210px; 
}

#right-container .bg_feature_box_appliance {
	background: url("/images/bg_feature_blue_box.gif") repeat-x scroll center center transparent;
}

#right-container .bg_feature_box_appliance h3 { font-size: 20px; margin-bottom: 5px; }

#right-container ul, #right-container ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#right-container ul {
	margin-left: 23px;
}
	#right-container ul li {
		margin-bottom: 10px; 
	}

#right-container ul li a {
	display: block;
	height: 126px;
	text-indent: -99999px;
	width: 220px;
}

#right-container ul li #switch {
	background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/img_switch.jpg') 0 0 no-repeat;
}

#right-container ul li #replace {
	background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/img_replace.jpg') 0 0 no-repeat;
}

.tab-info { 
	display: block; 
	margin-bottom: 15px; 
	min-height: 50px;
	width: 45%;
}
	.tab-info ul { margin-bottom: 10px; }
		.tab-info ul li .internal-list { padding-left: 15px !important; }
.floatleft { float: left; padding-right: 15px; }
.floatright { float: right; }
.clear { clear: both; }

#land-bottom { margin-top: 20px; }

	#land-bottom div { 
		background: url('/_filelib/ImageGallery/ALA_Residential/appliance_detail_pages/bg_landing_box.gif') 0 0 repeat-x #fff;
		border: 1px solid #BAEAFE;
		min-height: 100px;
		margin-bottom: 20px;
		padding: 20px 10px 10px 10px;
	}
		#land-bottom h3 { font-size: 20px; padding-bottom: 10px; }
		#land-bottom div p { 
			font-size: 11px;
			padding-bottom: 5px;
		}
		#land-bottom h3 img { margin: 0 15px 0 0;
			#land-bottom div .disclaimer { font-size: 9px; }