/* 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 MOBILE MENU STYLES */
@import url('../scripts/MobileMenu/responsive-nav.css');

/* IMPORT BOOTSTRAP COMPILED & MINIFIED STYLES */
@import url('bootstrap4/scss/bootstrap.min.css');

/* IMPORT HOVER.CSS - A collection of CSS3 powered hover effects */
@import url('Hover-master/css/hover-min.css');

/* GENERAL ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

        body {}

        body > form {margin:0; min-width:320px;}

        a.logo {display:inline-block;height:46px;}
        a.logo img {margin-top:10px;}

        .main {}

        /* 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 {background-color:var(--dark); border-radius:4px 0 0 4px; position:fixed; z-index:9999; bottom:100px; right:0; width:30px; height:30px; text-align:center; display:flex; align-items:center; justify-content:center; color:var(--white);}
	    #to-top a:hover {background-color:var(--blue); text-decoration:none;}

        /* subtle waiting msg */
        #wait {display:none; position:fixed; left:0; top:0; right:0; bottom:0; height:117px; width:100%; background:var(--white); opacity:.9; z-index:201; box-shadow: 0 0 10px  rgba(68, 68, 68, 0.2);}
        #wait div {position:absolute; width:100%; text-align:center; top:28%; 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;}

	    /* line up checkbox and radio buttons with labels */
	    /*.form-check input {margin-top:.18rem;}*/

        /* required labels */
        label.required,
        .required {font-weight:bold!important;}

        /* centered button over image */
        .btn-in-middle {position:absolute; z-index:2; top:50%; left:50%; display:none;}

        /* anchor transitions */
        a {transition:all .3s;}

        /* grayscale images */
        .grayscale40 {filter: grayscale(.4);}
        .grayscale60 {filter: grayscale(.6);}
        .grayscale80 {filter: grayscale(.8);}
        .grayscale100 {filter: grayscale(1);}

        /* hover-bright */
        .hover-bright {background:#CFAA8A;}
        .hover-bright img {opacity:.7; transition:all .3s; filter:grayscale(1);}
        .hover-bright:hover img {opacity:1; filter:grayscale(.0);}


        /*set small headings off from regular text */
        .h6, h6 {font-weight:600;}


    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

        /* line up checkbox and radio buttons with labels */
        /*.form-check input {margin-top:.28rem;}*/

    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        /* line up checkbox and radio buttons with labels */
	    /*.form-check input {margin-top:.3rem;}*/ 
       
        .instructions {border: 1px solid  var(--light);}
        /* checkbox tweak */
        .form-check label {}
        .form-check label input {margin-top:.4rem;}

    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

        a.logo {height:50px;}
        a.logo img {max-height:70%; margin:0;}

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

        /*body {font-size:1rem;}*/
    }

 
/* 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 .top {background:var(--dark);}
        .xs-header .top a.cart {text-decoration:none; height:46px; line-height:46px; display:inline-block;}
        .xs-header .top a.cart .fa-shopping-cart {color:var(--white); font-size:18px;}
        .xs-header .top a.cart:hover .fa-shopping-cart {color:#ffffff;}
        .xs-header .top .carttotals {color:var(--secondary);font-size:12px; font-weight:normal;}

        .xs-header .bottom {background:var(--secondary);}
        .xs-header .bottom a {line-height:36px; 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: var(--light);
		    font-size: 14px;
		    position: relative;
		    padding: 0;
		    line-height: 36px;
            width:25%;
        }

        .xs-header .bottom .mobileaccount a {
            
        }


        .xs-header .bottom a:hover {background:#7f8c8d; color:var(--light)!important;}

        .xs-header .bottom a.open {background:var(--white); color:#7f8c8d;}
        .xs-header .bottom a.open:hover {color:#7f8c8d!important;}

        .xs-header .categorymenuplus {margin-left:-15px; margin-right:-15px;}

        .xs-header .bottom .mobileaccount a sup {font-size:.5rem;opacity:.5;}

        .search a:hover {
            color: #ffffff;
        }
        .account a:hover {
            color: #ffffff;
        }
        .cart a:hover {
            color: #ffffff;
            text-decoration: none;
        }

    
        
    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        /* md header */
        .md-header {background:var(--dark); padding:0 15px; height:46px;}

        .md-header a.cart {float:right; font-size:18px; line-height:46px; text-decoration:none;}
        .md-header a.cart .fa-shopping-cart {color:#c52637; /*font-size:21px;*/}
        .md-header a.cart:hover .fa-shopping-cart {color:#ffffff;}
        .md-header .carttotals {color:var(--secondary); font-size:12px; font-weight:normal;}

        .md-header .mobilephone a,
        .md-header .mobilesearch a,
        .md-header .mobileaccount a,
        .md-header .mobilecontact a {color: var(--white); font-size: 18px; display:block; line-height:46px;}
        .md-header .mobilephone a:hover,
        .md-header .mobilesearch a:hover,
        .md-header .mobileaccount a:hover,
        .md-header .mobilecontact a:hover {color:#ffffff;}
        .md-header a.open {background:var(--white); color:#7f8c8d;}
        .md-header a.open:hover {color:#ffffff;}

        .md-header .mobileaccount a sup {font-size:.5rem;opacity:.5;}

    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

        /* lg + header */
        .lg-header {background:var(--white);}
        .lg-header a {text-decoration:none;}

        /*.lg-header .top {background:var(--danger);}
        .lg-header .bottom {background:var(--white);}*/
        .lg-header .top {background:rgba(0, 0, 0, 0.40);}
        .lg-header .bottom {background:rgba(30, 30, 30, 0.30);}

        

        .lg-header a.cart {font-size:16px; transition:background-color 0.5s ease; height:36px; line-height:36px;}
        .lg-header a.cart:hover {color: #ffffff;}
        .lg-header a.cart .fa-shopping-cart {color: #C52637;}
        .lg-header a.cart:hover .fa-shopping-cart {color: #ffffff;}
        .lg-header .carttotals {color: #C52637; font-size:16px; font-weight:normal; display:inline-block; width:20px; height:30px; line-height:30px; text-align:center; margin-right:5px;}

        .lg-header .phone a,
        .lg-header .contact a,
        .lg-header .account a {color: #C52637; font-size:16px; height:36px; width:36px; line-height:32px; text-align:center; display:inline-block;}

        .lg-header .account a {font-size:16px;}

        .lg-header .phone a {cursor:default; font-size:16px;}

        .lg-header .account a,
        .lg-header .contact a {transition:background-color 0.3s ease;}

        .lg-header .account a:hover {color: #ffffff;}

        .lg-header .account a.logged-in-false {/*background-color:rgba(255, 251, 149, 0.2);*/}
        .lg-header .account a.logged-in-true {/*background-color:rgba(255, 251, 149, 0.2);*/}
        .lg-header .account a sup {font-size:.5rem;opacity:.5;}

        
        .lg-header .contact a svg,
        .lg-header .account a svg,
        .lg-header a.cart svg {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: transform;
            transition-property: transform;
        } 
        .lg-header .contact a:hover svg,
        .lg-header .account a:hover svg,
        .lg-header a.cart:hover svg {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    }

    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {
        .lg-header .account {
            text-align: center;
            border-left: 1px solid #3a3c3f;
            padding: 20px 10px;
        }

        .lg-header .cart {
            text-align: center;
            border-left: 1px solid #3a3c3f;
            border-right: 1px solid #3a3c3f;
            padding: 24px 10px;
        }

        .lg-header .cart a.shopCart:hover {
            color: #ffffff;
        }
    }


/* SEARCH ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

        /* common search form styles */
        .search {
            position:relative;
            text-align: center;
            
        }
        .search a {
            width:38px;
            height:38px;
            line-height:38px;
            text-align:center;
            border:none;
            box-shadow:none;
            margin-bottom: 0;
            color:#C52637;
        }
        .search a:hover {
            color: #ffffff;
        }

        /* mobile/tablet search */
        div.mobilesearchform {
            display:none;
            position:relative;
            left: 0;
            right:0;
            z-index:50;
            padding:10px;
            background:var(--white);
        }


    /* 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;}

        .search a {
            width:44px;
            height:36px;
            line-height:36px;
            background:none;
        }


        .searchform .search {background-color:rgba(0, 0, 0, 0.2); border-radius:40px; padding-left:.25rem; padding-bottom:2px;}
        .searchform .search input.form-control[type="search"] {border:none!important; background:none; color:#fff; height:calc(2.00rem + 2px);}

        .searchform .search input.form-control[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color:rgba(255, 255, 255, 0.6);
        }
        .searchform .search input.form-control[type="search"]::-moz-placeholder { /* Firefox 19+ */
            color:rgba(255, 255, 255, 0.6);
        }
        .searchform .search input.form-control[type="search"]:-ms-input-placeholder { /* IE 10+ */
            color:rgba(255, 255, 255, 0.6);
        }
        .searchform .search input.form-control[type="search"]:-moz-placeholder { /* Firefox 18- */
            color:rgba(255, 255, 255, 0.6);
        }

        .searchform .search input.form-control[type="search"]:focus {box-shadow:none;}
        .searchform .search input[type="image"] {max-width:20px;right:12px; top:8px;}

    }
    

    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {
        .search {
            border-left: 1px solid #3a3c3f;
            padding: 20px 10px;
        }

    }
	

/* NAVWRAPPER ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

        /*.navwrapper {background:var(--white); background:#ddd;}
        nav {margin-left:-1em; margin-right:-1em; margin-bottom:0!important;}*/


    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

        /*nav {margin-left:0; margin-right:0;}*/

    }


    /* 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) {
        .breadcrumbwrapper {padding:0; display:block;}
	    .breadcrumbwrapper .breadcrumbs {font-size:11px; text-transform:uppercase; padding:.5em 0;}
	    .breadcrumbwrapper .breadcrumbs div {display:inline}
        .breadcrumbwrapper .breadcrumbs a {color:var(--secondary);}
        .breadcrumbwrapper .breadcrumbs a:hover {color:var(--secondary); text-decoration:none;}
	    .breadcrumbwrapper .breadcrumbs span.spacer {color:var(--secondary); padding-left:.5em; padding-right:.5em;}
    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        .home-master .breadcrumbwrapper {display:none!important;}

    }


     /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

    }

/* SITEWIDE BANNER */
    /* 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) {

    }


/* PREFOOTER ------------------------------------------------------------ */	
    /* XS ( 1 + ) -------------------- */

        .prefooter {background:var(--light);}
	    
	    .prefooter ul {list-style:none;  margin-bottom:.5em; padding-left:0;}
	    .prefooter ul li {display:inline; padding-right:1em;}
	    .prefooter ul li a {white-space:nowrap; font-size:.95em;}

        .prefooter .mailingListSignup h4 {margin:3px 0 0; padding: 0;}
	    .prefooter .mailingListSignup span.Instructions {font-size:0.875em; display:block; margin-bottom:.5em;}
	    .prefooter .mailingListSignup input[type=text] {margin-right:5px; margin:0 0 5px;}
        .prefooter .mailingListSignup div  div  div {position:relative; padding-right:93px; height:35px;}
	    .prefooter .mailingListSignup input[type=image] {}
        .prefooter .errormessage {display:none;}


    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        
		.prefooter ul li {display:block; padding:0;}
		.prefooter hr {display:none;}

        .prefooter .mailingListSignup h4 {margin-top:0;}

    }


     /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

        .prefooter {padding-top:2em; padding-bottom:2em;}
        .prefooter ul li a {white-space:nowrap;}

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

    }


/* FOOTER ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

	    .footer {background:var(--light);}
	    .footer h6 {text-transform:uppercase; font-weight:normal;}
	    .footer p {}
        .footer a {}
	    .footer ul {list-style:none; margin-bottom:1em; margin-top:0; padding:0; }

        .footer .ccs,
        .footer .pms {}
        .footer .ccs img,
        .footer .pms img {margin:2px; max-width:46px;}


    /* 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 HEADER ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

        .gridheader {margin-bottom:1rem;}
        
        /* pagination */
        .gridheader nav {}
        .gridheader ul.pagination {margin-bottom:0;}

        /* 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; height:31px;}
        .gridheader .viewswrapper a {transition:opacity 0.2s ease;}
        .gridheader .viewswrapper a#GridView {outline:none; float:left; width:31px; height:31px; overflow:hidden; text-indent:50px; background:url(../images/grid-list.svg) no-repeat 0 0; margin-right:10px; opacity:.3; cursor:pointer;}
        .gridheader .viewswrapper a#ListView {outline:none; float:left; width:31px; height:31px; overflow:hidden; text-indent:50px; background:url(../images/grid-list.svg) no-repeat -32px 0; opacity:.3; cursor:pointer;}
        .gridheader .viewswrapper a#GridView:hover,
        .gridheader .viewswrapper a#ListView:hover {opacity:.5;}
        .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 + ) -------------------- */

        .gridfooter {}
        .gridfooter ul.pagination {margin: .5em 0 1.5em;}


    /* 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 {height:100%;}
        .SingleProductDisplayPanel .record {
            overflow:hidden;
            /*padding:10px;
            background:var(--light);*/
            position:relative;
            /*border:1px solid #ddd;*/
            height:100%;
            margin-bottom:10px;
        }
        .SingleProductDisplayPanel .record:hover {/*background:var(--white);*/} 
        /* image */
        .SingleProductDisplayPanel .record .recordimage {
            position:relative;
            width:100%;
            padding-top:100%;
        }
        .SingleProductDisplayPanel .record .recordimage a {
            background:var(--white);
            display:block; 
            position:absolute; 
            top:0; 
            left:0; 
            width:100%; 
            height:100%; 
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .SingleProductDisplayPanel .record .recordimage a:hover {overflow:hidden;}

        .SingleProductDisplayPanel .record .recordimage a img {max-height:100%; max-width:100%; transition:transform .2s;}
        .SingleProductDisplayPanel .record .recordimage a img:hover {transform: scale(1.1);}
        /*name*/
        .SingleProductDisplayPanel .record .product-info .recordname { padding-bottom: 25px;}
		.SingleProductDisplayPanel .record .product-info .recordname a {display:block; margin-top:.5rem; letter-spacing:.12rem; font-weight:400; color:#505158; text-decoration:none; font-size: 19px; line-height: 1;}
		.SingleProductDisplayPanel .record .product-info .recordname a:hover,
        .SingleProductDisplayPanel .record:hover .product-info .recordname a {color:var(--danger);}
        /*rating stars*/
        .SingleProductDisplayPanel .record .product-info .SingleProductDisplayRating {margin-bottom:5px;}
        .SingleProductDisplayPanel .record .product-info .SingleProductDisplayRating img {height:12px;}
        /*prices*/
            .SingleProductDisplayPanel .record .product-info .price-wrapper {
                border-top: 1px solid #505158;
                border-bottom: 1px solid #505158;
            }
        /* list price */
        .SingleProductDisplayPanel .record .product-info .recordlistprice {} 
        .SingleProductDisplayPanel .record .product-info .recordlistprice span {text-decoration:line-through;letter-spacing:.12rem;font-size:.8rem;}
	    /* regular price WHEN DOES THIS SHOW? */
        .SingleProductDisplayPanel .record .product-info .recordregularprice {}
	    .SingleProductDisplayPanel .record .product-info .recordregularprice span {text-decoration:line-through;letter-spacing:.12rem;font-size:.8rem;}
        /* price */
        .SingleProductDisplayPanel .record .product-info .recordprice {}
        .SingleProductDisplayPanel .record .product-info .recordprice span {font-size:19px; font-weight: 700; color: #505158; text-align: left;}
		/* 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 {}
        /* qty error msg */
        .SingleProductDisplayPanel .record .product-info .recordqty label span span {}
        .SingleProductDisplayPanel .record .product-info .recordqty input {max-width:4rem;}
        /* 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;}
        
        .SingleProductDisplayPanel .record .product-info .recorddetails {display:block;}
        .SingleProductDisplayPanel .record .product-info .recorddetails img {width:auto;}
        /* 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/new-flag.svg") no-repeat;
            display:inline-block;
            width:34px;
            height:16px;
		}
		/*sale label*/
		.SingleProductDisplayPanel .record .sale-label {
			background: url("../images/buttons/misc/sale-flag.svg") no-repeat;
            display:inline-block;
            width:34px;
            height:16px;
		}
	
	    .SingleProductDisplayPanel .record:hover {
		        
	    }
	    .SingleProductDisplayPanel .record:hover .product-info {
	    
        }


    /* 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 - WIDE / LIST ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */   

        /* single product - wide mode */
        .WideSingleProductDisplayPanel {/*margin-bottom:.5rem;*/}

        .WideSingleProductDisplayPanel .record {
            overflow:hidden;
            padding:10px;
            position:relative;
            border:1px solid #dee2e6;
        }
        .WideSingleProductDisplayPanel .record:hover {background:var(--white);} 
        /* image */
        .WideSingleProductDisplayPanel .record .recordimage {
            float:left;
            width:80px;
            height:80px;
            margin-right:15px;
        }
        .WideSingleProductDisplayPanel .record .recordimage a {display:block; background:var(--white); border:1px solid #ddd; width:80px; height:80px; display:flex;
            align-items:center; justify-content:center;}
        .WideSingleProductDisplayPanel .record .recordimage a img {max-height:100%; max-width:100%;}

        .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 {text-transform:uppercase; letter-spacing:.12rem; font-weight:600; color:var(--dark); text-decoration:none; font-size:.85rem;}
	    .WideSingleProductDisplayPanel .record .product-info .recordname a:hover {color:var(--danger);}
        /* rating stars */
        .WideSingleProductDisplayPanel .record .product-info .SingleProductDisplayRating {}
        .WideSingleProductDisplayPanel .record .product-info .SingleProductDisplayRating img.ratingstars {}
        .WideSingleProductDisplayPanel .record .product-info .SingleProductDisplayRating a.recordreviewcount {}
	    /* price wrapper */
	    .WideSingleProductDisplayPanel .record .product-info .recordprice {}
        /* list price */
        .WideSingleProductDisplayPanel .record .product-info .recordlistprice {} 
        .WideSingleProductDisplayPanel .record .product-info .recordlistprice span {text-decoration:line-through;letter-spacing:.12rem;font-size:.8rem;}
        /* regular price WHEN DOES THIS SHOW? */
        .WideSingleProductDisplayPanel .record .product-info .recordregularprice {}
	    .WideSingleProductDisplayPanel .record .product-info .recordregularprice span {text-decoration:line-through;color:#B71313;letter-spacing:.12rem;font-size:.8rem;}
        /* price */
        .WideSingleProductDisplayPanel .record .product-info .recordprice span {letter-spacing:.12rem;font-size:.8rem;}
        /* 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:var(--danger);}
        .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;}
        /* details button */
        .WideSingleProductDisplayPanel .record .product-info .recorddetails {display:inline-block;}
        /* 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/new-flag.svg") no-repeat;
            display:inline-block;
            width:34px;
            height:16px;
		}

		/*sale label*/
		.WideSingleProductDisplayPanel  .record .sale-label {
			background: url("../images/buttons/misc/sale-flag.svg") no-repeat;
            display:inline-block;
            width:34px;
            height:16px;
		}

    /* 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;
        }
        .WideSingleProductDisplayPanel .record .recordimage a {width:160px; height:160px;}

    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

    }


    /* 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) {

    }


/* 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; margin-top:.75em; margin-bottom:.75em;}
        .categorygrid .record:hover a {color: #3F63BF;}
	
	    /* category grid: image */
	    .categorygrid .recordimage {display:none;}
	
	    /* category grid: name */
	    .categorygrid .recordname {}
            .categorygrid .recordname a {
                text-decoration: none;
                color: #505158;
                display: block;
                padding: .65em;
                border-top: 1px solid #d1d1d6;
                border-bottom: 1px solid #d1d1d6;
                font-size: 19px;
                text-align: center;
                font-weight: 700;
                text-transform: uppercase;
            }
	    .categorygrid .recordname a:hover {color: #3F63BF;}


    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

        .categorygrid .recordimage {display:block;}
	    .categorygrid .recordimage a img {display:inline-block;}
        .categorygrid .record:hover .recordimage img {}

    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        .categorygrid .record {text-align:left;}
        .categorygrid .recordname a {}

    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {
        .categorygrid .recordname a {
            font-size: 19px;
        }
    }


    /* 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 {}

            /* 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 {}


        /* SIMPLE LIST CATEGORY TEMPLATES */

            /* simple list */
            .template-simple-list #categorysimplelisttemplaterecords .record {
                overflow:hidden;
                padding:10px;
                background:var(--light);
                position:relative;
                border:1px solid #ddd;
                display:block;
                margin-bottom:.5rem;
            }
            .template-simple-list #categorysimplelisttemplaterecords .record:hover {background:var(--white);}
            .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:var(--danger);}

            /* 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 {}

            /* sub sub category menu */
            .template-sub-category-menu-wide {}

            /* sub cateogry menu 2 */
            .template-sub-category-menu-2 {}


        /* SUB SUB CATEGORY TEMPLATES*/

            /* sub sub category menu */
            .template-sub-sub-category-menu {}

            /* sub sub category menu wide */
            .template-sub-sub-category-menu-wide {}


        /* sub category */
        .recordChildren ul {
            list-style:none;
            font-size:0.875em;
        }


    /* 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) {

        /* 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;}

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

    }


/* PRODUCT PAGE ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */ 

        /* bvc2013 template */
        .template-bvc2013 {}
        .template-bvc2013 h1 {font-size:1.3rem;margin-top:0;}

        /* wide product */
        .template-wide-product h1 {font-size:1.3rem;}

        /* bvc5 choice grid */
        .template-bvc5-choice-grid {}
        .template-bvc5-choice-grid h1 {font-size:1.3rem;}
        .template-bvc5-choice-grid .recordimage a {cursor:default!important;} 

        /* bvc5 choice grid */
        .template-choice-list {}
        .template-choice-list 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;}
        

        #productimage {/*background:var(--white);border: 1px solid #DBDBDB;*/}
        #productimage > a img {/*margin-bottom: .5rem;*/}
    
        /* sku */
        #ProductSKU {display:inline-block; margin-right:15px; padding-top:.15rem;}
        #ProductSKU .ProductPropertyLabel {opacity:.5;}

        /* social */
        #SocialSharing {margin-top:.3rem;}
        #SocialSharing .addthis_toolbox a {margin-bottom:0;}

        #rating {display:inline-block; padding-top:.15rem;}
        #rating img {vertical-align:unset; margin-right:8px; height:10px;}

        .printMail {display:none;}

        /* prices */
	    .pricebox table {width:100%;}
	    .pricebox table td:first-child {width:35%;}
	    .pricebox .SitePrice {}
	    .pricebox .ListPrice {text-decoration:line-through;}
	    .pricebox .RegularPrice {text-decoration:line-through;}
	    .pricebox .BaseSitePrice {text-decoration:line-through;}
	    .trYouSave td {}

        /* product options */
        .variantsdisplay {}
        .variantsdisplay table {width:100%;}

        .variantsdisplay table td.choicelabel {
            padding:.7rem .3rem .7rem 0;
            vertical-align:top;
            width:35%;
        }
        .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: var(--danger);}*/

     
        .variantsdisplay table td textarea {width:100%;}

        /* select */
        .variantsdisplay table tr.dropdownlist td {}

        /* radio button image list - RepeatLayout Table */
        .variantsdisplay table tr.radiobuttonimagelist {}
        .variantsdisplay table tr.radiobuttonimagelist label {margin:0;}
        .variantsdisplay table tr.radiobuttonimagelist img {height:auto; width:120px; max-width:100%; cursor:pointer; border:3px solid var(--light);}
        .variantsdisplay table tr.radiobuttonimagelist input[type="radio"] {position:absolute; left:-99999px;}
        .variantsdisplay table tr.radiobuttonimagelist input[type="radio"]:checked + label img {border:3px solid var(--orange);}
        .variantsdisplay table tr.radiobuttonimagelist tr:last-child label {margin-bottom:0;}

         /* radio button image list - RepeatLayout Orde var(--danger) List */
        .variantsdisplay table tr.radiobuttonimagelist ul,
        .variantsdisplay table tr.radiobuttonimagelist ul li {list-style:none; margin:0; padding:0;}
        .variantsdisplay table tr.radiobuttonimagelist ul {display:flex;}
        .variantsdisplay table tr.radiobuttonimagelist img {height:auto; width:100px; max-width:100%; cursor:pointer; border:3px solid var(--light);}

        /* 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 {}
        .variantsdisplay table tr.textinput td.choiceerror {}
        .variantsdisplay table tr.textinput td.choicefield {}

        /* volume discounts */
        #VolDiscounts table.table {margin-bottom:0;}
        #VolDiscounts table tr:first-child td {border-top:0;}

        /* add to cart row */
        .productcontrolspanel {line-height:1;}

	    .productcontrolspanel #wishlist {}

        /* type properties */
        ul.typedisplay {
            border-top: 1px solid  var(--light);
            margin: 0;
            padding: 0;
        }
        ul.typedisplay li {
            background: none repeat scroll 0 0 var(--white);
            border-bottom: 1px solid  var(--light);
            margin: 0;
            overflow: hidden;
            padding: .3em;
        }
        ul.typedisplay li span.productpropertylabel {
            float: left;
            width: 50%;
            font-weight: bold;
        }
        ul.typedisplay li span.productpropertyvalue {
            float: left;
            width: 50%;
        }

        /* reviews */
        .prod-rating label img {height:12px; vertical-align:unset;}
        table.tbl-reviews .ProductReview {
            background: var(--light);
            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;}


        #AddedToCartPanel {}


    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

        #rating img {height:12px;}

    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        #rating img {height:14px;}

         /*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;}*/

    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

        /* next / previous */
        .nextprev {}
	    .nextprev a {
		    display:inline-block;
		    text-decoration:none;
            color: var(--white);
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 40px;
            height: 26px;
            width: 26px;
            line-height: 26px;
            text-align: center;
            font-size:16px;
	    }
	    .nextprev a:hover {
		    background-color: rgba(0, 0, 0, 0.4);
	    }

        /* previous */
        .nextprev a:first-child {position:fixed; left:8px;}
        /* next */
        .nextprev a:last-child {position:fixed; right:8px;}

        .nextprev {text-align:right;}

        /* next / previous */
	    .nextprev a {
		    
	    }

        /* bvc2013 template */
        .template-bvc2013 h1 {font-size:1.6rem;}

        /* wide product */
        .template-wide-product h1 {font-size:1.6rem;}

        /* bvc5 choice grid */
        .template-choice-list h1 {font-size:1.6rem;}

        /* bvc5 choice grid */
        .template-bvc5-choice-list h1 {font-size:1.6rem;}

        /* arbitrary price gift certificate */
        .template-arbitrary-price-gc h1 {font-size:1.6rem;}

        /* fixed price gift certificate */
        .template-fixed-price-gc h1 {font-size:1.6rem;}

        /* common to all */
        .nextprev {/*margin-top:.5rem;*/}

        /* social */
        #SocialSharing {float:right;}
        
    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

    }


/* KITS PRODUCT TEMPLATE ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */ 

        .kit-template-list {}
        .kit-template-list h1 {font-size:1.3rem;margin-top:0;}

        /* kit components */
        .kit-template-list .components {}
        .kit-template-list .components .component {}

        /* component name */
        .kit-template-list .components .component .kitcomponentname {font-size:1.2rem; display:block; font-weight:bold; margin-bottom:.5em;}

        /* component image */
        .kit-template-list .components .component .kitcomponentimage {display:block; padding:.5em;}
        .kit-template-list .components .component .kitcomponentimage a {display:inline-block;}
        .kit-template-list .components .component .kitcomponentimage a img {max-width:160px;}

        /* kit component part */
        .kit-template-list .components .component ul.kitcomponent {
            list-style: none;
            padding-left:0;
            margin:0;
        }
        .kit-template-list .components .component ul.kitcomponent > li { /* each li is a part */
            font-weight:bold;
            padding:.5em 0 0;
            margin-top:.5em;
        }

        /* part description */
        .kit-template-list .components .component ul.kitcomponent > li .kitpart-description {
            font-weight:normal;
            padding-bottom:1em;
        }

        /* kit component part variant display */
        .kit-template-list .components .component ul.kitcomponent > li .variantsdisplay {}

        /* part product options - radiobutton list */
        .kit-template-list .components .component ul.kitcomponent > li .variantsdisplay table tr.radiobuttonimagelist img {height:auto; width:28px; max-width:100%; cursor:pointer; border:3px solid var(--light);}
        .kit-template-list .components .component ul.kitcomponent > li .variantsdisplay table tr.radiobuttonimagelist input[type="radio"]:checked + label img {border:3px solid var(--orange);}


    /* 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) {

    }


/* ADDITIONAL IMAGES ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */ 

        /* additional images */
        #AdditionalImageWrapper {position:relative;}
        #AdditionalImageWrapper a.close-x {position:absolute; right:5px; top:5px; color: var(--danger); background:var(--white); padding:5px; line-height:1; border-radius:50px;}
         #AdditionalImageWrapper a.close-x:hover {color: var(--dark);}

	    #AdditionalImageWrapper #AdditionalImageViewer {max-height:100%; height:380px; display:flex; justify-content:center; align-items:center; margin-bottom:.5rem; background:var(--dark);}
	    #AdditionalImageWrapper #AdditionalImageViewer img {max-height:100%; max-width:100%;}

	    #AdditionalImageWrapper #Caption {}
	    
	    #AdditionalImageWrapper #AdditionalImageMenu {position:fixed; bottom:0; left:0; right:0; height:120px; padding:13px; background:var(--dark); overflow-x:auto; display:flex; flex-wrap:nowrap; }
	    #AdditionalImageWrapper #AdditionalImageMenu .ImageLink input {width:auto!important; height:auto!important; max-height:70px; margin:2px;}
	    #AdditionalImageWrapper #AdditionalImageMenu + a.BVText {}

    /* 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) {

    }


/* CART / WISHLIST ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */ 

        .shippingdiscount {text-decoration:line-through;}

        .cart .cartErrorRow {border:2px solid  var(--danger);}
        .cart .cartErrorRow td {padding-left:10px; padding-right:10px;}
        .cart .cartErrorRow * {color: var(--danger);}
        .cart .cartErrorRow .cartitemdescription:after{ content:" You cannot checkout until you select options for this product.";}

        .cart .cart-count {
            padding:.5rem 1rem;
            margin:0;
        }

        /* NOTE - cartproductgrid styles are used on the cart, and the vieworder control which displays on myaccountorderdetails.aspx and reciept.aspx. */
        
        /* cart product grid */
	    .cartproductgrid {
            width:100%;
	    }
        .cartproductgrid tr {position:relative;}
        .cartproductgrid tr:nth-child(odd) {
            background:var(--white);
        }
	    .cartproductgrid tr > td {
		    vertical-align:top;
		    
	    }
	    .cartproductgrid td {padding:1.7em 1em;vertical-align:top;}

        .cartproductgrid .cartitemdescription {}

	    /* cart item - image */
	    .cartproductgrid td.cartImageColumn {
		    width:80px;
            position:relative;
            padding-right:0;
	    }
	    .cartproductgrid .cartitemimage {
            background:var(--white);
	    }

        /* cart item - info */
        .cartproductgrid .cartInfoColumn {font-size:.875rem;position:relative;}

        /* cart item - delete */
	    .cartproductgrid .cartInfoColumn .deleteitem {
		    position:absolute;
		    top:5px;
		    right:5px;
		    z-index:1;
            opacity:.3;
            width:20px;
            text-align:center;
            line-height:20px;
	    }
        .cartproductgrid .cartInfoColumn .deleteitem:hover {
            opacity:1;
        }

        /* cart item - name */
        .cartproductgrid .cartInfoColumn .cartitemname a,
        .cartproductgrid .cartInfoColumn .cartitemname {
            color: var(--dark); font-weight: bold;
        }
        .cartproductgrid .cartInfoColumn .cartitemname .cartsku {
            opacity:.5; font-weight:normal;
        }

        /* cart item - price */
        .cartproductgrid .cartInfoColumn .cartproductprice {
            
        }

        /* cart item - qty */
        .cartproductgrid .cartInfoColumn .cartqtywrapper {
            background: rgba(0,0,0, .05);
            margin-bottom:2px;
        }

        /* cart item - modifier */
        .cartproductgrid .cartInfoColumn .modifiervalue,
        .cartproductgrid .cartInfoColumn .inputvalue {
            background: rgba(0,0,0, .03);
            margin-bottom:2px;
        }
            
        /* cart item - gift wrap */
        .cartproductgrid .cartInfoColumn .giftwrapwrapper {
            background: rgba(0,0,0, .03);
            margin-bottom:2px;
        }
        .cartproductgrid .cartInfoColumn .giftwrapwrapper .giftwraplabel {
            font-weight: bold;
        }

        /* cart item - totals */
        .cartproductgrid .cartInfoColumn .cartitemtotals {
            background: rgba(0,0,0, .06);
            margin-bottom:2px;
            font-weight:bold;
        }

        /* discounted price */   
        .cartproductgrid .lineitemnodiscounts {
		    text-decoration: line-through;
            opacity:.3;
	    }

        .cartproductgrid .alert {margin-bottom:2px;}

        /* modifier values */
	    .cartproductgrid .inputvalue,
	    .cartproductgrid .modifiervalue {}
	    .cartproductgrid  .inputvalue a,
	    .cart .cartproductgrid .modifiervalue a {color: var(--dark);}
	    .cartproductgrid .inputmodifiername {font-weight:bold;}
	    .cartproductgrid .inputmodifiervalue {}
	    .cartproductgrid .inputmodifierdiscount {}

        /* kit details */
        .cartproductgrid p.kit-detail-header {font-weight:bold;margin-bottom:0;}
        .cartproductgrid p.kit-detail-header img {float:left;margin-right:5px;margin-top:5px;}
        .cartproductgrid ul.kit-detail-display {padding-left:1px;list-style:inside;}
        .cartproductgrid ul.kit-detail-display ul {padding-left:.9em;opacity:.5;list-style:none;}
	

	    /* cart continue */
	    .cart #cartactioncontinue {}
	
	    /* cart coupons */
	    .cart .coupons {}
	    .cart .coupons table {}
	    .cart .coupons table td {}
	    .cart .coupons table tr:hover td {}
	    .cart .coupons table input {float:right; width:20px; opacity:.3;}
        .cart .coupons table input:hover {opacity:1;}
		
	    /* cart totals */
	    .carttotals {}
	    .carttotals table {}
	    .carttotals table td {
		    vertical-align:top;
	    }
	    .carttotals table tr.estimatorRow td {padding:0; border:none;}
	    .carttotals table tr.estimatedTotal td {font-weight:bold;}
	    .carttotals table tr.discountsRow td + td {color: var(--green);}
	
	    /* shipping calculator table */
	    .cart .cartcontainer .carttotals table tr.estimatorRow td div.calcBox > div {position:relative; background: var(--light);}
	    .cart .cartcontainer .carttotals table td table td { border:none;}
	    #ShippingCalculatorAddress {}
	    #ShippingCalculatorMethod {}

        .cart .cartcontainer .carttotals table tr.estimatorRow td div.calcBox > div .closeBtn {position:absolute; top:5px; right:5px; width:20px;}

        /* Estimate Shipping popup */
        .popup {padding:15px;}
        ul.rates {list-style:none; margin:1em 0; padding:0;}
        ul.rates li {background:var(--white); margin:3px 0; padding:5px; font-weight:bold;}
        .addressform {background:#AAD4ED; border:1px solid var(--white);}
	    .shippingdiscount {text-decoration:line-through;}
	    /*update cart*/
	    .cart .cartcontainer .cartupdates {}
        .cart #EstimateShipping {margin-bottom:5px;}


    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        .cartproductgrid td.cartImageColumn {
			width:130px;
		}
        
        .cartproductgrid tr > td {
		    padding:1.7em;
	    }

    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

        .cartproductgrid td.cartImageColumn {
			
		}
        .carttotals .text-secondary {
            font-size: .8em;
            line-height:1;
        }

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

        /*
        .errorlist {
            margin-bottom:0;
        }
        .alert-danger a.errorlink, 
        .alert-danger a.errorlink:hover {
            color: #721c24;
            text-decoration: underline;
        }
        .alert-danger a.errorlink:hover {
            color: #C43140;
        }
        */

    }


/* 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) {

    }


/* CONTENT COLUMN EDIT LINKS ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

        a.customButton {display:none;}

	    /*used for the content column edit links when logged in*/	
	    .contentColumn a.customButton {
		    background: var(--danger) url(../../../../BVAdmin/Images/edit-icon.png) no-repeat right top;
		    color:var(--white);
		    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  var(--danger);
	    }
        .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: var(--light);
            padding-left: 30px;
            padding-top: .5em;
            padding-bottom: .5em;
            padding-right:.5em;
            cursor:pointer;
        }
        .titleToggle.opened {
            background-image: url('/images/minus.png');
            background-color:var(--white);
        }
        .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) {

    }


/* ACCOUNT PAGES ------------------------------------------------------------ */
    /*WISHLIST*/
    /*cart product grid*/
    .wishlist .cartproductgrid {
		margin-bottom: 20px;
	}
    .wishlist .cartproductgrid tr > td  {
		vertical-align: top;
        padding-top: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid #DDDDDD;
	}
    .wishlist .cartproductgrid tr:first-child td {
        padding-top: 0;
    }
 
    .wishlist .cartproductgrid .cartImageColumn {position:relative;}
    .wishlist .cartproductgrid .cartImageColumn .cartitemimage {
        margin-bottom: .5em;
    }
    .wishlist .cartproductgrid .cartImageColumn .deleteitem {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 1;
    }
    .wishlist .cartproductgrid .cartitemdescription {
        line-height:1.3;
        margin-bottom: .5em;
    }
    .wishlist .cartproductgrid .cartitemdescription .cartitemname {
        display:block;
        margin-bottom: .25em;
        font-weight:bold;
        text-transform: uppercase;
    }

    .wishlist .cartproductgrid .cartitemdescription .inputvalue,
    .wishlist .cartproductgrid .cartitemdescription .modifiervalue {
        overflow:hidden;
        border-top: 1px solid #DBDBDB;
        padding-top: .25em;
        padding-bottom: .25em;
    }
    .wishlist .cartproductgrid .cartitemdescription .inputvalue a,
    .wishlist .cartproductgrid .cartitemdescription .modifiervalue a {
        color: #555;
    }
    .wishlist .cartproductgrid .cartitemdescription .inputmodifiername {
        float:left;
        font-weight: bold;
        width: 30%;
    }
    .wishlist .cartproductgrid .cartitemdescription .inputmodifiervalue {
        float:left;
        width: 50%;
    }
    .wishlist .cartproductgrid .cartitemdescription .inputmodifierdiscount {
        float:right;
        text-align:right;
        width: 20%;
    }

    .wishlist .cartproductgrid .giftwrapwrapper {
        line-height: 1.3;
        background: var(--light);
        padding: .5em;
        border: 1px solid #DBDBDB;
    }
    .wishlist .cartproductgrid .giftwrapwrapper .giftwrapdetails {
        background: #efefef;
        padding: .5em;
        border: 1px solid #DBDBDB;
        margin-top: .3em;
    }
    .wishlist .cartproductgrid .giftwrapwrapper .giftwrapqty,
    .wishlist .cartproductgrid .giftwrapwrapper .giftwrapprice {
        line-height: 1.6;
    }

    .wishlist .cartproductgrid .cartitemtotals {
        background: #efefef;
        padding: .5em;
        border: 1px solid #DBDBDB;
        margin-top: .3em;
    }
    .wishlist .cartproductgrid .cartproductprice {
        /*float: left;
        line-height:2em;
        margin-right: .5em;*/
    }
    .wishlist .cartproductgrid .cartproductprice a {
        color: #555;
        cursor: default;
    }
    .wishlist .cartproductgrid .cartitemtotals .cartqty {
        /*float: left;
        margin-right: .5em;*/
    }
    .wishlist .cartproductgrid .cartitemtotals .cartqty input {
        margin-bottom: 0;
        float:left;
        margin-right:.5em;
    }
    .wishlist .cartproductgrid .cartitemtotals .cartqty input + span {
        float:left;
        line-height: 2em;
    }
    .wishlist .cartproductgrid .cartitemtotals .lineitemnodiscounts {
        float: right;
        line-height:2em;
        margin-right: .5em;
        text-decoration: line-through;
    }
    .wishlist .cartproductgrid .cartitemtotals .totallabel {
        float: right;
        line-height:2em;
        font-weight: bold;
    }

    /*image*/
    .wishlist .cartproductgrid td.cartImageColumn {
        width: 80px;
    }

    .wishlist .cartproductgrid .cartitemimage {
        width: 70px;
        border: 1px solid #ccc;
    }
        /*SMALL*/
        @media only screen and (min-width:768px) {
            .wishlist .cartproductgrid td.cartImageColumn {
                width:170px;
            }
            .wishlist .cartproductgrid .cartitemimage {
    	        width:150px;
            }
        }
        /*MEDIUM*/
        @media only screen and (min-width:992px) {
        }
        /*LARGE*/
        @media only screen and (min-width:1200px) {
        } 


/* RECEIPT PAGE ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

        table.table td {vertical-align:middle;}
        table.table td input {vertical-align:middle;}

    /* 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) {

    }


/* 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 {}
        .checkoutStep select.error {}
        .checkoutStep .checkoutFieldColumn1 label,
        .checkoutStep .checkoutFieldColumn2 label,
        .checkoutStep .label {}
        /*.checkoutStep label.requi var(--danger),
        .checkoutStep .requi var(--danger) {font-weight:bold!important;}*/
        .checkoutStep table {}
        .checkoutStep table td {}
        .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;
	        box-shadow:0 2px 6px rgba(68, 68, 68, 0.2);
	        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:var(--white);
	        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  var(--light);border-bottom:none;}

        /*particular steps*/

        /* shipping address / shipping method */
        .stepShippingAddress .shipping-address-wrapper {}
        .stepShippingAddress .emailaddresstext {display:block; margin-bottom:10px;}
        .stepShippingAddress .shippingMethod {}

        .stepShippingAddress .shippingMethod a.shippingterms {font-size:12px; line-height:18px !important;}	

        /* billing address */
	    .stepBillingAddress .billing-address-wrapper {}

        /* payment method */
        .stepPaymentMethod {}
        .stepPaymentMethod .paymentmethods {}
        .stepPaymentMethod .paymentmethods .method {}
        .stepPaymentMethod table {}
        .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 {}
        
        .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;	
        }

        /*  var(--danger)eem a gift certificate */
        /* gift certificate control - stock */
        .giftcertificates {}
        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 {}
	    .stepPromotionCode .coupons table {width:100%; margin-top:1em; border:1px solid  var(--light);}
	    .stepPromotionCode .coupons table td {padding:.5em .5em .5em 1em; background:var(--white);}
	    .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 {}
        .stepCreateAccount .checkoutField {}
        .stepCreateAccount div {}
        .stepCreateAccount div label {}
        .stepCreateAccount div input {}
        .stepCreateAccount div span.error {	}


        /* review your order */
        .stepReview {}

        /*.stepReview .itemTable-wrapper {}
        .stepReview table.itemTable tr.rowheader th {padding:1rem; white-space:nowrap;}
        .stepReview table.itemTable tr.tdrow td,
        .stepReview table.itemTable tr.altrow td {padding:1rem;vertical-align:top;}
        .stepReview table.itemTable tr .lineitemnodiscounts {
            text-decoration:line-through;
            opacity:.4;
            font-weight:normal!Important;
        }
        .stepReview table.itemTable tr td.one img.item-img {width:50px;}
        .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.five {}
        .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;}
        .stepReview .checkout-item-modifiers {background:blue;margin-left:65px}
        .stepReview .checkout-item-kit-display {background:red;margin-left:65px;}
        .stepReview .checkout-item-sku-name {background:green;margin-left:65px;}
        /*.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  var(--light);}

    }


    /* 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 <a> */
        /* 1 */ .sidemenu > ul > li > a {background:#e5e8e9; padding:.7rem .7rem .7rem 1rem; color: var(--dark);}
       

        /* sidemenu <a> hover */
        /* 1 */ .sidemenu > ul > li > a:hover {background:var(--white); box-shadow:none;}

        /* sidemenu <a> active branch */
        /* 1 */ .sidemenu > ul > li.activeChild > a.active {background:#DC3545; color:var(--white);}

        /* sidemenu <a> 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) {

    }


/* SIDE-NAV - CATEGORY MENU PLUS CONTENT BLOCK ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */

        /* colors 
        var(--gray)1 #e5e8e9
        var(--gray)2 #dee2e3
        var(--gray)3 #d7dadb
        var(--gray)4 #cfd3d4 */

        /* sidemenu global */
        .side-nav .categorymenuplus {margin-bottom:1rem;}
        .side-nav .categorymenuplus ul {list-style:none; margin:0; padding:0;}
        .side-nav .categorymenuplus ul li {list-style:none; margin:0; padding:0; margin-bottom:1px;}
        .side-nav .categorymenuplus ul li li {margin-bottom:0;}
        .side-nav .categorymenuplus ul li a {display:flex; justify-content:space-between; align-items:center; text-decoration:none;}
        .side-nav .categorymenuplus > ul li:first-child > a {
            box-shadow: inset 0px 4px 5px -7px rgba(68, 68, 68, 0.6);
        }
        .side-nav .categorymenuplus > ul li:last-child > a {
            box-shadow: inset 0px -3px 5px -7px rgba(68, 68, 68, 0.6);
        }

        /* sidemenu <ul> */
        /* 2 */ .side-nav .categorymenuplus > ul > li > ul {} 
        /* 3 */ .side-nav .categorymenuplus > ul > li > ul > li > ul {} 

        /* sidemenu <ul> active branch */
        /* 2 */ .side-nav .categorymenuplus > ul > li.activeChild > ul {}
        /* 3 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li > ul {}
        /* 3 */ .sidemenu > ul > li.activeChild > ul > li.activeChild > ul {}

        /* sidemenu <a> */
        /* 1 */ .side-nav .categorymenuplus > ul > li > a {background:#e5e8e9; padding:.7rem .7rem .7rem 1rem; color: var(--dark); text-transform:uppercase; letter-spacing:.12rem; font-weight:600; font-size:.85rem;}
        /* 2 */ .side-nav .categorymenuplus > ul > li > ul > li > a {background:#dee2e3; padding:.5rem .7rem .5rem 1.5rem; color:#858e97; font-size:.9rem;transition:background-color 0.2s ease; font-size:.85rem;}
        /* 3 */ .side-nav .categorymenuplus > ul > li > ul > li > ul > li > a {background:#d7dadb; padding:.5rem .7rem .5rem 2.5rem; color:#858e97; font-size:.8rem;transition:background-color 0.2s ease; font-size:.85rem;}

        /* sidemenu <a> hover */
        /* 1 */ .side-nav .categorymenuplus > ul > li > a:hover {background:var(--white); box-shadow:none;}
        /* 2 */ .side-nav .categorymenuplus > ul > li > ul > li > a:hover {background:var(--white); box-shadow:none;}
        /* 3 */ .side-nav .categorymenuplus > ul > li > ul > li > ul > li > a:hover {background:var(--white); box-shadow:none;}

        /* sidemenu <a> active branch */
        /* 1 */ .side-nav .categorymenuplus > ul > li.activeChild > a.active {background:#DC3545; color:var(--white);}

        /* 2 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li > a {background:#dee2e3;}
        /* 2 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li.activeChild > a.active {background:#DC3545; color:var(--white);}

        /* 3 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li > ul > li > a {background:#d7dadb;}
        /* 3 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li.activeChild > ul > li > a.active {background:#DC3545; color:var(--white);}

        /* sidemenu <a> hover active branch */
        /* 1 */ .side-nav .categorymenuplus > ul > li.activeChild > a:hover {background:var(--white); color: var(--dark);}

        /* 2 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li > a:hover {background:var(--white); color: var(--dark);}
        /* 2 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li.activeChild > a:hover {background:var(--white); color: var(--dark);}

        /* 3 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li > ul > li > a:hover {background:var(--white); color: var(--dark);}
        /* 3 */ .side-nav .categorymenuplus > ul > li.activeChild > ul > li.activeChild > ul > li > a:hover {background:var(--white); color: var(--dark);}


        /* Display Top Level as Headings */
        .side-nav .categorymenuplus h1,
        .side-nav .categorymenuplus h2,
        .side-nav .categorymenuplus h3,
        .side-nav .categorymenuplus h4,
        .side-nav .categorymenuplus h5, 
        .side-nav .categorymenuplus h6 {
            padding:.7rem .7rem .7rem 1rem;
            font-size:1rem;
            margin:0;
            background:var(--gray);
            color:var(--white);
            font-weight:bold;
        }

        /* Show Product Count / Show Sub-Category Count */
        .side-nav .categorymenuplus a span {
            color:var(--white); 
            background:var(--gray); 
            padding-left:.3rem; 
            padding-right:.3rem; 
            line-height:inherit;
            font-size:.7rem; 
            font-weight:normal;
            border-radius:4px;
            box-shadow: inset 1px 11px 8px -13px rgba(68, 68, 68, 0.6);
            letter-spacing: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) {

    }


/* STICKY-TOP ------------------------------------------------------------ */
    /* XS ( 1 + ) -------------------- */ 

        .card-header.sticky-top {background-color:rgba(247,247,247,1); font-weight:600; letter-spacing:.12rem;}

    /* 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) {

        /* disable */
        .card-header.sticky-top {position:relative; z-index:1;}

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

    }



/* BOOTSTRAP & OWL CAROUSEL - CUSTOM CAPTIONS */
    /* XS ( 1 + ) -------------------- */ 

        .carousel-caption.custom {
            top:0;
            bottom:0;
            left:8%;
            right:8%;
            display:flex!important;
            flex-direction:column;
            justify-content:center; /* center y */
            align-items:center; /* center x */
        }


    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {

        
    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {

        .carousel-caption.custom {
            left:15%;
            right:15%;
        }     
        /* billboard text on left */
        /*.carousel-caption.custom.start {
            align-items:flex-start;*/ /* left x */
            /*right:55%;
            text-align:left;
        }*/

        /* billboard text on right */
        .carousel-caption.custom.end {
            align-items:flex-start; /* left x */
            left:55%;
            text-align:left;
        }  



    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {

    }


/* BOOTSTRAP & OWL CAROUSEL - FLOOD SCREEN */
    /* XS ( 1 + ) -------------------- */ 

        .flood .carousel-item {height:100vh; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position: center center;}
        .flood .carousel-item .carousel-caption.start {text-align:left;}
        .flood .carousel-item .carousel-caption.end {text-align:left;}

        /* clear the height of the header */
        .flood .carousel-caption.custom {top:80px;}

    /* SM ( 576 + ) -------------------- */
    @media only screen and (min-width:576px) {
        
    }


    /* MD ( 768 + ) -------------------- */
    @media only screen and (min-width:768px) {
        
        /* clear the height of the header */
        .flood .carousel-caption.custom {top:45px;}        

    }


    /* LG ( 992 + ) -------------------- */
    @media only screen and (min-width:992px) {

        .flood .carousel-caption.custom {top:0;}  

    }


    /* XL ( 1200 + ) -------------------- */
    @media only screen and (min-width:1200px) {
 

    }

/* LIST OF KIT ITEMS REMOVED - ADDED TO CART ERROR MESSAGE ------------------------------------------- */
    /* XS ( 1 + ) -------------------- */ 

        ul.errorlist {
            margin-bottom: 0;
            margin-top: .5em;
            padding-left:0;
            list-style:none;
        }
        ul.errorlist a.errorlink {
            color: var(--red);
        }

    /* 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 1 */
    .home-layout-1 {}

/* HOME 2 */
    .home-layout-2 {}

/* HOME 3 */
    .home-layout-3 {}

/* HOME 4 */
    .home-layout-4 {}

/* HOME 5 */
    .home-layout-5 {}

 
@media print {
    body {margin:0; padding:0;}
    .adminbar,
    #to-top,
    .hide-for-print {
        display:none!important;
    }
    
    a.logo {width:200px;}

    /* boostrap container */
    .container {width:auto!important;}
}



