@charset "UTF-8";

/* HTML Reset Begin */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

span.green {
	color: #007e44;
	font-weight: bold;
}

h3 sup {
	position: relative;
	bottom: 4px;
	font-size: 10px;
}

h1.i_interior_nav sup {
	position: relative;
	bottom: 8px;
	font-size: 12px;
}

.print {
	float: right;
	color: #e2e1e1;
	font-size: .8em;
	background: url(../../images/icon-print.png) no-repeat 0 -3px;
	height: 28px;
	padding-left: 30px;
}

/* HTML Reset End */

/* Site Structure Elements Begin */

html {
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	font-size: .8em;
}

body {
	line-height: 1.4em;
}

#container {
	background: url(../../images/structure/global/final_hp_bg.jpg) no-repeat center top;
}

	#container .bg_scroll {
		width: 983px;
		margin: 0 auto 0 auto;
		background: url(../../images/structure/global/final_hp_bg.jpg) no-repeat center top;
	}

#interior_container {
	background: url(../../images/structure/global/final_int_bg_no_wave.jpg) no-repeat center top;
}

	#interior_container .bg_scroll {
		width: 983px;
		margin: 0 auto 0 auto;
		background: url(../../images/structure/global/final_int_bg_no_wave.jpg) no-repeat center top;
	}

#search_results_info {
	margin: 10px 0 10px 0;
}

#pager_top a {
	float: left;
	margin: 0 5px 0 0;
}

#pager_bottom a {
	float: left;
	margin: 10px 5px 20px 0;
}


table.search_listings {
	clear: left;
}

	table.search_listings td {
		margin:10px;
   		padding:5px;
		border-collapse: collapse;
		border-bottom: solid 1px #ccc;
	}

	table.search_listings th {
		border-collapse: collapse;
	}

#header {
	width: 960px;
	margin: 0 auto 0 auto;
}

	#header a.logo {
		width: 151px;
		height: 68px;
		float: left;
		text-indent: -9999px;
	}

	#search {
		width: 233px;
		height: 59px;
		float: right;
	}

		#search .swap_value {
			color: #007e44;
		}

		#search #keywords {
			float: left;
			padding: 0;
			margin: 18px 0 0 20px;
			border: 0;
			width: 160px;
			height: 25px;
		}

		#search #go {
			float: right;
			height: 25px;
			width: 30px;
			margin: 18px 20px 0 0;
			background: none;
			text-indent: -9999px;
			border: none;
			padding: 0;
			cursor: pointer;
		}

		#languagebar{
			background:#f8f9fa;
			position:absolute;
			top:0px;
			left:45%;
			margin-left:70px;
			width:201px;
			padding:18px 12px 13px 12px;
			border-bottom:1px solid #e7e7e7;
			border-left:1px solid #e7e7e7;
			border-right:1px solid #e7e7e7;
			z-index:1000;
		}

		#languagebar ul{
			background:white url(../../images/structure/global/down_button.jpg) 177px 4px no-repeat;
			border:1px solid #e7e7e7;
			padding:2px 5px 5px 5px;
		}

		#languagebar a{color:#717171;}
		#languagebar h2{display:none;}
		#languagebar li{display:none;margin: 3px 0 -3px;font-size: .89em;}
		#languagebar ul:hover li{display:block;}
		#languagebar li.on{display:block;}
		#languagebar li.on a{color:#007e44 !important;}
		#languagebar ul:hover li.on{color:#007e44 !important;}
		#languagebar ul:hover li:hover a{color:#007e44;}

		/*#languagebar ul{
			background:white url(../../images/structure/global/down_button.jpg) 125px 3px no-repeat;
			border:1px solid #e7e7e7;
			padding:2px 5px 5px 5px;
		}

		#languagebar a{color:#007e44;}
		#languagebar h2{display:none;}
		#languagebar li{display:none;margin: 3px 0 -3px;font-size: .9em;}
		#languagebar ul:hover li{display:block;}
		#languagebar li.on{display:block;}
		#languagebar ul:hover li.on{font-weight:bold;}
		#languagebar ul:hover li:hover a{color:#717171;}*/

	li.al a, li.bl a, li.ca a, li.cn a, li.fe a, li.fr a, li.gm a, li.hu a, li.tu a, li.cr a, li.mo a, li.po a, li.it a, li.in a, li.nt a, li.pt a, li.sp a, li.uk a, li.ot a, li.tk a, li.bh a, li.eg a, li.jo a, li.kw a, li.me a, li.om a, li.qa a, li.sa a, li.ae a  {
		padding-left: 25px;
	}

	li.al{
		background: url(/images/flags/algeria.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.bh{
		background: url(/images/flags/bahrain.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}


	li.bl{
		background: url(/images/flags/belgium.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}


	li.ca{
		background: url(/images/flags/canada.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}


	li.cr{
		background: url(/images/flags/czech_republic.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}


	li.cn{
		background: url(/images/flags/china.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.eg{
		background: url(/images/flags/eqypt.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.fe{
		background: url(/images/flags/ao.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.fr{
		background: url(/images/flags/france.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.gm{
		background: url(/images/flags/germany.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.hu{
		background: url(/images/flags/hungary.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}


	li.it{
		background: url(/images/flags/italy.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.in{
		background: url(/images/flags/india.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.jo{
		background: url(/images/flags/jordan.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.kw{
		background: url(/images/flags/kuwait.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.me{
		background: url(/images/flags/ao.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.mo{
		background: url(/images/flags/morocco.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.nt{
		background: url(/images/flags/netherlands.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.om{
		background: url(/images/flags/oman.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.pt{
		background: url(/images/flags/portugal.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.po{
		background: url(/images/flags/poland.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.qa{
		background: url(/images/flags/qatar.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.sa{
		background: url(/images/flags/saudi-arabia.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.sp{
		background: url(/images/flags/spain.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.tu{
		background: url(/images/flags/tunisia.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.tk{
		background: url(/images/flags/turkey.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}
	li.ae{
		background: url(/images/flags/united-arab-emirates.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.uk{
		background: url(/images/flags/uk.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	li.ot{
		background: url(/images/flags/ao.png) 15px 15px no-repeat;
		background-position: top left;
		background-position-y: 0px;
	}

	#header_links {
		width: 300px;
		height: 20px;
		margin: 0 10px 0 0;
		padding: 24px 0 0 0;
		float: right;
		text-align: right;
	}

		#header_links a {
			margin: 0 10px 0 0;
		}

#nav_wrap {
	width: 100%;
	clear: both;
	height: 55px;
}

#nav_bar {
	width: 960px;
	height: 55px;
	clear: both;
	margin: 0 auto 0 auto;
}

	ul#nav li.topnav {
		float: left;
		position: relative;
		z-index: 999;
		background: url(../../images/structure/global/bits.gif) no-repeat right -293px;
	}

		ul#nav li a.nav_lead {
			color: #717171;
			font-size: 1.15em;
			font-weight: bold;
			padding-left: 35px;
			float: left;
			height: 15px;
			padding: 30px 32px 10px 35px;
			background: url(../../images/structure/global/bits.gif) no-repeat left -350px;
		}

		ul#nav li a.sub_dropdown {
			color: #717171;
			font-size: 1.15em;
			font-weight: bold;
			float: left;
			height: 15px;
			padding: 30px 34px 10px;
			background: url(../../images/structure/global/bits.gif) no-repeat 8px -108px;
		}

			ul#nav li a.sub_dropdown:hover {
				background: url(../../images/structure/global/bits.gif) no-repeat 8px -155px;
			}

			ul#nav li.topnav:hover div {
				display:block;
			}

			ul#nav li a.sub_dropdown .end_nav_tab {
				padding-right: none;
			}

		ul#nav li .water-heaters {
			position: absolute;
			top: 54px; left: -108px;
			background: url(../../images/structure/global/final_nav.jpg) no-repeat -5px top;
			padding: 0;
			float: left;
			display: none;
			width: 940px;
			height: 465px;
		}

		ul#nav li .parts {
			position: absolute;
			top: 54px; left: 0;
			background: url(../../images/structure/global/final_nav.jpg) no-repeat right bottom;
			padding: 0;
			float: left;
			display: none;
			font-size: 1.2em;
			width: 240px;
			height: 130px;
		}

		ul#nav li .service {
			position: absolute;
			top: 54px; left: 0;
			background: url(../../images/structure/global/final_nav.jpg) no-repeat right bottom;
			padding: 0;
			float: left;
			display: none;
			font-size: 1.2em;
			width: 290px;
			height: 230px;
		}

		ul#nav li .resources {
			position: absolute;
			top: 54px; left: 0;
			background: url(../../images/structure/global/final_nav.jpg) no-repeat right bottom;
			padding: 0;
			float: left;
			display: none;
			font-size: 1.2em;
			width: 250px;
			height: 530px;
		}

		ul#nav li .about-us {
			position: absolute;
			top: 54px; left: 0;
			background: url(../../images/structure/global/final_nav.jpg) no-repeat right bottom;
			padding: 0;
			float: left;
			display: none;
			font-size: 1.2em;
			width: 250px;
			height: 290px;
		}

		ul#nav li .where-to-buy {
			position: absolute;
			top: 54px; left: 0;
			background: url(../../images/structure/global/final_nav.jpg) no-repeat right bottom;
			padding: 0;
			float: left;
			display: none;
			font-size: 1.2em;
			width: 220px;
			height: 175px;
		}

		ul#nav li ul {
			float: left;
			clear: left;
			margin: 20px 0 0 30px;
		}

			ul#nav li ul li {
				float: left;
				clear: left;
				width: 100%;
				margin: 0 20px 8px 0;
				padding: 0;
			}

				ul#nav li ul li a.teir1_links {
					font-size: .9em;
					background: none;
					color: #007e44;
				}

div.sub_header_lead {
	width: 817px;
	height: 30px;
	margin: 20px 0 15px 20px;
	float: left;
	padding: 0;
}

	div.sub_header_lead a.drop_section_lead {
		font-size: 1.2em;
		color: #007a43;
	}

div.dd_blocks {
	width: 900px;
	margin: 0 0 18px 40px;
	padding: 0;
	float: left;
	font-size: .8em;
}

div.dd_sub_block {
	width: 130px;
	height: 140px;
	float: left;
	clear: none;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: .8em;
}

	.subgroup_dd_header {
		font-size: 1.3em;
		color: #727171;
	}

		div.dd_sub_block a {
			margin: 0;
			padding: 0;
			clear: none;
			float: left;
		}

			div.dd_sub_block a.dd_sub_block_sub_link {
				font-size: 1.2em;
				padding: 0 5px 0 5px;
				background: url(../../images/structure/global/bits.gif) no-repeat right -45px;
			}

				div.dd_sub_block a.dd_end_end {
					background: none;
					padding-right: 0;
				}






#rotator_wrap {
	width: 100%;
}

#rotator {
	width: 960px;
	height: 271px;
	margin: 0 auto 0 auto;
}

	#rotator #rotating_content {
		width: 715px;
		height: 245px;
		float: left;
		margin: 0 0 0 0;
	}

	/* ------------------------------ Rotator Begin ------------- */

	#slider {
		width: 715px;
		height: 256px;
		margin: 0 auto 0 auto;
		position: relative;
	}

	.scroll {
		width: 715px;
		height: 256px;
		overflow: auto;
		overflow-x: hidden;					/* IE7 and below */
		position: relative;
		clear: left;
	}

	.scrollContainer {
		width: 715px;
		height: 256px;
	}

	div.panel {
		width: 715px;
		height: 256px;
	}

	.slide_content_block {
		width: 715px;
		height: 256px;
	}

		.slide_content_block img {
			float: left;
			width: 715px;
			height: 256px;
			text-indent: -9999px;
			border: 0;
		}
			.slide_content_block_text {
				display: none;
			}

		a.rotator_panel1 {
			width: 715px;
			height: 256px;
			display: block;
			text-indent: -9999px;
			background: url(../../images/home_page/panels.jpg) no-repeat left top;
		}

		a.rotator_panel2 {
			width: 715px;
			height: 256px;
			display: block;
			text-indent: -9999px;
			background: url(../../images/home_page/panels.jpg) no-repeat left -256px;
		}

		a.rotator_panel3 {
			width: 715px;
			height: 256px;
			display: block;
			text-indent: -9999px;
			background: url(../../images/home_page/panels.jpg) no-repeat left -512px;
		}

		a.rotator_panel4 {
			width: 715px;
			height: 256px;
			display: block;
			text-indent: -9999px;
			background: url(../../images/home_page/panels.jpg) no-repeat left -768px;
		}

		a.rotator_panel5 {
			width: 715px;
			height: 256px;
			display: block;
			text-indent: -9999px;
			background: url(../../images/home_page/panels.jpg) no-repeat left -1024px;
		}

		a.rotator_panel6 {
			width: 715px;
			height: 256px;
			display: block;
			text-indent: -9999px;
			/*background: url(../../images/home_page/powervent.gif) no-repeat left center;*/
			background: url(../../images/home_page/panels.jpg) no-repeat left -1280px;
		}


	#slider ul {
		width: 150px;
		height: 18px;
		position: relative;
		float: right;
		margin: -35px 10px 0 0;
	}

	#slider ul li {
		list-style: none;
		display: inline;
	}

	#slider ul li a {
		width: 14px;
		height: 12px;
		text-indent: -9999px;
		float: left;
		cursor: pointer;
		padding-right: 4px;
		overflow: hidden;
	}

		#slider ul li a {
			background: url(../../images/structure/global/bits.gif) no-repeat left -75px;
		}

			#slider ul li a:hover {
				background: url(../../images/structure/global/bits.gif) no-repeat left -75px;
			}

			#slider ul li a.selected {
				background: url(../../images/structure/global/bits.gif) no-repeat left -88px;
			}



	.hide {
		display: none;
	}

	/* ------------------------------ Rotator Begin ------------- */

	#rotator #rotator_side_tabs {
		width: 215px;
		height: 210px;
		float: right;
		margin: 40px 5px 0 0;
	}

		#rotator #rotator_side_tabs a {
			width: 215px;
			height: 55px;
			float: left;
			margin: 0 0 17px 0;
		}

			#rotator #rotator_side_tabs a.tabs {
				width: 200px;
				height: 55px;
				margin-left: 14px;
				text-indent: -9999px;
			}

#intro_content {
	width: 960px;
	margin: 0 auto 0 auto;
}

	#intro_content h1 {
		font-size: 1.3em;
		color: #007e44;
		margin: 0 0 20px 0;
	}

		#intro_content h1 a {
			color: #007e44;
		}

	#intro_content h2 {
		font-size: 1.3em;
		color: #007e44;
		margin: 0 0 20px 0;
	}

		#intro_content h2 a {
			color: #007e44;
		}

	#introblock_1 {
		width: 380px;
		float: left;
		margin: 45px 0 0 20px;
	}

		#introblock_1 a {
			width: 100%;
		}

		a.main_link {
			padding: 3px 0 0 30px;
			height: 23px;
			margin: 0 0 5px 0;
			float: left;
			clear: left;
			font-size: 1.1em;
			font-weight: bold;
			background: url(../../images/structure/global/bits.gif) no-repeat left 4px;
		}

		a.search_link {
			padding: 3px 0 0 30px;
			height: 23px;
			margin: 0 0 5px 0;
			float: left;
			clear: left;
			font-size: 1.1em;
			font-weight: bold;
			background: url(../../images/structure/global/bits.gif) no-repeat left -229px;
		}

	#introblock_2 {
		width: 300px;
		float: left;
		margin: 45px 0 0 0;
	}

		#introblock_2 a {
			width: 100%;
		}

	#introblock_3 {
		width: 319px;
		height: 166px;
		float: left;
		margin: 20px 0 0 -10px;
		padding: 13px 60px 0 30px;
		position: relative;
		/*background: url(../../images/structure/global/ed_intro_bg.jpg) no-repeat left top;*/
	}

	#introblock_4 {
		float: left;
		width: 320px;
		margin: 70px 0 40px 0;
	}

	#introblock_5 {
		float: right;
		width: 200px;
		clear: none;
		margin: 25px 20px 0 0;
	}

		p.news_block {
			margin: 0 0 20px 0;
		}

		a.product_lit_sidebar {
			width: 200px;
			height: 55px;
			float: left;
			margin: 10px 0 20px 0;
			text-indent: -9999px;
			background: url(../../images/structure/global/product_lit_sidebar.jpg) no-repeat left top;
		}

		a.new_products_sidebar {
			width: 200px;
			height: 55px;
			float: left;
			margin: 10px 0 0 0;
			text-indent: -9999px;
			background: url(../../images/structure/global/new_products_sidebar.jpg) no-repeat left top;
		}

		a.all_links {
			float: left;
			margin: 5px 0 0 0;
		}

/* About Us Map --------------------- */
#about_us_map {
	width: 730px;
	height: 485px;
	background: url(../../images/content_pages/about_us/map_background.jpg) no-repeat left top;
}

	#about_us_map a {
		width: 10px;
		height: 11px;
		text-indent: -9999px;
		background: url(../../images/content_pages/about_us/map_dot.png) no-repeat left top;
	}

	.map_headers {
		font-weight: bold;
		color: #007e44;
	}

	a.tip1 {
		position: relative;
		float: left;
		left: 190px;
		top: 260px;
	}

	a.tip2 {
		position: relative;
		float: left;
		left: 192px;
		top: 260px;
	}

	a.tip3 {
		position: relative;
		float: left;
		left: 132px;
		top: 276px;
	}

	a.tip4 {
		position: relative;
		float: left;
		left: 168px;
		top: 235px;
	}

	a.tip5 {
		position: relative;
		float: left;
		left: 478px;
		top: 300px;
	}

	a.tip6 {
		position: relative;
		float: left;
		left: 70px;
		top: 266px;
	}

	a.tip7 {
		position: relative;
		float: left;
		left: 95px;
		top: 289px;
	}

	a.tip8 {
		position: relative;
		float: left;
		left: 126px;
		top: 270px;
	}

	a.tip9 {
		position: relative;
		float: left;
		left: 518px;
		top: 272px;
	}

	a.tip10 {
		position: relative;
		float: left;
		left: 25px;
		top: 230px;
	}

	a.tip11 {
		position: relative;
		float: left;
		left: 95px;
		top: 240px;
	}

	a.tip12 {
		position: relative;
		float: left;
		left: 264px;
		top: 214px;
	}

	a.tip13 {
		position: relative;
		float: left;
		left: 297px;
		top: 247px;
	}
	a.tip14 {
		position: relative;
		float: left;
		left: 66px;
		top: 260px;

	}

.qtip .qtip-content{
   padding: 10px;
   overflow: hidden;
}

   .qtip .qtip-content .qtip-title,
   .qtip-cream .qtip-content .qtip-title{
      background-color: #F0DE7D;
   }

   .qtip-light .qtip-content .qtip-title{
      background-color: #f1f1f1;
   }

   .qtip-dark .qtip-content .qtip-title{
      background-color: #404040;
   }

   .qtip-red .qtip-content .qtip-title{
      background-color: #F28279;
   }

   .qtip-green .qtip-content .qtip-title{
      background-color: #B9DB8C;
   }

.qtip .qtip-content{
   line-height: 130% !important;
}

#base_content_page ul.part-xref-result {
	width: 100%;
	display: block;
	list-style: none;
	float: left;
	clear: left;
	margin: 10px 0 20px 0;
	border-bottom: solid 1px #ccc;
	padding: 10px 0 10px 20px;
}

	#base_content_page ul.part-xref-result li {
		background-image: none;
		float: left;
		list-style-type: none;
		padding: 0 20px 0 20px;
	}

	#base_content_page ul.part-xref-result li span {
		font-weight: bold;
	}

#interior_header {
	height: 35px;
	width: 960px;
	margin: 0 auto 0 auto;
	*min-height: 99px; 					/* IE7 and below */
}

	#interior_header h1 {
		color: #fff;
		font-size: 1.8em;
		overflow: visible;
		width: 800px;
		line-height: 0.9em;
	}

	.w_interior_nav {
		float: left;
		margin: 0 0 0 215px;
		overflow: visible;
	}

	.i_interior_nav {
		float: left;
		margin: 0;
		color: #fff;
		font-size: 1.8em;
		overflow: visible;
		font-weight: bold;
	}

	h1.company_city {
		font-size: 1.5em !important;
		font-weight: normal;
	}

	#w_breadcrumb {
		margin: 25px 0 5px 215px;
		color: #e2e1e1;
		font-size: .8em;
	}

		#w_breadcrumb a {
			color: #e2e1e1;
		}

	#breadcrumb {
		margin: 25px 0 5px 0;
		color: #e2e1e1;
		font-size: .8em;
	}

		#breadcrumb a {
			color: #e2e1e1;
		}

#interior_wrap {
	width: 100%;
	background: #fff;
}

#interior_content {
	width: 960px;
	margin: 0 auto 0 auto;
}

#interior_content h1 a {
	color: #007e44;
}

#interior_content h2 a {
	color: #007e44;
}

#interior_content h3 a {
	color: #007e44;
}

#interior_nav {
	width: 180px;
	min-height: 450px;
	float: left;
	position: relative;
	margin: -81px 0 0 -8px;
	padding: 20px 8px 0 20px;
	font-size: .9em;
	background: url(../../images/structure/global/sidebar_nav_bg.jpg) no-repeat left top;
}

	#interior_nav .section_lead {
		font-weight: bold;
	}

	#interior_nav ul {

	}

	#interior_nav ul li a.current_sub {
		color: #464646;
	}

	#interior_nav ul li ul {
		margin-bottom: 10px;
	}

	#interior_nav ul li ul li {
		margin-left: 10px;
	}

	#interior_nav ul li ul li ul  {
		margin-bottom: 10px;
	}

	#interior_nav ul li ul li ul li {
		margin-left: 10px;
	}

#interior_nav_product_page {
	width: 180px;
	min-height: 450px;
	float: right;
	position: relative;
	margin: -81px 0 0 -8px;
	padding: 20px 8px 0 20px;
	font-size: .9em;
	background:transparent url(../../images/structure/global/product_box_top_shadow_trim.png) no-repeat scroll -780px top;
}

#interior_nav_product_page ul li {
	position: relative;
	z-index: 2;
}

#interior_tabs {
	width: 190px;
	float: left;
	position: relative;
	margin: 30px 0 0 -13px;
	clear: left;
}

#rebate_finder_sidebar {
			height: 100px;
			margin-top: 20px;
			clear: both;
		}

		.rbf_side_header {
			color: #464646;
			margin: 15px 0 10px 0;
			font-size: 1.3em;
			font-weight: bold;
		}

	#interior_tabs a.product_lit_sidebar {
		width: 190px;
		height: 55px;
		display: block;
		float: left;
		position: relative;
		margin: 10px 0 30px 0;
		text-indent: -9999px;
		background: url(../../images/structure/global/product_lit_sidebar_interior.gif) no-repeat left top;
	}

	#interior_tabs a.new_products_sidebar {
		width: 190px;
		height: 55px;
		display: block;
		float: left;
		position: relative;
		margin: 10px 0 10px 0;
		text-indent: -9999px;
		background: url(../../images/structure/global/new_products_sidebar_interior.jpg) no-repeat left top;
	}

div.sidebar_promo {
	width: 160px;
	margin: 20px 0 30px 0;
}

.sidebar_promo_header {
	color: #007e44;
	font-size: 1.1em;
	font-weight: bold;
}

div.sidebar_promo img {
	margin-bottom: 10px;
}

div.sidebar_promo a {

}

div.ed_sidebar_promo {
	width: 190px;
	float: right;
	height: 200px;
	position: relative;
	margin-right: -10px;
	background: url(../../images/structure/global/sidebar_ed.gif) no-repeat right bottom;
}

#what_ed_likes {
	width: 180px;
	min-height: 175px;
	background: url(../../images/structure/global/what_ed_likes.gif) no-repeat right bottom;
}

.orange_ed {
	float: right;
	position: relative;
	bottom: 158px;
	right: 85px;
	margin-bottom: -158px;
}

.ed_frame {
	width: 200px;
	float: left;
	margin-right: 10px;
}

.instructions {
	width:550px;
	background:#ccc;
	border:1px solid #999;
	margin:10px 0;
	padding:10px;
}

#page_content {
	width: 760px;
	float: right;
}

#page_content_product_page {
	width: 760px;
	float: left;
}

	#base_content_page {
		width: 735px;
		padding: 0 10px 30px 15px;
		margin: 25px 0 5px 0;
	}

		#base_content_page h2 {
			font-size: 1.3em;
			color: #007e44;
			margin: 0 0 10px 0;
		}

		#base_content_page .award {
			min-height: 120px;
			margin-bottom: 20px;
		}

		#base_content_page .award p {
			width: 700px;
		}

		#base_content_page .award img {
			float: right;
			margin-left: 10px;
		}

		#base_content_page .img_right {
			float: right;
			margin: 0 0 20px 20px;
		}

		#base_content_page ul {
			margin: 5px 0 5px 20px;
		}

			#base_content_page ul li {
				background: url(../../images/structure/global/bullet.jpg) no-repeat left 7px;
				padding-left: 10px;
			}

		#family_grouping_1_wrapper2 {
			background: url(../../images/structure/global/family_grouping_1_bg.jpg) no-repeat right bottom;
			margin-bottom: 20px;
		}

		#family_grouping_1column_wrapper {
			background: url(../../images/structure/global/family_grouping_1column_bg.jpg) no-repeat right bottom;
			margin-bottom: 20px;
		}

		#family_grouping_2column_wrapper {
			background: url(../../images/structure/global/family_grouping_2column_bg.jpg) no-repeat right bottom;
			margin-bottom: 20px;
		}

		#family_grouping_3column_wrapper {
			background: url(../../images/structure/global/family_grouping_3column_bg.jpg) no-repeat right bottom;
			margin-bottom: 20px;
		}

		#family_grouping_4column_wrapper {
			background: url(../../images/structure/global/family_grouping_4column_bg.jpg) no-repeat right bottom;
			margin-bottom: 20px;
		}

	.grouping_style_1 {
		width: 165px;
		float: left;
		padding: 0 10px 0 15px;
		margin: 25px 0 5px 0;
	}

	#sub_family_grouping {
		width: 750px;
		padding: 20px 0 0 10px;
	}

		.subheader {
			font-weight: bold;
		}

	.sub_family_style {
		width: 100%;
		float: left;
		clear: left;
		background: url(../../images/structure/global/sub_family_style_bg_fade.jpg) no-repeat left top;
	}

		.sub_family_style img {
			float: left;
			margin: 0 20px 20px 0;
		}

	#subcontent_cross_sell {
		width: 500px;
		float: right;
		height: 50px;
		margin: 30px 0 30px 0;
		padding: 0 0 0 200px;
	}

		#subcontent_cross_sell a.main_link {
			float: left;
			clear: none;
			margin-right: 30px;
		}

	#subcontent_cross_sell_product_page {
		width: 760px;
		float: right;
		height: 50px;
		margin: 30px 0 30px 0;
		padding: 0 0 0 0;
	}

		#subcontent_cross_sell_product_page a.main_link {
			float: left;
			clear: none;
			margin-right: 30px;
		}

#contact_pr {
	position: relative;
	right: 200px;
	top: 500px;
	margin-top: -80px;
}

#product_block {
	width: 772px;
	background: url(../../images/structure/global/product_box_top_shadow_trim.jpg) no-repeat left top;
	position: relative;
	float: left;
	margin: 0 0 0 -17px;
}

#where_block {
	width: 983px;
	background: url(../../images/structure/global/where_box_top_shadow_trim.jpg) no-repeat left top;
	position: relative;
	float: left;
	margin: 0 0 0 -17px;
}

/* ------------------ Product Page Content --------------------------------------------------------------- */

#product-container {
	margin-top: 20px;
	padding: 0 0 30px;
}
  #product-container #product-sample {
    float: left;
    margin-bottom: 15px;
    padding-left: 20px;
    width: 220px;
    text-align: center;
  }
    #product-sample .hero {
      width: 230px;
    }
    #product-sample .thumbnail {
      height: 53px;
    }
    #product-sample .blue {
      text-transform: uppercase;
    }
    #product-container #product-sample .product-shots {
      float: left;
      width: 57px;
      margin: 0 0 0 10px;
    }
#product-shop-now {
    float: left;
    width: 700px;
    padding: 10px 0;
    border-top: 1px dotted #cccccc;
    border-bottom: 1px dotted #cccccc;
}
  #product-shop-now .shop-links {
    float: left;
    margin: -10px 20px 0;
    padding-top: 15px;
    line-height: 28px;
  }
    #product-shop-now .seeItWork {
      margin: -13px 0 -7px 10px;
    }
span.lowes-products {
    float: right;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}
  span.lowes-products img {
    position: relative;
    bottom: -6px;
  }
table.attributes {
    font-size: 12px;
    width: 570px;
    margin-bottom: 20px;
    padding: 0 0 15px 30px;
    border-bottom: 1px solid #cccccc;
}
#dimensions {
    font-size: 12px;
    width: 240px;
    float: right;
    background: #f8f4fc;
    margin: 25px 0 0 0;
    padding: 5px 15px 10px;
    border: 12px;
}

.product-ratings {
	min-height: 41px;
}

/* ------------------ Plumber Locator Login Page --------------------------------------------------------------- */

#PublishInfo {width:720px; float:left; margin:40px 10px 40px 0;}

#interior_pl_login_page {
	width: 180px;
	min-height: 450px;
	float: right;
	position: relative;
	margin: -81px 0 0 -8px;
	padding: 20px 8px 0 20px;
	font-size: .9em;
	background:transparent url(../../images/locator/pl-login-bg.png) no-repeat scroll -780px 0px;
}

.edit-link {font-size:12px !important; text-decoration:underline !important; color:#3F7AB7 !important;}

.stats {float:left; margin: 0 40px 20px 0;}

.stats_last {float:left; margin: 0 0 20px 0;}

a.info {position:relative; z-index:24;}

a.info:hover {z-index:120;}

a.info span {display:none;}

a.info:hover span {display:block; position:absolute; width:170px; background:#CCC; padding:8px; color:#666; font-size:11px; line-height:15px;}

#PointsValue {font-size:46px; color:#007E44; line-height:40px;}

#YourListing {float:right; width:230px; padding:15px; border:1px solid #999;}

#YourListing h2 {float:left;}

#YourListing label {font-weight:bold;}

.NotPublished {color:#F00;}

label.plsidebar {font-weight:bold;}

#interior_pl_login_page h2 {font-weight:bold; font-size: 15px; margin-right:15px;}

#interior_pl_login_page p {margin-bottom:5px; margin-right:15px;}

#interior_pl_login_page label {line-height: 14px;}

#interior_pl_login_page p.contractor-list {margin-bottom:0px}

a#edit-listing-btn {display:block; float:right; margin:15px 20px 0 0; width:163px; height:30px; background:url(../../images/locator/edit-company-listing-button.jpg) no-repeat; text-indent:-9999px;}

input.textfield {border:1px solid #CCC; padding:5px; margin:5px 0 0 0;}

input.textfield:focus {border: 1px solid #090;}

textarea.comments {border:1px solid #CCC; padding:5px; margin:5px 0 0 0;}

a#login-btn {display:block; width:97px; height:24px; background:url(../../images/locator/login.jpg) no-repeat; text-indent:-9999px; margin:15px 0 0 58px;}

a#forgot {display:block; text-decoration:underline; margin: 8px 0 0 0; font-size:11px;}

a#sign-up-btn {display:block; width:97px; height:24px; background:url(../../images/locator/signup.jpg) no-repeat; text-indent:-9999px; float:right; margin:15px 20px 0 0;}

a#reset-btn {display:block; width:137px; height:24px; background:url(../../images/locator/reset-password.jpg) no-repeat; text-indent:-9999px; margin:0 0 10px 17px;}

a#reset-btn-2 {display:block; width:137px; height:24px; background:url(../../images/locator/reset-password.jpg) no-repeat; text-indent:-9999px; float:right; margin:5px 55px 0 0;}

a#cancel-link {float:right; margin: 0 25px 0 0; text-decoration:underline; font-size:10px;}

.left {float:left;}

p.note {text-size:9px !important; line-height:14px; margin:15px 0 0 0 !important;}

#webteam {}

span#help-form {display:none}

#free-leads {border:1px solid #d4d4d4; width:660px; height:265px; margin:0 0 20px 0; padding:20px; position:relative}
#free-leads img {float:left;}
#free-leads h2 {font-size:36px; font-weight:bold}
#free-leads p {width:270px; font-size:18px; line-height:25px;}
#free-leads div {float:right; margin:40px 0 0 20px; position:relative;}


/* ------------------ Edit Company Listing Page --------------------------------------------------------------- */
#dashboard_profile_left {float:left; margin:0 0 30px 0}

#dashboard_profile_right {float:left; width:450px; margin:0 0 0 45px; }
#dashboard_profile_right ul {margin-left:20px;}
#dashboard_profile_right li {width:450px; margin-bottom:8px;}


.spacer {display:block; width:30px;}

/* ------------------ User Profile Page --------------------------------------------------------------- */

#user_profile_left {width:350px; float:left;}
#user_profile_right {position:relative; width:350px; float:right; margin:0 90px 0 0;}

/* ---------- Product Content Slider CSS ---------------------------------------------------------------------------------------- */
	.coda-slider-wrapper { padding: 0; overflow: hidden; }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px; }

	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panels { width: 480px; overflow: hidden; }

	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 480px; overflow: hidden; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { display: none; }

	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0; overflow: hidden; }

	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }


	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panels { display: block; float: left; overflow: hidden; }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/* ---------- Product Content Slider CSS ---------------------------------------------------------------------------------------- */


#product_content_area ul li a { background: none; padding-left: 0; }


	#product_specific_nav_tabs {
		width: 100%;
		height: 32px;
	}


		#product_specific_nav_tabs .coda-nav ul {
			display: block;
			overflow: hidden;
			margin: auto;
			clear: both;
		}

		#product_specific_nav_tabs .coda-nav ul li {
			display: inline;
			list-style-type: none;
		}

			#product_specific_nav_tabs .coda-nav ul li a {
				padding-top: 10px;
				height: 22px;
				float: left;
				position: relative;
				color: #464646;
				text-align: center;
				background: url(../../images/structure/global/end_subnav.gif) no-repeat 5% top;
			}

			#product_specific_nav_tabs .coda-nav ul li a:hover {
				color: #007e44;
			}

			#product_specific_nav_tabs .coda-nav ul li a.tab_1 {
				width: 93px;
				margin-left: 6px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_1.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab1.jpg) no-repeat left top;
				}

			#product_specific_nav_tabs .coda-nav ul li a.tab_2 {
				width: 108px;
				margin-left: -10px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_2.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab2.jpg) no-repeat left top;
				}

			#product_specific_nav_tabs .coda-nav ul li a.tab_3 {
				width: 89px;
				margin-left: -10px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_3.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab3.jpg) no-repeat left top;
				}

			#product_specific_nav_tabs .coda-nav ul li a.tab_4 {
				width: 111px;
				margin-left: -10px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_4.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab4.jpg) no-repeat left top;
				}

			#product_specific_nav_tabs .coda-nav ul li a.tab_5 {
				width: 137px;
				margin-left: -10px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_5.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab5.jpg) no-repeat left top;
				}

			#product_specific_nav_tabs .coda-nav ul li a.tab_6 {
				width: 90px;
				margin-left: -10px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_6.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab6.jpg) no-repeat left top;
				}

			#product_specific_nav_tabs .coda-nav ul li a.tab_7 {
				width: 143px;
				margin-left: -10px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_7.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab7.jpg) no-repeat left top;
				}

			#product_specific_nav_tabs .coda-nav ul li a.tab_8 {
				width: 123px;
				margin-left: 6px;
			}

				#product_specific_nav_tabs .coda-nav ul li a.tab_8.current {
					color: #007e44;
					background: url(../../images/structure/global/product_nav_sub_tabs/tab8.jpg) no-repeat left top;
				}


	#product_block_left_wrap {
		width: 100%;
		padding: 20px 0 0 30px;
		/*background: url(../../images/structure/global/product_box_left_shadow_trim.jpg) repeat-y left top;*/
	}

	#product_block_right_wrap {
		width: 100%;
		/*background: url(../../images/structure/global/product_box_right_shadow_trim.jpg) repeat-y right top;*/
	}

		#product_content_area {
			width: 700px;
		}

		#where_content_area {
			width: 900px;
		}

		#prod_img_block {
			width: 200px;
			float: left;
		}

		#prod_specifics {
			width: 490px;
			float: right;
		}

			#prod_specifics h2 {
				color: #007e44;
				margin: 20px 0 10px 0;
			}

			#prod_specifics ul {
				margin-left: 30px;
			}

			#prod_specifics ul li {
				list-style-type: disc;
				margin-bottom: 10px;
			}

			.product_calls {
				width: 230px;
				float: left;
				margin-top: 20px;
			}

			.also_recommend {
				width: 230px;
				float: right;
				margin: 20px 0 20px 0;
			}

            .recommend_title {
				font-weight: bold;
				color: #007e44;
			}

			.also_recommend img {
			 float: left;
			}

			p.recommend_product_title {
				margin-top: 60px;
			}

		.filter_line {clear:both; border-bottom: 2px dotted #ddd; margin-bottom:30px;}

		#share {
			width: 100%;
			float: right;
			margin-bottom: 20px;
			text-align: right;
		}

		a.back_button {
			padding: 2px 0 5px 30px;
			font-size: .9em;
			background: url(../../images/structure/global/bits.gif) no-repeat left -22px;
		}

		#product_block_footer_wrap {
			width: 772px;
			height: 15px;
			background: url(../../images/structure/global/product_box_footer_shadow_trim.jpg) no-repeat left top;
		}

		#where_block_footer_wrap {
			width: 971px;
			height: 15px;
			background: url(../../images/structure/global/where_box_footer_shadow_trim.jpg) no-repeat left top;
		}

/* Press Release Styles */
.press-release {font-size:12px;}
.press-release .release-date {color:#464646;font-weight:normal;}
/* End Press Release Styles */

#footer_wrap {
	width: 100%;
	/*background: url(../../images/structure/global/footer_bg.jpg) no-repeat center top #b1b1b1;*/
	background: #c3c3c3;
}

#footer {
	width: 960px;
	margin: 0 auto 0 auto;
	font-size: .8em;
	background: #c3c3c3;
	padding-right: 60px;
}

	#footer a {
		color: #424242;
	}

	#footer a.footer_logo {
		width: 135px;
		height: 45px;
		float: left;
		margin: 40px 0 0 0;
		text-indent: -9999px;
		background: url(../../images/structure/global/footer_logo.png) no-repeat;
	}

	#footer p.copyright {
		width: 530px;
		padding: 35px 0 0 0;
		float: left;
	}

	#footer_social {
		width: 290px;
		height: 70px;
		float: right;
		position: relative;
		/*margin-right: -12px;*/
		padding: 0;
		background: url(../../images/structure/global/footer_social.png) no-repeat;
		margin-top: 30px;
	}

		#footer_social a {
			width: 30px;
			height: 30px;
			float: right;
			margin: 2px 5px 0 3px;
			text-indent: -9999px;
		}

	#footer_nav {
		width: 1015px;
		clear: both;
		margin: 0 auto 0 auto;
		padding: 10px 0 0 0;
	}

		#footer_nav ul li {
			float: left;
			clear: none;
			width: 120px;
			padding: 4px 0 0 0;
			margin-right: 25px;
		}

			#footer_nav ul li a {
				color: #8c8c8c;
				font-size: 1.3em;
				font-weight: bold;
			}

		#footer_nav ul li ul li {
			float: left;
			clear: left;
			margin: 4px 0 0 5px;
		}

			#footer_nav ul li ul li a {
				color: #424242;
				font-size: 1em;
				font-weight: normal;
			}

			#footer_nav ul li ul li ul li a {
				margin-left: 10px;
			}

	#footer_nav_secondary {
		width: 960px;
		height: 30px;
		margin: 0 auto 0 auto;
		padding: 30px 0 90px 0;
		clear: both;
	}

		#footer_nav_secondary a {
			margin-right: 14px;
			font-size: 1.1em;
		}


/* Site Structure Elements End */

/* Standard HTML Elements Begin */

h1 {

}

h2 {

}

h3 {
	color: #007e44;
	margin: 15px 0 10px 0;
}

h4 {
	font-size: 18px;
	color: #007e44;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 10px 0;
}

a {
	text-decoration: none;
	color: #3f7ab7;
	outline: none;
}

p {
	margin-bottom: 10px;
}

sup {
	vertical-align: super;
	font-size: 0.6em;
}

ul.numbers-list li {
	list-style: decimal;
	margin-left: 20px;
}

ul.bullet-list li {
	list-style: disc;
	margin-left: 20px;
}

/* Standard HTML Elements End */

/* Navigation CSS is in a seperate style sheet: navigation.css */

/* Element Specific Definitions Begin */
h1.blogTitle{display:none;}

.splitHeader h1 {
	font-weight: bold;
	font-size: 24px;
	color: #007e44;
	margin: 0 0 10px 0;
	line-height: normal;
}


	/* Item */


	/* Clear Fix */
	.clear_fix {
		clear: both;
	}

/* Element Specific Definitions End */

fieldset.literature-search { margin: 10px; border-bottom: solid 1px #ccc; padding-bottom: 10px; }
div.search-results { margin-top: 20px; }
div.search-results h3 { margin-bottom: 20px; }
div.search-results table { width: 660px; margin: 0 0 40px 20px; font-family: Arial, Helvetica, sans-serif; color: #464646; font-size: .95em; }
div.search-results table tr {  }
div.search-results table tr td { padding: 10px; border-top: solid 1px #dcdcdc; }
div.search-results table tr.odd { background: #eeeeee; }
div.search-results table tr.even { background: #fff; }

fieldset.rebate_form {margin:0 0 0 5px;padding:5px 0 15px 15px;}
fieldset.rebate_form .postal_code {width:60px;}
#prod_specifics .product-videos, #videos .product-videos {margin:0;padding:0;}
#prod_specifics .product-videos li, #videos .product-videos li {float:left;list-style-type:none;margin-left:40px;}
#prod_specifics .accessories {margin:0;padding:0;}
#prod_specifics .accessories li {float:left;list-style-type:none;margin-left:40px;}
.case-study-image {float:left;margin: 0 20px 0 0; border: 1px solid #01843e;}
.tech-specs table { width: 410px; float: left; margin: 20px 0 20px 20px; border-bottom: solid 1px #eaeaea; }
.tech-specs table th {font-weight:bold; padding: 5px;}
.tech-specs table.attributes {}
.tech-specs table.dimensions {}
.tech-specs table tr th { width: 70%; }
.tech-specs table tr td { width: 30%; }
.tech-specs table tr.odd { background: #eaeaea; }
.tech-specs table tr.even {  }
hr { height: 1px; color: #e1e1e1; width: 100%; float: left; clear: both; margin: 20px 0 20px 0; }
tr.oddrow { background: #e1e1e1; }


#Gridlines .img {
	vertical-align: middle;
	text-align: center;
}

#case_notes {
	background: #01843e;
	color: #fff;
	width: 200px;
	margin: 0 0 10px 10px;
	border: 1px solid #01843e;
	float: right;
	padding: 10px;
}

/*** TIMELINE ***/

	#base_content_page div#timelineWrapper {
	width: 735px;
	height: 80px;
	margin: 0 auto;
	margin: 50px 0;
	}

	#base_content_page ul#timeline {
	margin: 0; padding: 0;
	position: relative;
	text-indent: -9999px;
	font-size: 1px;
	width: 734px;
	height: 80px;
	background: transparent url(../../images/timeline/timeline.gif) no-repeat;
	}

	#base_content_page ul#timeline li {
	margin: 0; padding: 0;
	display: block;
	float: left;
	width: 41px;
	height: 80px;
	background-image: none;
	list-style-type: none;
	}

	ul#timeline li#y1874 { width: 37px; }
	ul#timeline li#y1889 {  }
	ul#timeline li#y1899 {  }
	ul#timeline li#y1906 {  }
	ul#timeline li#y1917 {  }
	ul#timeline li#y1918 {  }
	ul#timeline li#y1921 {  }
	ul#timeline li#y1927 {  }
	ul#timeline li#y1936 {  }
	ul#timeline li#y1942 {  }
	ul#timeline li#y1946 {  }
	ul#timeline li#y1979 {  }
	ul#timeline li#y1984 {  }
	ul#timeline li#y1986 {  }
	ul#timeline li#y1996 {  }
	ul#timeline li#y2000 {  }
	ul#timeline li#y2007 {  }
	ul#timeline li#y2010 {  }

	#base_content_page ul#timeline li:hover {
	cursor: pointer;
	background: transparent url(../../images/timeline/timeline.gif) no-repeat 0px -81px;
	}

	ul#timeline li#y1874:hover {  }
	ul#timeline li#y1889:hover { background-position: -37px -81px; }
	ul#timeline li#y1899:hover { background-position: -78px -81px; }
	ul#timeline li#y1906:hover { background-position: -119px -81px; }
	ul#timeline li#y1917:hover { background-position: -160px -81px; }
	ul#timeline li#y1918:hover { background-position: -201px -81px; }
	ul#timeline li#y1921:hover { background-position: -242px -81px; }
	ul#timeline li#y1927:hover { background-position: -283px -81px; }
	ul#timeline li#y1936:hover { background-position: -324px -81px; }
	ul#timeline li#y1942:hover { background-position: -365px -81px; }
	ul#timeline li#y1946:hover { background-position: -406px -81px; }
	ul#timeline li#y1979:hover { background-position: -447px -81px; }
	ul#timeline li#y1984:hover { background-position: -488px -81px; }
	ul#timeline li#y1986:hover { background-position: -529px -81px; }
	ul#timeline li#y1996:hover { background-position: -570px -81px; }
	ul#timeline li#y2000:hover { background-position: -611px -81px; }
	ul#timeline li#y2007:hover { background-position: -652px -81px; }
	ul#timeline li#y2010:hover { background-position: -693px -81px; }

	span.timelineItem { width: 500px; height: 500px; background:url(../../images/timeline/balloon_up.png); text-align: center; display: none; }
	img.timelineItem  { display: none; }

/*** TIMELINE END ***/

/*** National Accounts Page ***/
#na-main_block {
	width: 631px;
	height: 279px;
	margin: 0px 20px 20px 0px;
	float: left;
}

.na-block_copy {
	width: 355px;
	float: right;
	padding: 30px 30px 30px 0px;
}

.na-block_copy h1 {
	color: #007e44;
	line-height: 32px;
}

.na-block_copy h2 {
	color: #76b646;
	font-size: 27px;
	margin: 25px 0px;
}

ul.key_features {
	list-style: disc;
	padding: 0px 0px 10px;
	margin-left: 665px;
}

#na-sub_block {
	background: url(../../images/structure/global/na-green_tile.jpg) repeat-x left top;
	width: 270px;
	height: 118px;
	margin: 0px 15px 20px 0px;
	padding: 0px 10px 20px 20px;
	border: 1px solid #c2e9b7;
	float: left;
}

*:first-child+html #na-sub_block {
	width: 280px;
	padding: 0px 10px 20px 10px;
}



/*** Apps Page ***/

#app-block_copy {
	width: 450px;
	padding: 40px 0px;
}

.app-block {
	float: left;
	margin-right: 60px;
	text-align: center;
}

.ipad {
	position: relative;
	top: -154px;
}

.phone {
	float: left;
	margin: 20px 40px 0px 20px;
}

#app-description {
	width: 470px;
	margin: 20px 0px 30px;
	float: left;
}

#app-download {
	width: 220px;
	margin: 20px 0px 0px 20px;
	float: left;
}

ul.app-features {
	list-style: square;
	padding: 0px 35px 0px 25px;
}

ul.app-features li {
	padding: 4px 0px;
}

	#app-download #email {
		background: url(../../images/apps/email-bkg.jpg) no-repeat center -2px;
		width: 167px;
		height: 30px;
	}

		#email .swap_value {
			color: #007e44;
		}

		#email #keywords {
			float: left;
			padding: 0;
			margin: 1px 0 0 5px;
			border: 0;
			width: 130px;
			height: 25px;
		}

		#email #go {
			float: right;
			height: 25px;
			width: 30px;
			margin: 1px 0 0;
			text-indent: -9999px;
			border: none;
			padding: 0;
			cursor: pointer;
		}

/*** BLOG STYLES ***/
h2.blog_title {
			font-size: 1.6em;
			color: #007e44 !important;
			margin: 20px 0 15px 10px;
		}
#blog_sidebar {
	width: 180px;
	min-height: 450px;
	float: right;
	position: relative;
	margin: -134px 0 0 -8px;
	padding: 20px 8px 0 20px;
	font-size: .9em;
	background:transparent url(../../images/structure/global/product_box_top_shadow_trim.jpg) no-repeat scroll -780px top;
}
#blog_content {
	width: 720px;
	float: left;
	margin-bottom:20px;
}

/*** Training ***/
.push_left {
    float: left;
    width: 350px;
	height: 150px;
	margin-left: 10px;
}

.push_left h5, .push_right h5 {
    font-size: 14px;
    margin: 10px 0;
}
.push_right {
    float: right;
	width: 350px;
	height: 150px;
}

/*** Plumber Locator ***/
.location {
    border-bottom: 1px solid #CCCCCC;
    float: right;
    width: 160px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.address {
    float: right;
    padding: 8px 0px 0px;
    width: 125px;
}
h5 {
    font-size: 13px;
	line-height: 14px;
	margin-bottom: 3px;
}
.view_all {
	margin: 6px 0px 26px;
    border-bottom: 1px solid #CCCCCC;
}

div.underbar_promo {
	width: 160px;
	margin: 20px 30px 0 0;
	float: left;
}

.border {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-left: -6px;
}


#slate_content {
    padding: 40px 0px;
}

h2 {
	font-size: 18px;
	color: #007e44;
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height:normal;
}

a.profile {
	position: relative;
	left: 150px;
	bottom: 24px;
}
#form_information {
	float: right;
	width: 580px;
}

#login_information {
	float: right;
	width: 630px;
}

/** IE8 Hack **/
@media \0screen {
	#dashboard_profile {margin-top: -75px;}
}

.checkbox-list li,
.checkbox-list ul li {
  margin-bottom: 5px;
  padding-top: 2px;
  position: relative;
}

.checkbox-list label,
.checkbox-list ul label {
  display: block;
  font-weight: normal;
  padding-left: 21px;
}

.checkbox-list input,
.checkbox-list ul input {
  display: inline;
  margin: 0 5px 0 -21px;
  position: absolute;
  top: 18px;
}

.checkbox-list ul {
  margin: 5px 0 0 20px;
}

.checkbox-list p,
.checkbox-list ul p {
  color: #808080;
  padding-left: 31px;
  margin: 12px 0 -10px;
}

input#service_tech {
	position: relative;
	top: 0px;
	left: 21px;
}

.icon {
    position: relative;
    top: 8px;
}

.checkbox li,
.checkbox ul li {
  margin-bottom: 5px;
  padding-top: 2px;
  position: relative;
  width: 600px;
}

.checkbox label,
.checkbox ul label {
  display: block;
  font-weight: normal;
  padding-left: 21px;
}

.checkbox input,
.checkbox ul input {
  display: inline;
  margin: 0 5px 0 -21px;
  position: absolute;
  top: 2px;
}

.checkbox ul {
  margin: 5px 0 0 20px;
}

p.save {
	margin: 50px 0px 40px;
}

#city_nav {
	clear: both;
	float: left;
	color: #e2e1e1;
	margin: 0px;
	font-size: 1em;
}

#plumber_information {
	margin-top: -20px;
	/*float: right;
	width: 350px;
	padding: 4px 0px 0px;*/
}

	#plumber_information h3 {
		color: #007e44;
		margin: 0px;
	}

#filter {
	float: right;
	width: 300px;
}

#zip_code {
	float: left;
	width: 560px;
}

.sign-in {
	float: right;
	margin-bottom: -40px;
	background: url('/images/locator/login.jpg') no-repeat;
	width: 97px;
	height: 25px;
	color: transparent;
}

/*.sign-in {
	font-size: 11px;
	background: url('/images/sign-in-person.jpg') no-repeat right -1px;
	padding-right: 15px;
}*/

/** IE8 Hack **/
@media \0screen {
}

h6 {
	font-size: 28px;
	color: #007e44;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h7 {
	font-size: 24px;
	color: #007e44;
	font-weight: normal;
	line-height: 50px;
}

.phone_number {
	font-size: 24px;
	color: #007e44;
	font-weight: normal;
	line-height: 50px;
}

.plumber_detail {
	font-size: 14px;
	color: #323232;
	font-weight: normal;
	line-height: 18px;
	padding-top: 20px;
}

.search_radius {
	float: left;
}

	.search_radius .find {
		position: relative;
		top: 7px;
	}

	span.radius {
		margin-left: 30px;
	}

#map_canvas {
	float: left;
	width: 573px;
	height: 535px;
}

a.review {
	background: #007e44;
	padding: 10px 15px;
	color: #fff;
	float: right;
	margin-bottom: -60px;
}

#frame {
	border: 1px solid #ccc;
	width: 960px;
	height: 530px;
	margin: 30px 0px;
}

	#location_list {
		/*width: 385px;*/
		height: 535px;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.map_locations {
		float: right;
		width: 300px;
		height: 120px;
		padding: 15px 6px 0px 20px;
		border-bottom: 1px solid #ccc;
	}

	.map_locations:hover {
		background: #fafbff;
		/*background:url(../../images/locator/list-bg.jpg) bottom repeat-x;*/
	}

	#ContractorSearchControl1_frame {
		border: 1px solid #CCC;
		height:535px;
	}

	/*
	.contractor_hover
	{
	    background:url(../../images/locator/list-bg.jpg) bottom repeat-x;
	}
	*/

	.store_address {
		float: left;
		padding: 8px 0px 0px 5px;
		width: 150px;
	}

	.dealer_inquiry {
		float: right;
		width: 110px;
		padding-top: 20px;
	}

.numbers {
	float: left;
	margin:6px 0 0 0;
}

/** Plumber Locator Style Tweaks **/

	#interior_header h2 {
		float: left;
		margin: 0px;
		padding: 0px 0px 5px 0px;
		color: #FFFFFF;
		overflow: visible;
	}

.contractor_link_underline {color: #3F7AB7; text-decoration:underline;}

#ContractorProductControl1_btnChangeLocation {text-decoration:underline;}

#ContractorProductControl1_A2 {text-decoration:underline;}

#ContractorControl1_lblCompanyName {line-height:29px;}

a#EmailMessage {text-decoration:underline;}

#EmailForm label {font-size:14px; color:#464646;}

#EmailForm table tr td:first-child {text-align:left;}

.noneprovided {color:#F00;}

.inactive {background:url(../../images/locator/filter-arrow-sprite.png) 136px 1px no-repeat;}
.active {background:url(../../images/locator/filter-arrow-sprite.png) 132px -13px no-repeat;}

a#filter_results_heading {padding-right:20px;}

#filter-arrow {width:13px; height:14px; position:relative;  margin:-15px 0 0 0px; float:right;}

.arrow-right { background:url(../../images/locator/filter-arrow-sprite.png) top center no-repeat;}
.arrow-down { background:url(../../images/locator/filter-arrow-sprite.png) bottom center no-repeat;}

.linkbutton {
	background: #007e44;
	border: double 3px #fff !important;
	display: block;
	padding: 6px 10px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	float: left;
}

/* CONTRACTOR */
.contractor-section {
	margin-left: 100px;
	border-bottom: 1px solid #d3d3d3;
}

.contractor-section:last-of-type{
	border-bottom: 0px;

}
.contractor-snippet {
	width: 600px;
	margin: 30px 0px 30px 120px;
}

#go-btn {
	background: #007e44;
	border: double 3px #fff !important;
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 15px;
	width: 115px;
	cursor: pointer;
	text-align: center;
}

/********************CONTACT FORM********************/
.dots {
  border-top: 2px dotted #ccc;
  width: 560px;
  margin: 20px 0px;
  clear: both;
}
.warrantyReg {
	float:left;
}
.warrantyReg fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 700px;
}
.warrantyReg legend {
  font-weight: bold;
}
.warrantyReg fieldset li {
  list-style: none;
  padding-right: 1em;
  padding-bottom: 10px;
  padding-left: 0;
  clear: left;
}
.warrantyReg fieldset.submit {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 560px;
}
.warrantyReg fieldset.submit input {
  width:150px;
  background:#007e44;
  color:#FFFFFF;
  float:right;
}
.warrantyReg li label, #EmailForm label {
  position: relative;
  width: 25em;
  margin-right: 1em;
  text-align: right;
}
.warrantyReg li input, #EmailForm input {
  background-color:#eeeeee;
  border:solid 1px #cccccc;
  color:#666666;
  padding:9px 10px 10px;
  width:250px;
  display:block;
}
.warrantyReg select {
  -webkit-appearance: button;
  -webkit-border-radius: 0px;
  -webkit-padding-end: 35px;
  -webkit-padding-start: 10px;
  background-image: url(../../images/productselector/select-arrow-tall.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #eee;
  border: 1px solid #CCC;
  color: #007e44;
  margin-top: 2px;
  overflow: hidden;
  padding: 9px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  width: 270px;
  display: block;
}

.warrantyReg input:focus, .warrantyReg select.input:focus, .warrantyReg select:focus, #EmailForm input:focus {
	border: 1px solid #090;
	background: #fff;
}

.warrantyReg #option1, .warrantyReg #option2, .warrantyReg #option3, .warrantyReg #option4, .warrantyReg #option5, .warrantyReg #option6, .warrantyReg #option7, .warrantyReg #option8, .warrantyReg #option9, .warrantyReg #option10, .warrantyReg #option0 {
  width:30px;
  float:left;
  margin-top:10px;
  display: block;
}

.warrantyReg .recommend td label {
	width: 40px;
	text-align: center;
	margin: 0px;
	display: inline-block;
}
.warrantyReg .recommend td input {
	left: 10px;
	position: relative;
}
.warrantyReg textarea, #EmailForm textarea {
  background-color:#EEEEEE;
  border:solid 1px #999999;
  color:#666666;
  padding:5px;
  width:400px;
}

.warrantyReg label em, .warrantyReg em.required {
  color: #007e44;
  font-style: normal;
}
.warrantyReg label strong {
  position: absolute;
  left: 420px;
  width: 19em;
  color: #f36911;
  font-weight: normal;
  text-transform: uppercase;
  visibility: hidden;
}
.warrantyReg .error {
  color: #ff0000;
}
.warrantyReg .writeReview {
  padding: 10px 0 0;
}
span.not_likely {
  float: left;
  color: #999;
  font-size: 10px;
  margin-left: 15px;
}
span.extremely_likely {
  float: right;
  color: #999;
  font-size: 10px;
  margin-right: 10px;
  margin-right\9: 0px;
}
.btn {
	background: #007e44;
	border: double 3px #fff !important;
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 15px;
	width: 100px;
	cursor: pointer;
	text-align: center;
}
.warranty_right_column {
	float: right;
	width: 196px;
	background: url(../../images/where-to-buy-product-bg.png) top center no-repeat;
	margin: 20px 30px 0 0;
	padding: 20px 10px 10px 10px;
}
.product_display {
	float: right;
	width: 350px;
	margin: 25px 0px 20px 70px;
	border-left: 3px dotted #ccc;
	padding-left: 60px;
}

/*a.info {display:block; width:15px; height:15px; background:url(../../images/info-icon.png) top center no-repeat; text-indent:-9999px; cursor: pointer; float: right; right: 30px;}

div.tooltip.register {display:none; font-size:11px; line-height: 13px; width: 500px !important; height: auto !important; background: #fff; border-radius: 8px; -moz-border-radius: 8px; padding:8px 8px 8px 11px !important; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #999; position:absolute; z-index:9999;}

a.info:hover + div.tooltip {display:block;}
div.tooltip:hover {display:block;}*/

a.info-cert {display:block; width:15px; height:15px; background:url(../../images/info-icon.png) top center no-repeat; text-indent:-9999px; cursor: pointer; float: right; right: 30px;}

div.tooltip.register {display:none; font-size:11px; line-height: 13px; width: 500px !important; height: auto !important; background: #fff; border-radius: 8px; -moz-border-radius: 8px; padding:8px 8px 8px 11px !important; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #999; position:absolute; z-index:9999;}

a.info-cert:hover + div.tooltip {display:block;}
div.tooltip:hover {display:block;}



@-moz-document url-prefix() {
  .warrantyReg select {
	  background-image: none;
	  background-position: none;
	  margin-top: 0px;
  }
}

/* --- IE Hacks --- */
div.tooltip.register {
border:1px solid #ccc\9;
}
.warrantyReg select {
background-image: none\9; /* IE6, IE7, IE8, IE9 */
background-image: none\0; /* IE8, IE9 */
margin-top:0px\9;
}

.warrantyReg .recommend td label {
width: 40px\9;
text-align: center\9;
margin: 0px\9;
}

.warrantyReg .recommend td input {
left: 11px\9;
position: relative\9;
}

/* BazaarVoice & Product Registration */
#BVRRContainer {margin-top:-20px !important;}
.bv-compat .bv-inline-rating-container {margin-bottom: 10px !important;}
/*a.bv-write-review-label.bv-text-link.bv-focusable.bv-submission-button {visibility:hidden !important;}*/
.BVProductContainer .bv-cleanslate .bv-rating-top-statistic .bv-inline-rating-container dl.bv-stars-container .bv-rating {margin: 0px !important;}
.BVProductContainer .bv-cleanslate .bv-rating-top-statistic .bv-inline-rating-container .bv-stars-container dd .bv-rating {margin: 0px !important;}
.BVProductContainer .bv-cleanslate .bv-rating-top-statistic .bv-inline-rating-container .bv-stars-container dd.bv-rating-ratio-number .bv-rating {margin: 0px !important;}


/* Compliance Styles Begin*/
#faq ol {list-style-type: decimal;padding-left: 20px;}
#faq ol li{padding-left:15px}
#faq ol ol { list-style-type: lower-alpha; padding: 2px 0 0 20px;}
#faq ol ol li{padding-left:20px;}
#faq ol ol ol{ list-style-type: lower-roman; margin-bottom: -12px;}

#announcement > h3:first-of-type {color:black;}
#announcement #download{display: block; float:right; position: relative; bottom: 25px;}


/* Compare Functionality UI */
#compare_tab {
	width: 400px;
	min-width: 400px;
	position: fixed;
	z-index: 100;
	height: 51px;
	left: 20px;
	bottom: 0px;
	padding-left: 10px;
	display: none;
	background: url(/images/compare/compare_tab_bg.png) no-repeat;
}

#clear_link {
	margin: 8px;
}

#compare_link {
	position: relative;
	top: 8px;
}

#show_toggle_link {
	position: relative;
	top: 8px;
	margin-left: 8px;
}

.thumbNail {
	margin: 8px 3px 0px 5px;
	height: 30px;
	width: 30px;
	float: left;
	background-color: #b3b3b3;
	border: solid 1px #a6a6a6;
}

.thumbNail_Selected {
	background-color: white;
}

.selectedImage {
	top: 2px;
	left: 2px;
	position: relative;
}

.removeImg {
	z-index: 1;
	position: relative;
	top: -30px;
	left: -6px;
}

/* Google Custom Search */
#search #___gcse_0 {
	margin: 16px 0px 0px 13px;
}

#search .gsc-search-box .gsc-input>input:focus,#search .gsc-input-box-focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

#search .gsc-input-box {
	border: transparent !important;
}

#search .cse input.gsc-input,#search input.gsc-input {
	border: none !important;
	margin-left: 5px;
}

#search input.gsc-search-button,#search input.gsc-search-button:hover,#search input.gsc-search-button:focus {
	border-color: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	filter: none !important;
	-webkit-box-shadow: none !important;
}

#search .cse input.gsc-search-button,#search input.gsc-search-button {
	text-indent: -999px;
	cursor: pointer;
}

#search .gsc-clear-button {
	display: none !important;
}

/* Search page */
.cse input.gsc-search-button, input.gsc-search-button {
	background: #007e44 !important;
	border: double 3px #fff !important;
	display: block;
	color: #fff !important;
	font-size: 13px;
	width: 100px;
	cursor: pointer;
	text-align: center;
}


/* Where to Buy Listing */
.listing {
	display: inline;
	float: left;
	margin: 10px 0px;
	width: 150px;
}


/*  Contactor Advocacy */
#contractor_advocacy_container {
	display: none;
	width: 700px;
	border: 1px solid #d4d4d4;
	float: left;
	margin-bottom: 20px;
}

#contractor_advocacy_container > div {
	width: 300px;
	display: inline;
	border: 1px solid #d4d4d4;
	padding: 10px;
	margin: 14px;
	float: left;
}

#contractor_advocacy_container > div > div:first-child {
	padding-bottom: 60px;
}

#contractor_advocacy_container h1 {
	color: #007e44;
	padding: 20px 15px 10px;

}

#contractor_advocacy_container h2 {
	font-size: 16px;
	color: #454545;
	margin: 20px 0 5px 0;
	padding: 0px;
	font-weight: bold;
}
/********** NAECA ***************/
#naeca #main_section{
	width: 60%;
	float: left;
}

#naeca #banner_image {
	margin-bottom: 15px;
}

#naeca #banner_image img{
	width: 100%;
}

#naeca #sidebar{
	margin-left: 4%;
	font-size: 1.2em;
	background-color: #66cc66;
	width: 31%;
	float: left;
}

#naeca #sidebar h3:first-of-type{
	margin-top: 23px;
}

#naeca #sidebar h3 {
	padding-left: 29px;
	color: #333333;
}

#naeca #sidebar ul, #naeca #sidebar p{
	color: #fff;
}

#naeca #sidebar ul{
	width: 80%;
	margin-bottom: 25px;
	list-style-type: none !important;
}

#naeca #sidebar ul li{
	padding-bottom: 8px;
	background: none !important;
}
#naeca #sidebar div img{
	padding-left: 25px;
	margin-bottom: 25px;
}


#naeca #sidebar ul li a, #naeca #sidebar ul li a:visited{
	color: #fff;
}

#naeca #sidebar ul li a:hover{
	color: #006633;
}

#naeca #sidebar #faq{
	margin-top: -18px;
	margin-bottom: 20px;
	background: url('../../images/structure/global/faq.png') no-repeat center;
	height: 65px;

}

#naeca #sidebar #faq:hover{
	background: url('../../images/structure/global/faq_hover.png') no-repeat center;
}

#naeca h2{
	font-weight: bold;
	padding-left: 10px;
	color:#999999;
}

#naeca #main_section table{
	margin-bottom: 25px;
	width: 100%;
}

#naeca #main_section table thead{
	text-transform: uppercase;
}

#naeca #main_section table thead th{
	color: #006633;
	font-weight: bold;
	padding: 4px 0px 4px 10px;

}

#naeca #main_section table thead td{
	color: #66cc66;
}

#naeca #main_section table td{
	padding: 4px 0px 4px 10px;
	width: 33%;
}

#naeca #main_section table tr td:nth-child(2){
	text-align: center;
}

.longHeader{
	width: 36%;
}

#naeca #main_section table tr{
	border-top: 1px solid #66cc66;
}

/*-----*  NAECA REVAMP Page Styles Begin  *-----*/
#naeca2 {
  width: 735px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 200;
  margin-bottom: 75px;
}

#naeca2 h4 {
  color: #037c39;
  font-size: 18px;
  font-weight: 200;
  font-style: normal;
}

#naeca2 h5 {font-size: 14px;}


/*NAECA "naeca_hero" - section 1*/

#naeca_sidebar{
  float: right;
  background-color: #52b75b;
  width: 228px;
  height: 387px;
}

#naeca_sidebar h3, #naeca_sidebar ul{margin-left: 25px; }

#naeca_sidebar h3 {
  color: #000;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 3px;
}

#naeca_sidebar li {
  margin-bottom: 10px;
  background: none !important;
  padding-left: 0 !important;
}

#naeca_sidebar a, #naeca_sidebar li {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

#naeca2 #naeca_sidebar #naeca_faq {background: url('/images/structure/global/faq2.png') no-repeat center;}

#naeca2 #naeca_sidebar #naeca_faq:hover {background: url('/images/structure/global/faq_hover2.png') no-repeat center;}

#naeca_sidebar #naeca_faq, #naeca_sidebar #naeca_faq:hover {
  margin-top: 30px;
  margin-bottom: -18px;
  height: 54px;
}

#naeca_sidebar a:hover {color: #025625;}

/*NAECA Downloads*/
.naeca-downloads {
  padding: 10px 10px 20px 40px;
  border: 3px solid #0f7b39;
  margin-bottom: 30px;
  margin-top: 15px;
}
.naeca-downloads .headline {
  width: 40%;
  display: inline-block;
}

.naeca-downloads .headline h3 {
  color: #0f7b39;
  font-size: 2.0em;
  margin-bottom: 0;
}

.naeca-downloads .headline h5 {
  color: #0f7b39;
  display: inline-block;
  width: 60%;
  font-weight: 500;
  margin: 2px 0 14px 10px;
  font-size: 16px !important;
  line-height: 18px;
}

.naeca-downloads .naeca-instructions {
  color: #000;
  width: 55%;
  display: inline-block;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.3em;
}

.naeca-downloads ul {
  list-style-type: none;
  padding: 0;
  margin: 5px 0 0 !important;
}

.naeca-downloads li {
	background: none !important;
  background-color: #0f7b39 !important;
  display: inline-block;
  width: 20%;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 5px;
  margin-bottom: 7px;
  vertical-align: middle;
}

.naeca-downloads .single-line {
  padding: 13px 5px;
}

.naeca-downloads a + a {
  margin-left: 10px;
}

/*NAECA "video" - section 2*/
#naeca2 > #naeca_video {
  background-color: #eff0ef;
  margin-top: 30px;
}

#naeca2 > #naeca_video > h4 {
  padding-top: 30px;
  margin-left: 20px;
  width: 30%;
}

#naeca2 > #naeca_video > p {
  display: inline;
  float: left;
  width: 30%;
  margin-left: 20px;
  margin-top: 10px;
  font-size: 15px;
}

#naeca2 iframe {
  margin-top: -17px;
  margin-bottom: 30px;
  margin-left: 40px;
}

#naeca_hero img {float: left;}

/*NAECA "under" and "over" - section 3 & 4*/
#naeca2 > #under > h4, #naeca2 > #over > h4 {
  margin-top: 15px;
  margin-bottom: 10px;
}

#naeca2 > #under > ul, #naeca2 > #over > ul {
  list-style: disc outside none;
  font-size: 15px;
}

#naeca2 > #under > ul > li, #naeca2 > #over > ul > li {
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: none !important;
  padding-left: 0 !important;
}

#naeca2 > #under > h5, #naeca2 > #over > h5 {
  margin-top: 20px;
  margin-bottom: 2px;
  font-size: 16px;
}

#naeca2 > #under a:hover, #naeca2 > #over a:hover {text-decoration: underline;}

/*NAECA "under" - section 3*/
#naeca2 > #under > h2 {
  margin-top: 40px;
  margin-bottom: 25px;
  font-weight: 600;
  color: #000000;
  font-size: 28px;
}

/*NAECA "over" - section 4*/

#naeca2 > #over > img {margin-top: 40px;}

#naeca2 > #over > ul#over_list > li{margin-bottom: 10px;}

/*NAECA "slider" - section 5*/
#naeca_slider{
  margin-top: 50px;
  margin-bottom: 10px;
}

#naeca_slider #imageWrapper img{
  display: block;
  margin: 0 auto;
}

/*  NAECA REVAMP Page Styles END  */


/*-----* WHOLESALER VALUE PROP Page Styles Begin  *-----*/
/*WHOLESALER sidebar */
#pentagon_sidebar {
  width: 275px;
  display: block;
  float: left;
  background-color: #f8f8f8;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 30px;

}

#pentagon_sidebar p, #pentagon_sidebar ul {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 30px;
}

#pentagon_sidebar p{
  line-height: 20px;
}

#pentagon_sidebar #p_instruction{
  color: rgb(11,116,48);
  font-weight: bold;
  font-size: 15px;
}

#pentagon_sidebar ul h3 {
  color: #000000;
}

#pentagon_sidebar ul li:first-child + li {
  margin-bottom: 8px;
}

#pentagon_sidebar ul li a {
  font-size: 15px;
}

/*WHOLESALER pentagon */
#pentagon {
  width: 650px;
  height: 700px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  background: url('/images/structure/global/wholesaler_info/wholesaler-background.png') no-repeat 150px 100px;
  float: left;
  display: inline;
}

.p_text {
  overflow: hidden;
  padding-top: 10px;
  line-height: 20px;
}

.p_tooltip p{
  color: #000000;
  font-size: 16px;
}

.p_tooltip img {
  float: left;
}

/*WHOLESALER top two_week bubble */
#p_time img {
  position: absolute;
  left: 240px;
  top: -3px;
}

/*WHOLESALER right top breadth bubble */
#p_breadth img {
  position: absolute;
  left: 427px;
  top: 140px;
}

/*WHOLESALER right bottom tools bubble */
#p_tools img {
  position: absolute;
  left: 350px;
  top: 352px;
}

/*WHOLESALER left bottom tools bubble */
#p_contractor img {
  position: absolute;
  left: 147px;
  top: 350px;
}

/*WHOLESALER left top tools bubble */
#p_brand img {
  position: absolute;
  left: 80px;
  top: 140px;
}

.primary-branded-button {
  display: inline-block;
  padding: 0 30px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2.6;
  letter-spacing: .05rem;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: 200ms all ease-in-out;
  background-color: #007e44;
  color: #fff;
  margin-bottom: 8px;
  text-align: center;
}

.primary-branded-button:hover {
	background-color: #108f54;
}


/*  WHOLESALER VALUE PROP Page Styles END  */





/* Tooltip container */
.question-tooltip {
	text-decoration: none;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid grey;
    color: grey;
    padding : 0px 5px;
    font-size: 10px;
}

/* Tooltip text */
.question-tooltip .question-tooltiptext {
    visibility: hidden;
    width: 250px;
    padding: 5px;
    background-color: #9ECA73;
    color: white;
    text-align: center;
    border-radius: 6px;

    /* Position the question-tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 225%;
    left: 50%;
    margin-left: -60px;

    /* Fade in question-tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* question-Tooltip arrow */
.question-tooltip .question-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #9ECA73 transparent transparent transparent;
}

/* Show the question-tooltip text when you mouse over the question-tooltip container */
.question-tooltip:hover .question-tooltiptext {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}

/* ---------------------Tankless Page Styles------------------------ */

.tankless-page-content {
  min-width: 983px;
  padding-bottom: 20px;
}

.tankless-page-content * {
  box-sizing: border-box;
}

.tankless-page-content section {
  margin-bottom: 60px;
}

.tankless-page-content .inner-wrapper {
  margin: 0 auto;
  width: 100%;

}

.tankless-page-content .shadow {
  border: 1px solid #d8d8d8;
  box-shadow: 0px 2px 4px #d8d8d8;
}

.tankless-page-content .two-columns {
  display: flex;
  justify-content: space-between;
}

.tankless-page-content .dashed-divider {
  border-top: 1px dashed #D8D8D8;
  height: 1px;
  margin: 0 auto;
  max-width: 983px;
}

.tankless-page-content .dashed-divider.tankless:first-of-type {
  margin-top: 120px;
}

.tankless-page-content .dashed-divider.tankless:nth-of-type(2) {
  margin-bottom: 60px;
}

.tankless-page-content h1,
.tankless-page-content h2,
.tankless-page-content h4,
.tankless-page-content p,
.tankless-page-content a.reviews,
.tankless-page-content li {
  font-family: 'Arial', sans-serif;
}

.tankless-page-content h2 {
  color: #464646;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 47px;
}

.tankless-page-content h3 {
  color: #464646;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 36px;
  text-align: center;
}

.tankless-page-content p {
  color: #464646;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0;
}

.tankless-page-content .big-green-p {
  color: #007B36;
  font-size: 18px;
  font-weight: bold;
}

.tankless-page-content .view-button {
  background-color: #007B36;
  color: white;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1.25px;
  line-height: 16px;
  margin-right: 20px;
  padding: 15px 25px;
  text-transform: uppercase;
}

.tankless-page-content .view-button.white {
  background-color: #ffffff;
  border: 1px solid #007B36;
  color: #007B36;
  margin-right: 0;
  padding: 14px 17px;
}

.tankless-page-content .quote {
  margin: 0 auto;
  max-width: 983px;
}

/* Breadcrumb section */
.tankless-page-content .breadcrumbs {
  position: relative;
  bottom: 20px;
}

.tankless-page-content .breadcrumbs p {
  color: #545454;
  margin-bottom: 5px;
}

.tankless-page-content .breadcrumbs p a {
  color: #949494;
}

.tankless-page-content .breadcrumbs span {
  padding: 0 10px;
}

.tankless-page-content .breadcrumbs .last-crumb {
	padding: 0;
	color: #949494;
  }
  
/* Hero section */
.tankless-page-content .hero-section {
  padding: 20px 0 0;
  text-align: center;
}

.tankless-page-content.gas .hero-section,
.tankless-page-content.condensing .hero-section,
.tankless-page-content.non-condensing .hero-section {
  padding-top: 0;
}

.tankless-page-content .hero-section .banner {
  background-image: url(/images/tankless/header-background.png);
  background-repeat: no-repeat;
  color: white;
  display: flex;
  flex-direction: column;
  height: 300px;
  position: relative;
}

.tankless-page-content .hero-section .tank-banner {
	background-image: url(/images/additional-reading/hero-banner-lady-and-man.jpg);
	background-repeat: no-repeat;
	color: white;
	display: flex;
	flex-direction: column;
	height: 300px;
	position: relative;
  }
  .tankless-page-content .hero-section .additional-reading-banner {
	background-image: url(/images/additional-reading/hero-banner-lady-and-man.jpg);
	background-repeat: no-repeat;
	color: white;
	display: flex;
	flex-direction: column;
	height: 300px;
	position: relative;
  }

.tankless-page-content .hero-section .banner:after {
  background-color: black;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}

.tankless-page-content .hero-section .tank-banner:after {
	background-color: black;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
  }

  .tankless-page-content .hero-section .additional-reading-banner:after {
	background-color: black;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
  }

.tankless-page-content .hero-section h1 {
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 0;
  line-height: 47px;
  margin: auto auto 6px;
  opacity: 1;
  position: relative;
  z-index: 1;
}

.tankless-page-content .hero-section p {
  font-size: 18px;
  line-height: 26px;
  margin: 37px auto;
}

.tankless-page-content .hero-section .banner p {
  color: #fff;
  font-size: 21px;
  line-height: 23px;
  margin: 0 auto 23px;
  opacity: 0.75;
  position: relative;
  z-index: 1;
}

.tankless-page-content .hero-section .tank-banner p {
	color: #fff;
	font-size: 21px;
	line-height: 23px;
	margin: 0 auto 23px;
	opacity: 0.75;
	position: relative;
	z-index: 1;
  }

.tankless-page-content .hero-section .additional-reading-banner p {
	color: #fff;
	font-size: 21px;
	line-height: 23px;
	margin: 0 auto 23px;
	opacity: 0.75;
	position: relative;
	z-index: 1;
  }

.tankless-page-content .hero-section .view-button.white {
  margin-left: 20px;
}

.tankless-page-content .hero-section .boiler-banner {
	background-image: url(/images/tank/boiler/GettyImages-1088404174.jpg);
	background-repeat: no-repeat;
	color: white;
	display: flex;
	flex-direction: column;
	height: 300px;
	position: relative;
}

.tankless-page-content .hero-section .boiler-banner:after {
	background-color: black;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
}

.tankless-page-content .hero-section .boiler-banner p {
	color: #fff;
	font-size: 21px;
	line-height: 23px;
	margin: 0 auto 23px;
	opacity: 0.75;
	position: relative;
	z-index: 1;
  }

.view-button.secondary {
	margin-left: 20px;
	margin-right: 0px;
}

/* Savings section */

.tankless-page-content .savings img {
  width: 50%;
}

.tankless-page-content .savings .copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  text-align: center;
  width: 50%;
}

.tankless-page-content .savings h2 {
color: #464646;
font-size: 36px;
font-weight: bold;
letter-spacing: 0;
margin: 0 auto 23px;
text-align: center;
}

.tankless-page-content .savings p {
  color: #464646;
  font-size: 18px;
  line-height: 26px;
}

/* Quote section */
.tankless-page-content .quote {
  color: #464646;
  text-align: center;
}

.tankless-page-content .quote blockquote {
  font-size: 36px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 41px;
  margin: 28px auto 20px;
  max-width: 765px;
  text-align: center;
}

.tankless-page-content .quote p {
  font-style: italic;
  letter-spacing: 0px;
  line-height: 17px;
  margin-bottom: 40px;
}

/* Benefits section */
.tankless-page-content .benefits {
  margin-top: 60px;
  padding: 0;
  text-align: center;
}

.tankless-page-content .benefits h2 {
  color: #464646;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0 auto 23px;
  text-align: center;
}

.tankless-page-content .benefits .column-wrapper {
  display: flex;
  justify-content: space-between;
}

.tankless-page-content .benefits .column-wrapper:nth-child(2) {
  margin-bottom: 30px;
}

.tankless-page-content .benefits .column {
  width: 32%;
}

.tankless-page-content .benefits .column img {
  width: 100%;
}

.tankless-page-content .benefits .column h4 {
  color: #464646;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  margin: 13px auto 8px;
}

.tankless-page-content .benefits .column p {
  line-height: 23px;
  margin: 0 auto;
  width: 92%;
}

/* How It Works section */
.tankless-page-content .how-works {
  margin-top: 120px;
}

.tankless-page-content .how-works.tankless {
  margin-bottom: 120px;
  margin-top: 120px;
  padding-top: 0;
}

.tankless-page-content .how-works h2 {
  margin-bottom: 10px;
}

.tankless-page-content .how-works .text {
  padding-top: 20px;
  margin-left: 20px;
}

.tankless-page-content .how-works.tankless .text {
  padding-top: 0;
}

.tankless-page-content .how-works .text h3 {
  font-size: 26px;
  line-height: 30px;
  margin: 10px 0 12px;
  text-align: left;
}

.tankless-page-content .how-works .text p {
  color: #464646;
  font-size: 18px;
  font-style: normal;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 10px;
}

.tankless-page-content .how-works .text > p:nth-child(3) {
	max-width: 60%;
}

.tankless-page-content .how-works .text > p:nth-child(2) {
  margin-bottom: 20px;
}

.tankless-page-content .text .faq:first-of-type {
  margin-top: 36px;
}

.tankless-page-content .text .faq .material-icons {
  color: #007B36;
  transition: transform 500ms;
}

.tankless-page-content .how-works input:checked + .question .material-icons {
  transform: rotate(180deg);
}

.tankless-page-content .how-works .text .question {
  line-height: 34px;
  margin-top: 10px;
}

.tankless-page-content .how-works .image img {
  float: right;
  height: 420px;
  padding-left: 50px;
  padding-top: 23px;
}

.tankless-page-content .how-works .waterheater-image img {
  float: right;
  margin-left: 50px;
  margin-top: 47px;
}

.tankless-page-content .how-works .faq-links {
  margin: 20px 0 14px;
}

.tankless-page-content .how-works .faq-links p {
  border-bottom: 5px solid #007B36;
  display: inline-block;
  padding-bottom: 9px;
}

.tankless-page-content .how-works .faq-links a {
  color: #464646;
  font-size: 18px;
  line-height: 26px;
  opacity: 0.5;
}

.tankless-page-content.condensing .how-works .faq-links a {
  margin-left: 50px;
}

.tankless-page-content.non-condensing .how-works .faq-links a {
  margin-right: 50px;
}

.tankless-page-content .how-works .answer,
.tankless-page-content .how-works .faq input {
  display: none;
}

.tankless-page-content .how-works .answer {
  margin-bottom: 16px
}

.tankless-page-content .how-works input:checked ~ .answer {
  display: block;
}

/* Tank or Tankless section */
.cta-links {
	display: contents;
}

.cta-links > a {
	margin-bottom: 2%;
}

.tank-view-all-button {
	padding-left: 50px !important;
	padding-right: 50px !important;
}
.tankless-page-content .tank-tankless {
  margin-bottom: 120px;
  margin-top: 120px;
}

.tankless-page-content .tank-tankless h2 {
  letter-spacing: 0.2px;
  text-align: center;
}

.tankless-page-content .tank-tankless p {
  color: #464646;
  font-size: 18px;
  font-style: normal;
  letter-spacing: 0;
  line-height: 20px;
  opacity: 0.75;
  text-align: center;
}

.tankless-page-content .tank-tankless .two-columns {
  margin-top: 66px;
}

.tankless-page-content .tank-tankless .column {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 48%;
}

.tankless-page-content .tank-tankless .image-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 55%;
}

.tankless-page-content .tank-tankless .divider {
  background-color: #d8d8d8;
  height: 470px;
  width: 2px;
}

.tankless-page-content .tank-tankless .divider p {
  background-color: #BCB9B9;
  border-radius: 50%;
  box-sizing: content-box;
  padding: 12px 15px;
  position: relative;
  left: -22px;
  top: 122px;
  width: 15px;
}

.tankless-page-content .tank-tankless .column h3 {
  margin: 23px auto 15px;
}

.tankless-page-content .tank-tankless .column ul {
  background-color: rgba(238,238,238,0.42);
  flex-grow: 1;
  list-style-type: disc;
  text-align:left;
  padding: 20px;
  border-radius: 10px;
}

.tankless-page-content .tank-tankless .column:first-child ul {
  margin-right: 25px;
}

.tankless-page-content .tank-tankless .column:last-child ul {
  margin-left: 25px;
}

.tankless-page-content .tank-tankless .column li {
  color: #464646;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 26px;
  margin-left: 20px;
}

.tankless-page-content .tank-tankless .inner-wrapper .two-columns .column ul li.false {
  opacity: 0.42;
}

/* Gas vs Electric Tankless Sections */
.tankless-page-content .tankless-card.electric {
  margin-bottom: 120px;
}

.tankless-page-content .tankless-card .inner-wrapper {
  padding: 25px 0 40px;
}

.tankless-page-content .condensing.tankless-card img {
  max-width: 100%;
  padding-left: 60px;
}

.tankless-page-content .tankless-card .inner-wrapper .column {
  width: 50%;
}

.tankless-page-content .tankless-card .column.copy {
  display: flex;
  flex-direction: column;
}

.tankless-page-content .gas .column:first-child,
.tankless-page-content .electric .column:last-child {
  text-align: center;
}

.tankless-page-content .electric .column:first-child {
  text-align: right;
}

.tankless-page-content .tankless-card h2 {
  font-size: 41px;
  line-height: 46px;
  letter-spacing: 0;
}

.tankless-page-content .tankless-card .reviews {
  color: #aaaaaa;
  font-size: 12px;
  letter-spacing: 0.1px;
  line-height: 31px;
}

.tankless-page-content .tankless-card .column p {
  color: #464646;
  flex-grow: 1;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  margin: 14px 0 0;
}

.tankless-page-content .gas .column {
  padding-right: 60px;
}

.tankless-page-content .electric .column {
  padding-left: 60px;
}

.tankless-page-content .tankless-card .buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.tankless-page-content .tankless-card .view-button {
  text-align: center;
  max-width: 200px;
  width: 45%;
}

/* Three Cards Section */
.tankless-page-content .three-cards .inner-wrapper {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.tankless-page-content .three-cards .shadow {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 31%;
}

.tankless-page-content .three-cards .wrapper {
  height: 60px;
}

.tankless-page-content .three-cards .inner-wrapper .shadow .big-green-p {
  line-height: 22px;
}

.tankless-page-content .three-cards .inner-wrapper .shadow p:nth-child(3) {
  flex-grow: 1;
  line-height: 23px;
  letter-spacing: 0;
  margin-bottom: 30px;
  width: 100%;
}

.tankless-page-content .three-cards .view-button {
  margin: 0 auto;
  width: 200px;
}

/* Compare Table section */
.tankless-page-content .compare table {
  width: 100%;
}

.tankless-page-content .compare td {
  height: 60px;
  width: 33%;
}

.tankless-page-content .compare thead td:first-child {
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 28px;
}

.tankless-page-content .compare thead div {
  display: flex;
  margin: 0 auto;
}

.tankless-page-content.gas .compare thead div {
  width: 188px;
}

.tankless-page-content .compare thead div {
  width: 245px;
}

.tankless-page-content .compare thead p {
  align-self: flex-end;
  font-weight: bold;
}

.tankless-page-content .compare tbody tr:nth-child(odd) {
  background-color: rgba(221,221,221,0.4);
}

.tankless-page-content .compare tbody tr:nth-child(even) {
  background-color: rgba(221,221,221,0.15);
}

.tankless-page-content .compare tbody td:first-child {
  font-weight: bold;
  padding-left: 20px;
  text-align: left;
}

.tankless-page-content .compare tbody td {
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  vertical-align: middle;
}

/* Additional Reading Section */

.resource-info > h4 {
	font-size: 18px;
    font-style: italic;
	font-weight: bold;
	color: #464646;
    margin: 15px 0px;
}

.additional-reading  .list {
	margin-top: -10px;
	list-style: initial;
    padding-left: 2%;
}

.additional-reading  .row {
	display: flex;
}

.additional-reading .inner-wrapper {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.t-column {
	padding: 10px 0px;
	width: 85%;
}

.t-column p {
	line-height: 1.4;
	max-width: 90%;
}

.t-column .big-green-p {
	font-size: 17px;
}
.t-column .material-icons {
	font-size: 20px;
}

/* Featured Products Section */

.tankless-page-content .featured-products {
  margin-top: 80px;
  margin-bottom: 60px;
  padding: 0 0 65px;
  text-align: center;
  max-width: 983px;
}

.tankless-page-content .combi-boiler {
	margin-top: 0px;
}

.tankless-page-content .featured-products .product-column-wrapper {
  display: flex;
  justify-content: space-between;
  -ms-flex-pack: center;
  margin-top: 40px;
}

.tankless-page-content .featured-products .product-column {
  display: flex;
  flex-direction: column;
  width: 30%;
}

.tankless-page-content .featured-products .image-wrapper {
  height: 230px;
  margin-bottom: 30px;
  position: relative;
}

.tankless-page-content .featured-products .image-wrapper img {
  max-height: 250px;
}

.tankless-page-content .featured-products .model-number {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 0;
}

.tankless-page-content .featured-products h4 {
  color: #454644;
  font-size: 20px;
  font-style: normal;
  line-height: 25px;
  margin-bottom: 20px;
}

.tankless-page-content .featured-products .product-details {
  flex-grow: 1;
  list-style-type: disc;
}

.tankless-page-content .featured-products .product-details li {
  color: #575855;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  opacity: 0.8;
  padding-left: 10px;
  text-align:left;
}

.tankless-page-content .featured-products .product-column .rating-block {
  margin-top: 20px;
}

.tankless-page-content .featured-products .view-button {
  margin-top: 30px;
}
/* Request a local quote section for Hybrid-Electric */
.local-quote-hybrid {
	display: flex;
	text-align: center;
}

.local-quote-hybrid > div:nth-child(1){
	margin-right: 4%;
}

.local-quote-hybrid h2 {
	font-size: 18px;
	margin: 0;
	color: #007B36;
}

.hybrid-column {
	padding: 4%;
}
.hybrid-column > p {
	padding-bottom: 2%;
}
/* Request a local quote section */

a.local-quote-learn-more {
	font-size: 15px;
	font-weight: bold;
	color: #007B36;
	display: -ms-grid;
}

.tankless-page-content .local-quote {
  margin-bottom: 80px;
  margin-top: 35px;
}

.tankless-page-content .local-quote .inner-wrapper {
  padding: 20px 0;
}

.tankless-page-content .local-quote .column {
  padding: 0 20px;
  width: 100%;
}

.tankless-page-content .local-quote .column:nth-child(2) {
  padding: 15px 20px;
  transform: translateX(-10px);
}

.tankless-page-content .local-quote .column img {
  width: 95%;
}

.tankless-page-content .local-quote .column h2 {
  font-size: 36px;
  margin: 0;
}

.tankless-page-content .local-quote .column p {
  padding-top: 6px;
  flex-grow: 1;
  font-size: 18px;
  line-height: 26px; 
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tankless-page-content .local-quote .column p {
		padding-top: 6px;
		flex-grow: 1;
		font-size: 18px;
		line-height: 26px;
		align-self: stretch;
	  }
	}

.tankless-page-content .local-quote .column .view-button {
  padding: 15px 12px;
  margin-top: 25px;
  width: 230px;
}

/* Which Water Heater section */
.tankless-page-content .which-water-heater {
  margin-bottom: 100px;
}

.tankless-page-content .which-water-heater .inner-wrapper {
  background-image: url(/images/tankless/which-water-heater-new.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding: 120px 98px 80px;
  text-align: center;
}

.tankless-page-content .which-water-heater h2 {
  color: black;
  font-size: 36px;
  letter-spacing: 0.5px;
  margin-bottom: 3px;
  text-align: center;
}

.tankless-page-content .which-water-heater p {
  color: #575855;
  font-size: 21px;
  line-height: 23px;
  margin-bottom: 35px;
  opacity: 0.6;
}

.tankless-page-content .which-water-heater .view-button {
  width: 200px;
}

/* Contractor Resources section */
.tankless-page-content .contractor-resources {
  margin-bottom: 80px;
}

.tankless-page-content .contractor-resources .inner-wrapper {
  text-align: center;
}

.tankless-page-content .contractor-resources h2 {
  margin-bottom: 40px;
}

.tankless-page-content .contractor-resources .column-wrapper {
  display: flex;
  justify-content: space-between;
}

.tankless-page-content .contractor-resources .column {
  width: 33%;
}

.tankless-page-content .contractor-resources .image-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 128px;
}

.tankless-page-content .contractor-resources img {
  margin: auto;
}

.tankless-page-content .contractor-resources .large {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  margin: 20px auto 8px;
}

.tankless-page-content .contractor-resources p {
  line-height: 17px;
  margin-bottom: 30px;
  padding: 0 20px;
}

.tankless-page-content .contractor-resources .view-button.white {
  width: 200px;
}

/* Owner Support section */
.tankless-page-content .owner-support {
  margin-bottom: 0;
  text-align: center;
}

.tankless-page-content .owner-support h2 {
  margin-bottom: 48px;
}

.tankless-page-content .owner-support .links {
  display: flex;
  justify-content: space-between;
}

.tankless-page-content .owner-support .links a {
  align-items: center;
  background-color: #F4F5F7;
  display: flex;
  padding: 18px 0 18px 18px;
  width: 23%;
}

.tankless-page-content .owner-support p {
  font-weight: bold;
  line-height: 22px;
  margin: 0 0 0 16px;
  text-align: left;
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-22 { font-size: 22px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons {
  vertical-align: text-bottom;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
}

.new-product-card-box {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 60px;
}

#double-local-quote {
  width: 48%;
  text-align: center;
}
.double-column {
  margin: 15px 10px 15px 10px;
}
.double-column h4 {
  margin-top: 10px;
  color: #007B36;
}
/* ---------------------End Tankless Page Styles------------------------ */
