* { margin: 0; padding: 0; }
blockquote
{
	margin-left: 15px;
}
body
{
    font: 11px/16px Tahoma, Verdana, sans-serif;
    background: #b4b48a url(/rinnai/media/bg.gif) repeat-y top center;
    text-align: center;
    color: #7a7a54;
}
a, #fNav a.selected  { color: #cc0000; }

div.updated 
{ 
    font-size: 10px; 
    font-family: Verdana, Sans-Serif;
}
a.backToTop
{
    display: block;
    width: 7em;
    margin-top: 7px;
    background: transparent url(/rinnai/media/arrow-up.gif) 0 50% no-repeat;
    padding-left: 11px;
    font-size: 10px;
}
.tableOfContents a
{
    display: block;
    margin: 3px 0 5px;
    padding-left: 14px;
    padding-bottom: 1px;
    background: transparent url(/rinnai/media/arrow-down.gif) 0 50% no-repeat;
}
form span.align
{
    vertical-align: top;
}
* html form span.align 
{
    position: relative;
    top: 4px; 
}
div.terms { text-transform: uppercase; }
.tableOfContents
{
    margin: 10px 0 20px;
}
img { border: 0; }
p img { margin: 0 10px 10px 10px; }
fieldset
{
    border: 0;    
    padding-top:1px;
}
* html body
{
    background: #b4b48a url(/rinnai/media/bg.gif) repeat-y top center;
}
h1,h2,h3,h4,h5,h6 
{ 
    color: #cc0000;
}
h1 { font-size: 24px; letter-spacing: -.15em; margin-bottom: 8px; line-height: 1.1em; width: 170px;}
h2 { font-size: 18px; font-weight: normal; margin-bottom: 5px; line-height: 1.3em; text-transform: capitalize;}
body.main h2, body.main h3 { font-size: 17px; letter-spacing: normal;}
h3 { font-size: 17px; font-weight: normal; margin-bottom: 3px; letter-spacing: -.1em; display: inline;}
* html h3 { font-size: 16px; }
#col-left .feature h3 { font-size: 20px; line-height: .5em;}
h4 
{ 
    position: relative; 
    font-size: 11px; 
    font-weight: bold;
    padding-bottom: 2px; 
    margin-bottom: 10px; 
    background: transparent url(/rinnai/media/dotted-horiz.gif) repeat-x bottom left; 
}
h4.legal { text-transform: uppercase; }
h5 { font-size: 10px; color: #7a7a54;}
p
{
    margin: 0 0 0.0em;
}
p.paragraph
{
	margin: 0 0 1.2em;
}

ul 
{ 
    padding: 0 0 15px;
    position: relative;
}
ul li
{
    background: url(/rinnai/media/bullet.gif) no-repeat 10px 50%;
    padding-left: 25px;
    list-style: none;
    margin-bottom: .3em;
}
.odd 
{ 
    background-color: #f7f7ee; 
    padding-top: 2px; 
    padding-bottom: 2px;
}
.even { background-color: transparent; }

.twoColumnTxtList { clear: both; }
.twoColumnTxtList ul 
{
    float: left;
    width: 100%;
}
.twoColumnTxtList ul li
{
    float: left;
    width: 182px;
}

.caption
{
    font-weight: bold;
    font-size: 10px;
}
.twoColumn img { display: block; }
.twoColumn { clear: both; }
.twoColumn ul li
{
    margin: 0 4px 15px;
    padding: 0;
    float: left;
    background: none none;
}
li:hover { font-weight: normal; } /* need this for IE li hovers */

th, td
{
    vertical-align: top;
    font-size: 11px;
}
.timeline th, .timeline td { padding: 2px 5px; }
.timeline
{
    margin-bottom: 1.5em;
}
#search
{
    position: absolute;
    width: 198px;
    border: 1px solid #afaf83;
    border-top: none;
    padding: 8px 0 5px;
    background: #b30101 url(/rinnai/media/bg-search.gif) top left repeat-x;
    text-align: right;
    height: 50px;
    z-index: 9000;
}
* html #search
{
    height: 65px;
    width: 200px;
}
#search form 
{
    position: relative;
}
#search .inputTxtSearch
{
    height: 23px;
    position: absolute;
    top: 5px;
    left: 12px;
    width: 138px;
    padding: 2px 5px 0;
}
* html #search .inputTxtSearch
{
}
#search a
{
    color: #fff;
    font-size: 10px;
}
#search a#closeSearch
{
    position: absolute;
    top: 32px;
    right: 13px;
}
#search a#advancedSearch
{
    position: absolute;
    top: 32px;
    left: 15px;
}
#search input.button
{
    position: absolute;
    top: 5px;
    left: 149px;
    border: none;
}
#logo
{
    margin: 9px 24px;
}
.breadcrumbs
{
    position: absolute;
    top: 20px;
    right: 250px;
    text-transform: capitalize;
    font-size: 10px;
    color: #996;
    width:275px;
}
.breadcrumbs a
{
    color: #996;
}
#c-main
{
    margin: 6px auto;
    width: 726px;
    text-align: left;
    border: 1px solid #d8d8c1;
    background: #f0f0d9 url(/rinnai/media/bg-inner.gif) repeat-y top left;
    position: relative;
}
#c-pNav
{
    position: relative;
    display: block;
    width: 726px;
    height: 35px;
    background: #cc0000 url(/rinnai/media/nav-bg.gif) repeat-y top left;
    z-index: 5000;
}
#c-content
{
    position: relative;
    background: #f0f0d9 url(/rinnai/media/bg-inner.gif) repeat-y top left;
    padding: 0 0 0 15px;
}
#col-left
{
    float: left;
    width: 433px;
    position: relative;
    padding-right: 15px;
    top: 10px;
    padding-bottom: 10px;
}
* html #col-left
{
    width: 448px;
}
body.main #col-left
{
    top: 0;
    width: 391px;
}
#col-right
{
    float: left;
    position: relative;
    width: 251px;
    top: -25px;
}
body.main #col-right
{
    top: 15px;
    width: 293px;
}
#gNav
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    margin: 0; padding: 0;
}
#gNav li
{
    list-style: none;
    display: block;
    margin: 0; padding: 0;
    text-align: left;
}
#gNav li a
{
    display: block;
    font-size: 1px;
    line-height: 1px;
    text-indent: -3000em;
    text-decoration: none;
}
#gWorldwide a
{
    width: 104px;
    height: 11px;
    background: url(/rinnai/media/nav-rinnai_worldwide.gif) top left no-repeat;
    position: absolute;
    top: 21px;
    left: 515px;
}
#gDealerDistributor a
{
    width: 109px;
    height: 11px;
    background: url(/rinnai/media/nav-dealer_distributor.gif) top left no-repeat;
    position: absolute;
    top: 42px;
    left: 515px;
}
#gHow a
{
    width: 98px;
    height: 35px;
    background: url(/rinnai/media/nav-sales_service.gif) top left no-repeat;
    position: absolute;
    top: 71px;
    left: 510px;
}
#gSearch a
{
    height: 35px;
    width: 71px;
    background: url(/rinnai/media/nav-search.gif) top left no-repeat;
    position: absolute;
    top: 71px;
    left: 600px;
}
* html #gHow a,
* html #gSearch a
{
    top: 73px;
}
.pNav, .pNav ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
}
.pNav 
{
    margin-left: 15px;
}
.pNav a
{
    color: #fff; /* ADD THIS */
    margin: 10px 5px 0 12px; /* ADD THIS */
    display: block;
    font-size: 15px; /* ADD THIS */
    /* height: 35px; DELETE THIS */
    /* overflow: hidden; DELETE THIS */
    /* text-indent: -3000em; DELETE THIS */
}
.pNav li a.flashOverlay
{
	margin:0px;
}
.pNav li a.flashOverlay div
{
	position:absolute;
	z-index:10001;
	width:100%;
	height:100%;
	cursor:hand;
	background-image:url(/rinnai/media/transparent_spacer.gif);
}

.pNav li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    height: 35px;
    background: url(/rinnai/media/nav-spacer.gif) no-repeat top right;
}
#c-pNav .pNav li:hover ul, #c-pNav .pNav li:hover
{
    left: auto;
}
/* second-level lists */
.pNav li ul
{
    border: 1px solid #afaf83;
    /* border-top: none; */
    position: absolute;
    left: -999em;
    top: 35px;
    width: 145px;
    height: auto;
    margin: 0;
    padding: 0;
	background-color: #fff;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
    display: block;
    list-style: none;
    padding: 2px 0 0;
}
.pNav li li
{
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
}
.pNav li li span
{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
#c-pNav .pNav li li a, #c-pNav .pNav li li a:visited, #c-pNav .pNav li li a:hover
{
    text-decoration: none;
    background: none;
    height: auto;
}
.pNav li li a
{
    color: #cc0000;
    text-indent: 0;
    padding: 3px 5px 3px 10px;
    display: block;
    width: 130px;
    line-height: 1.4em;
    font-size: 10px; /* ADD THIS */ 
    margin: 0; /* ADD THIS */
}
* html #c-pNav .pNav li li a
{
    width: 145px;   
}
#c-pNav .pNav li li a:hover
{
    background-color: #cc0000;
    color: #fff;
}
*>html #pNavblock ul {f\loat: left;margin-top:8px;} /*IE 5 Mac hack  */
*>html .pNav a {f\loat: left;} /*IE 5 Mac hack */
/*
#pNav li.selected, #pNav a.selected, #pNav li a.selected 
{
	background-position: 0 -35px;
}
*/
/* DELETE THE FOLLOWING:
#pProducts, #pProducts a
{
    width: 74px;
    background: url(/rinnai/media/nav-products.gif) top left no-repeat;
}
#pResources, #pResources a
{
    width: 82px;
    background: url(/rinnai/media/nav-resources.gif) top left no-repeat;
}
#pNewsEvents, #pNewsEvents a
{
    width: 109px;
    background: url(/rinnai/media/nav-news_events.gif) top left no-repeat;
}
#pAbout, #pAbout a
{
    width: 98px;
    background: url(/rinnai/media/nav-about_rinnai.gif) top left no-repeat;
}
#pContact, #pContact a
{
    width: 87px;
    background: url(/rinnai/media/nav-contact_us.gif) top left no-repeat;
}
END DELETE */
#col-right h1
{
    margin-left: 47px;
}
#sNav
{
    padding-left: 29px;
}
#sNav ul
{
    width: 199px;
    margin: 0; padding: 0;
}
#sNav li
{
    list-style: none;
    background: transparent url(/rinnai/media/dotted-horiz.gif) bottom left repeat-x;
    margin: 0; padding: 0;
    padding-bottom: 1px;
}
#sNav li a
{
    display: block;
    width: 159px;
    text-decoration: none;
    padding: 8px 20px 7px;
    color: #767652;
}
* html #sNav li a 
{
    width: 199px;
}
#sNav li a:hover
{
    color: #656547;
    background-color: #e7e7d1;
}
#sNav li a.selected, #sNav li a.selected:hover
{
    background-color: #cc0000;
    color: #fff;
    font-weight: bold;
}
#sNav li.last
{
    background-image: none;
}
#c-footer
{
    color: #999966;
    font-size: 10px;
    background: transparent url(/rinnai/media/dotted-horiz.gif) repeat-x top left;
    width: 460px;
    clear: both;
    margin: 0 15px 10px;
    clear: both;
}
#c-footer div
{
    background: transparent url(/rinnai/media/dotted-horiz.gif) repeat-x bottom left;
    padding: 5px 10px;
}
#c-footer a
{
    color: #999966;
}
#fNav
{
    margin: 0; padding: 0;
}
#fNav li
{
    display: inline;
    list-style: none;
    margin: 0; padding: 0;
    margin-right: 12px;
    background: none;
}
.feature
{
    clear: both;
    margin-bottom: 10px;
}
#col-left .feature
{
    margin: 0 0 13px 22px;
    width: 391px;
}
body.main #col-left .feature
{
    margin-left: 0;
}
.feature .top
{
    background: url(/rinnai/media/f-sub-rt-top-bg.gif) no-repeat top left;
    height: 23px;
    width:100%;
    display:block;
}
.productFeature .top
{
    background: url(/rinnai/media/f-sub-rt-top-bg.gif) no-repeat top left;
    height: 23px;
    width:100%;
    display:block;
    /*margin-left: -15px;
    margin-top: -10px;
    margin-bottom: 10px;*/
    /*width: 250px;*/
}
body.main #col-right .feature .top, body.main #col-right .productFeature .top
{
    background: url(/rinnai/media/f-main-rt-top-bg.gif) no-repeat top left;
}
#col-left .feature .top
{
    background: url(/rinnai/media/f-main-lft-top-bg.gif) no-repeat top left;
    height: 42px;
    padding-top: 5px;
}
.productFeature p
{
	margin: 10px 15px 20px;
}
.feature .top h3, .productFeature .top h3
{
    padding: 0;
    margin: 0;
    position: relative;
    top: 10px;
    left: 15px;
}
DIV.feature, #productFeature
{
	/*background: url(/rinnai/media/f-sub-rt-content-bg.gif) no-repeat bottom left;*/
}
.feature .content
{
    background: url(/rinnai/media/f-sub-rt-content-bg.gif) no-repeat bottom left;
    padding: 10px 15px 20px;
    width:100%;
    display:block;
}

/* CUSTOM TABLE DRIVEN RINNAI */

/*
table.box h3
{
	padding: 0;
    margin: 0;
    position: relative;
    top: 10px;
    left: 15px;
}*/

table.box td.top
{
    background: url(/rinnai/media/f-main-lft-top-bg.gif) no-repeat top left;
    height: 42px;
    padding-top: 5px;
}

table.box
{
	/*
    background: url(/rinnai/media/f-sub-rt-content-bg.gif) no-repeat bottom right;
*/
	
	background: url(/rinnai/media/f-main-lft-content-bg.gif) no-repeat bottom left;
    margin: 0;
    padding: 10px;
    width: 391px;
    
    /*padding: 10px 15px 20px;*/
}

/* END TABLE DRIVEN */

.productFeature
{
    background: url(/rinnai/media/f-sub-rt-content-bg.gif) no-repeat bottom left;
    width:100%;
    display:block;
   
}
body.main #col-right .feature .content
{
    background: url(/rinnai/media/f-main-rt-content-bg.gif) no-repeat bottom left;
}
#col-left .feature .content
{
    background: url(/rinnai/media/f-main-lft-content-bg.gif) no-repeat bottom left;
    margin: 0;
    padding: 0 0 2px;
    width: 391px
}
#col-left .feature ul
{
    padding: 0 1px;
}
#col-left .feature ul li
{
    margin: 0;
    padding: 5px 15px 5px 28px;
    background-position: 10px 9px;
}
body.main #col-left .feature p
{
    margin: 0 15px 1em;
}
.feature .content p
{
    margin: 0;
}
input, select, textarea
{    
    font:11px/16px Tahoma, Verdana, sans-serif;
    border: 1px solid #996;    
    
}
.control_container
{	
}
.inputBtn
{
    border: 0;
}
.feature input, .feature select
{
    margin-bottom: 2px;
}
.inputTxt
{
    width: 136px;
    padding: 2px;
}
* html .inputTxt { padding: 0 2px 4px; height: auto; }
textarea
{
    width: 275px;
    padding-left: 2px;
}
.required 
{ 
    color: #cc0000;
    /*position: absolute;
    right: 0;
    top: 0;*/
}
label
{
    width: 110px;
    float:left;
    margin-top: 1px;
    font-weight: bold;
    text-align: right;
    position: relative;
    padding-right: 12px;
    margin-right: 5px;
}
label.radio
{
    float: none;
    font-weight: normal;
    vertical-align: top;
    margin-left: 5px;
    padding-top: 3px;
    text-align: left;
    width: 300px;
}
* html label.radio { padding-top: 0; margin-left: 0 }
input.noIndent
{
    margin-top: 10px;
    margin-left: 0;
}
.inputRadio
{
    border: none;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}
option
{
    padding: 0 2px 0 1px;
}
.feature label 
{ 
    width: 80px; 
    padding: 0; 
    margin-right: 6px;
}
#Version, .ZipCode
{
    width: 40px;
}
.areaCode, .phone1, .extension
{
    width: 25px;
}
.phone2 {width: 35px; }
body.main .feature label
{
    width: 100px;
}
.inputBtn
{
    margin-left: 128px;
}
.indent { margin-left: 127px; }
* html .indent { margin-left: 130px; }
#Address1, .address1
{ 
    margin-bottom: 3px; 
    width: 250px;
}
#Address2, .address2
{
    width: 250px;
}
* html #Address2
{
    margin-left: 118px;   
}
label#howDidYouHear { width: 250px; margin-right: 0; padding-right: 5px;}
#locate .inputBtn
{
    margin-left: 85px;
    margin-top: 3px;
}
body.main #locate .inputBtn
{
    margin-left: 108px;
}
body.main #locate p
{
    margin-bottom: 10px;
}
.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;
}
.hr 
{	
    padding-bottom: 13px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background: url(/rinnai/media/dotted-horiz.gif) repeat-x top;
}
table.grid
{
    margin-bottom: 15px;
}
table.grid th
{
    background-color: #CC9;
    padding: 3px 5px;
}
table.grid th.pTitle
{
    width: 100%;
}
table.grid .nowrap
{
    white-space: nowrap;
}
table.grid td
{
    padding: 3px 5px;
}
table.grid tr.odd
{
    background-color: #F7F7EE;
}
table.grid tr.even
{
    background-color: #fff;
}
.user
{
    margin-top: 10px;
    border-bottom: 1px solid #cc0000;
    float: left;
}            
.oddU img
{
    float: left;
    margin-right: 15px;
}
.evenU img
{
    float: right;
    margin-left: 15px;
}
.storeLocator
{
    border-top: 1px solid #CC9;
    margin-bottom: 15px;
}
.storeLocator td
{
    padding: 10px;
    border-bottom: 1px solid #CC9;
}
#frmContactUs label,
#frmRegister label
{
    width: 111px; 
}
table.technicalInfo th
{
    text-align: left;
    padding-right: 15px;
    padding-bottom: 10px;
}
table.technicalInfo td
{
    padding-bottom: 10px;
}
div.myaccount table tr td
{
	padding-bottom:4px;
	padding-top:4px;
}
div.myaccount table 
{
	width:100%;
}

div.myaccount table td label 
{
	margin-top:-5px;
	padding-left:5px;
	float:none;
	text-align:left;
	font-weight:normal;
}

div.myaccount table tr td.title
{
	text-align:right;
	font-weight:bold;	
	width:40%;
	padding-right:10px;
}

div.myaccount table tr.odd
{
	background-color:Transparent;
}


div.myaccount table tr td.spacer
{
	height:5px;	
}

div.myaccount table tr td.header, div.myaccount table tr#addresstype
{		
	display:none;
}

div.logincontainer table
{
	width:100%;
}

div.logincontainer table tr td.title
{
	font-weight:bold;
}

div.logincontainer table tr td.details
{
	text-align:right;
}

div.logincontainer table tr.odd
{
	background-color:Transparent;
}

div.logincontainer table td.button
{

	float:right;	
	padding-top:20px;	
}

div.logincontainer table td.button input
{
	border:0px;
}

tr#ctrServicesContainer td table tr td label{
	width:200px;
}