﻿
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, 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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 17px;
	font-size: 14px;
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body 
{ 
    background-color:#ffffff;
	background: url('/content/bg3.jpg') repeat;
    color:#000000;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}
/*.normwidth { width: 966px; margin: 0 auto; padding: 0 20px; }
.fullwidth { width: auto; margin: 0 auto; padding: 0;  min-width: 966px; }
.innerfullwidth {  min-width: 966px; }
#main-container .fullwidth { idth: 966px; margin: 0 auto; padding: 0 20px; min-width: 966px; }*/

a, a:active, a:visited, a:link { color: #000000; text-decoration: underline; }
a:hover { color: #df6c5a; font-size: 100%;}


/*#sidebar-navigation a { font-size: 24px; line-height: 40px; text-decoration: none; width: 200px; text-align: center; padding-bottom: 4px; }
#sidebar-navigation a:hover { color: #000000; }*/

#header-container
{
    height:179px;
	/*background: url('/content/headerbg.jpg') repeat-x #2a2a2a;*/
    background: #041533;
	color: #ffffff;
	/*min-width: 826px;*/ min-width: 966px;
	display: none;
}
#header-container a { text-decoration: none; }

#top { background: #041533; color: #ffffff; min-height: 220px; }
#middle { max-width: 1000px; margin: 0 auto; }
#middleinner { width: 60%; margin-left: 34%; border-left: 10px solid #041533; padding-left: 20px; }

#top .normwidth { width: 600px; margin: 0 auto; position: relative; left: 3.8%; }

#mainphoto { float: left; margin-top: 38px; margin-right: 50px; }
#mainphoto img { border-radius: 50%; border: 5px solid #df6c5a; }



.subheader { font-size: 18px; line-height: 34px; border-bottom: 5px solid #00b9f9; background: #ffffff; text-align:center; /*min-width: 826px;*/ min-width: 966px; }
.subheader h3 { display: inline; font-weight: normal; line-height: inherit; }
.subheader a {  display: inline-block; text-decoration: none; font-size: 20px; /*margin: 0 20px 0 20px;*/ /*margin: 0 35px 0 35px;*/ margin: 0 20px 0 20px; padding: 5px 10px 5px 10px; }
.subheader a.currentlink { font-weight: normal; }
/*#main-container a, #main-container a:visited, #main-container a:link { color: #000000; }
#main-container a:hover { color: #041533; }
#main-container .subheader a, #main-container .subheader a:visited, #main-container .subheader a:link { color: #000000; }
#main-container .subheader a:hover { color: #041533; }*/

#top a { color: #ffffff; }
#top a:hover { color: #df6c5a; }

#logo
{
    padding:0px 0px 0px 0px;
	float: left;
	clear: left;
}

#headerimage
{
    padding:0px 0px 0px 0px;
	float: right;
	clear: right;
}
#navigation { float: right; clear: right; /*margin-top: 40px;*/ margin-top: 12px; }
#navigation a { font-size: 16px; text-transform: uppercase; }
#navigation a, #navigation div { float: left; clear: right; /*margin-left: 20px;*/ margin-left: 30px; margin-top: 3px; }

#socialnavigation { float: right; clear: right; margin-top: 4px; height: 24px; }
#socialnavigation a { margin-left: 10px; }

#main
{
    width:100%;
    padding:50px 0 50px 0;
	background-color: rgba(255, 255, 255, 0.3);
	/*min-width: 826px;*/ min-width: 966px;
}

#main-container
{
    /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:14 pt;
    text-align:left;*/
    /*width:550px;
    float:right;*/
}

#footer-container
{
    text-align: center;
    margin-top: 50px;
    padding: 30px 0;
    background: #041533;
}
#footer-container .bluefooter { color: #ffffff; font-size: 16px; line-height: 28px; }
#footer-container .bluefooter a, #footer-container .bluefooter a:active, #footer-container .bluefooter a:visited, #footer-container .bluefooter a:link { color: #ffffff; text-decoration: underline; }
#footer-container .bluefooter a:hover { color: #00b9f9; }
.footer-links { margin-bottom: 12px; display: block; font-size: 16px; }
.footer-links a { margin: 0 10px 0 10px; color: #ffffff; display: inline-block; }
.footer-links a:hover{ color: #00b9f9; }

.footer-summary { font-size: 13px; line-height: 20px; color: #505050; margin-bottom: 26px; display: inline-block; }
.footer-summary img { margin-bottom: 12px; }
.footer-summary span.line-break { display: block; }


.popular-categories a { display: block; float: left; /*width: 258px;*/ width: 318px; margin-right: 6px; margin-bottom: 8px; }
.popular-categories-sub a { display: block; float: left; width: 188px; margin-right: 6px; margin-bottom: 6px; }
.popular-categories-bathroom a { display: block; float: left; width: 230px; margin-right: 6px; margin-bottom: 6px; }
.popular-categories-kitchen a { display: block; float: left; width: 230px; margin-right: 6px; margin-bottom: 6px; }
.popular-categories-sub-text { display: block; float: left; /*width: 188px;*/ width: 240px; margin-right: 6px; }
.popular-categories-sub-text a { display: block; float: left; clear: both; text-decoration: none; text-transform: uppercase; color: #696969; height: 30px; font-size: 16px; }
.popular-categories-sub-text a:hover { color: #000000; }
.popular-categories a.third,
.popular-categories-sub a.third { margin-right: 0; }

.line-card a { display: block; float: left; margin-bottom: 15px; }

/*.homeslider div.innerfullwidth { height: 381px; position: absolute; width: 100%; } .homeslider { height: 381px; overflow: hidden; }*/
.homeslider { z-index: 90; }
.homeslider div.innerfullwidth { z-index: 90; }
.homeslidernavi { text-align: center; z-index: 100; position: relative; top: 290px; }
.homeslidernavi a { background-color: #b1b1b1; width: 12px; height: 12px; display: inline-block; z-index: 100; text-decoration: none; margin: 7px; }
.homeslidernavi a.currentnavilink { background-color: #ffa700; }



.comment-field-label {
    width: 20%;
    text-align: right;
    float:left;
    clear: left;

}
div#Comment-form input[type=text] {
    width: 400px;
}
div#Comment-form textarea {
    width: 400px;
}

.form-error { border: 1px solid red !important; }

div#Contact-Form input[type=text] {
width: 400px;
border: 1px solid #cccccc;
    padding: 3px; font-family: inherit; font-size: inherit;
}
div#Contact-Form textarea {
width: 400px; height: 100px; resize: none;
border: 1px solid #cccccc;
    padding: 3px; font-family: inherit; font-size: inherit;
}
/*div#Contact-Form input[type="submit"] {
background: none repeat scroll 0 0 #FF9800;
    color: #000000;
    display: inline-block;
    border:none;
    font-size: 1.6em;
    font-weight: bold;
    padding: 7px 30px;
    text-decoration: none;
}*/
div#Contact-Form input[type="submit"] { border: none; font-size: 18px; line-height: 24px; font-weight: bold; padding: 2px 14px; text-decoration: none; /*background: #fc735b;*/ background: #555555; color: #ffffff; display: inline-block; }
div#Contact-Form input[type="submit"]:hover { /*background: #ff3d1b;*/ background: #333333; color: #ffffff; }
    /*Cart
    ----------------------------------------------------------*/
    div.item-list
    {
    /*border-top: 1px solid #c2c2c2;*/
    /*width: 730px;*/
	width: 100%;
    }
    
    div.item-list div.single-item {
        border-bottom: 2px solid #00b9f9; padding: 8px 10px 8px 10px; float: left; clear: both;
    }
    div.item-list div.single-item-header {
        border-bottom: 4px solid #00b9f9;
    }
    div.item-list div.single-item span {
        display: inline-block;
        padding: 0 5px 0 5px; 
    }
    div.item-list div.single-item span.item-checkbox, div.item-list div.single-item span.item-actions {
        padding: 0;
    }
    div.item-list div.single-item span.item-actions {
        float: right;
        text-align: right;
        width: 60px;
    }
    div.item-list div.single-item span.item-title {
        width: 250px; padding-left: 0; float: left;
    }
    div.item-list div.single-item span.item-sku {
        width: 180px; float: left;
    }
    div.item-list div.single-item span.item-price {
        width: 98px; float: left;
    }
    div.item-list div.single-item span.item-shipping {
        width: 80px; float: left;
    }
    div.item-list div.single-item span.item-quantity {
        width: 32px; float: left;
    }
    
    div.item-list div.single-item span.item-total {
        width: 98px; float: left;
    }

    div.item-list span.edit-field-value input[type="text"] {
        width: 200px;
        }

/* site title
----------------------------------------------------------*/
/*.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
    margin-top:4px;
}

.site-title a, .site-title a:hover, .site-title a:active {
     background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}
#container {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0 auto;
	width: 800px;
	position: relative;
}
html, body { background: #000000 url('/content/bg13.jpg') right 0 no-repeat; }*/



/*#top-container { /*background: #ffffff;* / position: relative; }
#top-container a#logolink { display: inline-block; width: 350px; height: 135px; background: #ffffff; text-align: center; opacity:1.0; }
#top-navigation { background: #ffffff; display: inline-block; width: 430px; padding: 14px 10px 14px 10px; position: absolute; top: 0; left: 350px;  opacity:1.0; }
#top-navigation a { margin-right: 10px; margin-left: 10px; }*/


#menu-container a { float: left; clear: both; }
#language-navigation a { clear: none; }

h1 { font-weight: normal; font-size: 46px; line-height: 46px; color: #df6c5a; position: relative; left: -4px; padding-top: 46px; margin-bottom: 20px; }
h2 { padding: 0 10px 0 0; font-weight: bold; font-size: 18px; font-size: 24px; line-height: 26px; color: #df6c5a; width: 48%; position: relative; left: -57%; text-align: right; }
h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px; font-size: 18px; line-height: 19px; color: #353535; }

.leftdate { display: block; width: 200px; left: -255px; position: relative; text-align: right; /*float: left;*/ top: 24px; }
.nexttodate { /*float: left; position: absolute; display: block;*/ position: relative; display: inline-block; width: 100%; }

#main-container .post-title { font-size: 20px; font-weight: bold; padding-bottom:5px;}
#main-container li { margin-left: 20px; }







.product-list-item
{
	/*width: 186px;*/
	width: 218px;
	/*background: #eeeeee;*/
	background: #041533;
	float: left;
	text-align: left;
	/*margin-right: 14px;*/
	margin-right: 30px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 17px;
	/*padding: 10px 0 6px 0;*/
	position: relative;
    display: block;
}
.product-list-item:hover { /*background: #e4e4e4;*/ background: #00b9f9; }
.product-list-item-fourth
{
	margin-right: 0;
}
.product-list-item
{
	display: inline-block;
	text-decoration: none;
	padding: 13px 0;
}
.product-list-item span.producttitle { margin-top: 6px; display: block; padding-left: 13px; }
.product-list-item .product-list-item-price { position: absolute; top: 0px; right: 0px; z-index: 100; }
.product-list-item .smallproductpriceoriginalprice { font-size: 16px; text-decoration: line-through; float: right; clear: both; position: relative; top: 2px; }
.product-list-item .smallproductprice3 { float: right; }

/*.smallproductprice3 { height: 15px; margin-top: 2px; display: inline-block; background: #ffaa2f url('/content/smallpricemiddle.png') right center repeat-x; font-weight: bold; font-size: 20px; line-height: 14px; font-style:italic; color: #ffffff; padding: 0 0px 0 0px; }
.smallproductprice2 { display: inline-block; background: url('/content/smallpriceright.png') right center no-repeat; }
.product-list-item-price { display: inline-block; background: url('/content/smallpriceleft.png') left center no-repeat; }
.smallproductprice1 { display: inline-block; background: url('/content/smallpricemiddle.png') right center repeat-x; margin: 0 4px 0 12px; padding: 0 3px 0 3px; height: 21px; }*/

.product-list-item-price { display: inline-block; padding: 4px 8px; background: #ffffff; border: 4px solid #00b9f9; color: #000000; font-size: 20px; }
.product-list-item:hover .product-list-item-price { border: 4px solid #041533; }

.product-list-item .product-list-item-img { width: 190px; height: 190px; background: #ffffff; }
.product-list-item img
{
	/*width: 200px;*/
	max-width: 190px; max-height: 190px;
	display: inline-block;
}

.product-list-item .product-list-item-img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 13px;
}
.product-list-item .product-list-item-img * {
    vertical-align: middle;
}
/*#main-container div.product-list-item a, #main-container div.product-list-item a:active, #main-container div.product-list-item a:visited, #main-container div.product-list-item a:link { color: #ffffff; }*/
#main-container .product-list-item, #main-container .product-list-item:active, #main-container .product-list-item:visited, #main-container .product-list-item:link { color: #ffffff; }
#main-container .product-list-item:hover { color: #000000; }

.widebodyproductlist .product-list-item { width: 230px; }
.widebodyproductlist .product-list-item .product-list-item-img { width: 204px; height: 204px; }
.widebodyproductlist .product-list-item img { max-height: 204px; max-width: 204px; }

/*\*//*/
div.product-list-item .product-list-item-img {
    display: block;
}
div.product-list-item .product-list-item-img span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

div.search-item { position: relative; margin-bottom: 20px; }
div.search-item a { text-decoration: none; }
div.search-item .product-list-item-price { position: absolute; top: 20px; left: 136px; }
div.search-item h4 { position: relative; display: inline-block; padding-left: 12px; padding-top: 64px; max-width: 630px; }
div.search-item .product-list-item-img { width: 100px; height: 100px; background: #ffffff; border: 13px solid #bde7ff; }
div.search-item img
{
	/*width: 200px;*/
	max-width: 100px; max-height: 100px;
	display: inline-block;
}

div.search-item .product-list-item-img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div.search-item .product-list-item-img * {
    vertical-align: middle;
}
/*\*//*/
div.search-item .product-list-item-img {
    display: block;
}
div.search-item .product-list-item-img span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/



div.product-rightfloat-info-container { float: right; text-align: left; width: 650px; }
div.product-leftfloat-info-container { float: left; width: 285px; }
/*div.product-images-container img { width: 500px; }*/


div.product-images-container div.product-main-image-container { width: 650px; height: 650px; background: #e9e9e9; }
div.product-images-container div.product-main-image-container img
{
	/*width: 200px;*/
	max-width: 650px; max-height: 650px;
	display: inline-block;
}

div.product-images-container div.product-main-image-container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div.product-images-container div.product-main-image-container * {
    vertical-align: middle;
}
/*\*//*/
div.product-images-container div.product-main-image-container {
    display: block;
}
div.product-images-container div.product-main-image-container span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/


div.product-images-container .product-thumb-image { /*width: 108px;*/ width: 112px; display: block; /*margin: 9px 9px 0 0;*/ margin: 10px 10px 0 0; float: left; padding: 5px; /*background: #CACACA;*/ background: #555555; text-align: center; }
div.product-images-container .product-thumb-image:hover { /*background: #A0A0A0;*/ background: #333333; }
div.product-images-container .end-row { margin-right: 0px; }
/*div.product-images-container .product-thumb-image img { width: 108px; }*/

div.product-images-container .product-thumb-image span.firstspan img {
	/*max-width: 108px; max-height: 108px;*/ max-width: 112px; max-height: 112px; width: auto; height: auto;
	display: inline-block;
}
div.product-images-container .product-thumb-image span.firstspan {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	/*width: 108px; height: 108px;*/
	width: 112px; height: 112px;
	background: #ffffff;
}
div.product-images-container .product-thumb-image span.firstspan * {
    vertical-align: middle;
}
/*\*//*/
div.product-images-container .product-thumb-image span.firstspan {
    display: block;
}
div.product-images-container .product-thumb-image span.firstspan span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

img.product-preview-image { /*height: 400px;*/ width: 340px; }

div.attributes-container { margin-bottom: 20px; }
div.attributes-container .attributeselect { font-size: 15px; margin-bottom: 5px; }
/*div.attributes-container .attributeselect, #Quantity { padding: 3px; border-radius: 2px; border: 1px solid #909090; }*/
div.attributes-container .attributeselect, #Quantity { padding: 7px 8px 7px 8px; border: 5px solid #00b9f9; /*position: relative; top: 1px;*/ }




/*.productprice { height: 42px; margin-top: 3px; display: inline-block; background: #ffaa2f url('/content/pricemiddle.png') right center repeat-x; font-weight: bold; font-size: 42px; line-height: 42px; font-style:italic; color: #ffffff; padding: 0 3px 0 3px; }*/
.productprice { height: 52px; margin-top: 3px; display: inline-block; font-size: 52px; line-height: 52px; color: #535353; }
/*.productprice .dollar { font-size: 28px; display: inline-block; position: relative; top: -10px; }*/
.productprice .dollar { font-size: 38px; display: inline-block; position: relative; top: -15px; }
.productprice1 { display: inline-block; background: url('/content/priceright.png') right center no-repeat; }
.productprice2 { display: inline-block; margin: 40px 0 10px 10px; background: url('/content/priceleft.png') left center no-repeat; /*min-width: 240px;*/ min-width: 230px; }
.productprice21 { display: inline-block; margin: 26px 0 0px 0px; min-width: 280px; }
.productprice3 { display: inline-block; background: url('/content/pricemiddle.png') right center repeat-x; margin: 0 7px 0 30px; padding: 0 3px 0 3px; height: 48px; }
.productprice31 { display: inline-block; }

/*a.add-to-cart-link { font-size: 18px; line-height: 25px; font-weight: normal; padding: 0px 14px; border: 1px solid #828282; border-radius: 2px; text-decoration: none; background: #FFA700; color: #313131; display: inline-block; margin-left: 12px; }*/
a.add-to-cart-link { font-size: 18px; line-height: 25px; font-weight: normal; padding: 4px 28px; border: 5px solid #00b9f9; text-decoration: none; background: #ffffff; color: #000000; display: inline-block; margin-left: 12px; text-transform: uppercase; }
a.addtocartbackordered { background: #cccccc; color: #ffffff; border: 5px solid #e5e5e5; margin-left: 0; }
/*#main-container a.add-to-cart-link:hover { background: #FFC14B; color: #313131; font-weight: normal; }*/
#main-container a.add-to-cart-link:hover { color: #00b9f9; }
#main-container a.addtocartbackordered:hover { background: #cccccc; color: #ffffff; }
#main-container a.clickedbutton { background: #ffffff !important; color: #000000 !important; }
#main-container a.addtocartbackordered { background: #cccccc !important; color: #ffffff !important; }
.out-of-stock { font-size: 1.6em; font-weight: bold; padding: 7px 30px 7px 30px; text-decoration: none; background: #d5d5d5; color: #000000; display: inline-block; }

div.product-files-container { margin-top: 20px; }
div.product-files-container a { float: left; clear: both; text-decoration: none; /*min-height: 38px;*/ margin-bottom: 10px; color: #6D6D6D; }
div.product-files-container a:hover { float: left; clear: both; text-decoration: none; /*min-height: 38px;*/ margin-bottom: 10px; color: #101010; }
div.product-files-container a img { height: 26px; }
div.product-files-container a span { position: relative; /*top: -8px;*/ text-decoration: underline; display: block; width: 224px; float: right; font-size: 16px; padding-left: 4px; margin-top: 4px; line-height: 18px; }

div#related-products { margin-top: 20px; }
div#related-products #related-products-title,
#description-title, #key-features-title, #warranty-title, #product-files-title,
#features-title { padding: 0 0 10px 0; /*border-left: 8px solid #FFA700;*/ border-bottom: 5px solid #00b9f9; font-size: 20px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; line-height: 22px; color: #353535; }



.cartcount { font-size: 16px; color: #868686; }
.cartcount .cartcountnum { color: #00b9f9; font-size: 20px; }

.search-form { display: inline-block; margin-top: 3px; position: relative; }
.search-form #search-string, .search-form #mobile-search-string { padding: 0 17px 0 3px; width: 100px; font-size: 12px; border: 1px solid #ffffff; z-index: 10; border-radius: 1px 6px 1px 3px; }
.search-form .search-string-gray { color: #ABABAB; }
.search-form .search-arrow, .search-form .mobile-search-arrow { color: #8e8e8e !important; position: absolute; right: -2px; top: -6px; z-index: 100; font-weight: normal; padding: 0 6px; }




.paging { /*width: 786px;*/ width: 966px; text-align: center; }
.toppaging { margin-bottom: 30px; }
.paging a {
    text-decoration: none;
	/*border: solid 1px #000000;*/
	/*color: #15B;*/
}
.paging a, .paging span {
    padding: 0px 7px;
	/*margin-bottom: 5px;*/
	/*min-width:1em;*/
	text-align:center;
	font-weight: normal;
	display: inline-block;
	background: #FDFDFE;
	color: #A7A7A7;
	Border-radius: 0px 2px 0px 2px;
	font-size: 17px;
}
.paging a:hover { background: #FDFDFE; color: #404040; }
.paging .current {
    /*background: #26B;*/
	background: #FDFDFE;
    color: #404040;
    text-decoration: underline;
	/*border: solid 1px #AAE;*/
}
.paging .current.prev, .paging .current.next{
	color:#777777;
	background: #FDFDFE;
	/*border-color:#999;*/
	/*background:#fff;*/
}




.modal { display: none; width: 480px; padding: 32px; background: #ffffff; }
#phone-modal { text-align: center; }
#phone-modal a { color: #000000; }
#phone-modal a:hover { color: #ffaf00; }

.modalbuttons { display: inline-block; margin-top: 30px; }
.modalpaypal { line-height: 32px; display: block; float: left; }
.closemodal { margin-left: 40px; background: #e6eaed; text-decoration: none !important; color: #000000; height: 32px; line-height: 32px; width: 120px; display: block; float: right; }
.closemodal:hover { background: #7ecffe; }
#ModalPhoneNumber { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 18px; margin-top: 20px; width: 250px; border: 1px solid #cccccc; }

.simplemodal-container .error { border: 1px solid red !important; }

.filterscontainer, .mobilefilterscontainer { float: left; width: 164px; margin-right: 14px; font-size: 18px; }
#productlist { float: left; min-width: 786px; }
.widebodyproductlist { min-width: 966px !important; }
.filterscontainer .filterheader { /*border: 2px solid #00b9f9;*/ display: block; padding: 0 6px; margin-right: 1px; text-decoration: none; position: relative; top: -1px; }
.filterscontainer { clear: left; }
.mobilefilterscontainer { margin-bottom: 14px; }
.filterscontainer .filterheader:hover { /*text-decoration: underline;*/ }
.filterscontainer .filterbody { padding: 4px 6px; }
.filterscontainer .filterbody,
.filterscontainer .filterheader { float: left; width: 148px; }
.filterscontainer .filterbody label { float: left; margin-right: 6px; width: 146px; }
.filterscontainer .filterbody label input { position: relative; top: 1px; }
.filterscontainer .filterdivider,
.filterscontainer .mobilefilterdivider { height: 4px; /*margin-top: 4px;*/ background: #00b9f9; display: block; padding: 0 6px; text-transform: uppercase; margin-right: 1px; width: 152px; float: left; }
.mobilefilterdivider, .mobilefilterscontainer { display: none; }
.filterscontainer .hidden { display: none; }
#main-container .filterscontainer .applyfilters, 
#main-container .filterscontainer .resetfilters {  }
.filterscontainer .applyfilters:hover,
.filterscontainer .resetfilters:hover,
.mobilefilterscontainer .mobilefiltershowhide {  }
#main-container .filterscontainer .applyfilters {  }
#main-container .filterscontainer .applyfilters:hover {  }
.filterscontainer .filtercontrols,
.mobilefilterscontainer .filtercontrols, .filtersheader { display: block; clear: none; text-align: center; padding: 2px 0; }
.filtersheader { float: left; }
.filtercontrols { float: right; }
.filterscontainer input[type="text"] { width: 105px; margin: 2px 0; }
.filterscontainer input#searchtext { /*width: 140px;*/ width: 336px; }
.filterscontainer .filterinputlabel { width: 55px; display: inline-block; }
.filterscontainer .filterbody b { margin-left: 3px; }
.filtercontainer { float: left; clear: right; width: 50%; padding: 0px 0; margin: 10px 0 10px 0; }
.filtercontainer2 { float: left; border-bottom: 2px solid #00b9f9; }
.filtercontainer3 { float: right; border-bottom: 2px solid #00b9f9; }
/*.filtercontainerprice { float: left; clear: left; }*/


.inactivelink { color: #777777 !important; }
.inactivelink input { background-color: #e6e6e6; }
.inactivelink img { opacity: 0.5; }
.inactivelink .product-list-item-price { opacity: 0.5; }
.pagingcontent .loadingoverlay { position: absolute;
text-align: center;
width: 100%;
height: 100%;
z-index: 100;
font-size: 44px;
padding-top: 75px;
padding-bottom: 75px;
background-color: rgba(255, 255, 255, 0.5);
left: 0; }
.loadingvisibleonmobile { display: none; }
.specialsauce { position: absolute; top: -3000px; left: 0; width: 50%; }

    div.item-list div.single-item span.item-label-mobile { display: none; }




    
    
    /*.mobilefilterscontainer { display: block !important; margin-right: 0px; }*/
    .filterscontainer { margin-bottom: 14px; width: auto; margin: 0 0 40px 0; }
    .filterscontainer .filterheader { clear: left; margin-top: 4px; width: 18%; min-width: 100px; font-weight: bold; }
    .filterscontainer .filterbody { width: auto; max-width: 74%; }
    .filterscontainer .filterdivider { clear: both; width: 100%; padding-left: 0; padding-right: 0; }
    .filterscontainer .mobilefilterdivider { clear: both; width: 100%; display: block; padding-left: 0; padding-right: 0 }
    .filterbody label, .filterbody input, .filterbody .filterinputlabel { float: left; }
    .filterscontainer .filterbody label input { top: 2px; }
    .filterscontainer .filterbody label { width: auto; }


    .categoryfiltercontainer label { display: block; float: left; padding: 2px 4px 0 0; margin: 2px 4px 0 0; }






















@media (max-width: 1800px) {
    #top .normwidth { left: 4%; }
}

@media (max-width: 1700px) {
    #top .normwidth { left: 4.3%; }
}

@media (max-width: 1600px) {
    #top .normwidth { left: 4.6%; }
}

@media (max-width: 1500px) {
    #top .normwidth { left: 5%; }
}

@media (max-width: 1400px) {
    #top .normwidth { left: 5.3%; }
}

@media (max-width: 1300px) {
    #top .normwidth { left: 5.6%; }
}

@media (max-width: 1200px) {
    #top .normwidth { left: 6.1%; }
}

@media (max-width: 1100px) {
    #top .normwidth { left: 6.7%; }
}

@media (max-width: 1006px) {

    #top .normwidth { left: 7.6%; }
    #header-container { min-width: 1px; height: 120px; }
    .normwidth { width: auto; padding: 0 6px; }
    .fullwidth, .innerfullwidth { min-width: 1px; }
    #main-container .fullwidth, #main { min-width: 1px; width: auto; }
    #main { width: 100%; float: left; }
    #socialnavigation, #navigation { display: none; }
    #mobilemenulink { display: block !important; float: right; margin-top: 14px; }
    #mobilemenulink img { height: 30px; }
    #mobilemenu { background: #202020; position: absolute; top: 60px; left: 0; z-index: 100; width: 100%; padding: 5px 0 13px 0; }
    #mobilesocialnavigation { float: right; }
    #mobilesocialnavigation a { float: right; clear: right; padding: 4px; }
    #mobilesocialnavigation a img { height: 20px; margin-top: 3px; margin-right: 5px; }
    #mobilenavigation { float: left; }
    #mobilenavigation a { float: left; margin-left: 5px; clear: left; padding: 4px; }
    #mobile-header-search { float: left; margin-left: 9px; clear: left; margin-top: 4px; }
    
    #logo img, #headerimage { height: 120px; }
    .subheader { width: 100%; min-width: 1px; border-bottom: none; }
    .subheader .normwidth { width: 100%; margin: 0; padding: 0; float: left; border-bottom: 5px solid #00b9f9; }
    .subheader h3 { margin-bottom: 0; }
    .subheader h3 a { margin: 0 10px 0 10px; padding: 2px 4px 2px 4px; }

    .homeslider,
    .homeslider div.innerfullwidth,
    div.homeslider div.innerfullwidth div.normwidth div { height: auto !important; position: relative; }
    div.homeslider div.innerfullwidth { background: none !important; }
    div.homeslider div.innerfullwidth div.normwidth div img { width: 100%; }
    div.homeslider div.homeslidernavi { top: 0px; }
    .homeslider { height: 1px !important; padding-bottom: 33%; }
    
    .popular-categories a,
    .popular-categories-bathroom a,
    .popular-categories-kitchen a { width: 33%; max-width: 318px; margin-right: 0; }
    .popular-categories a img,
    .popular-categories-bathroom a img,
    .popular-categories-kitchen a img { width: 95%; }
    .popular-categories-bathroom,
    .popular-categories-kitchen { width: 100% !important; }
    #popular-commercial img { width: 100%; max-width: 964px; }
    .line-card a { width: 50%; max-width: 190px; margin-bottom: 5px; }
    .line-card a img { width: 98%; }
    .popular-categories-sub-text { width: 100%; }
    .popular-categories-sub-text a { width: 150px; clear: none; line-height: 16px; height: 46px; padding-right: 10px; }
    
    .mobilefilterscontainer { display: block !important; margin-right: 0px; width: 100%; }
    .mobilefilterscontainer .filtercontrols { float: none; }
    .filterscontainer { display: none; margin-bottom: 14px; width: auto; margin: 0 0 14px 0; }
    .filterscontainer .filterheader { clear: left; margin-top: 7px; width: 18%; min-width: 100px; }
    .filterscontainer .filterbody { width: auto; max-width: 74%; }
    .filterscontainer .filterdivider { clear: both; width: 100%; padding-left: 0; padding-right: 0; }
    .filterscontainer .mobilefilterdivider { clear: both; width: 100%; display: block; padding-left: 0; padding-right: 0 }
    .filterbody label, .filterbody input, .filterbody .filterinputlabel { float: left; }
    .filterscontainer .filterbody label input { top: 2px; }
    .filterscontainer .filterbody label { width: auto; }
    .filterscontainer .clearleftmobile { clear: left; float: left; }
    .filterscontainer input[type="text"] { width: 135px; }
    .filterscontainer input#searchtext { width: 200px; }
    #productlist { float: left; clear: left; width: 100%; min-width: 1px; }
    .widebodyproductlist { min-width: 1px !important; }
    #productlist .product-list-item { width: 100%; margin-bottom: 14px; }
    #productlist .product-list-item .product-list-item-img { height: 100px; width: 100px; float: left; }
    #productlist .product-list-item img { height: 100px; width: 100px; }
    #productlist .product-list-item .product-list-item-price { left: 121px; right: auto; }
.product-list-item .smallproductpriceoriginalprice { float: none; clear: none; margin-left: 10px; top: 0px; }
.product-list-item .smallproductprice3 { float: none; }
    #productlist .product-list-item span.producttitle { margin-top: 40px; margin-left: 110px; display: block; }
    .paging { width: 100%; }
    
    div.product-leftfloat-info-container { width: 100%; }
    div.product-images-container { text-align: center; }
    div.product-images-container div.product-main-image-container img { width: 100%; }
    div.product-images-container div.product-main-image-container { height: auto; width: auto; max-width: 650px; margin: 0 auto; display: block; }
    div.product-images-container .product-thumb-image { width: 80px; margin: 10px 5px 0 5px; float: none; display: inline-block; }
    div.product-images-container .product-thumb-image span.firstspan { width: 80px; height: 80px; }
    div.product-images-container .product-thumb-image span.firstspan img { max-width: 80px; max-height: 80px; }
    
    div.product-rightfloat-info-container { width: 100%; margin-top: 20px; }
    div.product-rightfloat-info-container .product-rightfloat-item { float: left; margin-right: 20px; margin-bottom: 20px; min-width: 280px; }
    div.product-rightfloat-item-categoryinfo { max-width: 280px; }
    div.product-rightfloat-info-container .productprice21 { float: left; margin-top: 4px; /*margin-left: 30px;*/ }
    div.product-rightfloat-info-container .productmsrpblock,
    div.product-rightfloat-info-container .productsalesaved { float: left; clear: left; margin-bottom: 0px !important; /*margin-left: 50px;*/ }
    div.product-rightfloat-info-container .addcartcontainer { float: left; min-width: 280px; margin-right: 20px; }
    div.product-rightfloat-info-container .instockdisplay,
    div.product-rightfloat-info-container .backordereddisplay,
    div.product-rightfloat-info-container .product-files-container,
    div.product-rightfloat-info-container .product-brand-container,
    div.product-rightfloat-info-container .rightcontact { float: left; min-width: 280px; margin-right: 20px; margin-bottom: 20px !important; margin-top: 0px !important; }
    div.product-rightfloat-info-container .rightcontact { margin-top: 0px !important; }
    div.product-rightfloat-info-container .rightfinancing { max-width: 200px; float: left; margin-right: 100px; margin-top: 0px !important; }
    
    .footer-summary span.line-break { display: inline; }
    #footer-container .bluefooter { height: auto; /*padding-bottom: 52px;*/ line-height: 24px; }

    div.item-list div.single-item-header { display: none; }
    div.item-list div.single-item { width: 100% !important; padding: 0; }
    div.item-list div.single-item span.item-title { width: auto !important; }
    div.item-list div.single-item span.item-price { width: auto !important; float: left; }
    div.item-list div.single-item span.item-quantity { width: auto !important; float: left; clear: left; }
    div.item-list div.single-item span.item-total { width: auto !important; float: left; clear: left; }
    div.item-list div.single-item span.item-actions { width: auto !important; float: right; }

    div.item-list div.single-item span.item-label-mobile { display: inline; }

    .noclearonmobile { display: inline; }
    .hiddenonmobile { display: none; }

    .pagingcontent .loadingoverlay { font-size: 38px; }

	}

@media (max-width: 950px) {
    #top .normwidth { left: 3.5%; width: 500px; }
}

@media (max-width: 900px) {
    #top .normwidth { left: 4.3%; }
}

@media (max-width: 850px) {
    #top .normwidth { left: 5.8%; }
}

@media (max-width: 800px) {
    #top .normwidth { left: 7%; }
}

@media (max-width: 755px) {
    #top .normwidth { left: 8.5%; }
    .filtercontainer { padding-right: 4%; width: 45%; }
    .hiddenonmobile { display: none !important; }
    .filterscontainer .filterbody { max-width: 100%; }
    .filterscontainer input#searchtext { width: 135px; }
}

@media (max-width: 700px) {
    #top .normwidth { left: 0; width: 500px; }
	#middleinner { width: 86%; margin-left: 4%; }
	h2 { width: auto; left: 0; text-align: left; margin-bottom: 24px; }
	.leftdate { display: block; width: auto; left: 0; top: 0; text-align: left; margin-top: 24px; }
	.nexttodate { display: inline-block; }
	
	.hidemobile { display: none; }
}

@media (max-width: 530px) {
    #top .normwidth { left: 0; width: auto; }
	#mainphoto { margin-right: 25px; margin-left: 25px; }
	h1 { font-size: 42px; }
}

@media (max-width: 470px) {
    #top .normwidth { left: 0; width: auto; }
	#mainphoto { margin-right: 18px; margin-left: 18px; }
	h1 { font-size: 40px; }
}

@media (max-width: 440px) {
    #top .normwidth { left: 0; width: auto; text-align: center; padding-bottom: 20px; }
	#mainphoto { margin-left: 0; margin-right: 0; width: 100%; margin-top: 25px; margin-bottom: 20px; }
	h1 { font-size: 40px; }
	#middleinner { padding-left: 10px; }
}

@media (max-width: 508px) {

    div#Contact-Form { padding-right: 22px; }
    
    div#Contact-Form input[type=text] {
        width: 100%;
    }
    div#Contact-Form textarea {
        width: 100%;
    }
        div#Contact-Form input[type="submit"] {
            width: auto; padding: 8px 20px;
        }
}

@media (max-width: 450px) {
	.modal { width: 90%; font-size: 14px; }
    .modalhiddenonmobile { display: none; }
    .loadingvisibleonmobile { display: inline; }

    .pagingcontent .loadingoverlay { font-size: 24px; }

    #header-container { min-width: 1px; height: 100px; }
    
    #logo img, #headerimage { height: 100px; }
}

@media (max-width: 410px) {
    div.coupon-Instructions { margin-bottom: 20px; width: 100%; }
    div.Checkout { clear: left; float: left !important; margin-left: 7px; }
    div.Checkout-Payment-Options { float: left !important; clear: left !important; }
    .filterscontainer .filterbody { max-width: 100%; }
}

@media (max-width: 346px) {

    #header-container { min-width: 1px; height: 80px; }
    
    #logo img, #headerimage { height: 80px; }
}

@media (max-width: 320px) {
    div.product-rightfloat-info-container .addcartcontainer .add-to-cart-link { padding: 5px 18px; }
}