﻿/* Developed for Resposio.com by FitsMeDesigns.com Positioning & layout */
/* Reset Styles */
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, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0;padding: 0;border: 0; outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} 
:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Start Styles */
body { background: #0235E2 url(../images/body-bg.png) repeat-x 0 0; margin: 10px 0; padding: 0; font-size: 80%; font-family: "Lucida Grande",Arial,Helvetica, sans-serif; color: #000;	letter-spacing: normal;line-height: 1.2;}

/* General */
* { padding:0;margin:0; }
p { padding: .2em; margin: 0 0 .5em 0; line-height: 1em; }
ol, ul { margin: .5em 1em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; }
a[href$=".pdf"] { background: url(../images/pdf-bg.png) no-repeat 100% 50%;padding-right:20px;}
a[href$=".doc"] { background: url(../images/word-bg.png) no-repeat 100% 50%;padding-right:20px;}
a[href$=".rss"], a[href$=".rdf"] { background: url(../images/rss-bg.png) no-repeat 100% 50%;padding-right:15px;}
a img { background: transparent;padding-right:0}

/* Misc */
img { border: none; }
.hide, hr {display: none;}
input { vertical-align: middle; }
input:focus, #ctl00_MainContentHolder_SpecialInstructions:focus { background: #ffc }
 
/* Headings */
h1 {line-height:normal;margin:0 0 5px 0;text-align:left;}
h2 {margin:10px 5px 10px 0;}
#homePage h2 { padding-left:10px; }
h3 {line-height: normal;}

/* Clearing Floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table;background:transparent; }
* html .clear { height: 1%; }
.clear { display: block; }

/* Content */
#maincontent {margin:0 auto;padding:0;width:900px;}
.maincontentwrapper {margin:0;float:left;}
.widecontentwrapper {width:900px;}
#popup {margin:5px;padding:5px;width:380px}

/* Admin Panel */
#adminpanel {padding:5px;}
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {text-decoration: none;}
#adminpanel a:hover {text-decoration:none;}

/* Header */
#header {height:128px;position:relative;}
#header h1 { text-indent:-9999px;position:relative;top:21px;left:22px; }
#header h1 a { display:block;height:60px;width:342px;border:none;}
#headermainmenu ul, #footer ul, #headernavmenu ul {list-style:none;}
#headermainmenu ul li, #footer ul li, #headernavmenu ul li {display:inline;}
#headernavmenu { text-align:right;position:absolute;top:-3px;right:10px;z-index:1}
#headernavmenu a {padding: 2px; }
#headermainmenu {text-align:left;line-height: 2.5em;clear:both;}
#headermainmenu a {line-height: 4.2em;}
#rotatingBannerTop { position:absolute; top:20px;right:10px;width:475px;text-align:right; }
#phone { position:absolute;top:3px;left:20px; }

/* Footer */
#footer {padding:0 0 30px 0;margin:0;clear:both;}
#defaultPage #footer { padding:30px 0 30px 0; }
#footernavmenu {text-align:center;margin:0 0 0 180px;padding:10px 0;}
#defaultPage #footernavmenu {text-align:center;margin:0;padding:10px 0;}

/* MiniCart */
#minicart { position:absolute;top:130px;left:10px;text-align: left;padding:0; }
#minicart a { padding-left:25px; }
#defaultPage #minicart { display:none; }

/* Columns */
#navcolumn {width:170px;float:left;margin:40px 0 0 0;}
#maincolumn {width:680px;float:right;}

/* Column Blocks */
.decoratedblock { margin: 0 0 10px 0; padding: 0;position:relative; }
.decoratedblock h4 { display: block; padding: 5px 0; }
.decoratedblock ul, .decoratedblock ol { margin: 0; padding: 0; }
.decoratedblock li { margin: 0; padding: 0; }
.blockcontent {  }
.freeShipping { width:180px;height:120px;text-indent:-9999px; }

/* Home Page */
#homeBanner { width: 510px; padding: 0 10px 30px 0;position:relative;top:0;left:0;z-index:1; }
#homeBanner h2 { padding: 10px 20px 5px 5px;width:418px;margin-top:10px;margin-left:5px; }
#homeBannerImg {width:172px;height:200px;position:absolute;top:-50px;right:10px; }
#homeBanner p { padding-left: 20px;z-index:1; }
.rotatingBanner { position:relative;top:0;left:20px;clear:both; }
.manuBox { float:left;width:224px;position:relative;padding-bottom:15px;}
.manuBoxContent { width:224px;float:left;height:17em;}
.rheemBox h3 { position:relative;top:15px;left:75px;width:180px; }
.rheemBox p {  margin: 44px 0 0 0;padding:0 10px;}
.rheemBox .img1 { float:right; }
.rheemLogo { position:absolute;top:15px;left:5px; }
.rigidBox h3 { width:220px;height:63px;position:relative;top:10px;left:0;text-indent:-9999px; }
.rigidBox p { margin: 22px 0 0 0;padding:0 10px; }
.rigidBox .img1 { float:right;}
.stiebelBox { postition:relative; }
.stiebelBox h3 { width:220px;height:36px;position:relative;top:20px;left:0;text-indent:-9999px; }
.stiebelBox p { margin: 47px 0 0 0;padding:0 10px; }
.stiebelBox .img1 { float:right; }
.learnMore { margin:0;padding:0;position:absolute;bottom:15px;left:0;z-index:1; }

/* Home Page Columns */
#homepagecolumn1 {margin:40px 0 0  0;width:170px;float:left;}
#homepagecolumn2 {width:693px;float:right;text-align:left;position:relative;}
#homepagecolumn3 {width:680px;float:right;}

/* Column Menus */
.sidemenu, .categorymenu { display:block;margin:0;padding:0 0 0 10px; }
.sidemenu ul, .categorymenu ul {display:block;margin:0;padding:0;width:170px}
.sidemenu ul ul, .categorymenu ul ul { padding-left: 3px; }
.sidemenu li, .categorymenu li {list-style:none;margin:0;padding:0;line-height:1.5em;display:block;}
.sidemenu li li, .categorymenu li li {line-height: 1.2em; }
.sidemenu li a, .categorymenu li a {display:block;text-decoration:none;}
.sidemenu li li a, .categorymenu li li a {display:block;text-decoration:none;padding:1px 2px 1px 5px;}

/* Column Search Box */
.searchboxform { width:230px;position:absolute;top:88px;left:250px; }
.searchboxform h4 { float:left;background:url(../images/search-bg.gif) no-repeat 0 0;width:57px;height:17px;text-indent:-9999px; }
.searchboxform .forminput { width: 130px;height:12px; }
.searchspan { vertical-align: middle;float:right; }
    
/* Bread Crumbs */
.breadcrumbs {margin:0 0 10px 0;padding:10px 0;}
#defaultPage .breadcrumbs { margin-left: 10px; }
.breadcrumbs .links {}

/* BVC 2004 Product Page Template
#bvc2004productpage #menucolumn {float:left;width:170px;margin: 40px 10px 0 0 ;text-align:left;}
#bvc2004productpage #imagecolumn {float:right;width:240px;text-align:center;}
#bvc2004productpage #contentcolumn {float:left;position:relative;left: 40px; width:670px; margin:0;} */

#bvc2004productpage #menucolumn  {width:170px;float:left;margin:40px 0 0 0; }
#bvc2004productpage #ProductWrap {width: 660px; float: left; clear: none; position: relative; left: 40px; top: 0; margin: 0;}
#bvc2004productpage #contentcolumn {float:left; width:420px; margin:0 0 0 6px;}
#bvc2004productpage #contentcolumn #ProductDescription {float:left;position: relative;}
#bvc2004productpage #imagecolumn {float: right;width:175px;text-align:center;margin:0 10px 0 0;}
#bvc2004productpage #CrossSellColumn {float:left; clear: none;width:170px;margin:0 0 0 30px; border: 1px solid #006;text-align:center;}


/* BVC 5 Product Page Template */
#bvc5productpage { margin-left:10px; }
#bvc5productpage #contentcolumn {float:left;width:350px; margin: 0 0 0 10px;text-align:left;}
#bvc5productpage #actioncolumn {float:left; width:350px; margin:0 0 0 10px;text-align:left;}
#bvc5productpage #ProductReviews {clear: both;}
.productimage { text-align: center; margin: 10px 0; }
#bvc5productpage #buttons, #bvc5productpage #wishlist { float:left;margin:5px 10px; }
#bvc5productpage #ProductControls { float:left; }

/* Product Controls Box */
#ProductControls {clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; margin: 10px 0; position: relative;}
.formlabel { text-align:right;padding-right:5px; }
.productpropertylabel { padding-right: 5px; }
#buttons { margin: 5px; }
#wishlist { margin-left: 5px; }
#Prices td { padding:5px 0; }

/* Product Reviews & Cross/Up Sells */

.ProductReviews, #CrossSells { clear: both; padding: 10px; margin: 10px; border: 1px solid #eee; }
.ProductReviewLinks { font-size: 90%; } 
.ProductReview { margin: 10px; padding: 0 0 0 5px; border-left: 5px solid #eee; }
.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
#CrossSells table { width: 100%; }
.WideSingleProductDisplayPanel { position: relative; width: 100%; float: left; border-bottom: 1px solid #eee; }
.SingleProductDisplayImage { float: left; width: 125px; margin: 5px 15px 5px 5px; }
.ProductBadge { position: absolute; top:-5px; left:-20px; }
.SingleProductDisplayName { margin: 10px; font-size: 110%; font-weight: bold; clear: right; }
.SingleProductDisplayDescription {  }
.SingleProductDisplayPrice { font-size: 100%; font-weight: bold; color: #666; }



/* Category Styles */
#categoryleft {width:170px;float:left;margin:40px 0 0 0; }
#categorymain {float:left;position:relative; left: 50px;_left: 20px;width:660px;_width:570px;text-align:left;margin:0;_margin-right:0}
.record { vertical-align:top;width:180px;text-align:center;margin:5px 10px;padding:5px;margin-collapse:collapse; }
.productrotator { float:left;vertical-align:top;width:145px;text-align:center;margin:5px;padding:5px;margin-collapse:collapse;z-index:10; }
.productrotatoritem { padding-bottom: 5px; }
.rotatorHome { margin-left:15px; }
.recordshortdescription { margin: 5px; }
.recordprice { }
.recordcontrols { margin: 10px; }
.recordimage {  }
.recordimage a {padding: 0 0 5px 0; display:block;}
#categorybanner { float:left;padding:0 10px 0 0; }
#defaultPage #categorybanner { float:none; } 
#categorygridtemplate { clear:both; }
.save { clear:both;padding:10px; }
.imagecolumn .productgrid td { text-align:center; }
.suggesteditem, .suggestedimage, .suggestedname { text-align:center;margin:5px 10px; }

/* Category Templates */
#categorygridtemplaterecords td { vertical-align:top; }
#categorygridtemplaterecords .record {}
#categorygridtemplaterecords .recordname {}
#categorygridtemplaterecords .recordsku {}
#categorygridtemplaterecords .recordprice {}

/* Sub Category Menu */
#subcategorymenu {clear:both;}

/* Sub Category Menu 2 */
#subcategorymenu2featured {width: 400px; float: left; padding-left:20px; }
#subcategorymenu2featured .featuredImage {display: block;text-align: center; }
#subcategorymenu2main {width: 400px; float: left;margin: 0 0 0 20px;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:150px;margin:0;}
#subcategorymenu2 .recordname {text-align:center;}
#subcategorymenu2 .recordname a {font-size:inherit;text-decoration: none;}
#subcategorymenu2 ul {padding:5px;margin:5px 10px;}
#subcategorymenu2 li {padding: 2px;list-style:none;}

/* Bulk Order Lists */
#categorybulkorderlisttemplaterecords, #categorybulkqtylisttemplate { margin-left:10px; }
#categorybulkorderlisttemplaterecords td, #categorybulkqtylisttemplate td { padding:10px 0 5px 0;vertical-align:top; }
#categorybulkorderlisttemplate .record, #categorybulkqtylisttemplate .record { width:580px;height:auto;text-align:left;position:relative;padding-bottom:25px; }
#categorybulkorderlisttemplate .recordname, #categorybulkqtylisttemplate .recordname { float:left;width:500px;padding:0;margin:0;}
#categorybulkorderlisttemplate .checkbox, #categorybulkqtylisttemplate .checkbox { vertical-align:top;padding: 5px 5px 5px 10px;margin:0; }
#categorybulkorderlisttemplate th, #categorybulkqtylisttemplate th { text-align:left; }
#categorybulkorderlisttemplaterecords .recordprice, #categorybulkqtylisttemplate .recordprice {float:right;}
#categorybulkorderlisttemplaterecords .recordsku, #categorybulkqtylisttemplate .recordsku { position:absolute;bottom:0;left:5px; }
#categorybulkqtylisttemplate .qtycell { padding-top:6px; }

/* Detailed List */
#categorydetailedlisttemplate {margin:20px 0 0 0;}
#categorydetailedlisttemplate .record {margin:0 0 10px 10px;padding-bottom:10px;width:580px;height:auto;float:left;text-align:left;}
#categorydetailedlisttemplate .recordimage {float:right;margin:0;text-align:center;}
#categorydetailedlisttemplate .recordsku { padding-bottom:5px; }



/* Grid with Subs */
#categorygridsubtemplate { clear:both; }
#categorygridsubtemplate td { vertical-align:top; }

/* Simple List */
#categorysimplelisttemplate { margin-left:10px; }
#categorysimplelisttemplaterecords { padding:10px 0 5px 0;vertical-align:top; }
#categorysimplelisttemplaterecords .record { width:570px;float:left;position:relative;text-align:left;padding-bottom:20px; }
#categorysimplelisttemplaterecords .recordsku { position:absolute;bottom:5px;left:5px; }
#categorysimplelisttemplaterecords .recordprice { float:right; }
#categorysimplelisttemplaterecords .recordname {float:left;width:500px;padding:0;margin:0; }


/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0 1px;padding:0;}
.pager a, .pager .disabled { padding: 3px 6px; }

/* Site Map Page */
#SiteMapColumns { clear: both; }
.ColumnOne { width: 350px; float: left;margin-left:50px;padding-right:50px; }
.ColumnTwo, .ColumnThree { width: 350px; float: right; margin: 0 50px 15px 0; }

/* Cart Page */
.cartitemimage {float:left; margin: 0 5px 5px 0;}
.cartitemimage img {margin:3px 0 0 5px;}
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
#cartcontainer {}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;  }
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {padding:10px;}

/* Checkout */
.creditcardinput {padding:10px;margin:10px 0;}

/* Checkout Addresses */
.addressbookpanel { padding: 5px; }
.addressbookpanel table { width: 100%; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;}

/* Address Book */
.addressbooktitle h1 { float: left; }
.addressbooktitle .newaddress { float: right; margin: 15px; }
.address {padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }

/* Search Page */
#SearchResultsPane { width:80%;margin-left:10%;  }
.searchresultrecord { padding: 5px; margin: 5px; }
#SearchForm { width:100%;margin-left:10%; }
#SearchForm td{ padding:2px 5px;}

/* Row Elements */
.rowheader, th { padding: 5px; text-align: center; }
.rowheader td { padding:10px; }
.row td { padding: 10px; }

/* Form Fields */
fieldset { margin: 0; padding: 0; }
fieldset table { margin: 15px auto; }
fieldset#CurrentUsers {float: left;position: relative; left: 250px; width: 380px; margin:0; }
fieldset#NewUsers { float: left;position: relative; left: 250px;width: 380px;margin:0; }
fieldset.contactform table { width: 510px; }
legend { line-height: 1em;  margin: 0 5px; padding: 2px; }

/* Form Elements */
#oneStepCheckout { width:700px; position:relative;top:0;left:15% }
.formlabel, .FormLabel { text-align: right;white-space: nowrap; padding: 5px; vertical-align:top; }
.formfield, .FormField { text-align: left; white-space: nowrap; vertical-align:top; padding:5px; }
.forminput { padding: 0 0 0 6px; height: 18px; width: 190px; vertical-align: middle;margin-bottom:3px; }
.formtextarea { padding: 4px 0 0 6px; width: 90%; }
.forminput { padding: 4px 0 0 6px; height: 20px; width: 190px; vertical-align: middle; }
.formtextarea { padding: 4px 0 0 6px; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
select { vertical-align: middle; }
.errormessage li { display: block;width:300px; line-height: 1em; padding: 5px;margin:2px; }
.forgot { padding: 5px; display: block; margin-top: 10px; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }
.Instructions { font-size: 10px;}

/*Receipt */
#receipt { margin-left:10px; }

/* Affiliate Form */
fieldset#affiliateform table { width: 510px; }
fieldset#affiliateform table table { margin: 0; padding: 0; width: 100%; }
fieldset#affiliateform td.formlabel { width: 150px; }

/* Returns Form */
.returnitems table { width: 100%; }
.returnitem .formlabel, .returnitem .formfield { padding: 3px; }
.returnitem { margin: 5px; }
.returncontrols { margin: 5px 0 0 0; padding: 5px; }
.returnitems td.qtycolumn { vertical-align: top; }
.returnitems .qtyfeld { margin: 5px 0; padding: 5px;  }
.returnitems .qtyfield input { width: 25px; text-align: center; }
.rmaform { margin: 20px 0; }
.rmaform table tr td { padding: 3px; }
.rmaform .formtextarea { height: 100px; width: 400px; }

/* Message */
.messagebox { float: left; width: 100%; margin: 5px 0; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 15px 5px 5px 10px; line-height: 1em; }

/* BV Commerce Button */
.poweredby { display:none;text-align: center; margin: 5px; }

/* Reposio link */
#hostedLink { text-align:center;color:#999;font-size:85%;padding-top:50px;margin-left:180px }
#hostedLink a, #hostedLink a:link, #hostedLink a:active, #hostedLink a:visited, #hostedLink a:hover { color:#999; }
