/* MODERN BATHROOM - BV COMMERCE - BOOTSTRAP 4 */
/* IMPORT OWL CAROUSEL STYLES */
@import url('../scripts/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css');
@import url('../scripts/OwlCarousel2-2.3.4/dist/assets/owl.theme.carousel.min.css');
@import url('../scripts/OwlCarousel2-2.3.4/dist/assets/owl.theme.billboard.min.css');
/* IMPORT BOOTSTRAP COMPILED & MINIFIED STYLES */
@import url("bootstrap4/scss/bootstrap.min.css");
/* GENERAL ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
body {/*font-size:.8rem;*/ background:#fff;}
body > form {margin:0; min-width:320px;}
/* responsive youtube video */
.videoWrapper {
position:relative;
padding-bottom:56.25%; /* 16:9 */
padding-top:25px;
height:0;
}
.videoWrapper iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/* to top button */
#to-top a {
position:fixed;
z-index:10;
bottom:35px;
right:5px;
width:38px;
height:38px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
}
#to-top a:hover {text-decoration:none;}
/* subtle waiting msg
#wait {display:none; position:fixed; left:0; top:0; right:0; bottom:0; height:117px; width:100%; background:#fff; opacity:.9; z-index:201; box-shadow: 0 0 10px #222;}
#wait div {position:absolute; width:100%; text-align:center; top:28%; color:#222; font-weight:bold; vertical-align:middle;}
#wait div span {display:block; line-height:1.5;}
*/
#wait {display:none; position: fixed; left:0; top:0; right:0; bottom:0; height: 100%; width:100%; background: #fff; z-index: 201;opacity:.9;}
#wait div {position:absolute; width:100%; text-align:center; top:44%; color:#555; font-weight:bold; vertical-align:middle;}
#wait div span {display:block;line-height:1.5;}
/* store closed */
#closedcontent {max-width: 500px; margin:100px auto 100px; text-align:center; font-family:sans-serif;}
/* gradient */
.gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9fa+0,f3f3f4+100 */
background:#f9f9fa; /* Old browsers */
background:-moz-linear-gradient(top, #f9f9fa 0%, #f3f3f4 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #f9f9fa 0%,#f3f3f4 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #f9f9fa 0%,#f3f3f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fa', endColorstr='#f3f3f4',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #eeeeef;
}
.solid {
background:#F6F6F7;
border-bottom:1px solid #eeeeef;
}
/* button overlaying picture */
.btn-overlay {width:100%;}
/* js expander */
.more-link {display:block; padding-top:1rem;}
/* line up checkbox and radio buttons with labels */
.form-check input {margin-top:.18rem;}
/* required labels */
label.required,
.required {font-weight:bold!important;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width:576px) {
.form-check input {margin-top:.28rem;}
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
/*body {font-size: .9rem;}*/
.form-check input {margin-top:.37rem;} /* line up checkbox and radio buttons with labels */
.instructions {border: 1px solid #eeeeef;}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
#to-top a {
right:30px;
}
.container.wide {max-width:1400px;}
/* button overlaying picture */
.btn-overlay {position:absolute; bottom:24px; left:12px; right:12px; width:auto; z-index:100;}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
/*body {font-size:1rem;}*/
}
/* XXL ( 1500 + ) -------------------- */
@media only screen and (min-width: 1500px) {
/* button overlaying picture */
.btn-overlay {width:196px; bottom:65px; left:50%; right:auto; margin-left:-98px;}
}
/* ADMIN BAR ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/*.adminbar {max-width:100%; background:var(--white);}
.adminbar img {display:block; margin:0 auto;}
.adminbar .row > div {text-align:center; position:relative;}
.adminbar .row > div + div a {padding-left:0;}
.adminbar .row > div a {line-height:40px; display:inline-block; padding:0 1em; color: var(--dark); text-decoration:none;}
.adminbar .row > div a:hover {color:#959595;}
.adminbar .row > div a i {opacity:.4;}
.adminbar .row > div a:hover i {opacity:1;}*/
/* edit link */
/*.adminbar .row > div:first-child a {background:#98c135; color: var(--dark);}
.adminbar .row > div:first-child a:hover {color:var(--white);}*/
.adminbar {position:fixed; left:-280px; top:0; bottom:0; background:#B0D35A; opacity:.85; width:300px; padding:20px; transition: all .3s; z-index:2501; box-shadow: 0px 0px 3px 2px rgba(68, 68, 68, 0.2); }
.adminbar:hover {transform:translateX(280px); background:var(--white); overflow:auto; opacity:1;}
.adminbar:hover .openup {display:none;}
/*.adminbar ul {list-style:none; margin:0; padding:0;}
.adminbar ul li {list-style:none; margin:0; padding:0;}*/
.openup {width:20px; height:20px; position:absolute; right:0; top:40%; line-height:20px; text-align:center; color:var(--white);}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width:576px) {
/*.adminbar {box-shadow: 0px 0px 5px 2px rgba(68, 68, 68, 0.2);}
.adminbar img {float:left; margin:3px 10px 3px 0;}
.adminbar .row > div {text-align:left;}
.adminbar .row > div + div {text-align:right;}
.adminbar .row > div + div a {padding:0 0 0 1em;}*/
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width:768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* HEADER ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* xs - sm header */
.xs-header {position:fixed; background:#f4f4f4; top:0; left:0; right:0; z-index:2; box-shadow: 0 0 3px rgba(0,0,0,.2); }
.xs-header .top {background:#fff; height:40px;}
.xs-header a.logo {display:inline-block; height:34px;background:#fff;padding:2px;}
.xs-header a.logo img {height:100%;}
.xs-header .top a.cart {text-decoration:none; display:inline-block; position:relative; padding-right:10px;}
.xs-header .top a.cart .fa-shopping-cart {color:#343a40; font-size:21px;}
.xs-header .top a.cart:hover .fa-shopping-cart {color:#bdc3c7;}
.xs-header .top .carttotals {font-size:12px; font-weight:normal; position:absolute; left:24px; margin-top:6px;}
.xs-header .bottom {background:#343a40; /*position:fixed; bottom:0; left:0; right:0; z-index:2;*/}
.xs-header .bottom a {line-height:40px; display:block;}
.xs-header .bottom .mobilephone a,
.xs-header .bottom .mobilesearch a,
.xs-header .bottom .mobileaccount a,
.xs-header .bottom .mobilecart a,
.xs-header .bottom .mobilecontact a {
float:left;
color:#F9F9FA;
font-size:16px;
position:relative;
padding:0;
line-height:30px;
width:25%;
}
.xs-header .bottom a:hover {background:#000; color:#ecf0f1!important;}
.xs-header .bottom a.open {background:#f4f4f4; color:#7f8c8d;}
.xs-header .bottom a.open:hover {color:#7f8c8d!important;}
.xs-header .categorymenuplus {margin-left:-15px; margin-right:-15px;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
/* md header */
/*.md-header {position:fixed; top:0; left:0; right:0; z-index:2;}
.md-header {background:#F9F9FA; padding:0 15px; height:56px;border-bottom:1px solid #eeeeef;}
.md-header a.logo {display:inline-block; height:56px;background:#fff;padding:2px;}
.md-header a.logo img {height:100%; max-height:26px; margin-top:15px;}
.md-header a.cart {float:right; font-size:18px; line-height:56px; text-decoration:none;}
.md-header a.cart .fa-shopping-cart {color:#343a40; font-size:21px;}
.md-header a.cart:hover .fa-shopping-cart {color:#bdc3c7;}
.md-header .carttotals {color:#bdc3c7; font-size:12px; font-weight:normal;}
.md-header .mobilephone a,
.md-header .mobilesearch a,
.md-header .mobileaccount a,
.md-header .mobilecontact a {color: #343a40; font-size: 18px; display:block; line-height: 56px;}
.md-header .mobilephone a:hover,
.md-header .mobilesearch a:hover,
.md-header .mobileaccount a:hover,
.md-header .mobilecontact a:hover {color:#bdc3c7!important;}
.md-header a.open {background:#fff; color:#7f8c8d;}
.md-header a.open:hover {color:#7f8c8d!important;}*/
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
/* lg + header */
.lg-header .row {height:100px;}
.lg-header {background:#fff; position:fixed; top:0; left:0; right:0; z-index:2; box-shadow: 0 0 3px rgba(0,0,0,.2)}
.home-master .lg-header,
.product-master .lg-header {background: rgba(255,255,255,.9);}
.lg-header a {text-decoration:none;text-transform:lowercase;}
.lg-header a.logo {display:inline-block;padding:2px;}
.lg-header a.logo img {width:100px;}
/* utility nav */
.lg-header .utility-container {display:flex;justify-content:flex-end; align-items:center;}
.lg-header .utility-container a {padding: 0; color:#2c3e50; margin-left:20px; font-weight:600; font-size:.8rem; text-transform:uppercase; white-space:nowrap; transition: all .3s;}
.lg-header .utility-container a:hover {color:#888;}
.lg-header a.cart-link {position:relative; text-align:left; padding-right:0; transition: all .3s; overflow:hidden; line-height:30px;}
.lg-header a.cart-link img { height:30px; margin-top:-4px; }
.lg-header a.cart-link .carttotals {
color:#2c3e50;
font-size:12px;
font-weight:normal;
position:absolute;
right:0px;
top:0;
display:block;
width:0;
transition: all .3s;
}
.lg-header a.cart-link:hover {padding-right:20px;}
.lg-header a.cart-link:hover .carttotals {width:20px;}
.lg-header a.cart-link:hover {background: rgba(0,0,0,.08); border-radius:4px;}
}
/* CUSTOM ( 1100 + ) -------------------- */
@media only screen and (min-width: 1100px) {
.lg-header a.logo img {width:150px;}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* SEARCH ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* common search form styles */
.search {
}
.search input[type="search"] {
}
.search input[type="image"] {
background:none;
border:none;
box-shadow:none;
margin-bottom:0;
width:20px;
margin-left:5px;
margin-left:5px;
}
/* mobile/tablet search */
div.mobilesearchform {
display:none;
position:relative;
left:0;
right:0;
z-index:50;
padding:10px;
background:#f4f4f4;
}
div.bigsearchform {display:none;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
div.mobilesearchform {display:none!important;}
div.bigsearch {position:relative;}
div.bigsearch div.bigsearchform {
position:absolute;
right:-10px;
top:38px;
z-index:50;
padding:10px;
background:#f4f4f4;
border-radius:4px;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
div.bigsearch.prominent {/*line-height:40px;*/ margin-right:.6em;}
div.bigsearch.prominent a {transition: all .3s; display:block; width:100%; border-radius:3px; padding:6px;}
div.bigsearch.prominent a:hover {background: rgba(0,0,0,.08);}
div.bigsearch.prominent a img {position:relative; width:100%; display:block; width:18px;}
div.bigsearch.prominent a:hover img {}
div.bigsearch.prominent div.bigsearchform {left:0; right:auto;}
div.bigsearch.prominent a.open {}
.search input[type="search"] {
border:none;
border-bottom:1px solid #eeeeef;
border-radius:0;
width:300px;
margin-bottom:0;
}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* NAVWRAPPER ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* BREADCRUMBS ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.breadcrumbwrapper {display:none;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
.home-master .breadcrumbwrapper {display:none!important;}
.breadcrumbwrapper {padding:0; display:block;}
.breadcrumbwrapper .breadcrumbs {font-size:11px; padding:.5em 0;}
.breadcrumbwrapper .breadcrumbs div {display:inline}
.breadcrumbwrapper .breadcrumbs a {color:#95a5a6;}
.breadcrumbwrapper .breadcrumbs a:hover {color:#3498db; text-decoration:none;}
.breadcrumbwrapper .breadcrumbs span.spacer {color:#95a5a6; padding-left:.5em; padding-right:.5em;}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* PREFOOTER ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* FOOTER ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.footer {}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px;) {
/*.footer .ccs {text-align:right;}*/
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* PRODUCT GRID HEADER ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.gridheader {margin-bottom:1rem;}
/* pagination */
.gridheader nav {}
/* sort order */
.gridheader label {display:none;}
.gridheader .form-group {margin-bottom:0;}
.grid-header select.custom-select {margin-left:0;}
/* grid/list view */
.gridheader .viewswrapper {display:inline-block; padding-top:.24rem; height:32px; display:none;}
.gridheader .viewswrapper a#GridView {outline:none; float:left; width:29px; height:29px; overflow:hidden; text-indent:50px; background:url(../images/grid-list.svg) no-repeat 0 0; margin-right:4px; opacity:.3; cursor:pointer;}
.gridheader .viewswrapper a#ListView {outline:none; float:left; width:29px; height:29px; overflow:hidden; text-indent:50px; background:url(../images/grid-list.svg) no-repeat -31px 0; opacity:.3; cursor:pointer;}
.gridheader .viewswrapper a#GridView.active,
.gridheader .viewswrapper a#ListView.active {opacity:1; cursor:default;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* PRODUCT GRID FOOTER ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
.gridfooter {border-top: none;}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* PRODUCT GRID ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.SingleProductDisplayPanel {margin-bottom:2rem; margin-top:.75em;}
.SingleProductDisplayPanel .record {
overflow:hidden;
position:relative;
padding:15px;
}
.SingleProductDisplayPanel .record:hover {background:#fff;}
/* image */
.SingleProductDisplayPanel .record .recordimage {
margin-bottom:.5rem;
}
.SingleProductDisplayPanel .record .recordimage a {position:relative; overflow:hidden;} /*overflow needed by IE11*/
.SingleProductDisplayPanel .record .product-info {position:relative;}
/*name*/
.SingleProductDisplayPanel .record .product-info .recordname a {}
.SingleProductDisplayPanel .record .product-info .recordname a:hover,
.SingleProductDisplayPanel .record:hover .product-info .recordname a {
color: #43a4ff;
}
/*rating stars*/
.SingleProductDisplayPanel .record .product-info .SingleProductDisplayRating img.ratingstars {vertical-align:unset; max-width:60px; position:relative; top:-3px;}
/* list price */
.SingleProductDisplayPanel .record .product-info .recordprice .recordlistprice {display:inline-block;}
.SingleProductDisplayPanel .record .product-info .recordprice .recordlistprice span {
text-decoration:line-through;
font-weight:normal;
color: #b7b7b7;
padding-right: 4px;
}
/* regular price WHEN DOES THIS SHOW? */
.SingleProductDisplayPanel .record .product-info .recordprice .recordregularprice {display:inline-block;}
.SingleProductDisplayPanel .record .product-info .recordprice .recordregularprice span {color:#777; text-decoration:line-through;}
/* price */
.SingleProductDisplayPanel .record .product-info .recordprice .PriceLabel {display:inline-block; color:#B71313;}
/* desc */
.SingleProductDisplayPanel .record .product-info .recorddesc {padding-top:.5rem; padding-bottom:.5rem;}
.SingleProductDisplayPanel .record .product-info .recorddesc span {}
/* qty */
.SingleProductDisplayPanel .record .product-info .recordqty {padding-top:.5rem; padding-bottom:.5rem;}
.SingleProductDisplayPanel .record .product-info .recordqty label {font-size:.8rem;}
/* qty error msg */
.SingleProductDisplayPanel .record .product-info .recordqty label span span {display:inline-block; padding:0 0 0 .25rem; color:#F15757;}
.SingleProductDisplayPanel .record .product-info .recordqty input {max-width:5rem;font-size:.8rem;}
/* add to cart */
.SingleProductDisplayPanel .record .product-info .recordAddToCart {padding-top:.5rem; padding-bottom:.5rem;}
.SingleProductDisplayPanel .record .product-info .recordAddToCart span,
.SingleProductDisplayPanel .record .product-info .recordAddToCart a {display:inline-block; vertical-align:top;}
.SingleProductDisplayPanel .record .product-info .recordAddToCart span input[type="image"] {float:left;}
/* checkbox */
.SingleProductDisplayPanel .record .form-check {padding-top:.5rem; padding-bottom:.5rem; margin-bottom:0;}
/* ajax - added to cart message */
.SingleProductDisplayPanel .record .product-info .recordadded {}
/*new label*/
.SingleProductDisplayPanel .new-label {
background:url("../images/buttons/misc/label.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:91px;
position:absolute;
width:91px;
z-index:9;
}
.SingleProductDisplayPanel .new-top-left {
background-position:0 0;
left:-3px;
top:-3px;
}
.SingleProductDisplayPanel .new-top-right {
background-position:-91px 0;
right:-3px;
top:-3px;
}
.SingleProductDisplayPanel .new-bottom-left {
background-position:0 -91px;
bottom:-3px;
left:-3px;
}
.SingleProductDisplayPanel .new-bottom-right {
background-position:-91px -91px;
bottom:-3px;
right:-3px;
}
/*sale label*/
.SingleProductDisplayPanel .record .sale-label {
background:url("../images/buttons/misc/label.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:91px;
position:absolute;
width:91px;
z-index:9;
}
.SingleProductDisplayPanel .record .sale-top-left {
background-position:-182px 0;
left:-3px;
top:-3px;
}
.SingleProductDisplayPanel .record .sale-top-right {
background-position:-273px 0;
right:-3px;
top:-3px;
}
.SingleProductDisplayPanel .record .sale-bottom-left {
background-position:-182px -91px;
bottom:-3px;
left:-3px;
}
.SingleProductDisplayPanel .record .sale-bottom-right {
background-position:-273px -91px;
bottom:-3px;
right:-3px;
}
.SingleProductDisplayPanel .record:hover {
}
.SingleProductDisplayPanel .record:hover .product-info {
border-color:#B71313;
bottom:0;
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
.SingleProductDisplayPanel .record .product-info .recordname {font-size:.9rem; line-height:1.3;}
}
/* PRODUCT GRID - WIDE / LIST ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* single product - wide mode */
.WideSingleProductDisplayPanel {margin-bottom:.5rem;}
.WideSingleProductDisplayPanel .record {
overflow:hidden;
padding:10px;
background:#F8F8F8;
position:relative;
border:1px solid #ddd;
}
/*.productgrid div:nth-child(even) .WideSingleProductDisplayPanel .record {background: #f2f2f2;}*/
.WideSingleProductDisplayPanel .record:hover {background:#fff;}
/* image */
.WideSingleProductDisplayPanel .record .recordimage {
float:left;
width:80px;
height:80px;
margin-right:15px;
background:#fff;
border:1px solid #ddd;
}
.WideSingleProductDisplayPanel .record .product-info {
overflow:hidden;
min-height:80px;
position:relative;
}
.WideSingleProductDisplayPanel .record:hover .product-info {}
/* name */
.WideSingleProductDisplayPanel .record .product-info .recordname {}
.WideSingleProductDisplayPanel .record .product-info .recordname a {
font-weight:bold;
}
.WideSingleProductDisplayPanel .record .product-info .recordname a:hover {}
/* rating stars */
.WideSingleProductDisplayPanel .record .product-info .SingleProductDisplayRating {}
.WideSingleProductDisplayPanel .record .product-info .SingleProductDisplayRating img.ratingstars {
vertical-align:unset;
}
.WideSingleProductDisplayPanel .record .product-info .SingleProductDisplayRating a.recordreviewcount {}
/* price wrapper */
.WideSingleProductDisplayPanel .record .product-info .recordprice {}
/* list price */
.WideSingleProductDisplayPanel .record .product-info .recordprice .recordlistprice {display:inline-block;}
.WideSingleProductDisplayPanel .record .product-info .recordprice .recordlistprice span {
text-decoration:line-through;
font-weight:normal;
color: #555;
}
/* regular price WHEN DOES THIS SHOW? */
.WideSingleProductDisplayPanel .record .product-info .recordprice .recordregularprice {display:inline-block;}
.WideSingleProductDisplayPanel .record .product-info .recordprice .recordregularprice span {color:#B71313;}
/* price */
.WideSingleProductDisplayPanel .record .product-info .recordprice .PriceLabel {display:inline-block; color:#F15757;}
/* desc */
.WideSingleProductDisplayPanel .record .product-info .recorddesc {padding-top:.5rem; padding-bottom:.5rem;}
.WideSingleProductDisplayPanel .record .product-info .recorddesc span {}
/* qty */
.WideSingleProductDisplayPanel .record .product-info .recordqty {padding-top:.5rem; padding-bottom:.5rem;}
.WideSingleProductDisplayPanel .record .product-info .recordqty label {font-size:.8rem;}
/* qty error msg */
.WideSingleProductDisplayPanel .record .product-info .recordqty label span span {display:inline-block; padding:0 0 0 .25rem; color:#F15757;}
.WideSingleProductDisplayPanel .record .product-info .recordqty input {max-width:5rem;font-size:.8rem;}
/* add to cart */
.WideSingleProductDisplayPanel .record .product-info .recordAddToCart {padding-top:.5rem; padding-bottom:.5rem;}
.WideSingleProductDisplayPanel .record .product-info .recordAddToCart span,
.WideSingleProductDisplayPanel .record .product-info .recordAddToCart a {display:inline-block; vertical-align:top;}
.WideSingleProductDisplayPanel .record .product-info .recordAddToCart span input[type="image"] {float:left;}
/* checkbox */
.WideSingleProductDisplayPanel .record .form-check {padding-top:.5rem; padding-bottom:.5rem; margin-bottom:0;}
/* ajax - added to cart message */
.WideSingleProductDisplayPanel .record .product-info .recordadded {}
/*new label*/
.WideSingleProductDisplayPanel .new-label {
background: url("../images/buttons/misc/label.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:91px;
position:absolute;
width:91px;
z-index:9;
}
.WideSingleProductDisplayPanel .new-top-left {
background-position:0 0;
left:0;
top:0;
}
.WideSingleProductDisplayPanel .new-top-right {
background-position:-91px 0;
right:0;
top:0;
}
.WideSingleProductDisplayPanel .new-bottom-left {
background-position:0 -91px;
bottom:0;
left:0;
}
.WideSingleProductDisplayPanel .new-bottom-right {
background-position:-91px -91px;
bottom:0;
right:0;
}
/*sale label*/
.WideSingleProductDisplayPanel .record .sale-label {
background:url("../images/buttons/misc/label.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:91px;
position:absolute;
width:91px;
z-index:9;
}
.WideSingleProductDisplayPanel .record .sale-top-left {
background-position:-182px 0;
left:0;
top:0;
}
.WideSingleProductDisplayPanel .record .sale-top-right {
background-position:-273px 0;
right:0;
top:0;
}
.WideSingleProductDisplayPanel .record .sale-bottom-left {
background-position:-182px -91px;
bottom:0;
left:0;
}
.WideSingleProductDisplayPanel .record .sale-bottom-right {
background-position:-273px -91px;
bottom:0;
right:0;
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width:768px) {
/* image */
.WideSingleProductDisplayPanel .record .recordimage {
width:160px;
height:160px;
}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
/* image */
/*.WideSingleProductDisplayPanel .record .recordimage {
width:310px;
height:310px;
}*/
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* PRODUCT GRID - SKINNY ------------------------------------------------------------ */
/*skinny single product*/
.SkinnySingleProductDisplayPanel {}
/* PRODUCT GRID HEADINGS ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.productgrid h1,
.productgrid h2,
.productgrid h3,
.productgrid h4,
.productgrid h5,
.productgrid h6 {text-align:center;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* CROSS SELL, UP SELL, SUGGESTED ITEMS PRODUCT GRID */
/* XS ( 1 + ) -------------------- */
.cross-sell-display .productgrid .SingleProductDisplayPanel .record:hover,
.up-sell-display .productgrid .SingleProductDisplayPanel .record:hover,
.suggested-items .productgrid .SingleProductDisplayPanel .record:hover {background:none;}
.cross-sell-display .productgrid .SingleProductDisplayPanel .record .recordimage,
.up-sell-display .productgrid .SingleProductDisplayPanel .record .recordimage,
.suggested-items .productgrid .SingleProductDisplayPanel .record .recordimage {background:#fff; padding:1rem;}
.cross-sell-display .productgrid .SingleProductDisplayPanel .record .recordreveal,
.up-sell-display .productgrid .SingleProductDisplayPanel .record .recordreveal,
.suggested-items .productgrid .SingleProductDisplayPanel .record .recordreveal {display:none;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* CATEGORY GRID ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.categorygrid {}
/* category grid: heading */
.categorygrid h1,
.categorygrid h2,
.categorygrid h3,
.categorygrid h4,
.categorygrid h5,
.categorygrid h6 {text-align:center;}
.categorygrid span > br {display:none;}
.categorygrid .record {position:relative; text-align:center;}
.categorygrid .record:hover a {}
/* category grid: image */
.categorygrid .recordimage {}
.categorygrid .recordimage a {display:block; background:#fff; padding:.5rem;}
.categorygrid .recordimage a img {display:inline-block;}
.categorygrid .record:hover .recordimage img {}
/* category grid: name */
.categorygrid .recordname {}
.categorygrid .recordname a {text-decoration:none; display:block; padding:.65rem;}
.categorygrid .recordname a:hover {}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* CATEGORY TEMPLATES ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* DETAILED LIST CATEGORY TEMPLATES */
/* detailed list */
.template-detailed-list {}
/* detailed list full width */
.template-detailed-list-full-width {}
/* detailed list with subs */
.template-detailed-list-with-subs {}
/* detailed list with subs full width */
.template-detailed-list-with-subs-full-width {}
/* GRID CATEGORY TEMPLATES */
/* grid */
.template-grid {}
/* collection grid full width */
.template-collection-grid-full-width {}
/* grid full width */
.template-grid-full-width {}
/* grid with subs */
.template-grid-with-subs {}
/* grid with subs full width */
.template-grid-with-subs-full-width {}
/* grid with faceted search */
/*.template-grid-with-faceted-search {padding-top:40px;}*/
.template-grid-with-faceted-search h1 {font-size: 2.2rem;}
.template-grid-with-faceted-search .top-pager nav {display:none!important;} /* hide the top pager */
.template-grid-with-faceted-search .bottom-pager > div {display:none!important;} /* hide the show count select */
/* SIMPLE LIST CATEGORY TEMPLATES */
/* simple list */
.template-simple-list #categorysimplelisttemplaterecords .record {
overflow:hidden;
padding:10px;
background:#F8F8F8;
position:relative;
border:1px solid #ddd;
display:block;
margin-bottom:.5rem;
}
.template-simple-list #categorysimplelisttemplaterecords .record:hover {background:#fff;}
.template-simple-list #categorysimplelisttemplaterecords .record .recordsku {color:#999;}
.template-simple-list #categorysimplelisttemplaterecords .record .recordname a {text-decoration: none;}
.template-simple-list #categorysimplelisttemplaterecords .record .recordprice {color:#F15757;}
/* simple list full width */
.template-simple-list-full-width {}
/* simple list with subs */
.template-simple-list-with-subs {}
/* simple list with subs full width */
.template-simple-list-with-subs-full-width {}
/* BULK ORDER LIST CATEGORY TEMPLATES */
/* bulk order list */
.template-bulk-order-list .WideSingleProductDisplayPanel .record .recordAddToCart {
display:none!important;
}
/* bulk order list full width */
.template-bulk-order-list-full-width .WideSingleProductDisplayPanel .record .recordAddToCart {
display:none!important;
}
/* bulk order list with subs */
.template-bulk-order-list-with-subs {}
/* bulk order list with subs full width */
.template-bulk-order-list-with-subs-full-width {}
/* bulk order quantity list */
.template-bulk-order-quantity-list {}
/* SUB CATEGORY CATEGORY TEMPLATES */
/* sub category menu */
/*.template-sub-category-menu {padding-top:40px;}*/
.template-sub-category-menu .banner,
.template-vanities .banner,
.template-bathtubs .banner,
.template-storage .banner,
.template-collection-grid-full-width .banner {
background-size:cover;
background-repeat:no-repeat;
background-position: top;
background-attachment:fixed;
height:50vh;
}
.template-sub-category-menu .banner h1,
.template-vanities .banner h1,
.template-bathtubs .banner h1,
.template-storage .banner h1,
.template-collection-grid-full-width .banner h1 {text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.1); color:#fff;}
/* sub cateogry menu 2 */
.template-sub-category-menu-2 {}
/* sub sub category menu */
.template-sub-sub-category-menu {}
/* sub category */
.recordChildren ul {
list-style:none;
font-size:0.875em;
}
.cat-banner h1 {font-size:1.8rem;}
.banner-wrapper {padding-top:38%; background-repeat:no-repeat; background-size:contain; background-position:left top;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
.template-sub-category-menu .banner {height:60vh;}
/*.template-grid-with-faceted-search {padding-top:100px;}*/
/* detailed list full width */
.template-detailed-list-full-width .gridheader label {display:inline-block; padding-right:.7rem;}
/* detailed list with subs full width */
.template-detailed-list-with-subs-full-width .gridheader label {display:inline-block; padding-right:.7rem;}
/* grid full width */
.template-grid-full-width .gridheader label {display:inline-block; padding-right:.7rem;}
/* grid with subs full width */
.template-grid-with-subs-full-width .gridheader label {display:inline-block; padding-right:.7rem;}
./*template-sub-category-menu .banner {padding-top:100px;}*/
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
.banner-wrapper {margin-bottom:15px; margin-top:10px;}
.banner-wrapper {padding:0; background-size:cover; background-position:center;}
.template-faucets .banner-wrapper {}
.template-toilets .banner-wrapper {}
.template-sinks .banner-wrapper {}
.cat-banner > div {min-height:500px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:-15px; margin-top:-10px;}
}
/* TOP LEVEL CATEGORY BILLBOARDS ------------------------------------------- */
/* XS ( 1 + ) -------------------- */
/* 516 x 398 */
.template-vanities .banner-wrapper {background-image:url(/Images/Categories/banners/vanities.jpg);}
.template-faucets .banner-wrapper {background-image:url(/Images/Categories/banners/faucets.jpg);}
.template-sinks .banner-wrapper {background-image:url(/Images/Categories/banners/sinks.jpg);}
.template-toilets .banner-wrapper {background-image:url(/Images/Categories/banners/toilets.jpg);}
.template-bathtubs .banner-wrapper {background-image:url(/Images/Categories/banners/bathtubs.jpg);}
.template-mirrors .banner-wrapper {background-image:url(/Images/Categories/banners/mirrors.jpg);}
.template-eco .banner-wrapper {background-image:url(/Images/Categories/banners/eco.jpg);}
.template-storage .banner-wrapper {background-image:url(/Images/Categories/banners/storage.jpg);}
.template-accessories .banner-wrapper {background-image:url(/Images/Categories/banners/accessories.jpg);}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
/* 1015 x 556 */
.template-vanities .banner-wrapper {background-image:url(/Images/Categories/banners/vanities-lg.jpg);}
.template-faucets .banner-wrapper {background-image:url(/Images/Categories/banners/faucets-lg.jpg);}
.template-sinks .banner-wrapper {background-image:url(/Images/Categories/banners/sinks-lg.jpg);}
.template-toilets .banner-wrapper {background-image:url(/Images/Categories/banners/toilets-lg.jpg);}
.template-bathtubs .banner-wrapper {background-image:url(/Images/Categories/banners/bathtubs-lg.jpg);}
.template-mirrors .banner-wrapper {background-image:url(/Images/Categories/banners/mirrors-lg.jpg);}
.template-eco .banner-wrapper {background-image:url(/Images/Categories/banners/eco-lg.jpg);}
.template-storage .banner-wrapper {background-image:url(/Images/Categories/banners/storage-lg.jpg);}
.template-accessories .banner-wrapper {background-image:url(/Images/Categories/banners/accessories-lg.jpg);}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
/* 1600 x 475 */
.template-vanities .banner-wrapper {background-image:url(/Images/Categories/banners/vanities-xl.jpg);}
.template-faucets .banner-wrapper {background-image:url(/Images/Categories/banners/faucets-xl.jpg);}
.template-sinks .banner-wrapper {background-image:url(/Images/Categories/banners/sinks-xl.jpg);}
.template-toilets .banner-wrapper {background-image:url(/Images/Categories/banners/toilets-xl.jpg);}
.template-bathtubs .banner-wrapper {background-image:url(/Images/Categories/banners/bathtubs-xl.jpg);}
.template-mirrors .banner-wrapper {background-image:url(/Images/Categories/banners/mirrors-xl.jpg);}
.template-eco .banner-wrapper {background-image:url(/Images/Categories/banners/eco-xl.jpg);}
.template-storage .banner-wrapper {background-image:url(/Images/Categories/banners/storage-xl.jpg);}
.template-accessories .banner-wrapper {background-image:url(/Images/Categories/banners/accessories-xl.jpg);}
}
/* PRODUCT PAGE ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* wide product */
.template-wide-product h1 {font-size:1.3rem;}
/* arbitrary price gift certificate */
.template-arbitrary-price-gc {}
.template-arbitrary-price-gc h1 {font-size:1.3rem;}
/* fixed price gift certificate */
.template-fixed-price-gc {}
.template-fixed-price-gc h1 {font-size:1.3rem;}
/* bvc5 choice grid */
.template-bvc5-choice-grid {}
.template-bvc5-choice-grid h1 {font-size:1.3rem;}
.product-top {border-bottom:1px solid #eeeeef;}
#productimage {}
#productimage > a img {margin-bottom: .5rem;}
/* next / previous */
.nextprev {}
.nextprev a {
display:inline-block;
line-height:28px;
height:28px;
width:28px;
text-align:center;
background: #DCDCDC;
text-decoration:none;
color:#212529;
}
.nextprev a:hover {
background: #F6F6F6;
color:#212529;
}
/* sku */
#ProductSKU,
.product-sku {
display:block;
padding-top:.15rem;
}
#ProductSKU .ProductPropertyLabel,
.product-sku .ProductPropertyLabel {
opacity:.5;
}
/* rating/review */
#rating {margin-bottom: 10px;}
#rating small {font-weight: bold;}
.reviewLink .ratingstars {margin-right:10px;}
/* social */
#SocialSharing {margin-top:.3rem;}
#SocialSharing .addthis_toolbox a {margin-bottom:0;}
.printMail {display:none;}
/* prices */
.pricebox {}
.pricebox table {width:100%;}
.pricebox table td:first-child {width:35%;}
.pricebox .SitePrice {font-size:1.3rem;}
.pricebox .ListPrice {font-size:1.3rem; text-decoration:line-through; color:#555;}
.pricebox .RegularPrice {font-size:1.3rem; text-decoration:line-through; color:#555;}
.pricebox .BaseSitePrice {font-size:1.3rem; text-decoration:line-through; color:#555;}
.trYouSave td {}
/* product options */
.variantsdisplay {}
.variantsdisplay table {width:100%;}
.variantsdisplay table td.choicelabel {
padding:.7rem .3rem .7rem 0;
vertical-align:top;
width:35%;
font-weight:bold;
}
.variantsdisplay table td.choicefield {
/*padding:.7rem .3rem .7rem 0;*/
vertical-align:top;
}
.variantsdisplay table td.choiceerror {
width:10%;
padding:.7rem 0;
vertical-align:top;
}
.variantsdisplay table td.choiceerror span {color:red;}
.variantsdisplay table td input,
.variantsdisplay table td textarea {width:100%;}
.variantsdisplay table td select {width:auto;}
/* radio button image list
.variantsdisplay table tr.radiobuttonimagelist {}
.variantsdisplay table tr.radiobuttonimagelist img {height:auto; width:120px; max-width:100%; cursor:pointer; border:3px solid #ECF0F1;}
.variantsdisplay table tr.radiobuttonimagelist input[type="radio"] {position:absolute; left:-99999px;}
.variantsdisplay table tr.radiobuttonimagelist input[type="radio"]:checked + label img {border:3px solid orange;}
.variantsdisplay table tr.radiobuttonimagelist tr:last-child label {margin-bottom:0;}*/
/* image radio button list - Choice */
.variantsdisplay table .image-rb-list {
}
/*horizontal*/
.variantsdisplay table .display-horizontal .image-rb-list-wrapper {
display: flex;
margin: -.25rem -.25rem .75rem -.25rem;
flex-wrap: wrap;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice {
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice input {
visibility: hidden;
position: absolute;
left: -9999px;
top: -9999px;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector {
cursor: pointer;
border: 2px solid #ced4da;
padding: .5rem;
background: #fff;
margin: .25rem;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector:hover {
border: 2px solid blue;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice input:checked + .wrapper-selector {
border: 2px solid orange;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector img {
background: #fff;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector span {
display: none;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice input.disabled + .wrapper-selector,
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice input:disabled + .wrapper-selector {
opacity: .4;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice input.disabled + .wrapper-selector img,
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-choice input:disabled + .wrapper-selector img {
filter: grayscale(100%);
}
/*vertical*/
.variantsdisplay table .display-vertical .image-rb-list-wrapper {
overflow: hidden;
margin-bottom: .5rem;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice input {
visibility: hidden;
position: absolute;
left: -9999px;
top: -9999px;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice {
margin-bottom: .5rem;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector {
display: flex;
align-items: center;
cursor: pointer;
border: 2px solid #ced4da;
padding: .5rem;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector:hover {
border: 2px solid blue;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice input:checked + .wrapper-selector {
border: 2px solid orange;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector img {
margin-right: .5rem;
background: #fff;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice .wrapper-selector span {
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice input.disabled + .wrapper-selector,
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice input:disabled + .wrapper-selector {
opacity: .4;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice input.disabled + .wrapper-selector img,
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-choice input:disabled + .wrapper-selector img {
filter: grayscale(100%);
}
/* image radio button list - Modifier */
.variantsdisplay table .image-rb-list {
}
/*horizontal*/
.variantsdisplay table .display-horizontal .image-rb-list-wrapper {
display: flex;
margin: -.25rem -.25rem .75rem -.25rem;
flex-wrap: wrap;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier {
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier input {
visibility: hidden;
position: absolute;
left: -9999px;
top: -9999px;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector {
cursor: pointer;
border: 2px solid #ced4da;
padding: .5rem;
background: #fff;
margin: .25rem;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector:hover {
border: 2px solid blue;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier input:checked + .wrapper-selector {
border: 2px solid orange;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector img {
background: #fff;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector span {
display: none;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier input.disabled + .wrapper-selector,
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier input:disabled + .wrapper-selector {
opacity: .4;
}
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier input.disabled + .wrapper-selector img,
.variantsdisplay table .display-horizontal .image-rb-list-wrapper .image-rb-list-modifier input:disabled + .wrapper-selector img {
filter: grayscale(100%);
}
/*vertical*/
.variantsdisplay table .display-vertical .image-rb-list-wrapper {
overflow: hidden;
margin-bottom: .5rem;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier input {
visibility: hidden;
position: absolute;
left: -9999px;
top: -9999px;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier {
margin-bottom: .5rem;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector {
display: flex;
align-items: center;
cursor: pointer;
border: 2px solid #ced4da;
padding: .5rem;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector:hover {
border: 2px solid blue;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier input:checked + .wrapper-selector {
border: 2px solid orange;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector img {
margin-right: .5rem;
background: #fff;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier .wrapper-selector span {
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier input.disabled + .wrapper-selector,
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier input:disabled + .wrapper-selector {
opacity: .4;
}
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier input.disabled + .wrapper-selector img,
.variantsdisplay table .display-vertical .image-rb-list-wrapper .image-rb-list-modifier input:disabled + .wrapper-selector img {
filter: grayscale(100%);
}
/* radio button list */
.variantsdisplay table .rb-list table {
margin-bottom: 1rem;
}
/* file upload */
.variantsdisplay table tr.fileupload {}
.variantsdisplay table tr.fileupload td.choicelabel {padding-bottom:0;}
.variantsdisplay table tr.fileupload td.choiceerror {padding-bottom:0;}
.variantsdisplay table tr.fileupload td.choicefield {padding-right:0;}
.variantsdisplay table tr.fileupload td.choicefield iframe {width:100%;margin-bottom:0;float:left;}
/* html area */
.variantsdisplay table tr.htmlarea td {padding:.7rem 0;}
/* drop down list */
.variantsdisplay table tr.dropdownlist {}
/* textinput */
.variantsdisplay table tr.textinput {}
.variantsdisplay table tr.textinput td.choicelabel {padding-bottom:0;}
.variantsdisplay table tr.textinput td.choiceerror {padding-bottom:0;}
.variantsdisplay table tr.textinput td.choicefield {padding-right:0;}
/* volume discounts */
#VolDiscounts table.table {margin-bottom:0;}
#VolDiscounts table tr:first-child td {border-top:0;}
/* add to cart row */
.productcontrolspanel {}
.productcontrolspanel table {width: 100%;}
.productcontrolspanel table tr:first-child td label {}
.productcontrolspanel table tr:first-child td input {}
.productcontrolspanel table tr:first-child td input + span {}
.productcontrolspanel table tr:last-child td {}
.productcontrolspanel table td .addtocartbutton {}
.productcontrolspanel #wishlist {}
/* type properties */
ul.typedisplay {
border-top: 1px solid #EEEEEE;
margin: 0;
padding: 0;
}
ul.typedisplay li {
border-bottom: 1px solid #EEEEEE;
margin: 0;
overflow: hidden;
padding: .3em .1em .3em 0;
font-size:14px;
}
ul.typedisplay li span.productpropertylabel {
float: left;
width: 40%;
font-weight: bold;
}
ul.typedisplay li span.productpropertyvalue {
float: right;
width: 58%;
}
/* reviews */
.product-reviews-display-inline {}
.product-reviews-display-inline .ratingstars {margin-top:-6px;}
table.tbl-reviews .ProductReview {
background: #F8F8F8;
border: 1px solid #ddd;
margin: .3rem 0;
}
table.tbl-reviews {width:100%;}
table.tbl-reviews .who-when {display:block; font-size:13px;}
table.tbl-reviews .ProductReviewKarma span {display:block; font-size:13px; margin-bottom:.3rem;}
table.tbl-reviews .ProductReviewKarma input[type="image"] {max-width:25px;}
table.tbl-reviews .productreviewdescription {font-size:14px;}
#ProductDescription img {max-width:100%; height:auto; margin-top:.5em; margin-bottom:.5em;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
.nextprev {text-align:right;}
.ratingstars {max-width:80px;}
/* previous */
.nextprev a:first-child {position:fixed; left:0;}
/* next */
.nextprev a:last-child {position:fixed; right:0;}
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
/* next / previous */
.nextprev a {
line-height:36px;
height:36px;
width:36px;
}
/* KIT COMPONENTS */
ul.kitcomponent {
list-style: none;
padding-left:0;
margin-bottom: 2em;
}
ul.kitcomponent > li {
padding-bottom: 1.5em;
font-weight:bold;
}
.kitcomponentname {
display:block;
font-size: 1.4em;
font-weight:bold;
margin-bottom: .5em;
text-transform:uppercase;
}
.kitcomponentname:before {
font-family: "FontAwesome";
content: "\f02e \0020";
}
.kitpart-description {
font-weight: normal;
padding-left: 0;
margin-left: 20px;
}
ul.kitcomponent .variantsdisplay {margin-left:20px;}
/* additional images */
#AdditionalImageWrapper #AdditionalImageViewer {}
#AdditionalImageWrapper #AdditionalImageViewer #LargeImage {display: block; background: #fff; border: 6px solid #F6F6F6;}
#AdditionalImageWrapper #AdditionalImageViewer br {display: none;}
#AdditionalImageWrapper #AdditionalImageViewer img {max-width: 100%;margin: 0 auto 15px;}
#AdditionalImageWrapper #Caption {display: none;}
#AdditionalImageWrapper a.BVText {width: 32px; height: 32px; overflow: hidden; background: url(../images/buttons/x.png) no-repeat 0 0; text-indent: -999px; position:absolute; right: 15px; top: 15px; z-index:2;}
#AdditionalImageWrapper #AdditionalImageMenu { }
#AdditionalImageWrapper #AdditionalImageMenu > span { overflow: hidden;}
#AdditionalImageWrapper #AdditionalImageMenu span > span {float: left; background: #fff; width: 110px; height: 110px; vertical-align: middle; border: 3px solid #F6F6F6; text-align: center;}
#AdditionalImageWrapper #AdditionalImageMenu span > span img {}
#AdditionalImageWrapper #AdditionalImageMenu + a.BVText {display: none;}
/* variants grid on bvc5choicegrid */
table.variantsgrid td.quantity {padding-right: 15px; width:80px;}
table.variantsgrid td.quantity input {width: 50px;}
table.variantsgrid .productpricediv {color:#b71313;font-weight:bold;}
table.variantsgrid .productnamediv {padding-bottom: 5px;}
/* social */
#SocialSharing {float:right;}
#ProductSKU {padding-top:0; margin-right:35px; }
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
/* bvc2013 template */
.template-bvc2013 h1 {font-size:2.5rem;}
/* wide product */
.template-wide-product h1 {font-size:2.5rem;}
/* common to all */
.nextprev {margin-top:.5rem;}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* PRODUCT PAGE - BILLBOARD */
/* XS ( 1 + ) -------------------- */
/* bvc2013 template */
.template-bvc2013 .product-billboard {
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-color:#fff;
text-align:center;
padding-top:60px;
padding-bottom:60px;
}
.template-bvc2013 .product-billboard .row {
/*height:100vh;
display:flex;
flex-direction:column;
justify-content:center;*/
}
.template-bvc2013 .product-billboard .product-billboard-img {
height:40vh;
background-size:contain;
background-position:center center;
background-repeat: no-repeat;
margin-bottom:20px;
}
.template-bvc2013 .product-billboard .product-billboard-name {
/*height: 40vh;*/
/*display:flex;
flex-direction:column;
justify-content:center;*/
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
/* bvc2013 template */
.template-bvc2013 .product-billboard {
background-size:cover;
background-position:center;
background-image:url(/images/product-billboard.jpg);
text-align:left;
padding:0;
}
.template-bvc2013 .product-billboard .row {
height:100vh;
display:flex;
flex-direction:row;
justify-content:center;
}
.template-bvc2013 .product-billboard .product-billboard-name {
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
}
.template-bvc2013 .product-billboard .product-billboard-img {
height:100vh;
}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* PRODUCT PAGE - GALLERY */
/* XS ( 1 + ) -------------------- */
.template-bvc2013 .product-gallery {
padding-top:50px;
padding-bottom:50px;
text-align:center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f3f4+0,ffffff+10 */
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f4 0%, #ffffff 10%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3f3f4 0%,#ffffff 10%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3f3f4 0%,#ffffff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.template-bvc2013 .product-gallery .row {}
.template-bvc2013 .product-gallery .row > div {
/*height:70vh;
display:flex;
flex-direction:column;
justify-content:center;*/
}
.template-bvc2013 .product-gallery .row .owl-stage-outer {text-align:center;}
.template-bvc2013 .product-gallery .row .owl-stage-outer .owl-item img {
display:inline-block;
width: auto;
max-height:50vh;
width:auto;
max-width:100%;
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
.template-bvc2013 .product-gallery {
padding:0;
}
.template-bvc2013 .product-gallery .row > div {
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* PRODUCT - PURCHASE */
/* XS ( 1 + ) -------------------- */
.template-bvc2013 .product-top {
padding-top:50px;
padding-bottom:50px;
/*height:100vh;*/
/*display:flex;
flex-direction:column;
justify-content:center;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f3f4+0,ffffff+10 */
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f4 0%, #ffffff 10%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3f3f4 0%,#ffffff 10%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3f3f4 0%,#ffffff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
.template-bvc2013 .product-top {
padding-top:100px;
padding-bottom:100px;
}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* PRODUCT - DETAILS */
/* XS ( 1 + ) -------------------- */
.template-bvc2013 .product-details {padding-top:50px;padding-bottom:50px;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
.template-bvc2013 .product-details {padding-top:100px;padding-bottom:100px;}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* PRODUCT - REVIEWS */
/* XS ( 1 + ) -------------------- */
.template-bvc2013 .product-reviews {padding-top:50px;padding-bottom:50px;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
.template-bvc2013 .product-reviews {padding-top:100px;padding-bottom:100px;}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* CART / WISHLIST ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.shippingdiscount {text-decoration:line-through;}
.cart .cartErrorRow {border:2px solid #FF0000;}
.cart .cartErrorRow td {padding-left:10px; padding-right:10px;}
.cart .cartErrorRow * {color:#FF0000;}
.cart .cartErrorRow .cartitemdescription:after{ content:" You cannot checkout until you select options for this product.";}
/*.cart .cartcontainer {font-size: 0.875em;}*/
.cart .cart-count {
background:#f3f3f4;
border:1px solid #eeeeef;
border-bottom:0;
padding:.5rem 1rem;
margin:0;
}
/*cart product grid*/
.cartproductgrid {
border:1px solid #eeeeef;
background:#F8F9FA;
width:100%;
}
.cartproductgrid tr {position:relative;}
.cartproductgrid tr > td {
vertical-align:top;
padding:1em;
}
.cartproductgrid td {border-bottom:1px solid #eeeeef; position:relative;}
/*cart item - image*/
.cartproductgrid td.cartImageColumn {
width: 80px;
position:relative;
padding-right:0;
}
.cartproductgrid .cartitemimage {
background:#fff;
}
/*cart item - delete*/
.cartproductgrid .deleteitem {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
opacity: .3;
width: 25px;
}
.cartproductgrid .deleteitem:hover {
opacity: 1;
}
/*cart item - description*/
.cartproductgrid .cartitemdescription {
line-height:1.3;
margin-bottom: .5em;
}
.cartproductgrid .cartitemdescription .cartitemname {
display:block;
margin-bottom: .5em;
color:#555555;
}
.cartproductgrid .cartitemdescription .cartitemname em {display:block; font-size:.875rem; opacity:.5; margin-bottom:.1em; font-style:normal;}
.cartproductgrid .cartitemdescription .inputvalue,
.cartproductgrid .cartitemdescription .modifiervalue {
overflow:hidden;
border-top: 1px solid #eeeeef;
padding-top: .25em;
padding-bottom: .25em;
}
.cart .cartproductgrid .cartitemdescription .inputvalue a,
.cart .cartproductgrid .cartitemdescription .modifiervalue a {
color: #555;
}
.cart .cartproductgrid .cartitemdescription .inputmodifiername {
float:left;
font-weight: bold;
width: 30%;
}
.cart .cartproductgrid .cartitemdescription .inputmodifiervalue {
float:left;
width: 50%;
}
.cart .cartproductgrid .cartitemdescription .inputmodifierdiscount {
float:right;
text-align:right;
width: 20%;
}
/*cart item - gift wrap*/
.cart .cartproductgrid .giftwrapwrapper {
line-height: 1.3;
background: #F6F6F6;
padding: .5em;
border: 1px solid #eeeeef;
}
.cart .cartproductgrid .giftwrapwrapper .giftwrapdetails {
background: #efefef;
padding: .5em;
border: 1px solid #eeeeef;
margin-top: .3em;
}
.cart .cartproductgrid .giftwrapwrapper .giftwrapqty,
.cart .cartproductgrid .giftwrapwrapper .giftwrapprice {line-height: 1.6;}
.cart .cartproductgrid .giftwrapwrapper .giftwrapqty {padding-left: 10px;}
.cart .cartproductgrid .giftwrapwrapper input {float:left;}
/*cart item - total*/
.cartproductgrid .cartitemtotals {
padding:.5em 0;
border-top:1px solid #eeeeef;
margin-top:.3em;
/*background:#fff;*/
}
.cartproductgrid .cartitemtotals .cartproductprice {
float: left;
line-height:2em;
margin-right: .5em;
}
.cartproductgrid .cartitemtotals .cartqty {
float: left;
margin-right: .5em;
}
.cartproductgrid .cartitemtotals .cartqty input {
margin-bottom: 0;
float:left;
margin-right:.5em;
}
.cartproductgrid .cartitemtotals .cartqty input + span {
float:left;
line-height: 2em;
}
.cartproductgrid .cartitemtotals .lineitemnodiscounts {
float: right;
line-height:2em;
margin-right: .5em;
text-decoration: line-through;
}
.cartproductgrid .cartitemtotals .totallabel {
float: right;
line-height:2em;
font-weight: bold;
}
/*cart continue*/
.cart #cartactioncontinue {}
/*cart coupons*/
.cart .coupons {border:1px solid #eeeeef; padding:1em;}
.cart .coupons table {width:100%; margin-top:1em; border:1px solid #eeeeef;}
.cart .coupons table td {padding:.5em .5em .5em 1em; background:#fff;}
.cart .coupons table tr:hover td {
background: #f9f9fa; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9fa 0%, #f3f3f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9f9fa 0%,#f3f3f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9f9fa 0%,#f3f3f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fa', endColorstr='#f3f3f4',GradientType=0 ); /* IE6-9 */
}
.cart .coupons table input {float:right; width:25px; opacity:.3;}
.cart .coupons table input:hover {opacity:1;}
/*cart totals*/
.carttotals {}
.carttotals table {
width:100%;
border:1px solid #eeeeef;
background: #fff;
}
.carttotals table td {
vertical-align:top;
padding: .4em;
border-top: 1px solid #eeeeef;
}
.carttotals table tr.estimatorRow td {padding: 0; border: none;}
.carttotals table tr.estimatedTotal td {font-weight:bold;}
.carttotals table tr.discountsRow td + td {color: green;}
/*shipping calculator table*/
.cart .cartcontainer .carttotals table tr.estimatorRow td div.calcBox > div {background:#F6F6F6; padding:1em; border-top:1px solid #DBDBDB;}
.cart .cartcontainer .carttotals table td table td { border:none;}
#ShippingCalculatorAddress {}
#ShippingCalculatorMethod {background:#fff; padding:.4em .6em; box-shadow:0 1px 5px #333333;}
/*Estimate Shipping popup*/
.popup {padding:15px;}
ul.rates {list-style:none; margin:1em 0; padding:0;}
ul.rates li {background:#fff; margin:3px 0; padding:5px; font-weight:bold;}
.addressform {background:#AAD4ED; border:1px solid #fff;}
.shippingdiscount {text-decoration:line-through;}
/*update cart*/
.cart .cartcontainer .cartupdates {background:#f3f3f4; border:1px solid #eeeeef;}
.cart #EstimateShipping {margin-bottom:5px;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
.cartcontainer {font-size: 1em;}
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
.cartproductgrid td.cartImageColumn {
width:130px;
}
.cartproductgrid tr:hover > td {
background: #fff; /* Old browsers */
}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
.cartproductgrid td.cartImageColumn {
width:150px;
}
.carttotals .text-secondary {
font-size: .8em;
line-height:1;
}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* SEARCH PAGE ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* advanced search toggle button */
.collapse.show + button {display:none!important;}
.search-close-btn {position:absolute; right:3px; top:3px;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* SERVICE PAGES ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* SIDEMENU CONTENT BLOCK ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* colors
var(--gray)1 #e5e8e9
var(--gray)2 #dee2e3
var(--gray)3 #d7dadb
var(--gray)4 #cfd3d4 */
/* sidemenu global */
.sidemenu {margin-bottom:1rem;}
.sidemenu ul {list-style:none; margin:0; padding:0;}
.sidemenu ul li {list-style:none; margin:0; padding:0; margin-bottom:1px;}
.sidemenu ul li li {margin-bottom:0;}
.sidemenu ul li a {display:block;/*display:flex; justify-content:space-between; align-items:center; text-decoration:none;*/}
/* sidemenu */
/* 1 */ .sidemenu > ul > li > a {background:#e5e8e9; padding:.7rem .7rem .7rem 1rem; color: var(--dark);}
/* sidemenu hover */
/* 1 */ .sidemenu > ul > li > a:hover {background:var(--white); box-shadow:none;}
/* sidemenu active branch */
/* 1 */ .sidemenu > ul > li.activeChild > a.active {background:#DC3545; color:var(--white);}
/* sidemenu hover active branch */
/* 1 */ .sidemenu > ul > li.activeChild > a:hover {background:var(--white); color: var(--dark);}
/* Display Top Level as Headings */
.sidemenu h1,
.sidemenu h2,
.sidemenu h3,
.sidemenu h4,
.sidemenu h5,
.sidemenu h6 {
padding:.7rem .7rem .7rem 1rem;
font-size:1rem;
margin:0;
background:var(--gray);
color:var(--white);
font-weight:bold;
}
.sidemenu svg {}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width:576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width:768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* CONTENT COLUMN EDIT LINKS ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
a.customButton {display:none;}
/*used for the content column edit links when logged in*/
.contentColumn a.customButton {
background:red url(../../../../BVAdmin/Images/edit-icon.png) no-repeat right top;
color:#fff;
text-decoration:none;
vertical-align:middle;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
opacity:.1;
font-weight:bold;
text-indent:-999px;
overflow:hidden;
line-height:1.2;
z-index:2500;
border:10px solid red;
}
.columns > a.customButton {margin:0 .9375em;}
.contentColumn a.customButton:hover {opacity:.3;}
/* hide edit link on nav bar */
.navwrapper a.customButton {display:none;}
/* has to be positioned so the content column edit link is in the correct location */
.postContentColumn,
.preContentColumn,
.contentColumn {position:relative;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* TITLE TOGGLE ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.titleToggle {
background-image: url('/images/plus.png');
background-position: 10px center;
background-repeat: no-repeat;
background-color: #f8f8f9;
padding-left: 30px;
padding-top: .5em;
padding-bottom: .5em;
padding-right:.5em;
cursor:pointer;
}
.titleToggle.opened {
background-image: url('/images/minus.png');
background-color:#fff;
}
.titleToggle + * {display:none;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* LEFT COLUMN FACET NAVIGATION ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* low resolution facet form control */
/*#QuickSearchForm h4 label {font-size:13px;margin:0;line-height:1.1;}
#QuickSearchForm ul label {font-size:14px;}
#QuickSearchForm .titleToggle {background-color:#fff!important;}
#QuickSearchForm .titleToggle label {color:#38412E;}
#QuickSearchForm ul {margin-left:2.5em;}*/
/* facet wrapper */
.facet-wrapper {}
/* filter by */
.facets > div > span {padding-left:20px;}
.facets .facet-label {
background-image: url('/images/plus.png');
background-position: 0 center;
background-repeat: no-repeat;
padding-left: 20px;
}
.facets .facet-label.visible {
background-image: url('/images/minus.png');
}
/* facet nav */
.facets a.clear_all {
/*display:inline-block;*/
background:url(../images/clear.png) no-repeat right 5px;
padding-right:16px;
cursor:pointer;
font-size:.8rem;
}
/* facet groups */
.facets .facet {margin-bottom:1px; border:1px solid #eeeeef;}
/*.facets .facet .facetHeading.titleToggle {}*/
.facets .facet .facetHeading a.clear {
background:url(../images/clear.png) no-repeat left center;
width:16px;
height:24px;
display:none;
}
.facets .facet .facetHeading.opened a.clear {display:inline-block;}
/* facet group topics */
.facets .facet ul.topics {padding:.5em 1em 2em 1.9em;}
.facets .facet ul.topics li.topic {}
.facets .facet ul.topics li.topic a {
background:url(../images/bg_facet.gif) no-repeat left;
padding:0 0 0 19px;
line-height:1.6em;
}
.facets .facet ul.topics li.topic a:hover {}
.facets .facet ul.topics li.topic a.selected,
.facets .facet ul.topics li.topic a.checked {
background:url(../images/bg_facet-selected.gif) no-repeat left;
font-weight:bold;
}
/* slider */
.facets .facet .facetPriceSlider {
/*clear: both;*/
padding-bottom:10px;
padding: .5em 1.9em 2em 1.9em;
}
.facets .facet .facetPriceSlider p#price-values {
overflow: hidden;
padding-top: 0;
margin: 0;
}
.facets .facet .facetPriceSlider p#price-values .price-min {
float: left;
font-size: 12px;
}
.facets .facet .facetPriceSlider p#price-values .price-max {
float: right;
font-size: 12px;
}
.facets .facet .facetPriceSlider p#price-values .price-separator {
display: none;
}
.facets .facet .facetPriceSlider #price-range {margin-left:17px; margin-right:17px;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
.facets a.clear_all {margin-top:2px;}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
.facets .facet .facetHeading.titleToggle {}
.facets a.clear_all {margin-top:3px;}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* TIP - PRODUCT PAGE INFO ABOUT CUSTOMER OPTIONS ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.template-bvc2013 a.help {padding-left:1em; visibility:hidden;}
.template-bvc2013 .variantsdisplay .tip {display:none;}
.template-bvc2013 .variantsdisplay .tip .tipInfo {
height:220px;
overflow:auto;
background:#F9F9FA;
border:1px solid #eeeeef;
margin-bottom:5px;
}
.template-bvc2013 .variantsdisplay .tip .tipContent {margin:0 10px;overflow:hidden;}
/* dont need this once the tooltips are updated */
.template-bvc2013 .variantsdisplay .tip .tipInfo .tipItem {
text-align:center;
width:170px;
float:left;
height:225px;
overflow:hidden;
font-size:12px;
}
.template-bvc2013 .variantsdisplay .tip .tipInfo p {font-size:12px;}
/* end don't need this */
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* FADE OUT LONG TEXT WITH READ MORE BUTTON ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/*.fadeout {
position: relative;
overflow: hidden;
margin-bottom: 2rem;
}
.fadeout-200 {
max-height: 200px;
}
.fadeout-300 {
max-height: 300px;
}
.fadeout-400 {
max-height: 400px;
}*/
p.read-more {
position: absolute;
bottom: 0;
width: 100%;
height: 200px;
padding-top: 180px;
margin: 0;
z-index: 20;
background: -webkit-linear-gradient( rgba(246, 246, 247, 0) 0%, rgba(246, 246, 247, 1) 80% );
background-image: -moz-linear-gradient( rgba(246, 246, 247, 0) 0%, rgba(246, 246, 247, 1) 80% );
background-image: -o-linear-gradient( rgba(246, 246, 247, 0) 0%, rgba(246, 246, 247, 1) 80% );
background-image: linear-gradient( rgba(246, 246, 247, 0) 0%, rgba(246, 246, 247, 1) 80% );
background-image: -ms-linear-gradient( rgba(246, 246, 247, 0) 0%, rgba(246, 246, 247, 1) 80% );
}
.white p.read-more {
background: -webkit-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80% );
background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80% );
background-image: -o-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80% );
background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80% );
background-image: -ms-linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80% );
}
p.read-more a.btn {
margin: 0;
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* LAZY LOADED PRODUCT GRID HOVER IMAGES ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.SingleProductDisplayPanel .record .recordimage img.lazy {
position:absolute;
visibility:hidden;
opacity:0;
transition:opacity 0.2s ease-in-out;
}
.SingleProductDisplayPanel .record .recordimage a:hover img.lazy.hover {
visibility:visible;
opacity:1;
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* HOVER OVERLAY ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.hover-overlay {display:none;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
.SingleProductDisplayPanel .record:hover .hover-overlay,
.SingleProductDisplayPanel .record .hover-overlay.active-compare {display:flex; justify-content: space-between} /* show on hover */
.hover-overlay {position:absolute; top:-44px; background: rgba(68, 137, 137, 0.8); width:100%; padding:8px 10px;}
}
/* HOVER OVERLAY: COMPARE ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
/* LOW RES ONLY */
@media only screen and (max-width: 1199px) {
.compareHolder,
.compare-status,
.compareChecked {display:none!important;}
}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
.compareHolder, compare-status {display:block;}
.compareHolder {line-height:20px; height:20px;}
.compareHolder .btnCompare {display:inline-block; vertical-align:top;margin-top:4px;}
.template-collection-grid-full-width .compare-status .align-items-md-center {justify-content:center !important;}
.compare-status {display:block; padding:10px 0;}
.compare-status.pinned {padding:10px 20px;}
.compare-status .compareLabel {
display:inline-block;
padding-right:10px;
}
.compare-status .productImages {display:inline-block;}
.compare-status .productImages span {
margin:0 3px;
padding:0;
background:#E8E8E8;
width:30px;
height:30px;
border-radius:30px;
float:left;
line-height:28px;
text-align:center;
color:#fff;
font-weight:bold;
}
.compare-status .productImages span.check {background:#448989;}
.compare-status .compareCount {display:none;}
.compare-status .btnCompareSelected {margin:0 5px;}
.compare-status .btnCompareSelected.disabled {cursor:default;}
.compare-status .btnClear {margin:0 5px;}
.compare-status .btnClear.disabled {cursor:default;}
.compare-status .btnCompare.disabled {cursor:default; margin:0 5px;}
.compare.compareChecked {display:none !important; z-index:6; position:absolute; width:115px; height:30px;} /* hid when we removed the hover slide and moved the compare button */
/* comparison page */
table.productCompareTable {margin-bottom:20px;}
table.productCompareTable td {
padding:10px;
width:20%;
font-size:13px;
vertical-align:top;
border-bottom:1px solid #eeeeef;
}
table.productCompareTable tr:last-child td {border-bottom:0;}
table.productCompareTable .labelColumn {background-color: #f8f8f9; font-weight:bold;}
table.productCompareTable a.prodImage img {border:1px solid #eeeeef !important; margin-bottom:10px;}
table.productCompareTable .productName {display:block;}
table.productCompareTable .price {
color:#777;
}
table.productCompareTable .listPrice {text-decoration:line-through;color:#b7b7b7;padding-right:4px;}
table.productCompareTable .ratingstars {display:block; margin:5px 0 0 0;}
table.productCompareTable a.removeButton {background:url(../images/clear.png) no-repeat left center; padding-left:15px;}
table.productCompareTable .productButtons div {margin-bottom:10px;}
.compare-status {z-index:999; background:#fff;}
.compare-status.pinned {box-shadow:0px 0px 3px #222;}
}
/* HOVER OVERLAY: QUICK VIEW ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.quick-view-page .h2 {font-size:1.3rem;}
.quick-view-page h3 {font-size: 1.1rem;}
.quick-view-page .card img {display:none;}
.quick-view-page .fadeout {margin-bottom:1rem;}
/* list price */
.quick-view-page .recordprice .recordlistprice {display:inline-block;}
.quick-view-page .recordprice .recordlistprice span {text-decoration:line-through; font-weight:normal; color:#b7b7b7; padding-right:4px;}
/* regular price */
.quick-view-page .recordprice .recordregularprice {display:inline-block;}
.quick-view-page .recordprice .recordregularprice span {color:#777; text-decoration:line-through;}
/* price */
.quick-view-page .recordprice .PriceLabel {display:inline-block; color:#B71313;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
.active-compare .quick-view-button {display:none;}
.SingleProductDisplayPanel .record:hover .hover-overlay.active-compare .quick-view-button {display:block;}
.quick-view-button a {color:#fff; display:inline-block;float:right;}
.quick-view-button a:hover {text-decoration:none;}
}
/* ONE PAGE CHECKOUT ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.checkoutStep {position:relative;}
.checkoutStep .checkoutInstructions {}
.checkoutStep .checkoutField {}
.checkoutStep .checkoutField.state {}
.checkoutStep .checkoutField.zip {}
.checkoutStep div.errormessage ul {display:none;} /* error message summary */
/* client side validation messages */
.checkoutStep .validationMsg {}
.checkoutStep .validationMsg div {}
/* error styles */
.checkoutStep input[type="text"].error,
.checkoutStep input[type="password"].error {border:1px solid #f06355;}
.checkoutStep select.error {border:1px solid #f06355; color:#000;}
.checkoutStep .checkoutFieldColumn1 label,
.checkoutStep .checkoutFieldColumn2 label,
.checkoutStep .label {}
/*.checkoutStep label.required,
.checkoutStep .required {font-weight:bold!important;}*/
.checkoutStep table {}
.checkoutStep table td {background:#fff;}
.checkoutStep h2 {}
/* address book */
.checkoutStep .addressbookpanel {
margin-bottom:30px;
position:relative;
z-index:5;
}
.checkoutStep .addressbookpanel > span { /* button */
display:block;
height:26px;
overflow:hidden;
}
.checkoutStep .addressbookpanel span input.addressBookButton {width:182px; height:52px;}
.checkoutStep .addressbookpanel span input.addressBookButtonActive {margin-top:-26px;}
.checkoutStep .addressbookpanel div {
position:absolute;
left:31px;
top:26px;
-moz-box-shadow:0 2px 6px #666;
-webkit-box-shadow:0 2px 6px #666;
box-shadow:0 2px 6px #666;
max-width:450px;
background:#f5f5f5;
}
.checkoutStep .addressbookpanel div span .closeBtn {
position:absolute;
top:4px;
right:4px;
width:18px;
height:18px;
}
.checkoutStep ul.addressBook {
list-style:none;
margin:25px;
padding:5px;
background:#fff;
border:1px solid #ccc;
max-height:200px;
overflow:auto;
max-width:450px;
}
.checkoutStep ul.addressBook li {
margin:5px;
padding:0;
}
.checkoutStep ul.addressBook li p {
margin:0!important;
padding:0!important;
}
.checkoutStep ul.addressBook li a {
display:block;
padding:15px;
text-decoration:none;
background:#dcf0f8;
border:1px solid #ccc;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:12px;
line-height:16px!important;
}
.checkoutStep ul.addressBook li a strong {font-weight:bold;}
.checkoutStep ul.addressBook li a:hover {background:#aee1f6; color:black;}
.instructions,
.reviewInstructions .instructions {border: 1px solid #eeeeef;border-bottom:none;}
/*particular steps*/
/* shipping address / shipping method */
.stepShippingAddress .shipping-address-wrapper {border:1px solid #eeeeef; padding:1em;}
.stepShippingAddress .emailaddresstext {display:block; margin-bottom:10px;}
.stepShippingAddress .shippingMethod {
clear: both;
overflow:hidden;
padding-top: 20px;
}
.stepShippingAddress .shippingMethod table {margin-bottom:10px;}
.stepShippingAddress .shippingMethod table td {vertical-align:middle; padding:0 0 !important;}
.stepShippingAddress .shippingMethod table td input {margin:4px; float:left;}
.stepShippingAddress .shippingMethod table td label {
margin-bottom: 0 !important;
line-height: 22px !important;
float: left;
}
.stepShippingAddress .shippingMethod a.shippingterms {font-size:12px; line-height:18px !important;}
/* billing address */
.stepBillingAddress .billing-address-wrapper {border:1px solid #eeeeef; padding:1em;}
/* payment method */
.stepPaymentMethod {}
.stepPaymentMethod .paymentmethods {border:1px solid #eeeeef;padding:2em; }
.stepPaymentMethod .paymentmethods .method {border: 1px solid #eeeeef;}
.stepPaymentMethod table {margin-bottom:0;}
.stepPaymentMethod table td {}
.stepPaymentMethod table tr:last-child td { }
.stepPaymentMethod table td + td {}
.stepPaymentMethod table td.radiobuttoncol {min-width:150px;}
.stepPaymentMethod table td.radiobuttoncol > input,
.stepPaymentMethod table td.radiobuttoncol > span input {}
.stepPaymentMethod table td.radiobuttoncol > label {}
/* credit card info */
div.creditcardinput {}
div.creditcardinput iframe {}
div.creditcardinput table {
width:100% !Important;
background:#FAFAFA;
border:1px solid silver;
margin-top:15px;
min-width:370px;
}
div.creditcardinput table td {
padding:5px !important;
border-bottom:1px solid silver;
}
div.creditcardinput table td.formlabel {
vertical-align:top;
width:120px;
padding-left:10px !important;
}
div.creditcardinput table td.formlabel label {
display:block;
line-height:36px !important;
display:block;
}
div.creditcardinput table td input[type="text"],
div.creditcardinput table td select {
background:#fff !Important;
width:auto;
margin-bottom:0;
}
.checkoutStep select.error,
.checkoutStep input.error {
color:#444444!important;
}
.creditCards {
/*margin-top:5px;*/
}
.creditCards img {
width:40px;
margin:1px;
}
.creditCards img:hover {
cursor:pointer;
}
.creditCards img.selected {}
.creditCards img.notSelected {
opacity:.2;
}
.creditCards img.notSelected:hover {
opacity:1.0;
}
.creditcardinput table td.formfield {
white-space:normal;
}
.creditcardinput .form-inline .form-control {
display:inline-block;
width:auto;
vertical-align:middle;
}
.creditcardinput .form-inline .form-group {
display:inline-block;
margin-bottom:0;
vertical-align:middle;
}
.creditcardinput select,
.creditcardinput input {
/*display:block;
width:100%;
height:34px;
padding: 6px 12px;
font-size:14px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}
.creditcardinput select:focus,
.creditcardinput input:focus {
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.creditcardinput.closedPM {visibility:hidden!important; position:absolute!important; left:-9999px!important; text-indent:-99999px!important;}
/* redeem a gift certificate */
/* gift certificate control - stock */
.giftcertificates {border:1px solid #eeeeef; padding:1em;}
table.giftcertificates {}
table.giftcertificates td {padding-bottom:4px !important;}
table.giftcertificates td input[type=text] {margin-bottom:0;}
table.giftcertificates td table {margin-top:15px;}
table.giftcertificates td table th {padding:10px; text-align:left !important; display:none!important;}
table.giftcertificates td table td {
padding:10px !important;
vertical-align:middle;
background:#dbeff8;
background:-moz-linear-gradient(top, #dbeff8 0%, #eef9fe 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbeff8), color-stop(100%,#eef9fe));
background:-webkit-linear-gradient(top, #dbeff8 0%,#eef9fe 100%);
background:-o-linear-gradient(top, #dbeff8 0%,#eef9fe 100%);
background:-ms-linear-gradient(top, #dbeff8 0%,#eef9fe 100%);
background:linear-gradient(top, #dbeff8 0%,#eef9fe 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbeff8', endColorstr='#eef9fe',GradientType=0 );
}
table.giftcertificates td table td input {float:right;}
/* promotion code */
.stepPromotionCode {}
.stepPromotionCode table.promotions {}
.stepPromotionCode .coupons {border:1px solid #eeeeef; padding:1em;}
.stepPromotionCode .coupons table {width:100%; margin-top:1em; border:1px solid #eeeeef;}
.stepPromotionCode .coupons table td {padding:.5em .5em .5em 1em; background:#fff;}
.stepPromotionCode .coupons table tr:hover td {
background: #f9f9fa; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9fa 0%, #f3f3f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f9f9fa 0%,#f3f3f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f9f9fa 0%,#f3f3f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fa', endColorstr='#f3f3f4',GradientType=0 ); /* IE6-9 */
}
.stepPromotionCode .coupons table input {float:right; width:25px; opacity:.3;}
.stepPromotionCode .coupons table input:hover {opacity:1;}
/* create your account */
.stepCreateAccount {}
.stepCreateAccount .createAccount {border:1px solid #eeeeef; padding:1em;}
.stepCreateAccount .checkoutField {}
.stepCreateAccount div {}
.stepCreateAccount div label {}
.stepCreateAccount div input {}
.stepCreateAccount div span.error { }
/* review your order */
.stepReview {}
.stepReview .itemTable-wrapper {border:1px solid #eeeeef; padding:1em;}
.stepReview table.itemTable tr.rowheader th {padding:1rem;}
.stepReview table.itemTable tr.tdrow td,
.stepReview table.itemTable tr.altrow td {padding:1rem;}
.stepReview table.itemTable tr .lineitemnodiscounts {
text-decoration:line-through;
opacity:.4;
font-weight:normal!Important;
}
.stepReview table.itemTable tr td.one img {width:65px;}
.stepReview table.itemTable tr td.one {}
.stepReview table.itemTable tr td.two {}
.stepReview table.itemTable tr td.three {}
.stepReview table.itemTable tr td.four {}
.stepReview table.itemTable tr td span {}
.stepReview label {font-weight:bold;}
.stepReview .totals {}
.stepReview .totals table {}
.stepReview .totals table tr {}
.stepReview .totals table tr td {}
.stepReview .totals table tr.grandtotal td {}
.stepReview .totals table td {padding:10px !important;background:none;}
.kit-detail-display {font-weight:normal; font-size:.875em;}
/* checkout newsletter signup */
.stepMailingList {}
.stepMailingList textarea.specialInstructions {min-height:150px;}
.stepMailingList div div {
margin-bottom:8px;
overflow:hidden;
}
.stepMailingList input[type="checkbox"] {
float:left;
margin-right:3px;
}
.stepMailingList label {}
.stepMailingList .required label {
font-weight:bold;
}
.stepMailingList div a.viewSiteTerms {}
/* instructional text */
.reviewInstructions,
.checkoutInstructions {}
.checkoutInstructions .error label {color:#F06355;}
/* hide footer on checkout */
.checkoutStep .prefooter,
.checkoutStep .footer {display:none;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
.instructions {border: 1px solid #eeeeef;}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
@media print {
body {margin:0; padding:0;}
.adminbar,
.preheader,
.header,
.navwrapper,
.prefooter,
.footer,
.postfooter,
#editLinks,
#printthispage,
#to-top {
display:none!important;
}
.container,
.container.wide {width:auto;}
a.logo {width:200px;}
.gradient {background:#fff;}
.hide-for-print,
.md-header,
.lg-header,
.scroll-button {display:none!important;}
}
.noUi-handle {
background: #444;
}
.noUi-connect {
background: #a4995c !important
}
.facets .facet .facetPriceSlider p#price-values {
padding-bottom: 1em !important;
}
/* SITE WIDE BANNER ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.sitewide-banner {background:#a3355c; padding:10px; color:#fff; text-align:center;}
.date-text {font-size:11px; letter-spacing:.5em;}
.offer-text a {color:#fff; text-decoration:underline;}
.disclaimer-text {font-size:11px; opacity:.6;}
.offer-text b {margin-bottom:-5px; font-size:12px;color:#edc238;}
.offer-text span {font-size:12px;}
.offer-text span::after {content: "\A"; white-space: pre;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
.date-text {font-size:14px;}
.offer-text {display:flex; align-items:center; justify-content:center; vertical-align:top; margin-top:-5px;}
.offer-text b {font-family:"Cabin"; margin-bottom:0; display:block; font-size:1.4em; padding-right:10px; }
.offer-text a:hover {color:#000;}
.offer-text span {display:block; font-size:14px; text-transform: uppercase;}
.offer-text b + span::after {content: ""; white-space:normal;}
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* BILLBOARD ------------------------------------------------------------ */
/* XS ( 1 + ) -------------------- */
.billboard .owl-stage {background:#000;}
.billboard {
background-size:contain;
background-repeat:no-repeat;
background-position: center bottom;
text-align:center;
}
/* billboard background images */
.billboard.daria {background-color:#DCDCDC; background-image: url(/images/billboards/mobile/daria.jpg);}
.billboard.margate {background-color:#DCDCDC; background-image: url(/images/billboards/mobile/margate.jpg);}
.billboard.deborah {background-color:#DCDCDC; background-image: url(/images/billboards/mobile/deborah.jpg);}
/* avery */
.billboard.avery {background-color:#DCDCDC; background-image: url(/images/billboards/mobile/avery.jpg);}
/* strada */
.billboard.strada {background-color:#DCDCDC; background-image: url(/images/billboards/mobile/strada.jpg);}
/* beckett */
.billboard.beckett {background-color:#DCDCDC; background-image: url(/images/billboards/mobile/beckett.jpg);}
.billboard .container {}
.billboard .container .row > div {height:100vh; display:flex; flex-direction:column; justify-content:flex-start;}
.billboard .display-1 {/*line-height:1; margin-bottom:.2em;*/ /*font-size:1.6rem;*/ text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.1); margin-top:25vh;}
.billboard .h2 {text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.1); /*font-size:1.0rem;*/}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
.billboard .display-3 {/*font-size:3rem;*/}
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width:992px) {
.billboard {
background-size:cover;
background-position:center;
text-align:left;
}
/* billboard background images */
.billboard.daria {background-image: url(/images/billboards/daria.jpg);}
.billboard.margate {background-image: url(/images/billboards/margate.jpg);}
.billboard.deborah {background-image: url(/images/billboards/deborah.jpg);}
/* avery */
.billboard.avery {background-image: url(/images/billboards/2323-carousel.jpg);}
/* strada */
.billboard.strada {background-image: url(/images/billboards/4141-carousel.jpg);}
/* beckett */
.billboard.beckett {background-image: url(/images/billboards/2424-carousel.jpg);}
.billboard .display-1 {/*font-size:4.5rem;*/ margin-top:0;}
.billboard .h2 {/*font-size:2.0rem;*/}
.billboard .container {/*justify-content:center;*/}
.billboard .container .row > div {justify-content:center;}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width:1200px) {
}
/* HOMEPAGE - BATHROOM VANITIES */
/* XS ( 1 + ) -------------------- */
.home-bathroom-vanities {
background-size:cover;
background-repeat:no-repeat;
background-position: center;
background-image: url(/images/mobile-home-bathroom-vanities.jpg);
text-align:center;
}
.home-bathroom-vanities .container {}
.home-bathroom-vanities .container > .row > div {height:100vh; display:flex; flex-direction:column; justify-content:flex-start; padding-top:100px;}
.home-bathroom-vanities .h2 {line-height:1;}
.home-bathroom-vanities p {}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
.home-bathroom-vanities .container > .row > div {justify-content:center; padding-top:0;}
.home-bathroom-vanities {text-align:left; background-image: url(/images/home-bathroom-vanities.jpg);}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* HOMEPAGE - BATHROOM STORAGE */
/* XS ( 1 + ) -------------------- */
.home-bathroom-storage {
background-size:cover;
background-repeat:no-repeat;
background-position: bottom;
background-image: url(/images/mobile-home-bathroom-storage.jpg);
text-align:center;
}
.home-bathroom-storage .container {}
.home-bathroom-storage .container > .row > div {height:100vh; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:50px;}
.home-bathroom-storage .h2 {line-height:1;}
.home-bathroom-storage p {}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
.home-bathroom-storage .container > .row > div {justify-content:center; padding-top:0;}
.home-bathroom-storage {text-align:left; background-image: url(/images/home-bathroom-storage.jpg);}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* HOMEPAGE - BATHTUBS */
/* XS ( 1 + ) -------------------- */
.home-bathtubs {
background-size:cover;
background-repeat:no-repeat;
background-position: bottom;
background-image: url(/images/mobile-home-bathtubs.jpg);
text-align:center;
}
.home-bathtubs .container {}
.home-bathtubs .container > .row > div {height:100vh; display:flex; flex-direction:column; justify-content:flex-start; padding-top:130px;}
.home-bathtubs .h2 {line-height:1; /*font-size:1.6rem;*/}
.home-bathtubs p {}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
.home-bathtubs .h2 {/*font-size:3rem;*/}
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
.home-bathtubs .container > .row > div {justify-content:center; padding-top:0;}
.home-bathtubs {text-align:left; background-image: url(/images/home-bathtubs.jpg);}
.home-bathtubs .h2 {/*font-size:4rem;*/}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* HOME - WHERE TO BUY */
/* XS ( 1 + ) -------------------- */
.home-where {background:#fff;}
.home-where .container > .row > div {height:65vh;padding-top:100px; text-align:center; display:flex; flex-direction:column; justify-content:center;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
.home-where .h2 {/*font-size:3rem;*/}
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
.home-where .h2 {/*font-size:4rem;*/}
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* HOME - BECOME A RESELLER */
/* XS ( 1 + ) -------------------- */
.home-reseller {background:#f4f4f4;}
.home-reseller .h2 {line-height:1; /*font-size:1.6rem;*/}
.home-reseller .container > .row > div {height:35vh; text-align:center; display:flex; flex-direction:column; justify-content:center;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
/* MASTER PAGES */
/* XS ( 1 + ) -------------------- */
.cart-master,
.service-master,
.default-master,
.account-master,
.no-footer-master
{padding-top:60px;}
/* SM ( 576 + ) -------------------- */
@media only screen and (min-width: 576px) {
}
/* MD ( 768 + ) -------------------- */
@media only screen and (min-width: 768px) {
}
/* LG ( 992 + ) -------------------- */
@media only screen and (min-width: 992px) {
.cart-master,
.service-master,
.default-master,
.account-master,
.no-footer-master {padding-top:100px; }
}
/* XL ( 1200 + ) -------------------- */
@media only screen and (min-width: 1200px) {
}
.optionDeactivated {
color: #D5D9D9 !important;
opacity: 50%;
}