@charset "UTF-8";
/* CSS Document */

/* ----COLOR PALET 

Light Gray: #cecece
Gray: 		#6d6e72
lightblue  #4b98ce
red			#be2026
dark blue  #1176bc 
h1 tag		#1376b9

*/


/* RESET */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, strong,font, img, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label 
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}	

h5 {
	margin-left:2px;
}

.clear {
	clear:both;
}


html { overflow: -moz-scrollbars-vertical !important; overflow:scroll; }

body 
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #434544; 
	font-size: 13px;
	margin-top:10px;

}

/* Typography */
h1{	color: #1376b9;font-size: 2.4em;font-style:italic;}
h2{}
h3 {font-size: 14px;}
p {
font-size: 13px;
margin-top:10px;
margin-bottom:10px;
}


a:link{color:#6d6e72; text-decoration: none;}
a:visited{color:#6d6e72; text-decoration: none;}
a:hover{color:#be2026; text-decoration: none;}
a:active{color:#6d6e72; text-decoration: none;}


#wrapper {
	width:960px;
	margin:auto;
	background: white;
	padding: 5px;
}

/* Header  */
#header 
	{
	height:130px; 
	position: relative;
	height: 100%; /* for ie6 */
}

h1#logo 
 {
 width: 184px;
 height: 128px; 
 background: url(images/web/logo.jpg) top left no-repeat; 
 text-indent: -9999px; 
 float: left;
}

h2#teaser 
{
	width: 170px;
	height: 53px; 
	background: url(images/web/worldleading.gif) top right no-repeat; 
	text-indent: -9999px; 
	float: right; 
	margin-right: 100px; 
	margin-top: 10px;
}

.warrantystamp 
{
	position: absolute;
	right:10px; 
	top:0px;
}

/* CONTENT */


#homesplash 
{
	margin-top:10px; 
	margin-bottom: 20px;
	height: 346px;
	position: relative;
	}


/* HOMEBOXES */
#homeboxes 
{
	height: 202px;
	border-top: solid 1px #cecece;
	border-bottom: solid 1px #cecece; 

}

.infobox1 img, .infobox2 img, .infobox3 img {
	display:block;
}

.infobox1, .infobox2, .infobox3
 {
 width: 216px; 
 float: left; 
 border-right: solid 1px #cecece; 
 height: 194px; 
 padding: 4px;
display:inline;
position:relative;
 }
 
.infobox1 p, .infobox2 p, .infobox3 p 
{
line-height: 1.2em;
margin-left: 5px;
}

.infobox1 h3, .infobox2 h3, .infobox3 h3 
{
	text-transform: uppercase; 
	margin: 6px 0;
	margin-left: 5px;
}


a.viewmore 
	{
	color: #1176bc;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.6em;
	}

#calloutbox 
{
	float:right;
	height: 202px; 
	width:284px;
}

#calloutbox li
{
	line-height: 66px; 
	height: 66px; 
	width:284px; 
	display: block;
	border-bottom: 1px solid #cecece;
}

#calloutbox li.last 
{
	border-bottom: 0;
}

#calloutbox {
	overflow:hidden;
}
#calloutbox img {
	display:block;
}


/* SIDEBAR */
#sidebar 
{
	float:left; 
	width:180px;
	}
	
#sidemenu ul 
	{
	list-style:none; 
	margin-left:20px;
	}
	
#sidemenu li 
	{
	font-size: 18px; 
	display: block; 
	border-bottom:1px dashed #6d6e72;
	padding: .3em 0; 
	 }

#sidemenu .submenu li {border: 0; font-size: 15px;}



/* PAGE CONTENT */
#maincontent  
{
	margin-top: 20px;
        margin-bottom:30px;
	float: right; 
	width: 767px;
	position: relative;  
	}
	
#pagecontent 
{
	width: 540px;
	float: left;
	position: relative;  
	}
	
#pagecontent h2 
{
	color: #be2026; 
	margin: 1em 0 .1em 0;
	}
	
#pagecontent p 
{
	line-height: 16px;
	}

#productcontent 
{
	width: 670px;
	float: left;
	position: relative;  
	}
	
#productcontent h2 
{
	color: #be2026; 
	margin: 1em 0 .1em 0;
	}
	
#productcontent p 
{
	line-height: 16px;
}

#productcontent h3, span {
	color: #be2026; 
}


/* PAGES RIGHT INFOBAR */
#infobar 
	{
	width:200px;
	float: right;
	border-left: 1px solid #cecece;
	padding-left: 6px;
	}
	
#infobar span 
	{
	color: #4b98ce;
	font-weight: bold;
	}
	

#contentheader 
{
border-bottom: 2px solid #cecece;	
padding-bottom: .5em;
margin-bottom: .5em;
}

#contentheader img 
	{
	margin-bottom: 20px
	}

	
/* FOOTER */
#footer 
{
	position: relative;
	height:50px;
	border-top: 2px solid #cecece;
        clear:both;
	background: url(http://www.americanheatus.com/images/web/footer_bg.gif) repeat-x;
}

#footer p {font-size: 9px; float: right; height: 50px; line-height: 50px; position:relative;}
#footer span {color: #be2026;}

#homefooter p {font-size: 9px; float: right; height: 50px; line-height: 50px;}
#homefooter span {color: #be2026;}

#homefooter 
{
	position: relative;
	height:50px;
	clear:both;
}

.footer-left-image 
{
position: absolute;
bottom: 0;
left:0px;
visibility:hidden;
}

/* Product View */

.product_view {
	padding: 20px 10px;
}

.productview {
	clear:both;
}

.productview img {
	float:left;
	margin-right:10px;
}

.productinfo {
	float:left;
}

.productinfo h2 {
	color: #be2026;
	font-weight: bold;
	font-size: 15px;
}
.productinfo p {
	padding: .2em;
	float:left;
}

.productinfo ul {
	list-style:none;
	margin-left:-50px;
	padding:0px;
}


/* DOWNLOADS */

a.download {
	font-size: 13px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom:10px;
	position:relative;
}

.download span {
	color: #be2026;
}

#pagecontent ul li {
	margin-left: 50px;;
}

/*HEADINGS */

h1#ah_series {
	background: url(http://www.americanheatus.com/images/web/ah_heading.gif) no-repeat;
 	width: 366px;
 	height: 42px; 
 	text-indent: -9999px; 
}

h1#adk_series {
	background: url(http://www.americanheatus.com/images/web/adk_heading.gif) no-repeat;
 	width: 371px;
 	height: 42px; 
 	text-indent: -9999px; 
}

h1#going-green {
	background: url(http://www.americanheatus.com/images/web/gg-heading.gif) no-repeat;
 	width: 220px;
 	height: 40px; 
 	text-indent: -9999px; 
}

h1#hydronic_heat{
	background: url(http://www.americanheatus.com/images/web/hydronic-heading.gif) no-repeat;
 	width: 210px;
 	height: 40px; 
 	text-indent: -9999px; 
}


h1#our_technology{
	background: url(http://www.americanheatus.com/images/web/tech-heading.gif) no-repeat;
 	width: 280px;
 	height: 44px; 
 	text-indent: -9999px; 
}

h1#how_it_works{
	background: url(http://www.americanheatus.com/images/web/howitworks-heading.gif) no-repeat;
 	width: 248px;
 	height: 42px; 
 	text-indent: -9999px; 
}


h1#warranty{
	background: url(http://www.americanheatus.com/images/web/warranty-heading.gif) no-repeat;
 	width: 133px;
 	height: 41px; 
 	text-indent: -9999px; 
}

h1#downloads{
	background: url(http://www.americanheatus.com/images/web/downloads-heading.gif) no-repeat;
 	width: 160px;
 	height: 41px; 
 	text-indent: -9999px; 
}

h1#contactus{
	background: url(http://www.americanheatus.com/images/web/contactus-heading.gif) no-repeat;
 	width: 210px;
 	height: 39px; 
 	text-indent: -9999px; 
}

h1#applications{
	background: url(http://www.americanheatus.com/images/web/Applications.gif) no-repeat;
 	width: 180px;
 	height: 39px; 
 	text-indent: -9999px; 
}

h1#aboutus{
	background: url(http://www.americanheatus.com/images/web/about.png) no-repeat;
 	width: 244px;
 	height: 49px; 
 	text-indent: -9999px; 
}

h1#becomeadistributor{
	background: url(http://www.americanheatus.com/images/web/becomeadistributor.png) no-repeat;
 	width: 320px;
 	height: 45px; 
 	text-indent: -9999px; 
}


h1#faqs{
	background: url(http://www.americanheatus.com/images/web/faq.png) no-repeat;
 	width: 86px;
 	height: 45px; 
 	text-indent: -9999px; 
}

h1#get-certified{
	background: url(http://www.americanheatus.com/images/web/getcertified.png) no-repeat;
 	width: 198px;
 	height: 56px; 
 	text-indent: -9999px; 
}

h1#dealerlocator{
	background: url(http://www.americanheatus.com/images/web/dealerlocator.png) no-repeat;
 	width: 221px;
 	height: 39px; 
 	text-indent: -9999px; 
}

h1#tank_vs_tankless_water_heaters{
	background: url(http://www.americanheatus.com/images/web/tankvstankless.png) no-repeat;
 	width: 260px;
 	height: 48px; 
 	text-indent: -9999px; 
}

h1#choosingmodel{
	background: url(http://www.americanheatus.com/images/web/choosingyourmodel.jpg) no-repeat;
 	width: 480px;
 	height: 41px; 
 	text-indent: -9999px; 
}

h1#quality{
	background: url(http://www.americanheatus.com/images/web/quality.jpg) no-repeat;
 	width: 304px;
 	height: 38px; 
 	text-indent: -9999px; 
}

#components img {
  float:left;
  padding-right:10px;
 
}

#components p {
	margin-bottom: 20px;
}

#infobar ul{
	list-style: none;
}

#infobar li {
	padding: 5px;
}

#items_container {
	width: 960px;
	height: 377px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.slide_item {
	width: 960px;
	height: 377px;
	position: absolute;
	left: 960px;
	top: 5px;
}

div.first_item {
	left: 0;
}

/* DEALER */

.dealer {
margin: 5px 10px; 10px 0;
width: 150px;
height:95px;
float:left;
}

a.current {
color:#be2026;
}

.phone-image {
	margin-top:-8px;
	margin-right:2px;
vertical-align: middle;
}

div.download {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c3c3c3;
	float: left;
	padding:5px;
	width:540px;
	height:34px;
}

div.download:hover {
	background-color: #f8f8f9;
}

div.download p {
	float:left;
	margin-top:9px;
}

div.download img {
	float:left;
	margin: 0 10px 0 0;

}

.greenicon  {
	position:absolute;
	left:128px;
	bottom:7px;
}

em {
	color:#be2026;
	font-size:11px;
	margin: 7px;
	padding-top:7px;
}

.green {
	color: green;
	font-weight:bold;
}

.orange {
	color:orange;
	font-weight:bold;
}

.yellow {
	color:#FCEE21;
	font-weight:bold;
}

.red {
	color:#EC2027;
	font-weight:bold;
}

table {margin:15px 0 10px 0}
td, th { border: 1px #1C1C1C solid; }
th {background-color:red;padding: 6px 6px 6px 10px; color:black;}
td {padding: 4px 6px 4px 6px; text-align:center;}
tr:hover {background-color:#C6C6C6;}