/*--------------------- GLOBAL  -------------------*/
html {margin: 0 auto; padding: 0;  font-size: 14px; }
#div__header {}
#div__body {width: 100%; max-width: 1200px; margin: 0 auto;    }
#div__footer {}

#div__header td, #div__header th {padding-left: 0; padding-right: 0;}


div#main div.checkout-layout-breadcrumb {display: none; }
div#main #order-wizard-showshipments-instructions-div {display: none; }




#cartLoadingDiv {padding: 100px; height: 150px; text-align: center; font-size: 18px; color: var(--white); line-height: 1.4em }
@media screen and (max-width:767px) {
	#cartLoadingDiv {padding: 50px; }
}

div#main input[type="text"], div#main input[type="password"], div#main input[type="email"], div#main input[type="tel"], div#main input[type="search"], div#main input[type="date"], div#main input[type="number"] {  border: 1px solid var(--lightblue);   }

div#main h1, div#main .large-title, div#main .large-title-navigable, div#main .large-title-viewonly, div#main .large-price, div#main h1.cart-title, div#main .cart-detailed-title {font-size: 2rem;}


/* overwrite messed up NetSuite main styles */
div#main select {height: auto; }
div#main textarea, div#main input[type=text], div#main input[type=password], div#main input[type=datetime], div#main input[type=datetime-local], div#main input[type=date], div#main input[type=month], div#main input[type=time], div#main input[type=week], div#main input[type=number], div#main input[type=email], div#main input[type=url], div#main input[type=search], div#main input[type=tel], div#main input[type=color], div#main .uneditable-input {height: 32px}
div#main textarea {width: 100%; min-width: auto; }

.button-medium, .list-header-button, div#main .address-details-select-address, div#main .address-edit-form-button-submit, div#main .creditcard-edit-form-button-submit, div#main .address-edit-form-button-cancel, div#main .creditcard-edit-form-button-cancel, div#main .address-edit-form-button-reset, div#main .creditcard-edit-form-button-reset, div#main .reorder-items-actions-add-to-cart, div#main .cart-promocode-form-summary-button-apply-promocode, div#main .cart-quickaddtocart-button, div#main .cart-summary-button-estimate, div#main .creditcard-use-this-card-button, div#main .error-management-generic-logout-close-button, div#main .error-management-logged-out-close-button, div#main .global-views-confirmation-confirm-button, div#main .global-views-confirmation-cancel-button, div#main .order-wizard-address-module-new-button, div#main .order-wizard-msr-addresses-module-new-button, div#main .order-wizard-register-guest-module-button-toggle-create-account, div#main .order-wizard-paymentmethod-creditcard-module-add-new-credit-card-button, div#main .order-wizard-paymentmethod-giftcertificates-module-form-submit, div#main .order-wizard-msr-package-creation-button-create, div#main .order-wizard-msr-removed-promocodes-confirmation .global-views-confirmation-confirm-button {
padding: 10px 20px; padding: 10px 5px; letter-spacing: 0.5px; font-size: 1rem; width: auto; text-align: center; line-height: 1;   Zheight: 32px}



ZZ#div__header div.collapse.navbar-collapse {display: none; visibility: visible;}
ZZdiv#main .navbar-collapse.collapse {visibility: visible !important; overflow: visible !important; }
ZZ#div__footer div.collapse.navbar-collapse {display: none; visibility: visible;}

ZZ#div__header div.collapse.navbar-collapse.in {display: none; visibility: visible;}
ZZ#div__footer div.collapse.navbar-collapse.in {display: none; visibility: visible;}



/* BUTTONS */
.btn-large .btn-continue {}

/* primary */
div#main button.btn-primary, 
div#main button.btn-large, 
div#main button.btn-continue,
div#main a.cart-detailed-proceed-to-checkout,
div#main a.cart-detailed-proceed-to-checkout:active,
div#main a.cart-summary-button-proceed-checkout.cart-summary-button-proceed-checkout-sb,
div#main a.cart-summary-button-proceed-checkout.cart-summary-button-proceed-checkout-sb:active,
div#main button.login-register-login-submit,
div#main button.login-register-checkout-as-guest-submit,
div#main button.login-register-register-form-submit,
div#main .wizard-step-button-continue, 
div#main .order-wizard-step-button-continue,
div#main .order-wizard-submitbutton-module-button,
div#main a.order-wizard-confirmation-module-download-pdf
{color: var(--white); text-align: center; font-size: 18px; padding: 12px 15px; border: solid var(--green) 1px; border-radius: 12px; width: 100%; max-width: 300px;
 background-color: var(--green); margin-bottom: 10px;  font-weight: bold;
}


/* primary - hover */
div#main button.btn-primary:hover, 
div#main button.btn-large:hover, 
div#main button.btn-continue:hover,
div#main a.cart-detailed-proceed-to-checkout:hover,
div#main a.cart-summary-button-proceed-checkout.cart-summary-button-proceed-checkout-sb:hover,
div#main button.login-register-login-submit:hover,
div#main button.login-register-checkout-as-guest-submit:hover,
div#main button.login-register-register-form-submit:hover,
div#main .wizard-step-button-continue:hover, 
div#main .order-wizard-step-button-continue:hover,
div#main .order-wizard-submitbutton-module-button:hover,
div#main a.order-wizard-confirmation-module-download-pdf:hover
{	color: var(--green); background-position: 0 0; font-size: 18px; padding: 12px 15px; border: solid var(--green) 1px; 
	background-color: var(--white);
}

/* primary - active */
div#main button.btn-primary:active, 
div#main button.btn-large:active, 
div#main button.btn-continue:active,
div#main a.cart-detailed-proceed-to-checkout:active,
div#main a.cart-summary-button-proceed-checkout.cart-summary-button-proceed-checkout-sb:active
div#main button.login-register-login-submit:active,
div#main button.login-register-checkout-as-guest-submit:active,
div#main button.login-register-register-form-submit:active,
div#main .wizard-step-button-continue:active, 
div#main .order-wizard-step-button-continue:active,
div#main .order-wizard-submitbutton-module-button:active,
div#main a.order-wizard-confirmation-module-download-pdf:active
{	color: var(--white); text-align: center; font-size: 18px; padding: 12px 15px; border: solid var(--green) 1px; border-radius: 12px; width: 100%; max-width: 300px;
	margin-bottom: 10px;  font-weight: bold;
	background-color: var(--green);
}







/* secondary */
div#main button.order-wizard-step-button-back,
div#main a.order-wizard-confirmation-module-continue,
div#main a.cart-summary-continue-shopping
{	color: var(--darkgrey); padding: 10px 10px; border: solid #CCCCCC 1px; border-radius: 12px; width: 100%; font-weight: normal; text-align: center; letter-spacing: 1px; font-size: 16px; max-width: 300px;
	background-color: #dbdbdb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#cecece));
	background-image: -webkit-linear-gradient(top, #e9e9e9, #cecece);
	background-image: -moz-linear-gradient(top, #e9e9e9, #cecece);
	background-image: -ms-linear-gradient(top, #e9e9e9, #cecece);
	background-image: linear-gradient(top, #e9e9e9, #cecece);
	border: solid var(--darkgrey) 1px; border: none; 
}


/* secondary - hover */
div#main button.order-wizard-step-button-back:hover,
div#main a.order-wizard-confirmation-module-continue:hover,
div#main a.cart-summary-continue-shopping:hover
{
	background-color: #AAAAAA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#AAAAAA));
	background-image: -webkit-linear-gradient(top, #AAAAAA, #AAAAAA);
	background-image: -moz-linear-gradient(top, #AAAAAA, #AAAAAA);
	background-image: -ms-linear-gradient(top, #AAAAAA, #AAAAAA);
	background-image: linear-gradient(top, #AAAAAA, #AAAAAA);
}


/* secondary - active */
div#main button.order-wizard-step-button-back:active,
div#main a.order-wizard-confirmation-module-continue:active,
div#main a.cart-summary-continue-shopping:active
{ 	background-color: #AAAAAA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#AAAAAA));
	background-image: -webkit-linear-gradient(top, #AAAAAA, #AAAAAA);
	background-image: -moz-linear-gradient(top, #AAAAAA, #AAAAAA);
	background-image: -ms-linear-gradient(top, #AAAAAA, #AAAAAA);
	background-image: linear-gradient(top, #AAAAAA, #AAAAAA);
}






div#main button.login-register-checkout-as-guest-button-show {
color: var(--white); padding: 10px 10px; border: solid var(--orange) 1px; border-radius: 12px; width: 100%; font-weight: normal; text-align: center; letter-spacing: 1px; font-size: 16px; max-width: 300px; font-weight: bold; background-color: var(--orange);
}

div#main button.login-register-checkout-as-guest-button-show:hover {
background-color: var(--white);  color: var(--orange); 
}

div#main button.login-register-checkout-as-guest-button-show:active {
color: var(--white); padding: 10px 10px; border: solid var(--orange) 1px; border-radius: 12px; width: 100%; font-weight: normal; text-align: center; letter-spacing: 1px; font-size: 16px; max-width: 300px; font-weight: bold; background-color: var(--orange);
}



/* back */
div#main button.btn.btn-large.pull-right.btn-back, div#main button.btn.btn-large.btn-back, a.cart-summary-continue-shopping, button.apply-button { color: var(--darkgrey); font-size: 15px; 
	background-color: #dbdbdb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#cecece));
	background-image: -webkit-linear-gradient(top, #e9e9e9, #cecece);
	background-image: -moz-linear-gradient(top, #e9e9e9, #cecece);
	background-image: -ms-linear-gradient(top, #e9e9e9, #cecece);
	background-image: linear-gradient(top, #e9e9e9, #cecece);
}
div#main button.btn.btn-large.pull-right.btn-back:hover, div#main button.btn.btn-large.btn-back:hover, a.cart-summary-continue-shopping:hover, button.apply-button:hover {background-position: 0 0;
background-color: #e1e1e1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #e1e1e1, #e1e1e1);
background-image: -moz-linear-gradient(top, #e1e1e1, #e1e1e1);
background-image: -ms-linear-gradient(top, #e1e1e1, #e1e1e1);
background-image: linear-gradient(top, #e1e1e1, #e1e1e1);
}



/*  fixes NS button color error  */
div#main button.btn-primary:hover, 
div#main button.btn-large:hover, 
div#main button.btn-continue:hover, 
div#main a.btn-primary:hover,
div#main button.btn-primary:focus, 
div#main button.btn-large:focus, 
div#main button.btn-continue:focus, 
div#main a.btn-primary:focus  { background-position: 0 0; }


















/*--------------------- CART  -------------------*/

div#main .global-views-breadcrumb {display: none; }

div#main h1.cart-title, div#main .cart-detailed-title {font-weight: bold;  color: var(--grey); margin-top: -20px; margin-bottom: 10px }
div#main small.cart-title-details-count, 
div#main small.cart-detailed-title-details-count { text-shadow: none; font-size: 14px; color: var(--orange); font-weight: normal; color: #B0015e}



div#main div.cart-detailed-body {}
div#main .cart-left,  div#main .cart-detailed-left, div#main .cart-empty {width: 66%}
div#main .cart-right, div#main .cart-detailed-right {width: 33%}



/* items */
div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-first  {padding: 10px 5px; display: table-cell; float: none; width: 20%;    }
div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-middle {padding: 10px 5px 10px 10px; display: table-cell; float: none; width: 61%;    }
div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-last   {padding: 10px 5px; display: table-cell; float: none; width: 13%; padding-bottom: 20px; vertical-align: bottom; text-align: right;       }

div#main table.cart-detailed-item-view-cell-actionable-table tr td.cart-lines-table-first,
div#main table.cart-detailed-item-view-cell-actionable-table tr td.cart-lines-table-middle,
div#main table.cart-detailed-item-view-cell-actionable-table tr td.cart-lines-table-last   
{background-color: var(--white); border: solid var(--white) 1px; border-width: 1px 0px 1px 0px; border-color: var(--white) var(--white) #DDDDDD var(--white); }

div#main table.cart-detailed-item-view-cell-actionable-table tr td.cart-lines-table-middle {padding-top: 15px; }
div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-middle .cart-lines-name {display: block; margin: 0 0 5px 0; }
div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-middle .cart-lines-middle-left  {display: inline-block; width: 45%; vertical-align: top;  text-align: left;   }
div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-middle .cart-lines-middle-right {display: inline-block; width: 55%; vertical-align: top; text-align: center;  }
div#main input.cart-item-summary-quantity-value, div#main input[type="number"].cart-item-summary-quantity-value { width: 50px; height: 40px; display: inline-block; padding-left: 5px; padding-right: 5px; text-align: center; font-size: 16px   }


div#main .cart-lines-name-link {font-size: 1.3rem}
div#main .transaction-line-views-cell-actionable-input-qty, 
div#main .cart-item-summary-item-list-actionable-input-qty {margin-bottom: 2px; }
div#main .cart-item-summary-item-list-actionable-amount {margin-top: -10px; }
div#main .cart-item-summary-item-list-actionable-container-qty .cart-item-summary-item-list-actionable-label-qty,
div#main .cart-detailed .cart-item-summary-item-list-actionable-amount-label, 
div#main div.cart-lines-summary b {color: #707070; font-weight: normal; }
div#main div.cart-lines-summary b {padding-top: 8px; }


div#main .cart-item-actions-links {}
div#main a.cart-item-actions-item-list-actionable-edit-content-remove {font-size: 12px; padding: 6px 8px 6px 8px; height: auto; margin: 0 auto 0 auto; display: block; text-align: center; border: solid #AAAAAA 1px; border-radius: 16px; color: #AAAAAA; }
div#main a.cart-item-actions-item-list-actionable-edit-content-remove:hover { color: var(--blue); border: solid var(--blue) 1px; }


div#main .cart-lines-price .transaction-line-views-price-lead,
div#main .transaction-line-views-price-lead {color: var(--orange); font-size: 1.2rem; }
div#main .cart-confirmation-modal-sku-label, div#main .transaction-line-views-cell-actionable-expanded-sku-label, div#main .transaction-line-views-cell-navigable-actionable-sku-label, div#main .transaction-line-views-cell-navigable-sku-label, div#main .product-line-sku-label, .sc-sku-value, div#main .cart-confirmation-modal-sku-value, div#main .transaction-line-views-cell-actionable-expanded-sku-value, div#main .transaction-line-views-cell-navigable-actionable-sku-value, div#main .transaction-line-views-cell-navigable-sku-value, div#main .product-line-sku-value { font-size: 1.1rem; }

div#main .cart-item-summary-item-list-actionable-label-qty {}
div#main .cart-item-summary-quantity-value {}
div#main .cart-item-summary-item-list-actionable-amount-label {display: inline-block; width: 70px; text-align: left; }


/* summary */
div#main .cart-summary-item-quantity-subtotal {font-weight: 400; text-transform: lowercase; font-size: 90%; }
div#main .cart-summary-subtotal-legend {font-size: .85rem; margin: -10px 5px 15px 5px; text-align: center; }
div#main div.cart-summary-btn-paypal-express {display: none; }






/*--------------------- CHECKOUT  -------------------*/

div#main .order-wizard-step-review-main, div#main .order-wizard-step-content-main, div#main .order-wizard-step-actions {width: 66%}
div#main .order-wizard-step-review-secondary, div#main .order-wizard-step-content-secondary {width: 33%}

div#main .login-register-login-forgot {display: block; margin-top: 5px; text-align: center; }


div#main div.orDiv {text-transform: uppercase; text-align: center; font-size: 18px; margin: 15px; width: 270px; }


div#main #credit-card-message {width: 47%; vertical-align: top; float: right; line-height: 1.4em; }
div#main #credit-card-message {display: none; }
div#main .order-wizard-paymentmethod-creditcard-module.inline-msg .order-wizard-paymentmethod-creditcard-module-selected-card {display: inline-block; vertical-align: top; width: 50%; }
div#main .order-wizard-paymentmethod-creditcard-module.inline-msg #creditcard-module-list-placeholder {display: inline-block; vertical-align: top; width: 50%; }
div#main .order-wizard-paymentmethod-creditcard-module.inline-msg .order-wizard-paymentmethod-creditcard-module-form {display: inline-block; vertical-align: top; width: 50%; }
	

div#main .order-wizard-showshipments-module-shipping-details-items {width: 49.5%}
div#main .order-wizard-showshipments-module-shipping-details-address  {width: 49.5%}

div#main #delivery-options {}
div#main #shipMethodDiv.half {}
div#main #covidShipMsg {display: inline-block; vertical-align: top; width: 100%; padding: 10px 0 0 0}

div#main div#freeShipMsg {width: 100%;  font-weight: bold; padding: 10px 10px 0 10px;}
div#main div#freeShipMsg2 {width: 100%; font-weight: bold;  }
div#main #covidShipMsg {width: 100%; padding-top: 10px; }

div#main p#mexItemMsg { color: var(--burgundy);  font-size: 16px; font-weight: bold; }
div#main div#intlShippingMsg {}
div#main div#intlShippingMsg p {margin-top: 8px; line-height: 1.3rem; font-size: 1rem; }

div#main button.order-wizard-submitbutton-module-button { max-width: 100%; }


div#main div#subbTotal,
div#main div#curShippingMethod,
div#main div#shipInfo {display: none; }

div#main .order-wizard-cartitems-module-ship-accordion-head,
div#main .order-wizard-cartitems-module-ship-dropdown {display: none; }
div#main .order-wizard-cartitems-module-ship-accordion-body {border-top: 1px; border-width: 1px 1px 1px 1px; border: 1px solid var(--lightblue); }


/* taken from NS and updated april 2021 */
@media (min-width: 768px) {
    .container, .nav-search-content, #main .checkout-layout-content, #main .cart, #main .cart-detailed, #main .error-management-forbidden-error, #main .error-management-internal-error, #main .error-management-page-not-found {
       width: 100%; max-width:750px
    }
}

@media (min-width: 992px) {
    .container, .nav-search-content, #main .checkout-layout-content, #main .cart, #main .cart-detailed, #main .error-management-forbidden-error, #main .error-management-internal-error, #main .error-management-page-not-found {
        width: 100%; max-width:970px
    }
}

@media (min-width: 1200px) {
    .container, .nav-search-content, #main .checkout-layout-content, #main .cart, #main .cart-detailed, #main .error-management-forbidden-error, #main .error-management-internal-error, #main .error-management-page-not-found {
        width: 100%; max-width:1170px
    }
}



div#main #link-cases {display: none; }




/* captcha */
#captchaDiv, #captchaDiv2  { margin: 0; padding: 0; }
#captchaCont, #captchaCont2 {position:relative; width: 100%; max-width: 290px; margin: 0 auto 0 0;  } 
button#refreshBtn, button#refreshBtn2 { font-size: 11px; width: 80px; height: 28px; position: absolute; right: 0px; bottom: 1px; border-radius: 8px; text-align: center; padding: 3px 2px; background: #DDDDDD; border: solid #CCCCCC 1px; }
#captchaCont span, #captchaCont2 span {line-height: 20px; display: inline-block; vertical-align: top; margin-top: 14px; }
canvas#captchaC, canvas#captchaC2 {  }
input#textBox, input#textBox2 {border: 1px solid #7F7EB7; height: 40px; padding-left: 20px; background-color: var(--white); font-size: 16px; color: var(--darkgrey); width: 180px; margin: 3px auto 0 0; }




ZZZZdiv#main a#shiplink880 {display: none !important; }









/* ----------- My Account ----------- */
div#main div.layout-container.modal-open {}
div#main div.layout-container.modal-open .modal.fade.in {  }
div#main div.layout-container.modal-open .modal.fade.in .modal-backdrop.fade.in {}
div#main div.layout-container.modal-open .modal.fade.in .modal-dialog.global-views-modal {z-index: 2000;  }

div#main a#link-emailpreferences {display: none; }




div#main .overview-home-orders-list-table th {color: white; }



@media screen and (max-width:1080px) { /* iPad landscape */

	
}
@media screen and (max-width:990px) {

	
}
@media (min-width: 992px) { 
	
}
@media screen and (max-width:840px) { /* iPad portrait */

	div#main #shipMethodDiv.half {display: block; width: 99%}
	div#main #covidShipMsg {display: block; vertical-align: top; width: 99%; padding: 5px 20px}
	div#main div#freeShipMsg {width: 100%; padding: 5px 20px}
}

@media screen and (max-width:767px) {  /* iPhone 8+ & 8 */ 

	div#main .cart-left,  div#main .cart-detailed-left, div#main .cart-empty {width: 100%}
	div#main .cart-right, div#main .cart-detailed-right {width: 100%}
	
	div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-middle .cart-lines-middle-left  {width: 100%}
	div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-middle .cart-lines-middle-right {width: 100%; text-align: left; }
	
	div#main table.cart-detailed-item-view-cell-actionable-table td.cart-lines-table-last {padding-bottom: 60px;  }
	div#main .cart-lines-name-link {font-size: 1.1rem; }
	
	div#main a.cart-item-actions-item-list-actionable-edit-content-remove.mobile {padding: 5px 14px; border-radius: 15px; color: #999999; border-color: #999999; font-size: 18px;}
	
	
	/* testing 123 */
	div#main table.cart-detailed-item-view-cell-actionable-table tr td.cart-lines-table-first {display: inline; width: 83%; border-bottom: none; text-align: center; padding: 10px 0 0 0; }
	div#main table.cart-detailed-item-view-cell-actionable-table tr td.cart-lines-table-middle {width: 83%; padding-top: 5px; }
	
	
	

	div#main .order-wizard-step-review-main, div#main .order-wizard-step-content-main, div#main .order-wizard-step-actions {width: 100%}
	div#main .order-wizard-step-review-secondary, div#main .order-wizard-step-content-secondary {width: 100%}
	
	div#main .order-wizard-showshipments-module-shipping-details-items {width: 100%}
	div#main .order-wizard-showshipments-module-shipping-details-address   {width: 100%}
	
	
	div#main #shipMethodDiv.half {display: block; width: 99%}
	div#main #covidShipMsg {display: block; vertical-align: top; width: 99%; padding: 5px 20px}
	div#main div#freeShipMsg {width: 100%; padding: 5px 20px}
	
	div#main select.order-wizard-paymentmethod-selector-module-options {width: 80%; max-width: 250px}
	
	
	div#main #credit-card-message {width: 98%; }
div#main .order-wizard-paymentmethod-creditcard-module.inline-msg .order-wizard-paymentmethod-creditcard-module-selected-card {width: 98%; }
	
	/* buttons width */
	div#main button.btn-primary, 
	div#main button.btn-large, 
	div#main button.btn-continue,
	div#main a.cart-detailed-proceed-to-checkout,
	div#main a.cart-detailed-proceed-to-checkout:active,
	div#main a.cart-summary-button-proceed-checkout.cart-summary-button-proceed-checkout-sb,
	div#main a.cart-summary-button-proceed-checkout.cart-summary-button-proceed-checkout-sb:active,
	div#main button.login-register-login-submit,
	div#main button.login-register-checkout-as-guest-submit,
	div#main button.login-register-register-form-submit,
	div#main .wizard-step-button-continue, 
	div#main .order-wizard-step-button-continue,
	div#main .order-wizard-submitbutton-module-button,
	div#main a.order-wizard-confirmation-module-download-pdf,
	div#main button.login-register-checkout-as-guest-button-show,
	div#main button.order-wizard-step-button-back,
	div#main a.order-wizard-confirmation-module-continue,
	div#main a.cart-summary-continue-shopping { max-width: 100%}
	
}


 /* For hiding gift certificate */ 
div#main div.order-wizard-paymentmethod-giftcertificates-module { }