﻿
/* =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: 16px;
	font-size: 13px;
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body 
{ 
    background-color:#ffffff;
    color:#000000;
    /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 18px;
    line-height: 24px;
}
.normwidth { /*width: 786px;*/ width: 966px; margin: 0 auto; padding: 0 20px; }
.fullwidth { width: auto; margin: 0 auto; padding: 0; /*min-width: 826px;*/ min-width: 966px; }
.innerfullwidth { /*min-width: 826px;*/ min-width: 966px; }
#main-container .fullwidth { /*width: 786px;*/ width: 966px; margin: 0 auto; padding: 0 20px; /*min-width: 786px;*/ min-width: 966px; }

a, a:active, a:visited, a:link { color: #0014a7; text-decoration: underline; }
a:hover { color: #c30000; font-size: 100%;}
#main-container a, #main-container a:visited, #main-container a:link { color: #0014a7; }
#main-container a:hover { color: #c30000; }
.subheader a, #main-container .subheader a:visited, #main-container .subheader a:link { color: #ffffff; }
.subheader a:hover { color: #ffffff; }


/*#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:96px;
	color: #ffffff;
	/*min-width: 826px;*/ min-width: 966px;
}
#header-container a { text-decoration: none; }

.subheader { height: 44px; font-size: 18px; line-height: 42px; background: #c30000; text-align:right; /*min-width: 826px;*/ min-width: 966px; }
#subheader-container2 { height: 8px; margin-top: 6px; }
.subheader h3 { display: inline-block; font-weight: normal; line-height: inherit; margin-top: 2px; }
.subheader a { display: inline-block; text-decoration: none; /*margin: 0 20px 0 20px;*/ /*margin: 0 35px 0 35px;*/ margin: 0 6px 0 6px; padding: 0 8px 0 8px; }
.subheader a:hover{ text-decoration: underline; }
.subheader a.currentlink { font-weight: normal; }

#logo
{
    padding:0px 0px 0px 0px;
	float: left;
	clear: left;
}
#logo img { height: 140px; }
/*#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 { display: none; float: right; clear: right; margin-top: 4px; height: 24px; }
#socialnavigation a { margin-left: 10px; }

#slogan { float: right; clear: right; margin-top: 12px; color: #000000; font-size: 28px; font-weight: bold; text-align: center; line-height: 34px; }
.accent { color: #c30000; }

#main
{
    width:100%;
    padding:40px 0 0 0;
	background: #ffffff url('/content/mainbg.png') repeat-x;
	/*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;
}
#footer-container .bluefooter { background: #c30000; color: #ffffff; height: 34px; font-size: 13px; line-height: 32px; }
#footer-container .bluefooter a, #footer-container .bluefooter a:active, #footer-container .bluefooter a:visited, #footer-container .bluefooter a:link { color: #ffffff; text-decoration: none; }
#footer-container .bluefooter a:hover { text-decoration: underline; }
.footer-links { margin-bottom: 12px; display: block; font-size: 14px; }
.footer-links a { margin: 0 10px 0 10px; /*color: #828282;*/ display: inline-block; }

.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 #0014a7;
    padding: 5px 10px; font-family: inherit; font-size: inherit;
}
div#Contact-Form textarea {
width: 400px; height: 160px; resize: none;
border: 1px solid #0014a7;
    padding: 5px 10px; 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; width: 422px; padding: 8px 10px; text-decoration: none; /*background: #fc735b;*/ background: #0014a7; color: #ffffff; display: inline-block;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
div#Contact-Form input[type="submit"]:hover { /*background: #ff3d1b;*/ background: #c30000; color: #ffffff; cursor: pointer; }
    /*Cart
    ----------------------------------------------------------*/
    div.item-list
    {
    border-top: 1px solid #c2c2c2;
    /*width: 730px;*/
	width: 100%;
    }
    
    div.item-list div.single-item {
        border-bottom: 1px solid #C2C2C2; padding: 4px 10px 4px 10px; float: left; clear: both;
    }
    div.item-list div.single-item-header {
        border-bottom: 1px solid black;
    }
    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: 60px;
    }
    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; margin-bottom: 30px; color: #000000; padding: 0 0 4px 6px; border-bottom: 4px solid #c30000; font-size: 26px; line-height: 30px; }
h2 { padding: 0 0 0 7px; border-left: 8px solid #FFA700; font-weight: bold; margin-bottom: 20px; margin-top: 38px; text-transform: uppercase; font-size: 18px; line-height: 16px; color: #353535; }
h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px; font-size: 18px; line-height: 22px; color: #353535; }

#main-container .post-title { font-size: 20px; font-weight: bold; padding-bottom:5px;}
#main-container li { margin-left: 20px; }







div.product-list-item
{
	width: 186px;
	/*background: #eeeeee;*/
	background: #555555;
	float: left;
	text-align: left;
	margin-right: 14px;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 17px;
	/*padding: 10px 0 6px 0;*/
	position: relative;
	border-radius: 10px 3px 10px 3px;
}
div.product-list-item:hover { /*background: #e4e4e4;*/ background: #333333; }
div.product-list-item-fourth
{
	margin-right: 0;
}
div.product-list-item a
{
	display: inline-block;
	text-decoration: none;
	padding: 13px;
}
div.product-list-item span.producttitle { margin-top: 6px; display: block; }
div.product-list-item .product-list-item-price { position: absolute; top: 20px; right: 6px; }

.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; }

div.product-list-item .product-list-item-img { width: 160px; height: 160px; background: #ffffff; }
div.product-list-item img
{
	/*width: 200px;*/
	max-width: 160px; max-height: 160px;
	display: inline-block;
}

div.product-list-item .product-list-item-img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div.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: #e6e6e6; }
#main-container div.product-list-item:hover a { color: #ffaf00; }

.widebodyproductlist div.product-list-item { width: 230px; }
.widebodyproductlist div.product-list-item .product-list-item-img { width: 204px; height: 204px; }
.widebodyproductlist div.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: 285px; }
div.product-leftfloat-info-container { width: 650px; float: left; }
/*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-radius: 2px; border: 1px solid #909090; /*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: 230px; }
.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: 5px 28px; border: 1px solid #909090; border-radius: 2px; text-decoration: none; background: #0084ca; color: #ffffff !important; display: inline-block; margin-left: 12px; text-transform: uppercase; }
a.addtocartbackordered { background: #cccccc; }
/*#main-container a.add-to-cart-link:hover { background: #FFC14B; color: #313131; font-weight: normal; }*/
#main-container a.add-to-cart-link:hover { background: #0090d7; }
#main-container a.addtocartbackordered:hover { background: #cccccc; }
#main-container a.clickedbutton { background: #2272ad !important; }
#main-container a.addtocartbackordered { background: #cccccc !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 0 7px; /*border-left: 8px solid #FFA700;*/ border-left: 8px solid #0084ca; font-size: 18px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; font-size: 18px; line-height: 16px; color: #353535; }



.cartcount { font-size: 16px; color: #868686; }
.cartcount .cartcountnum { color: #FFA700; font-size: 16px; }

.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; background: #555555; color: #ffffff; border-radius: 10px 3px 10px 3px; font-size: 14px; }
#productlist { float: right; min-width: 786px; }
.widebodyproductlist { min-width: 966px !important; }
.filterscontainer .filterheader { border-left: 4px solid #ffa700; color: #ffa700 !important; background: #333333; display: block; padding: 0 6px; text-transform: uppercase; margin-right: 1px; text-decoration: none; }
.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;*/ color: #ffa700; background: #333333; 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 { color: #e6e6e6; text-decoration: none; }
.filterscontainer .applyfilters:hover,
.filterscontainer .resetfilters:hover,
.mobilefilterscontainer .mobilefiltershowhide { color: #ffa700 !important; }
#main-container .filterscontainer .applyfilters { color: #12aff8; }
#main-container .filterscontainer .applyfilters:hover { color: #5acafe !important; }
.filterscontainer .filtercontrols,
.mobilefilterscontainer .filtercontrols { display: block; clear: both; text-align: center; padding: 2px 0; }
.filterscontainer input[type="text"] { width: 85px; margin: 4px 0; }
.filterscontainer input#searchtext { width: 140px; }
.filterscontainer .filterinputlabel { width: 55px; display: inline-block; }
.filterscontainer .filterbody b { margin-left: 3px; }


.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; }

    div.item-list div.single-item span.item-label-mobile { display: none; }














@media (max-width: 1006px) {

    #header-container { min-width: 1px; height: 60px; }
    .normwidth { width: auto; padding: 0 6px; }
    .fullwidth, .innerfullwidth { min-width: 1px; }
    #main-container .fullwidth, #main { min-width: 1px; width: auto; }
    #main { width: 100%; }
    #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; }
    .subheader { width: 100%; min-width: 1px; }
    .subheader h3 { font-size: 16px; }
    
    #logo img { height: 104px; }
    #slogan { font-size: 22px; line-height: 26px; margin-top: 5px; }

    .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; }
    .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; }
    #productlist { float: left; clear: left; width: 100%; min-width: 1px; }
    .widebodyproductlist { min-width: 1px !important; }
    #productlist div.product-list-item { width: 100%; margin-bottom: 14px; }
    #productlist div.product-list-item .product-list-item-img { height: 100px; width: 100px; float: left; }
    #productlist div.product-list-item img { height: 100px; width: 100px; }
    #productlist div.product-list-item .product-list-item-price { left: 121px; }
    #productlist div.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 {  }

    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: 700px) {
    #logo img { height: 80px; }
    #header-container { height: 80px; }
    #slogan { margin-top: 14px; }
    .subheader { text-align: center; }
}

@media (max-width: 610px) {
    div.coupon-Instructions span, div.coupon-Instructions a { float: left; clear: left; }
    div.CartTotal { float: left !important; clear: left !important; }
    .filterscontainer .filterbody { max-width: 63%; }
	.modal { width: 400px; padding: 12px; }

    .pagingcontent .loadingoverlay { font-size: 28px; }
}

@media (max-width: 508px) {
    .subheader { height: auto; line-height: 26px; }
    .subheader h3 { margin: 0; line-height: 26px; }

    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; }

    #slogan { font-size: 16px; line-height: 22px; }
}

@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%; }
    #slogan { font-size: 14px; }
}

@media (max-width: 380px) {
    #header-container { height: auto; }
}

@media (max-width: 340px) {
    #logo, #slogan { margin: 0 auto; text-align: center; float: none; }
    #slogan { padding: 5px 0; }
}

@media (max-width: 320px) {
    div.product-rightfloat-info-container .addcartcontainer .add-to-cart-link { padding: 5px 18px; }
}