body { behavior:url(/includes/csshover.htc); margin:0; font-family:Verdana,Arial,small fonts; font-size:11px; line-height:20px; color:#000000; position:relative; }
 
#printLogo { display:none; }

h4 { margin:10px 0 5px 0; padding:0; height:18px; font-size:12px; color:#A00C1A !important; }
h2 { padding:0; margin:15px 0; line-height:24px; font-size:18px;}
a { color:#000; }
a:hover { color:#a00c1c; text-decoration:underline; }
h2 a { color:#a00c1c; text-decoration:none; }
img {border:0 none;}

#masthead { width:1000px; height:90px; }
#masthead h1 { display:block; margin:0 0 0 0; padding:0; background:transparent url(/images/rheem-com-logo.png) no-repeat scroll 0 0; width:95px; height:90px; float:left; }
#masthead h1 span { display:none; }
#masthead #masthead_search { width:300px; background:url('/images/search-text.gif') no-repeat 0 40px; float:right; text-align:right; }
#masthead #masthead_search span { display:none; }
#masthead #masthead_search .masthead_search_box { border:0; background-image:url('/images/search-box.gif'); width:167px; height:15px; margin:30px 0 0 0; padding:7px 7px 7px 10px; color:#777; font-size:10px; vertical-align:middle; }
#masthead #masthead_search .masthead_search_button { vertical-align:middle; margin:30px 0 0 5px; }

#tn { width:1000px; height:40px; }
.tnLayer_content { background: #9f0c1e url('/images/tn-tr.gif') no-repeat top right; width:1000px; }
.tnLayer_content div#tn { background: transparent url('/images/tn-tl.gif') no-repeat top left; padding:0; }

#tn ul { float:left; margin:14px 0 0 10px; padding:0; line-height:normal; } 
#tn ul li { list-style:none; float:left; padding:0 11px 0 11px; background:url('/images/tn-spacer.gif') no-repeat top right; }
#tn ul li a { color:#FFF; text-decoration:none; font-family:Verdana,small fonts; font-size:11px; padding-bottom:12px; display:block; }
#tn ul li ul { display:none; }
#tn ul li.noBG { background-image:none; }

#tn ul li:hover ul      { display:block; }
#tn ul li ul            { list-style-type:none; z-index:1000; display:none; position:absolute; margin:0 0 0 -12px !important; padding:0; clear:both; }
#tn ul li ul li         {  background-color:#444444; text-align:left; background-image:none; clear:both; }
#tn ul li ul li a       { color:#FFFFFF; display:block; padding:10px 10px 10px 5px; width:200px; }
#tn ul li ul li:hover   { background-color:#9f0c1e; }

#tn ul li ul li.title         {  background-color:#666666; text-align:left; background-image:none; clear:both; }
#tn ul li ul li.title a      { color:#FFFFFF; display:block; padding:10px 10px 10px 5px; width:200px; cursor:default; }
#tn ul li ul li.title:hover  { background-color:#666666; cursor:default; }

#hero { width:1000px; height:400px; }
#hero_left { width:410px; height:400px; float:left; }
#hero_image { width:590px; float:right; height:400px; }
#hero_left #hero_left_wizard { width:410px; height:210px; background-image:url('/images/home_topbrush_back.jpg'); }
#hero_left ul { width:410px; height:95px; clear:both; margin:0; padding:0; }
#hero_left ul li { list-style:none; float:left; margin:0; padding:0; }
#hero_left ul li a { display:block; width:205px; height:95px; }
#hero_left ul li a span { display:none; }

#hero_left_wizard_1 { background-image:url('/images/hero-buttons-retailers.jpg') }
#hero_left_wizard_2 { background-image:url('/images/hero-buttons-products.jpg') }
#hero_left_wizard_3 { background-image:url('/images/hero-buttons-parts.jpg') }
#hero_left_wizard_4 { background-image:url('/images/hero-buttons-warranty.jpg') }

#hero_left_wizard_1:hover { background-image:url('/images/hero-buttons-retailers_1.jpg') }
#hero_left_wizard_2:hover { background-image:url('/images/hero-buttons-products_1.jpg') }
#hero_left_wizard_3:hover { background-image:url('/images/hero-buttons-parts_1.jpg') }
#hero_left_wizard_4:hover { background-image:url('/images/hero-buttons-warranty_1.jpg') }

#homepageDetails { width:1000px; min-height:320px; clear:both; text-align:left; }
#homepageDetails_left { float:left; width:410px; margin:0; padding-top:10px;}
#homepageDetails_right { float:right; font-size:11px; margin:0; padding-top:10px; width:570px;}

#homepageDetails_left img { text-align:center; }
#homepageDetails_left #homepageDetails_left_featured { float:left; }

#footer { width:1000px; clear:both; color:#555; text-align:left; font-size:11px; line-height:18px; padding:30px 0; font-family:Verdana,arial,small fonts; }
#footer a { color:#555; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer a.footerDig { color:#aeaeae; }

.featuredLayer_content { background: #dcdcdc url('/images/home-section-tr.gif') no-repeat top right; float:none !important; margin:10px 0 10px 0; color:#000; }
.featuredLayer_content div { background: transparent url('/images/home-section-tl.gif') no-repeat top left; float:none !important; }
.featuredLayer_content div div { background: transparent url('/images/home-section-bl.gif') no-repeat bottom left; float:none !important; }
.featuredLayer_content div div div { background: transparent url('/images/home-section-br.gif') no-repeat bottom right; float:none !important; }

.homeComLayer_content { background: #dcdcdc url('/images/home-section-tr.gif') no-repeat top right; margin:5px; color:#000; line-height:25px; }
.homeComLayer_content div { background: transparent url('/images/home-section-tl.gif') no-repeat top left; }
.homeComLayer_content div div { background: transparent url('/images/home-section-bl.gif') no-repeat bottom left; }
.homeComLayer_content div div div { background: transparent url('/images/home-section-br.gif') no-repeat bottom right; padding:10px; width:250px; }

.homeComLayer_content a { text-decoration:none; }
.homeComLayer_content a:hover { color:#000; text-decoration:underline; }

#bodyContentTable { width:1000px; }
#bodyContentTable td { vertical-align:top; padding-top:10px; }

#bodyContent { width:710px; text-align:left; font-size:11px; line-height:20px; }
#bodySN { width:290px; text-align:left; }

.bodyContentPadding { padding:8px 20px 8px 0; }

.sectionLayers_content { background: #dcdcdc url('/images/home-section-tr.gif') no-repeat top right; color:#000; line-height:25px; margin-top:10px; }
.sectionLayers_content div { background: transparent url('/images/home-section-tl.gif') no-repeat top left; }
.sectionLayers_content div div { background: transparent url('/images/home-section-bl.gif') no-repeat bottom left; }
.sectionLayers_content div div div { background: transparent url('/images/home-section-br.gif') no-repeat bottom right; }

.sectionLayers_content a { text-decoration:none; }
.sectionLayers_content a:hover { color:#000; text-decoration:underline; }
.sectionLayers_content h4 { width:200px !important; padding:0 !important; }

.rhsitem ul { color:#a20b1a; }
.rhsitem ul a { color:#a20b1a; text-decoration:none; }
.rhsitem ul a:hover { text-decoration:underline; }

.crumbs { color:#747474; margin:10px 0; }
.crumbs a { color:#747474; text-decoration:none; }
.crumbs a:hover { text-decoration:underline; }

.registration tr td {            vertical-align:middle !important; color:#777; font-size:11px; padding:0 !important;  }
.registration tr td.input input   {    width:167px;    vertical-align:middle !important; background-color:#eeeeee; border:solid 2px #cccccc; padding:5px; color:#777; font-size:11px; }
.registration tr td select  {    width:50px;  vertical-align:middle !important; background-color:#eeeeee; border:solid 2px #cccccc;  padding:4px; color:#777; font-size:11px; }

.whereToBuy {  color:#a00c1b; }
.whereToBuy a { color:#a00c1b; }

.whereToBuyList_a td { background-color:#dedede; border-bottom:2px solid #FFF; padding:5px; vertical-align:top; line-height:16px; }
.whereToBuyList_b td { background-color:#EEE; border-bottom:2px solid #FFF; padding:5px; vertical-align:top; line-height:16px; }

.validation {  background-color:#9f0c1e !important; border:solid 2px #9f0c1e !important; color:#FFF !important; }

.productGroupList {}
.productGroupList thead td { background-color:#5d5d5d; font-weight:bold; color:#FFF; text-align:center; text-transform:uppercase; vertical-align:bottom; }
.productGroupList td { color:#676767; text-align:center; font-size:10px;  padding-top:0px !important;  }
.productGroupList td a { color:#9e0d1c; }

.productFeatureList { padding-top:20px; }
.productFeatureList thead td { background-color:#a00c1c; color:#FFF;  }
.productFeatureList td { background-color:#e3e3e3; color:#a00c1c; border-right:1px solid #FFF; padding-left:5px; font-size:12px; }

.productSpecifications { font-size:10px; }
.productSpecifications td { padding-top:0px !important; }

.ps_l { color:#cc0001; }
.ps_2 { color:#666666; }
.ps_3 { color:#000; }

.ps_on td { background-color:#f6f6f6; }
.ps_off td { background-color:#e3e3e3; }
 
.technicalPapers { font-size:12px; color:#a00c1a; }
.technicalPapers td { font-size:12px; color:#a00c1a; padding:5px !important; }
.technicalPapers a { color:#a00c1a; text-decoration:none; }
 
.technicalPapers td { margin:0; padding:0; }
 
.technicalPapers_a td { background-color:#e3e3e3; }
.technicalPapers_b td { background-color:#f6f6f6; }

.trade-login { display:table }
.trade-login thead td { background-color:#5D5D5D; color:#FFF; display:table-cell; font-size:14px; font-weight:bold; text-align:center; }
.trade-login td { background-color:#fff; border:1px solid #eee; display:table-cell; margin-right:10px; font-size:12px; text-align:center; width:200px; }
.trade-login img { border:0 none; width:200px;}

.trade-login-details { display:table }
.trade-login-details thead th { background-color:#fff; color:#900; display:table-cell; font-size:10px; font-weight:bold; line-height:12px; padding:0 10px; text-align:center; }
.trade-login-details tbody {height:600px;overflow-y:scroll; overflow-x:hidden;}
.trade-login-details td { border:1px solid #DCDCDC; color:#900; display:table-cell; font-size:10px; line-height:12px; margin-right:10px; padding:5px 10px; }
.trade-login-details h3 { font-size:12px; line-height:12px; }
.trade-login-details img { border:0 none; padding:0 20px;}

.productFamily { background-color:#929292; padding:10px; color:#FFF; font-weight:bold; height:20px; border-top:1px solid #FFF; }
.productFamily a { display:block; float:right; color:#FFF; }
.productFamily span { display:block; float:left; color:#fff; }

.wizardBox { height:190px; text-align:left; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}*/

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

/*.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}*/

/****** end sifr ********/

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/*************
RHS
*************/

div#middlediv
{
	float:left;
	width:1000px;
	display:inline;
}

div#middlediv.rhsenabled
{
	padding:0 10px;
	width:670px;
}

div#rightdiv
{
	float:right;
	clear:none;
	margin:0 0 0 20px;
	width:290px;
}


/*************
Form Styling
*************/

.formstable td
{
	padding:2px;
}

.TextAreaForm, .TextAreaWidth, .TextAreaNoWidth
{
	background-color:#EEEEEE;
	border:2px solid #CCCCCC;
	color:#777777;
	font-size:11px;
	padding:5px;
	vertical-align:middle !important;
	width:175px;
}

.FormQuestion, .Form-Field
{
	color:#777777;
	font-size:11px;
	padding:0 !important;
	vertical-align:middle !important;
	width:100px;
}

.redcomment
{
	color:#A00C1A;
}

/***************
	Dealers
***************/

div#clickablemap
{
	float:left;
	width:315px;
	height:427px;
	margin:10px 0 0 0;
}

div#dealerresults
{
	float:right;
	width:340px;
	height:427px;
	margin:10px 0 0 15px;
}

div#dealerresults div.scrollabledealers
{
	overflow:auto;
	height:370px;
}

/**************
	Products
**************/

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
	/* required settings */ 
	position:relative;
	margin-top:5px; 
	overflow:hidden; 
	width: 240px; 
	height:80px; 
} 
 
div.scrollable div.items { 
	/* this cannot be too large */ 
	width:20000em; 
	position:absolute; 
	left:0;
} 

/* single scrollable item */
div.scrollable div.items a{
	float:left;
	margin:0;
	background-color:##fff;
	padding:0;
	cursor:pointer;
	width:80px;
	height:80px;
}

 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
	border:1px inset ##ccc; 
	background-color:##fff; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	width:23px;
	height:23px;
	margin:0;
	cursor:pointer;
	display:inline-block;
}

/* right */
a.right
{
	background:url(/images/template/next-horizontal.png) 0 0 no-repeat;
}

/* left */
a.left
{
	background:url(/images/template/prev-horizontal.png) 0 0 no-repeat;
}

a.disabled
{
	visibility:hidden !important;
}

div#viewonline
{
	position:absolute;
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/template/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	
	width:640px;		
	*/
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
	overflow:auto;

}

div#viewonline div.close
{
	background-image:url(/images/template/overlay/apple-close.png);
	background-repeat:no-repeat;
	position:absolute;
	top:10px;
	right:10px;
	width:28px;
	height:28px;
	cursor:pointer;
}

/***********
	Search
************/

div.searchresultbox
{
	padding:10px;
}

/***********
	Feedburner RSS Feed
************/

div#creditfooter { display: none; }
div.feedburnerFeedBlock ul { margin-left:0; padding-left:0; list-style-type: none }
div.feedburnerFeedBlock ul ul { list-style-type: disc; } 
div.feedburnerFeedBlock ul ol { list-style-type: decimal; }
div.feedburnerFeedBlock ul li { margin:10px 0 25px 0; padding:0; }
div.feedburnerFeedBlock ul li span.headline { clear:both; display:block; margin:10px 0 5px 0; padding:0; }
div.feedburnerFeedBlock ul li span.headline a { color:#A00C1A; font-size:18px; line-height:24px; text-decoration:none; }
div.feedburnerFeedBlock ul li span.headline a:hover { text-decoration:underline; }