/* Custom styles */
.siteclosed {text-align:center; padding:5%; margin:5% auto; border:3px solid #2C6592;} 
.addr-panel.stnd {display:block;}
.addr-panel.staff {display:none;}
.addr-panel.staff input, .addr-panel.staff select {padding: 3px; margin: 1px 0; border: solid 1px #CCCCCC; border-radius: 3px;}
.addr-panel.staff input[type='text'] {width:90%;}

.brand-usp {height:65px;overflow:hidden;}
.brand-usp .usp-panel {width:90%; text-align:left; padding:0 0 3px 50px; min-height:50px; box-sizing:border-box; cursor:pointer;}
.brand-usp .usp-panel h2 {text-transform: uppercase;padding:0; margin:0;}
.brand-usp .usp-panel p, .brand-usp .usp-panel p a {padding:0; margin:0; font-size:9pt; color: #999; text-decoration:none;}
.brand-usp .usp-panel.brand-times {border-right: solid 1px #CCC; background: url('/content/1/skin/usp-clock.png') no-repeat left top;}
.brand-usp .usp-panel.brand-delivery {border-right: solid 1px #CCC; background: url('/content/1/skin/usp-van.png') no-repeat left top;}
.brand-usp .usp-panel.brand-about {border-right: none; background: url('/content/1/skin/usp-qmark.png') no-repeat left top;}

.tnsub ul li, .tnsub ul li a {cursor:pointer;}
.tnsub ul .tnsub4, .tnsub4 {width:95% ;display:none;padding: 10px ; box-sizing:border-box; background: #FFF; margin: 2px 0 10px 0 ;}

.popcart {position:fixed; z-index:999; width:60%; max-width:900px; background:#FFF; border:solid 2px #333; padding:20px;}
.bskt-addons-outer {width:100%;padding:5px;margin: 20px 0px 5px 0px;border:solid 1px #CCC; border-radius:3px;box-sizing:border-box;}
.bskt-addons-outer-title {padding:5px;width:100%;background:#EEEEEE;font-weight:700;box-sizing:border-box;}
.bskt-addons-outer-text {}
.bskt-addons {clear:left; overflow:auto;width:100%; margin:10px 0;}
.bskt-addon {clear:left;padding:3px 0;border:solid 1px #CCC; border-left:0;border-right:0;overflow:auto;}
.bskt-addon-img {float:left; margin:0 1% 0 0; width:10%; position:relative;}
.bskt-addon-img img {width:100%;}
.bskt-addon-img .onspecial-overlay {width:60px; height:70px;}
.bskt-addon-img .onspecial-text {font-size:8pt;padding:3px 0 0 0;}
.bskt-addon-details {float:left;width:85%;}
.addon-sku-text {font-weight:600;margin:0 0 5px 0;}
.addon-sku-text h3 {font-weight:700;font-size:12pt;}
.addon-price {font-weight:700;font-size:12pt;margin: 0 0 5px 0;}
.addon-was {font-weight:300;font-size:12pt;}
.addon-now {font-weight:700;font-size:12pt;color:#CC0000;}
.addon-qty {width:25px;margin: 0 0 5px 0;}
.addon-info {width:20px;height:20px;margin:0 0 5px 0;}
.addon-title-required {color:#CC0000;}
.spg-desc {width:100%;text-align:left;padding: 20px 0; box-sizing: border-box; height:130px; overflow:hidden;}
.spg-info {position:relative; width:100%;text-align:right;padding: 5px 0; box-sizing: border-box; height:20px;}

.popinfo-window {position:absolute; z-index:999; width:60%; max-width:900px; background:#FFF; border:solid 2px #333; padding:20px; display:none;}
.anchor:target {float:none; clear:both; display: block; position: relative; height: 80px; }

#popcartsummary {display:none; width:100%;position:absolute; top:30px;z-index:999;}
.popcartsummary {width:auto; float:right; background:#FFF; border:solid 1px #2C6592; padding:20px;}
.cart-summary {width:100%;box-sizing:border-box;}
.cart-summary table {border-top:solid 1px #CCC;}
.cart-summary td {vertical-align:top;font-size:10pt;}
.cart-summary td h3 {font-size:11pt; font-weight:700; color:#2C6592;}
.cart-summary tr.row td {border-bottom:solid 1px #CCC; font-size:10pt;}
.cart-summary td.cart_title {padding:0; width:auto; text-align:left; font-size:10pt;}
.cart-summary td.cart_title h3, .cart-summary td.cart_title h3 a {padding:0; margin:0; text-align:left; font-size:10pt; font-weight:700;}
.cart-summary td.cart_quantity {padding:0; width:auto; text-align:center; font-size:10pt; }
.cart-summary td.cart_photo {height:30px; width:30px;}
.cart-summary td.cart_photo img{width:100%; max-height:30px;}
.cart-summary td.cart_total {padding:0; width:auto; text-align:right; font-size:10pt; font-weight:700;}

b {font-weight:800;}
.welcome-message {clear:both; margin:20px 0; box-sizing:border-box;}
.floatleft {float:left;}
.your-price {color:#2C6592;}


.ntab-box {background:#EFEFEF;padding:10px;  width:93%; box-sizing:border-box;}
.ntabs {
    display: flex;
    flex-wrap: wrap; // make sure it wraps
}
.ntabs label {
    order: 1; // Put the labels first
    display: block;
    padding: 10px;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #E1E1E1;
    font-weight: bold;
    transition: background ease 0.2s;
}
.ntabs .ntab {
    order: 99; // Put the tabs last
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background: #fff;
    box-sizing:border-box;
}
.ntabs input[type="radio"] {
    display: none;
}
.ntabs input[type="radio"]:checked + label {
    background: #fff;
}
.ntabs input[type="radio"]:checked + label + .ntab {
    display: block;
}

@media (max-width: 45em) {
.ntab-box {background:#EFEFEF; padding:10px; width:98%; box-sizing:border-box; margin:0 0 20px 0;}
    .ntabs .ntab,
    .ntabs label {
        order: initial;
    }
    .ntabs label {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }
}