/*

Theme Name: Get WorkGear front end
Description: Get WorkGear front end
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.0.0.4

*/

@charset "UTF-8";

.checkout-fw-wrap .infowrap { max-width:calc(50% - 68px); }

html, body {  background:#e4e8e8; color:#000; font-family:'Montserrat', sans-serif; display:table; font-size:15px; height:100%; margin:0; overflow-x:hidden; padding:0; width:100%; }

img { border:none; display:block; height:auto; max-width:100%;}

h1 { color:#464949; font-size:30px; font-weight:400; line-height:36px;  margin:0; padding:0 0 10px 0;}
h2 { color:#464949; font-size:18px; margin:0 0 5px 0; padding:0;}
h3 { color:#464949; font-size:16px; margin:0 0 5px 0; padding:0;}
h4 { color:#464949; font-size:15px; font-weight:600; margin:5px 0; padding:0;}
h5 { color:#464949; font-size:14px; font-weight:600; margin:0 0 4px 0; padding:0;}
h6 { font-size:0.9em; font-weight:500; margin:0 0 5px 0; padding:0;}

p { color:#464949; font-size:14px; line-height:22px; margin:0 0 8px 0;}

h4 ~ p { margin-top:-7px;}
h2 ~ p { margin-top:0; }
h1 ~ h6 { margin:-8px 0 12px 2px;}
h1 ~ h6 { margin:-8px 0 12px 2px;}
h3 ~ h6 { margin-top:-5px;}

a:link, a:visited { color:#00afc4; text-decoration:none;}
a:hover, a:active { color:#e55100; transition:0.3s;}
a.phone {color:#00afc4; font-size:24px; }

hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #b7c1c4; height:1px; margin:30px 0; }

.floatl { float:left; margin:0 5px 5px 0;}
.clear { clear:both;}

.h1wrap { display:flex; align-items:flex-start; gap:0; }

#header { background:url(/images/frontend/header-bg.png?v=202602160853) top center no-repeat; height:250px; position:relative;  }
#user-idw { float:left; padding:36px 0;}
#brand { float:left; height:110px; padding:0; position:relative; width:200px; }
#brand img { margin:auto; max-height:100%; max-width:100%; position:absolute; top:0; bottom:0; left:0; right:0; vertical-align:middle;} 
#account { border-left:1px solid #a5a5a5; float:left; margin:0 0 0 30px; padding:12px 30px; }
#account p { font-size:14px; font-weight:400; line-height:18px; margin:0 0 4px 0; padding:0;}
#account p strong { display:block; font-size:18px; font-weight:500; line-height:22px;}
#account p span { display:block;}
#account p a:link { font-size:13px; }
#cart-client-wrap { background:url(/images/frontend/cart-client-bg.png?v=202602160853) no-repeat; height:203px; position:absolute; left:50%; margin-left:400px; top:90px; width:600px; z-index:7; }
.cart { height:50px; margin:0; position:absolute; top:76px; left:120px; width:135px; }
.cart a:link, .cart a:visited { color:#464949; display:block; height:52px; line-height:16px; padding:8px 0 0 60px;}
.cart a:active, .cart a:hover { color:#e55100; }
.cart a:before { background:url(/images/icons.png?v=202602160853) -90px -80px no-repeat; content:""; display:block; position:absolute; top:0; left:0; height:50px; width:55px; }
.cart.full  a:before { background-position: -10px -80px}
#client { position:absolute; top:40px; left:280px; height:125px; width:200px; }

#client-no-logo { border-left:1px solid #a5a5a5; display:table-cell; position:absolute; top:76px; left:280px; padding:0; width:200px; vertical-align:middle; }
#client-no-logo p { margin:0; padding:10px 0 10px 20px; vertical-align:middle;}

.contentw { overflow:visible; margin:auto; max-width:1800px; position:relative;}
#content { background:#fff; clear:both; padding:0 0 80px 0; position:relative;}
#copyright { background:#def6f1; border-top:3px solid #fff; font-size:0.8em; padding:25px 5%; text-align:center;}

#employeeseditform p strong{ display:block;}


/* Guest mods */
#guest-body #user-idw { padding:20px 0;}
#guest-body #brand { height:130px; padding-top:20px; width:320px; }
.no-allocation .op-group { padding:45px 0 0 0; }
.no-allocation .op-group .op-category-title { height:65px; margin:-55px 0 0 0;}

/* Order product page */
.contentw h1 small { font-size:14px; display:block; line-height:16px;}
.contentw h1 { max-width:calc(100% - 300px);}
.contentw #col-dash-1 h1 { width:auto;}

#breadcrumbs { color:#464949; font-size:12px; padding:0 0 5px 0; }

#sizeguidediv { background:#00afc4; border-radius:6px; padding:0; position:relative; left:-5px; top:-30px; z-index:1;}
#sizeguidediv:active, #sizeguidediv:hover { background:#e55100;}
#sizeguidediv .sizeguidelink { height:42px; margin:0; padding:0; position:relative; z-index:16;}

.sizeguidelink { background:url(/images/icons.png?v=202602160853) -1040px 0 no-repeat; display:block; height:30px; margin:5px 0 0 10px; width:40px;}

#sizeguidediv.bulksizeguide { border-radius:6px; display:flex; align-items:center; margin:0 auto; margin-bottom:15px; margin-top:15px; left:0; top:0; text-align:left; width:140px; }
#sizeguidediv.bulksizeguide a.sizeguidelink { background:none; color:#fff; line-height:42px; padding:0 15px 0 46px; width:fit-content;}
#sizeguidediv.bulksizeguide a.sizeguidelink:before { background:url(/images/icons.png?v=202602160853) -1040px 0 no-repeat; content:""; display:block; height:40px; position:absolute; top:0; left:0; width:40px; }

#product-content-wrap { border-top:1px solid #b7c1c4; padding:3px 0 10px 0; }
#guest-body #product-content-wrap { padding-top:25px;}

#pdp-head { background:#f5f5f5; border-radius:4px; color:#464949; font-size:14px; font-weight:bold; line-height:14px; margin:0 0 20px 0; padding:10px 12px; }

#pdp-who, #pdp-remaining-allocation { display:flex; align-items:center; gap:4px; } 
#pdp-who { float:left;}
#pdp-remaining-allocation { float:right; }

#pdp-who small, #pdp-remaining-allocation small { font-size:12px; }
#pdp-who strong, #pdp-remaining-allocation strong { font-size:18px; font-Weight:300; }
#pdp-remaining-allocation { text-align:right; }

.pdp-row {display:flex; align-items:stretch; gap:30px; margin-bottom:30px; }
#lb-body .pdp-row { margin-bottom:0; }

#pdp-img-col { border-right:1px solid #b7c1c4; width:420px; margin:0 30px 0 0; padding:0 10px 0 0; position:relative; }
#pdp-img-col:before { background:url(/images/icons.png?v=202602160853) -970px -82px no-repeat; content:""; height:38px; position:absolute; right:-20px; top:20%; width:20px; }
#pdp-img-col img { margin:auto; }
#pdp-current-colour { color:#464949; font-size:14px; font-weight:300; padding:10px 0; text-align:center; }
#pdp-current-colour b, #pdp-price-range b { font-weight:700; }
#pdp-price-range { background:#f5f5f5; border-radius:5px; color:#464949; font-size:16px; font-weight:300; margin:auto; padding:24px 30px; text-align:center; width:fit-content;     }

#pdp-options-col { width:100%;}
.pdp-options { background:#f5f5f5; border-radius:5px; padding:42px 36px 40px 36px; position:relative;}

#pdp-size-qty { display:flex; align-items:flex-end; gap:6px;  }
#pdp-size-qty .size { position:relative; z-index:5; width:200px;}

#pdp-enhancement { display:flex; gap:5px; }
.pdp-enhancement-a { flex-grow: 4;}
.pdp-enhancement-b {}
#enhancementcostdiv { display:none; }

#enhancement-label { border-bottom:1px solid #b7c1c4; border-top:1px solid #b7c1c4; line-height:40px; margin-right:20px; }

#pdp-colours { margin:20px 0; }
#pdp-colours ul { display:flex; gap:5px; flex-wrap:wrap; justify-content:flex-start; list-style:none; margin:0; padding:0; }
#pdp-colours ul li { margin:0; position:relative; width:70px; }
#pdp-colours ul li a { background:#fff; border:1px solid #fff; border-radius:5px; display:block; padding:12px; }
#pdp-colours ul li.current a { border:1px solid #00afc4; }
#pdp-colours ul li span { background:#b7c1c4; border-radius:5px; display:none; padding:4px 5px; position:absolute; left:-15px; top:calc(100% - 5px); color:#464949; font-size:12px; text-align:center; width:92px; z-index:8;}
#pdp-colours ul li:active span, #pdp-colours ul li:hover span { display:block;} 
#pdp-colours ul li:active span:before, #pdp-colours ul li:hover span:before { border-style: solid; border-width:0 7px 8px 7px; border-color:transparent transparent #b7c1c4 transparent ;content:""; height:0; margin-left:-8px; position:absolute; left:50%; top:-6px; width:0;}
#pdp-colours ul li:active a, #pdp-colours ul li:hover a { border:1px solid #e55100; }
#pdp-colours ul li.inactive { opacity:0.3; }
#pdp-colours ul li.inactive a { cursor:not-allowed;}
#pdp-colours ul li.inactive a:active, #pdp-colours ul li.inactive a:hover { border:1px solid #fff; }

#pdp-prices { border-top:1px solid #b7c1c4; color:#464949; margin:22px 0 0 0; padding:22px 0; }

#pdp-prices ul { list-style:none; margin:0; padding:0; }
#pdp-prices ul li { display:flex; gap:5px; font-size:16px; font-weight:400; margin:0; padding:1px 22px;}
#pdp-prices ul li div:nth-of-type(1) { width:150px; }
#pdp-prices ul li div:nth-of-type(2) { text-align:right; width:99px;}
#pdp-prices ul li:last-of-type {  border-bottom:1px solid #b7c1c4; border-top:1px solid #b7c1c4; color:#000; font-size:20px; font-weight:700; margin-top:20px; padding:15px 22px; }

.back { background-color:#00afc4; float:left; display:inline-block; height:40px; margin:0 8px 0 0; width:40px; }
.back:active, .back:hover { background-color:#e55100;}

#pdp-product-tabs .pc-tab section div.tab1, #pdp-product-tabs .pc-tab section div.tab2, #pdp-product-tabs .pc-tab section div.tab3 { background:#fff; border-top:1px solid #b7c1c4; color:#444; font-size:14px; padding:20px 0; }
#pdp-product-tabs #tab1:checked ~ nav .tab1 label, #pdp-product-tabs #tab2:checked ~ nav .tab2 label, #pdp-product-tabs #tab3:checked ~ nav .tab3 label { background:#b7c1c4; color:#fff; margin-bottom:0; padding-bottom:15px; border-radius:8px 8px 0 0; }
#pdp-product-tabs .pc-tab ul li label { color:#464949; }
#pdp-product-tabs p { color:#444; font-size:14px; line-height:18px; margin:0 0 4px 0; }



/*-login-*/
#loginwrap { background:url(/images/frontend/login-bg.png?v=202602160853) no-repeat; }


a.azurelogin { display:block; margin:9px 0 0 0;}


.ui-dialog-buttonpane .ui-dialog-buttonset button { border:0!important; border-radius:15px; background:#00afc4!important; color:#fff!important;}
.ui-dialog-buttonpane .ui-dialog-buttonset button:active, .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { border:0!important; background:#e55100!important;}

ul.errormessage { color:#c40000; list-style:none; margin:0; padding:0; }
ul.errormessage li { font-size:14px; margin:0; padding:0;}

/*-menu-*/
#nav ul li a { font-size:16px;}

#nav { margin:0; padding:0; position:absolute; top:0; right:0; text-align:left; z-index:9; }
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(/images/icons.png?v=202602160853) -1100px -40px no-repeat; display:block; height:40px; margin:0; padding:0; position:absolute; top:7px; right:9px; width:40px; z-index:9; }
#nav input[type="checkbox"] + label:hover { cursor:pointer;}
#nav input[type="checkbox"]:checked + label { background:url(/images/icons.png?v=202602160853) -1100px 0 no-repeat; transition:0.3s;  }

#nav input[type="checkbox"] ~ .menu-wrap ul  { background-color: rgba(0, 175, 196, 0.9); border-radius:0 0 0 20px; margin:0; padding:53px 0 0 0; position:absolute; transition:0.3s; width:380px; top:-900px; right:0; z-index:8; }
#nav input[type="checkbox"]:checked ~ .menu-wrap ul { top:0; }
#nav input[type="checkbox"] ~ .menu-wrap ul li { border-top:1px solid #fff; display:block; margin:0; padding:0; position:relative; }
#nav input[type="checkbox"] ~ .menu-wrap ul li.current, #nav input[type="checkbox"] ul li.current { background:#69cbe4; color:#fff; }

#nav li a:link, #nav li a:visited { color:#fff; display:block; padding:10px 10px 10px 70px; }
#nav li a:active, #nav li a:hover { background:#69cbe4; color:#fff; }
#nav li:last-of-type a { border-radius:0 0 0 20px; }
#nav li a:before { background:url(/images/icons.png?v=202602160853) -55px -42px no-repeat; content:""; position:absolute; top:12px; left:50px; height:14px; width:10px; } 

#nav li#icon-op a:before { background-position:-360px 0;}
#nav li#icon-cart a:before { background-position:-360px -60px;}
#nav li#icon-op a:before, #nav li#icon-cart a:before  { top:5px; left:20px; height:40px; width:40px;}

#main-menu li:before { display:none!important; }


.icon-dashboard { background: url(../../images/frontend/icons.png?v=202602160853) 0 0 no-repeat;}
.icon-orders { background: url(../../images/frontend/icons.png?v=202602160853) -40px 0 no-repeat;}
.icon-company { background: url(../../images/frontend/icons.png?v=202602160853) -80px 0 no-repeat;}
.icon-products { background: url(../../images/frontend/icons.png?v=202602160853) -120px 0 no-repeat;}
.icon-footerlink { float:left; font-size:18px; font-weight:700; margin:15px 0 0 0; max-width:225px; position:relative;  }
.icon-footerlink a:link { display:inline-block; padding:33px 15px 33px 120px;}
.icon-footerlink a:hover .icon-footer-order, .icon-footerlink a:active .icon-footer-order, .icon-footerlink a:hover #icon-footer-cart, .icon-footerlink a:active #icon-footer-cart, .icon-footerlink a:hover #icon-footer-others, .icon-footerlink a:active #icon-footer-others { border-color:#e55100; transition:0.3s; }

.icon-footer-order, #icon-footer-cart, #icon-footer-others { border:1px solid #00afc4; border-radius:50%; display:block; height:110px; position:absolute; left:0; top:0; width:110px;}
.icon-footer-order span, #icon-footer-cart span, #icon-footer-others span { display:block; height:70px; margin:19px 0 0 19px; width:70px;}
.icon-footer-order span{ background:url(/images/icons.png?v=202602160853) -165px -65px no-repeat; }
#icon-footer-cart span { background:url(/images/icons.png?v=202602160853) 0 -65px no-repeat;}
#icon-footer-others span { background:url(/images/icons.png?v=202602160853) -2px -189px no-repeat;}

#footer-head { display:none; background:url(/images/frontend/footer-bg.png?v=202602160853) top center no-repeat; height:99px; padding:50px 0 10px 0; }
#footer-main { background:#e4e8e8; border-bottom:1px solid #fff; border-top:1px solid #fff; padding:50px 0;}
#footer-base { background:#e4e8e8; font-size:12px; padding:15px 0;}
#footer-base a:link { border-right:1px solid #a5a5a5; padding:0 15px;}
#footer-base a:last-of-type { border-right:0;}

#footer-gwg-logo { margin:0 0 0 45px; max-width:300px;}


ul.footer-links { list-style:none; margin:0 9% 0 0; padding:0;}
ul.footer-links li { border-bottom:1px solid #abe0e6; font-size:14px; font-weight:500; margin:0; padding:6px 0;}
ul.footer-links li a:link { display:block; font-size:16px;}



/* products added to cart message */
#items-added-message { background:#fff; border-radius:6px 0 6px 6px; box-shadow:1px -1px 16px 9px rgba(0,0,0,0.15); -webkit-box-shadow:1px -1px 16px 9px rgba(0,0,0,0.15); -moz-box-shadow:1px -1px 16px 9px rgba(0,0,0,0.15); font-size:18px; padding:16px; position:absolute; top:-20px; right:15%; z-index:99; }
#items-added-message:before { border-style:solid; border-width:0 0 14px 14px; border-color:transparent transparent #ffffff transparent; content:""; width:0; height:0; position:absolute; top:-12px; right:0; }
#items-added-message small { font-size:14px; display:block;}
.iam-btns a.btn { border-radius:6px; font-size:12px; font-weight:bold; line-height:36px; margin:5px 2px 0 0; padding:0 12px;}
#items-added-message a.x { position:absolute; top:9px; right:9px; }
a.x { background:url(/images/frontend/x.png?v=202602160853) no-repeat #00afc4; height:36px; width:36px; }
a.x:active, a.x:hover { background-color:#e55100; }

table { border-collapse:collapse; border-spacing:0; font-weight:500; width:100%; }
table tr {}
table tr td, table tr th { font-size:13px; padding:6px 9px; text-align:left; vertical-align:center;}
table tr th { background:#e4e8e8; font-weight:700;}
table tr:nth-of-type(odd) td { background:#f5f5f5; }
table ~ a:link, table ~ input[type="submit"], table ~ input[type="button"]  { margin-top:8px;}
table.bbd { border-bottom:1px dotted #ccc; }

table a:link, table a:visited, table.data a:link, table.data a:visited { display:block; font-weight:600; }

table.data th { background:#f5f5f5; }
table.data tbody tr:nth-child(even) { background:#f5f5f5; }
table.data { border-bottom:1px solid #e5e5e5; }

table.data td, table.data th { font-size:13px; padding:6px 9px; text-align:left; vertical-align:top; }
table.data td.datetime, table.data td.links, table.data td.number { white-space:nowrap; }
table.data td.datetime, table.data td.number, table.data th.datetime, table.data th.number { text-align:right; }
table.data td.yesno, table.data th.yesno { text-align:center; }

 /* Reset less-targeted rules. */
table.data tr:nth-of-type(2n+1) td { background:transparent; }
table.data { margin:0.75em 0 0; }

table#table-manage-employees, table#report-consumption, table#report-staff-allocations, table#order-history { width:100%;}
table#order-history td.datetime span.date:before { display:none;}
table#order-history td:first-of-type { min-width:175px;}


a.order { color:#000; }
.order:before { background:url(/images/icons.png?v=202602160853) -280px -40px no-repeat; content:""; display:block; float:right; height:18px; margin:-1px 0 0 8px; width:18px;}
.order-reverse:before  { transform:rotate(180deg);}

td.datetime, th.datetime { text-align:right; width:160px;}
td.number, th.number {text-align:right;}
td.link, th.link { text-align:center;}

span.time, span.date { display:inline-block;}
span.time { margin-right:5px;}
span.time:after { content:",";}

#contact-wrap { background:#f5f5f5; border-radius:8px; margin:30px 0; padding:32px 40px; width:calc(65.5% - 80px);}
#contact-wrap .sipw, #contact-wrap textarea { margin-bottom:10px; margin-top:5px; }
#contact-wrap textarea { width:calc(100% - 30px);}

.error-404, .error-500 { margin:auto; position:relative; width:1000px; }
.error-404 img, .error-500 img { position:relative; z-index:2; }
.error-404-message, .error-500-message { background:#e4e8e8; border-radius:15px; padding:40px 60px 40px 99px; position:absolute; left:400px;}
.error-404-message { padding:40px 60px 40px 99px; top:38%; width:350px;}
.error-500-message { padding:36px 60px 36px 99px; top:33%; width:400px; }
.error-404-message h1, .error-500-message h1 { line-height:38px; padding-bottom:5px; width:100%;}
.error-404-message p, .error-500-message p { font-size:16px; }

/*JQuery calendar*/
.ui-widget-header { background:#e4e8e8!important; border:0; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #00afc4!important; background:#ddf1f3!important; color:#000!important;}

.od-sumary { background:#e4e8e8; border-radius:8px; line-height:25px; max-width:970px; padding:9px 15px;}

.od-orderfor, .od-deliveryaddress, .od-orderid, .od-ordercode, .od-datetime, .od-phone, .ao-for { color:#333; display:inline-block; margin:0 50px 0 0; }
.od-datetime, .od-orderedby, .od-id, .od-code, .od-status, .od-products, .od-tax, .od-products-tax, .od-freight, .od-total { color:#333; }

.od-sumary strong { color:#333; font-weight:600; }

#od-sumary-details { float:left; margin:0 20px 0 0; width:300px;}
#od-sumary-prices { float:left; text-align:right; width:300px;}
#od-sumary-prices span { display:inline-block; width:86px;}

.od-orderfor { min-width:220px; }
.od-reason4declining:before { content:"Reason for declining: "; display:block; font-size:14px;  }
.od-comment:before { content:"Order Comments: "; display:block; font-size:14px;  }
.ao-for:before {content:"For: "; }
.od-orderid:before { content:"ID: "; }
.od-ordercode:before  { content:"Purchase order: "; }
.od-phone:before { content:"Phone: "; }
.ao-delivery:before { content:"Delivery address: "; display:block;}

.od-datetime:before, .od-orderedby:before, .od-id:before, .od-code:before, .od-total:before, .od-status:before, .od-reason4declining:before, .od-orderid:before, .od-ordercode:before, .ao-delivery:before, .ao-for:before, .od-products:before, .od-freight:before, .od-phone:before { color:#000; font-weight:600;}

.od-reason4declining { border:1px solid #c40000; border-radius:8px; font-size:13px; font-weight:500; line-height:18px; margin:8px; padding:8px 15px;  }
.od-comment { border:1px solid #e4e8e8; border-radius:8px; font-size:13px; font-weight:500; line-height:18px; margin:8px 0; max-width:970px; padding:8px 15px; }
.od-forwrap { background:#e4e8e8; font-size:13px; padding:8px 15px; }

.od-order4wrap { margin:8px 0; max-width:999px;}
.od-order4wrap table tr td { color:#333;}
.od-order4wrap table tr td:first-of-type, .od-forwrap ~ table tr th:first-of-type, .ao-orderwrap table tr td:first-of-type { padding-left:15px; width:35%; }
.od-order4wrap table tr td:last-of-type, .od-forwrap ~ table tr th:last-of-type, .ao-orderwrap table tr td:last-of-type { padding-right:35px; }

tr.subrow-a td { background:none!important; border-top:1px solid #b7c1c4; font-weight:600; padding:2px 9px;}
tr.subrow-b td { background:none!important; font-weight:600; padding:2px 9px; }
tr.subtotal td { background:none!important; border-bottom:1px solid #b7c1c4;  border-top:1px solid #b7c1c4; font-weight:600; }


.ao-delivery { border:1px solid #b7c1c4; border-radius:8px; color:#333; font-size:14px; float:left; margin:0 30px 20px 0; padding:75px 20px 20px 20px; position:relative; width:180px; }
.delivery-icon { background:url(/images/icons.png?v=202602160853) -248px -75px no-repeat; display:block; height:55px; position:absolute; top:10px; left:17px; width:60px; }
.ao-delivery:after { background:url(/images/icons.png?v=202602160853); right:-20px; width:20px;}
.ao-orderwrap { float:left; width:calc(100% - 257px);}

.ao-btns { background:#f5f5f5; padding:30px; position:relative; /*display:flex; gap:5px; align-items:center; justify-content:center;*/ }
.ao-btns input[type="checkbox"] ~ label { background-color:#fff; border:1px solid #00afc4; border-radius:30px; color:#00afc4; padding:8px 15px; }
.ao-btns input[type="checkbox"] ~ label span { height:14px; margin:0 9px 0 0; padding:0; width:16px;}

.ao-approve, .ao-decline { display:inline-block; }
.ao-approve input[type="checkbox"] ~ label span { background: url(../../images/frontend/icons.png?v=202602160853) -343px -42px no-repeat;  }
.ao-approve input[type="checkbox"]:checked ~ label span { background: url(../../images/frontend/icons.png?v=202602160853) -325px -42px no-repeat; }
.ao-approve input[type="checkbox"]:checked ~ label { background:#00afc4; color:#fff;}
.ao-decline input[type="checkbox"] ~ label span { background: url(../../images/frontend/icons.png?v=202602160853) -373px -42px no-repeat;  }
.ao-decline input[type="checkbox"]:checked ~ label span { background: url(../../images/frontend/icons.png?v=202602160853) -360px -42px no-repeat; }
.ao-decline input[type="checkbox"]:checked ~ label { background:#c40000; border:1px solid #c40000; color:#fff;}

.ao-reason { background:#e4e8e8; border-radius:8px; padding:15px 16px; display:none; position:absolute; top:80px; left:30px; width:420px;}

.ao-reason:before, .ao-purchaseorder:before { border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #e4e8e8 transparent; content:""; display:block; height:0; position:absolute; top:-10px; width:0; z-index:9;}
.ao-reason:before { left:40px;}
.ao-purchaseorder:before { left:150px;}
.ao-decline input[type="checkbox"]:checked ~ label ~ .ao-reason { display:block;}
.ao-reason textarea { display:block; height:40px; margin:0; width:calc(100% - 30px);}

.ao-purchaseorder { background:#e4e8e8; border-radius:8px; padding:15px 20px; position:absolute; top:80px; left:30px; width:240px; z-index:20;}
.ao-purchaseorder input[type="text"] { background:#fff; }
.ao-decline input[type="checkbox"]:checked ~ label, .ao-approve input[type="checkbox"]:checked ~ label  { margin-bottom:100px; transition:0.2s;}

.ao-order-status-required { background:#c40000; border-radius:4px; color:#fff; padding:11px 20px; position:absolute; top:27px; left:260px; }
.ao-order-status-required:before { border-style:solid; border-width: 6px 10px 6px 0; border-color: transparent #c40000 transparent transparent; content:""; display:block; height:0; position:absolute; top:14px; left:-10px; width:0;}



/*-input & anchor button styles-*/
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea, select { background:none; border:1px solid #b7c1c4; border-radius:6px; font-size:16px; line-height:40px; margin:0; outline:0; padding:0 10px; position:relative; width:calc(100% - 22px); z-index:7;}
textarea { background-color:#fff; border-radius:8px; font-family: 'Montserrat', sans-serif; height:125px; line-height:20px; padding:10px 15px; }
input[type="submit"], input[type="button"], button, .btn  { background:#00afc4; border:0; color:#fff!important; cursor:pointer; display:inline-block; font-size:14px; line-height:15px; margin:0; padding:13px 16px; text-decoration:none;  }
input[type="button"], button, .btn { border-radius:6px; }
input[type="submit"], button#btn_submit { background:#00afc4; border-radius:45px; border:0; color:#fff!important; cursor:pointer; display:inline-block; font-size:16px; line-height:15px; margin:0; padding:16px 24px; text-decoration:none; }
input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="button"]:active, button:active, button:hover, .a-btn:hover, .a-btn:active, .b-btn:hover, .b-btn:active { background-color:#e55100; transition:0.3s;}

.btn:active, .btn:hover { background:#e55100; transition:0.3s; }

.flex { display:flex; }
#hflex, #hlinks { display:flex; gap:9px;}
input[type="button"].remove_recipient { font-size:14px; margin:0 3px 3px 0; line-height:14px; padding:7px 14px 8px 14px;}
#clear_cart { font-size:14px; line-height:14px; padding:7px 14px 8px 14px;}
#cont-shopping {font-size:14px; line-height:30px; padding:7px 14px 8px 14px; }

input[type="button"].remove_recipient {float:right;}

table .sipw { height:32px; max-width:300px;}
#lb-container #employeeseditform .sipw { margin:0 0 3px 0; max-width:none;}

table .sipw.qty, #lb-container .sipw.qty { max-width:80px;}
table .sipw input[type="text"], table .sipw input[type="number"] { font-size:13px; line-height:30px; }
table .sipw input[type="number"] { text-align:right; }

select::-ms-expand { display:none; }
select { background:none; border:1px solid #b7c1c4; -webkit-appearance:none; -moz-appearance:none; text-indent:0; text-overflow:hidden;}

.a-btn { background:#00afc4; border-radius:45px; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:20px; float:right; line-height:20px; margin:0; padding:18px 40px 20px 70px; position:relative; text-decoration:none;}
.b-btn  { background:#00afc4; border-radius:45px; border:0; color:#fff; cursor:pointer; display:inline-block; font-size:19px; line-height:19px; margin:0 5px 5px 0; padding:12px 35px 11px 68px; position:relative; text-decoration:none; }
.b-btn span { font-size:12px; display:block; text-align:left;/*position:absolute; top:18px; left:68px;*/}

.i-checkout {background:url(/images/icons.png?v=202602160853) -1030px -60px no-repeat; display:block; height:40px; position:absolute; top:10px; left:17px; width:42px;}
.i-process { background:url(/images/icons.png?v=202602160853) -900px -80px no-repeat; display:block; height:40px; position:absolute; top:10px; left:14px; width:42px; }
.i-payment { background:url(/images/icons.png?v=202602160853) -820px -80px no-repeat; display:block; height:40px; position:absolute; top:11px; left:18px; width:40px; }

.sipw { background-color:#fff; border-radius:6px; display:block; font-size:15px; height:42px; margin:0; padding:0; position:relative; }
.sipw ~ h5 { margin-top:12px;}
.date { max-width:220px;}
.short  { max-width:180px!important;}
.sipw.size-s { max-width:80px;}
.qty { max-width:55px;}
.long  { min-width:400px;}

.error  { background-color:#fff0f0; border:1px solid #c40000; position:relative; }
.current-email { color:#868686; line-height:42px; padding:0 15px;}
p.errormessage { color:#c40000;}

.error:focus-within  { background-color:#fff; }
.error:after { background:url(/images/icons.png?v=202602160853) -251px -9px no-repeat; content:""; position:absolute; top:-3px; right:-14px; height:20px; width:20px; z-index:9; }
.date.error:before { background-position:-329px -7px}
.select:before { background:url(/images/icons.png?v=202602160853) -94px -47px no-repeat; content:""; position:absolute; top:18px; right:18px; height:7px; width:12px; z-index:1; }
.select.error:before { background-position:-134px -47px; }
.select select { color:#000; display:inline; font-size:1em; line-height:40px; padding:0 45px 0 15px; margin:0; width:100%; }.select select:focus { color:#000; }



input:focus-within, select:focus-within, select:focus { border-color:#00afc4; border-radius:5px; outline:0;}

.error input[type="text"], .error input[type="email"], .error input[type="tel"], .error input[type="number"], .error input[type="password"], .error textarea, .error select { background:none; border:0;}
.error input:focus-within, .error select:focus-within, .error select:focus { border:none; }

.excess { color:#f49000;}
.allocation-status .excess { font-weight:700; text-align:left; }
.allocation-status .excess:before { background:url(/images/icons.png?v=202602160853) -252px -40px no-repeat; content:""; display:block; float:left; height:20px; margin:0 5px 0 0; width:20px; }

.label { font-size:16px; height:15px; margin:0; padding:0 0 8px 0;}
.label-text { float:left;}

.g-01 { margin:0 0 15px 0;}
#epsbtn { margin:14px 0 0 0;}
.oh-xport-btn-wrap { padding:8px 0 15px 0; text-align:right;}


.searchselectwrap { background:#fff; border:1px solid #b7c1c4; border-radius:30px; float:left; margin:3px 5px 3px 0; padding:5px; position:relative; width:710px; }
.searchselectwrap input[type="text"] { background:none; border:0; border-right:1px solid #b7c1c4; border-radius:0; float:left; line-height:25px; margin:0 15px 0 0; padding:0 15px; width:300px; }
.searchselectwrap  .select select { border-color:#fff; float:left; line-height:25px; padding:0 5px;}
.selectlabel { float:left; line-height:28px; padding:0 5px 0 0;}

.btn-group { float:left;}
.btn-group a.btn-med { margin:3px 0;}

a.delete { background: url(../../images/frontend/icons.png?v=202602160853) -156px 1px no-repeat #00afc4; display:block; height:44px; width:48px; }
a.delete:active, a.delete:hover {background-color:#e55100}

a.btn-small, a.btn-medsmall, a.btn-med {border-radius:6px; }
a.btn-big, a.btn-big-gwg, a.btn-gwg {border-radius:30px; }
a.btn-small, a.btn-medsmall, a.btn-med, a.btn-big, a.btn-big-gwg, a.btn-gwg  { background:#00afc4; border:0; color:#fff; cursor:pointer; display:inline-block; text-decoration:none; }

a.btn-small:active, a.btn-small:hover, a.btn-medsmall:active, a.btn-medsmall:hover, a.btn-med:active, a.btn-med:hover, a.btn-big:active, a.btn-big:hover, a.btn-big-gwg:active, a.btn-big-gwg:hover, a.btn-gwg:active, a.btn-gwg:hover  { background:#e55100; transition:0.3s;}

a.btn-small { font-size:12px; font-weight:400; line-height:12px; padding:5px 14px 6px 14px;} 
a.btn-medsmall { font-size:14px; line-height:14px; padding:8px 20px 10px 20px;} 
a.btn-med { font-size:15px; line-height:15px; padding:10px 20px 12px 20px;} 
a.btn-big  { font-size:20px; line-height:20px; padding:11px 30px 12px 30px; }
a.btn-big-gwg { font-size:20px; line-height:20px; margin:0 5px 5px 0; padding:16px 36px 18px 36px; position:relative;}
a.btn-gwg { font-size:15px; line-height:38.5px; padding:0 20px;  position:relative;}

.btn-big input[type="submit"] { font-size:18px; line-height:54px; padding:0 40px 0 60px; }
.btn-big { position:relative; }
.btn-big:before { background: url(../../images/frontend/icons.png?v=202602160853) -360px 0 no-repeat; content:""; height:40px; position:absolute; top:6px; left:15px; width:40px; }


label { display:inline-block; margin:0;}
input[type="checkbox"], input[type="radio"] { display:none; }
input[type="checkbox"] + label span, input[type="radio"] + label span { cursor:pointer; display:inline-block; font-size:16px; height:21px; margin:0; padding:3px 20px 5px 30px;}
input[type="checkbox"] + label span { background: url(../../images/frontend/icons.png?v=202602160853) -479px -100px no-repeat;} 
input[type="radio"] + label span { background: url(../../images/frontend/icons.png?v=202602160853) -479px 0 no-repeat;}
input[type="checkbox"]:checked + label span { background: url(../../images/frontend/icons.png?v=202602160853) -479px -150px no-repeat;} 
input[type="radio"]:checked + label span { background: url(../../images/frontend/icons.png?v=202602160853) -479px -50px no-repeat;}

ul.multiselect-group-01 { list-style:none; margin:0; padding:0; }
ul.multiselect-group-01 li { float:left; margin:0 3px 5px 0; padding:0; }
ul.multiselect-group-01 li input[type="checkbox"] + label span { background:#e4e8e8; border:1px solid #e4e8e8; border-radius:20px; font-size:13px; font-weight:500; padding:5px 25px 4px 30px;}
ul.multiselect-group-01 li input[type="checkbox"]:checked + label span { background: url(../../images/frontend/icons.png?v=202602160853) -173px -36px  no-repeat #fff; border:1px solid #00afc4;}

ul.twocolimputs { margin:5px 0; padding:0; list-style:none;}
ul.twocolimputs li { color:#464949; font-size:14px; font-weight:500; display:inline-block; margin:0; padding:2px 0; position:relative;}
ul.twocolimputs li:nth-of-type(odd) { text-align:right; width:30%;}
ul.twocolimputs li:nth-of-type(even) { width:68%;}
ul.twocolimputs input[type="email"], ul.twocolimputs input[type="text"], ul.twocolimputs .select select { font-size:14px; line-height:30px; margin:0; }
ul.twocolimputs .select:before { top:13px;}
ul.twocolimputs .date:before { top:2px; }

.fff-block-b ul.twocolimputs { max-width:700px;}

.hide { display:none;}
.floatblock { float:left;}
.aright { float:right!important;}

.big-block { background:#f5f5f5; border-radius:8px; /*display:flex; gap:10px;*/ margin:0 0 10px 0; padding:30px 30px 22px 30px;}

.big-block .col-1o3 { float:none; margin:0; min-width:33%;}
.big-block .col-1o3 p.label { /*margin-top:-10px;*/ padding:0 0 8px 0;}

.fff-block { background:#fff; margin-bottom:8px; }
.fff-block-h { border-bottom:1px solid #e4e8e8; font-size:17px; padding:12px 15px;}
.fff-block-b { padding:12px 15px;}
.fff-block-f { border-top:1px solid #e4e8e8; padding:15px; }

#lb-container { background:#fff;}

.lb-group-01 { margin:0 auto; max-width:300px; padding:5px 0; }
.lb-group-01 h3 { padding:0 9px 3px 9px; }
.lb-group-01 .sizeguidelink { float:none; }
.lb-group-01 .number { border-top:1px solid #d6d6d6; padding:5px 0; text-align:right; }
.lb-group-01 .btn-next-wrap { border-top:1px solid #d6d6d6; margin-top:-5px; padding:10px 0 0 0;}

.padded { padding:24px; }
.ame-filterwrap { padding:0 0 15px 0;}
.stack-right { clear:both; float:right;}
.a-right { text-align:right;}

#products-body { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start;}

#op-category-allocation { border-bottom:2px dotted #c3c6c6; color:#404040; font-size:16px; margin:0 0 10px 0; padding:0 0 15px 0; }

.op-category-alloction-note { display:block; color:#1d1d1d; font-size:12px;}
.op-current .op-category-alloction-note { color:#fff; }

#order-head { background:url(/images/frontend/angled-cap.png?v=202602160853) 0 0 no-repeat; background-size:cover; padding:35px; position:relative; }
#order-body { background:#e4e8e8; border-radius:0 0 20px 20px; border-top:1px solid #fff; padding:20px 0 30px 35px; position:relative;}
#order-head  h2 { font-size:24px; margin:10px 0 0 0; }
#order-body h4 { color:#737c7d; font-weight:500; }

#order-title { margin:0 0 1px 0; padding:0 0 16px 0; position:relative; }
#order4-label { font-weight:400;}
#order4-name { font-weight:600; margin:0 9px 0 0;}
#order4-ch-btn { margin:3px 0 0 0; }
#order4-ch-btn a.btn-medsmall { line-height:28px; padding:0 15px; }
#order4-label, #order4-name, #order4-ch-btn { display:inline; font-size:18px;  }
#order4-role { color:#767676; font-size:14px; }
#guest-body #order-title { margin-bottom:15px;}

ul#order-step { list-style:none; margin:0; padding:0; position:absolute; top:65px; right:30px;}
ul#order-step li { background:#fff; border:1px solid #8c8c8c; border-radius:50%; float:left; height:20px; margin:0 10px 0 0; padding:0; position:relative; width:20px; }
ul#order-step li:after { border-top:1px solid #8c8c8c; content:""; position:absolute; top:10px; right:-11px; width:10px; }
ul#order-step li:last-of-type:after { display:none;}
ul#order-step li a:link, ul#order-step li a:visited { border-radius:50%; display:block; height:20px; width:20px;}
ul#order-step li.current-step  a:link, ul#order-step li.current-step  a:visited { background:#00afc4; border:5px solid #fff; height:10px; width:10px;}
ul#order-step li:hover a, ul#order-step li:active a { background:#c7e7eb;} 

#op-tabs { min-width:260px; }
#op-tabs ul { list-style:none; margin:0 20px 0 0; padding:0; } 
#op-tabs ul li { margin:0 0 1px 0; padding:0; position:relative; }
#op-tabs ul li a:link, #op-tabs ul li a:visited { background:#f5f5f5; border-radius:4px; display:block; padding:10px 20px 12px 20px; }
#op-tabs ul li.op-current a:link, #op-tabs ul li.op-current a:visited, #op-tabs ul li.op-current.no-useable-allocation a:link, #op-tabs ul li.op-current.no-useable-allocation a:visited { background:#1db7a0; color:#fff; }
li.op-current a:link .op-category-alloction-note, li.op-current a:visited .op-category-alloction-note { color:#fff; }

#wof-cols { display:flex; align-items:flex-start; gap:36px; padding:20px 0 0 0;}



/*-New category + subcategory layout start-*/

#categories { margin-bottom:40px; max-width:300px;}
.productsrap { background:none; padding:36px 0 0 0; display:flex; gap:0 10px; flex-wrap:wrap; align-items:stretch;}
.gwg-cat-title { background:#f5f5f5; border-radius:5px 5px 0 0; font-weight:600; font-size:14px; margin:0; height:40px; line-height:40px; overflow:hidden; padding:0 20px; position:absolute; top:-36px; left:0;}
.gwg-allocation { font-size:12px; margin:0; padding:0; position:absolute; top:6px; left:20px;}
.gwg-subcat-title { height:16px; overflow:hidden; padding:0 0 4px 0; position:absolute; top:-4px; left:0; z-index:99; }
.gwg-subcat-title span { background:#cad1d5; border-radius:0 0 6px 0; font-weight:600; font-size:12px; line-height:12px; padding:1px 6px 3px 6px; }
.gwg-category { background:#f5f5f5; border-radius:5px; margin-bottom:48px; padding:26px 20px 20px 20px; position:relative; }
.gwg-subcat-wrap { display:flex; gap:16px; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; }
.gwg-subcat { border-top:2px solid #cad1d5; padding:4px 0 0 0; position:relative; }
.gwg-product-group { display:flex; gap:4px; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; align-content:flex-start;  }
.op-product a small.op-product-sku { font-size:10px; height:12px; max-width:160px; overflow:hidden; }
.op-product { padding:16px 0 20px 0;}
.no-allocation .gwg-category { padding:16px 20px 20px 20px;}


#op-tabs ul li.no-useable-allocation a:before { content:"Insufficient allocation"; background:#ed7c04; border-radius:0 5px 5px 5px; color:#fff; display:block; font-size:12px; font-weight:normal; opacity:0; position:absolute; top:32px; left:20px; padding:3px 8px; z-index:9;}
#op-tabs ul li.no-useable-allocation:active a:before, #op-tabs ul li.no-useable-allocation:hover a:before { opacity:1;}
#op-tabs ul li.no-useable-allocation.op-current a:before { opacity:0;}
/*#op-tabs ul li.no-useable-allocation a strong:after { content:"*"; color:#666; font-size:18px; font-weight:700; margin:0 0 0 5px;}*/

.insufficient-allocation { display:none;}
.op-product.no-useable-allocation .insufficient-allocation { display:block; background:#ed7c04; color:#fff; display:block; font-size:12px; position:absolute; top:140px; left:-10%; opacity:0.8; padding:5px 0; transform:rotate(-15deg); width:120%; }

.op-product.no-useable-allocation:active .insufficient-allocation, .op-product.no-useable-allocation:hover .insufficient-allocation { opacity:1; }

/*-New category + subcategory layout end-*/


.op-groups { display:flex; align-items:stretch; flex-wrap:wrap; gap:20px; }
.op-group { align-items:stretch; display:flex; flex-wrap:wrap; gap:5px; padding:40px 0 20px 0; position:relative; }
.op-category-title { height:65px; margin:-55px 0 0 0; overflow:hidden; position:absolute; max-width:200px; }
.op-category-title h3 { display:table-cell; font-size:14px; height:50px; line-height:16px; margin:0; padding:0 0 6px 0; vertical-align:bottom; overflow:hidden; }
.op-category-title h6 { font-size:12px; display:none; }
.op-category-title small { display:block; font-weight:400; }

.op-catname { border-top:1px solid #e4e8e8; font-size:12px; font-weight:600; margin:0 30px 0 0; padding:10px 0;}

.op-product { background:#fff; margin:0; overflow:hidden; /*padding:0; padding-bottom:20px;*/ position:relative; text-align:center; width:200px; }
.op-product a:active, .op-product a:hover { opacity:0.8; }
.op-product a span.op-img { border-bottom:2px dotted #e4e8e8; display:flex; height:220px; margin:auto; width:auto;}
.op-product a span img	{ max-height:200px; margin:auto; max-width:200px; width:auto;  }
.op-product a strong { display:block; font-size:14px; font-weight:500; line-height:16px; padding:10px 20px 2px 20px; }
.op-product a small { color:#949c9d; font-size:14px; display:block; margin:0 20px; }
.op-product span.op-cart { background:#e6e6e6; border-radius:4px 0 0 0; color:#747474; font-size:12px; padding:6px 8px 6px 27px; position:absolute; top:210px; right:0; }
.op-product span.op-cart:before { background:url(/images/icons.png?v=202602160853) -530px -40px no-repeat; content:""; height:20px; position:absolute; top:3px; left:4px; width:20px;}



.stafflist-col { border:1px solid #b7c1c4; border-radius:5px; flex-grow:4; margin:0; padding:14px 16px 18px 14px; }
.stafflist-col h4 {background:#f5f5f5; padding:5px 12px; }

.stafflist-filters-col { background:#f5f5f5; border-radius:5px; padding:46px 50px; min-width:300px; position:relative; }
.stafflist-filters-col:after { border-style:solid; border-width:16px 0 16px 16px; border-color:transparent transparent transparent #f5f5f5; content:""; height:0; margin-top:-16px; position:absolute; right:-16px; top:50%; width:0;}

.stafflist-filters-col h4 { margin:15px 0 25px 0; }
.stafflist-filters-col h4:nth-of-type(1) { margin-top:0;}


.stafflist { border-bottom:1px solid #b7c1c4; height:300px; overflow-y:scroll; margin:0 0 16px 0; padding:0;}
.stafflist ul { list-style:none; margin:0; padding:0;}
.stafflist ul li { list-style:none; margin:0; padding:0;}
.stafflist ul li:nth-of-type(even) { background:#f5f5f5; }
.stafflist ul li a:link, .stafflist ul li a:visited { display:block; font-size:14px; padding:5px 12px;}
.stafflist ul li a:hover, .stafflist ul li a:active { font-Weight:600; } 

.delivery-blocks-wrap { align-items:stretch; display:flex; flex-wrap:wrap; gap:15px; padding-right:20px;}
.delivery-block { background:#fff; border-radius:15px; color:#464949; padding-bottom:75px; position:relative; width:calc(25% - 15px); }
.delivery-block-a { border-bottom:1px solid #e4e8e8; font-size:18px; font-weight:600; padding:22px 30px 15px 28px; }
.delivery-block-b {  padding:20px 20px 20px 100px; position:relative;}
.delivery-block-c { border-top:1px solid #e4e8e8;  padding:16px 36px 20px 36px; position:absolute; bottom:0; width:calc(100% - 72px); }

.delivery-block-a:before { content:"Order for:"; display:block; font-size:15px; font-weight:400;}
.delivery-block-b:before, .delivery-block-b.pickup:before { display:block; font-weight:bold; } 
.delivery-block-b.pickup:before { content:"Pick up from:";  }
.delivery-block-b:after  { background:url(/images/icons.png?v=202602160853) -170px -202px no-repeat; content:""; display:block; height:40px; position:absolute; top:15px; left:28px; width:60px;}
.delivery-block-b.pickup:after { background-position:-85px -198px; height:48px;}
.delivery-block-b i { display:block; font-size:14px; }
.delivery-block-a .infowrap { background:#f6f6f6; border-top:1px solid #e4e8e8; border-radius:0; margin:5px -30px -15px -28px; padding:10px 15px 10px 30px;}
.delivery-block-a .infowrap:before { display:none;}
.delivery-block-a .infowrap p { color:#333;}

#whatnow-btn-wrap { padding:10px 0; text-align:center; }
#whatnow-btn-wrap a { background:#0cb3c6; border-radius:30px; color:#fff; display:inline-block; margin:0 5px 5px 0; padding:15px 25px 15px 68px; position:relative;}
#whatnow-btn-wrap a:nth-of-type(1) { padding-left:62px;}
#whatnow-btn-wrap a:nth-of-type(1):before, #whatnow-btn-wrap a:nth-of-type(2):before { background:url(/images/icons.png?v=202602160853) no-repeat; content:""; display:block; height:28px; position:absolute; top:10px; left:20px; }
#whatnow-btn-wrap a:nth-of-type(1):before { background-position:-364px -67px; width:36px; }
#whatnow-btn-wrap a:nth-of-type(2):before { background-position:-364px -106px; width:41px; }

/*- Cart page -*/
#cart-body { background:#e4e8e8; border-radius:0 0 20px 20px; border-top:1px solid #fff; padding:20px 35px 30px 35px; position:relative;}
.cart-staff-wrap {  padding:0; color:#464949; }

.cart-staff-head { font-size:18px; font-weight:700; margin:0; padding:10px 0 15px 0;}
.cart-staff-head:before { content:"For: "; }
.cart-staff-head small { font-size:14px; font-weight:500; margin-right:20px;}
.cart-staff-head small:first-of-type { margin-right:5px;}
.cart-staff-wrap .row { min-height:72px; }

.cart-category-group { border-top:1px solid #b7c1c4; padding:9px 0;}
.cart-category-group .row { border-top:1px dashed #b7c1c4; margin:0; padding:8px 0;}
.cart-category-group .row:first-of-type { border-top:0;}

.cart-prod-category { font-size:16px; font-weight:600; padding:0 0 6px 0; position:relative;}
.cart-prod-category small { font-weight:500;}

.cart-prod-category .oe-alert { display:inline-block; position:relative; left:8px;  }

.oe-alert { background:url(/images/icons.png?v=202602160853) -252px -40px no-repeat; content:""; height:20px; position:absolute; top:6px; left:-6px; width:20px; z-index:9; }
.oe-alert span { background:#f49000; border-radius:0 9px 9px 9px; color:#fff; display:none; font-size:12px; line-height:16px; margin:15px 0 0 15px; padding:8px 12px; position:absolute; width:150px;}
.oe-alert:hover span, .oe-alert:active span { display:block;}
.alert { color:#f49000;}

.cart-prod-category ~ .row .cart-prod-name, .cart-prod-category ~ .row  .cart-prod-colour, .cart-prod-category ~ .row  .cart-prod-size, .cart-prod-category ~ .row  .cart-prod-qty, .cart-prod-unit-price, .cart-prod-item-total, .cart-prod-category ~ .row  .cart-prod-btns, .cart-prod-category ~ .row .cart-prod-enhancement, .cart-prod-category ~ .row .cart-prod-sku  { display:block; float:left; position:relative; }

.cart-prod-category ~ .row .cart-prod-enhancement, .cart-prod-category ~ .row .cart-prod-sku { clear:both; font-size:12px; margin:1px 0 1px 90px; width:auto; }

.cart-prod-category ~ .row .cart-prod-img { display:block; position:absolute; left:4px;}
.cart-prod-category ~ .row .cart-prod-name { font-size:16px; font-weight:600; margin:4px 0 4px 90px; width:calc(100% - 750px);}
.cart-prod-category ~ .row  .cart-prod-colour { clear:both; font-size:12px; margin:1px 0 1px 90px; width:auto;}
.cart-prod-category ~ .row  .cart-prod-size { clear:both; font-size:12px; margin:1px 0 1px 90px; width:auto;}

.cart-prod-unit-price, .cart-prod-item-total, .cart-product-qty, .cart-prod-category ~ .row  .cart-prod-btns { position:absolute; text-align:right; top:10px; }
.cart-prod-unit-price  { right:480px; }
.cart-product-qty { right:380px; }
.cart-prod-item-total { right:200px; }
.cart-prod-category ~ .row  .cart-prod-btns { position:absolute; text-align:right; top:8px; right:0; top:6px; }

.cart-totalrow { background:#cdcfd1; border-bottom:1px solid #e4e8e8; border-top:1px solid #e4e8e8; color:#000; margin:1px 0 15px 0; padding:12px 200px 12px 12px; position:relative; text-align:right; }
.cart-staff-excess { background:#f49000; border-radius:11px 0 0 11px; color:#fff; display:inline-block; font-size:12px; line-height:22px; margin:0 20px 0 0; padding:0 9px 0 15px; position:relative;}
.cart-staff-excess:before { content:"Includes excess: ";}
.cart-staff-excess:after { content:""; width:0; height:0; border-style:solid; border-width:11px 0 11px 10px; border-color:transparent transparent transparent #f49000; position:absolute; top:0; right:-10px;}

.cart-staff-total { font-weight:400;}
.cart-staff-total strong, .grand-total strong, .cart-products-total strong, .cart-tax strong { font-weight:600;}

.cart-sub-total { background:#cdcfd1; border-bottom:1px solid #e4e8e8; border-top:1px solid #e4e8e8; color:#000; margin:1px 0 0 0; padding:12px 220px 12px 12px; text-align:right; }

.cart-freight { color:#000; margin:0; padding:12px 220px 12px 0 ; position:relative; text-align:right;}

.cart-prod-img, .cart-prod-name, .cart-prod-colour, .cart-prod-size, .cart-prod-qty, .cart-prod-btns { display:inline-table; font-size:14px; line-height:16px; margin:0 2% 5px 0; position:relative; vertical-align:middle;}
.cart-prod-img { background:#fff; border:1px solid #b7c1c4; border-radius:8px; height:60px; margin-right:10px; padding:5px; width:60px;}
.cart-prod-img img  { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-height:55px; max-width:55px;}
.cart-prod-name { font-size:12px; font-weight:400; position:relative; width:calc(36% - 82px);}

.cart-prod-name span { font-size:12px; font-weight:400; position:absolute; left:0; top:-16px;}

.cart-prod-colour { width:17%; }
.cart-prod-size { width:14%; }
.cart-prod-qty { width:calc(23% - 170px); }

.cart-prod-btns { margin-right:0; width:170px; }
.cart-prod-btns  input[type="button"] { font-size:14px; margin:0 3px 3px 0; line-height:14px; padding:7px 14px 8px 14px;}

.cart-qty { border-right:1px solid #ccc; margin:0 8px 0 0; padding: 0 8px 0 0;}

.cart-products-total { margin-top:-15px;}
.cart-products-total, .cart-tax, .cart-tax-incl-total, .cart-freight, .grand-total { border-bottom:1px solid #b7c1c4; color:#000; padding:12px 200px 12px 0 ; position:relative; text-align:right;}
.grand-total { font-size:18px; margin:0 0 15px 0; }


.cartmessage { background:#fff; border-radius:8px; margin:0 0 15px 0; max-width:800px; padding:20px 35px; position:relative;}
.cartmessage:before { border-style:solid; border-width:20px 0 0 20px; border-color:transparent transparent transparent #ffffff; content:""; height:0; position:absolute; top:-15px; left:120px; width:0;}
.cartmessage p { margin:0; }

.qty-allocation-exceeded { color:#464949;}
.allocation-exceeded-head { padding:5px 0; }
.qty-allocation-exceeded .row{ border-top:1px solid #bb0000; padding:5px 0; }
.allocation-exceeded-head { font-size:18px; font-weight:700; padding:5px 0;}
.qty-allocation-exceeded .row small { display:block;}

.ae-name{ font-size:16px; font-weight:500;}
.ae-qty { font-size:14px; float:left; width:calc(100% - 99px); }
.ae-price { font-size:15px; float:right; padding-right:20px; text-align:right; }

.ae-message { color:#bb0000; float:left; font-size:18px; font-weight:500; padding:5px 0; width:calc(100% - 160px);}
.ae-total-price { color:#bb0000; float:left; font-size:18px; font-weight:700; padding:5px 20px 25px 0; text-align:right; width:140px; }

/*- Checkout page - */
.checkout-fw-wrap { border-top:1px solid #fff; margin:30px 30px 30px 0; padding:30px 0;}
.checkout-fw-wrap:last-of-type { margin-bottom:0; padding-bottom:0; padding-top:20px;}
.checkout-fw-wrap ul.twocolimputs { max-width:75%; }
.checkout-fw-wrap ul.twocolimputs li { display:block; float:left; }
.checkout-fw-wrap ul.twocolimputs li:nth-of-type(odd) { padding:8px 5px 0 0; }
.checkout-fw-wrap ul.twocolimputs li:nth-of-type(2) .sipw { width:60%;}

.checkout-totals-wrap { font-size:18px; margin:0;}
.checkout-totals-wrap .row { padding:3px 0;}
.checkout-totals-wrap .row:last-of-type { padding-top:12px;}
.checkout-totals-wrap .row:last-of-type .col-2 { font-weight:500;}

.checkout-user-inputs { display:flex; gap:30px; align-items:flex-start; margin-bottom:-30px; }
.checkout-user-inputs textarea { height:75px; }
.checkout-user-inputs label { color:#464949; font-size:14px; font-weight:500;}
.checkout-user-inputs-b { flex-grow:2;}
.checkout-user-inputs-a label { margin-left:10px;}
.checkout-user-inputs-b label { margin-left:4px;}


#order-head ~ .infowrap { border-radius:0; margin:0;}
#lb-body .infowrap { margin-bottom:5px;}


/* top of page alert messages */
.alertmessage { border-radius:6px; color:#fff; font-size:14px; margin:0 0 15px 0; padding:8px 15px 10px 53px; position:relative; z-index:8;}
.alertmessage h2 { color:#fff; font-size:16px; margin:5px 0 0 0; padding:0;}
.alertmessage p { color:#fff; font-size:14px; font-weight:400; line-height:18px; margin:0;}
.alertmessage ul { float:left; list-style:none; margin:8px 0 0 20px; padding:0; }
.alertmessage ul li { font-size:12px; margin:0 0 5px 0; padding:0 0 0 20px; position:relative;}
.alertmessage ul li:before { background:url(/images/icons.png?v=202602160853) -250px -13px no-repeat; content:""; position:absolute; top:1px; left:0; height:20px; width:20px;}


#lb-container .alertmessage ul { margin: 2px 0 0 -6px;}

.infowrap  { background:#2b93dc; border-radius:5px; color:#fff; position:relative; margin:0 0 10px 0; padding:16px 16px 16px 50px; }
.infowrap:before { background:url(/images/icons.png?v=202602160853) -80px -140px no-repeat; content:""; position:absolute; top:6px; left:6px; height:40px; width:40px;}

.errors { background:#c40000; }
.errors:before { background:url(/images/icons.png?v=202602160853) -200px 0 no-repeat; content:""; position:absolute; top:6px; left:6px; height:40px; width:40px;}

.success { background:#05c521;}
.success:before { background:url(/images/icons.png?v=202602160853) -120px -140px no-repeat; content:""; position:absolute; top:6px; left:6px; height:40px; width:40px;}
#order-body .success { margin-right:35px;}



.ui-dialog .ui-widget-header { background:#e4e8e8; border:0; border-radius:0; padding:.4em 1em .6em 1em; }
.ui-dialog-content .ui-icon { margin:3px 6px 20px 0!important; }

.simplecheck input[type="checkbox"], .simplecheck label { display:inline-block;}

.delivery-block-b3 {flex-grow:1; max-width:500px;}
.guest-checkout-block { background:#fff; min-height:115px; padding:20px 36px 20px 90px; position:relative;}
.guest-checkout-block:before  { background:url(/images/icons.png?v=202602160853) -248px -77px no-repeat; content:""; display:block; height:53px; position:absolute; top:15px; left:15px; width:61px;}

.guest-checkout-block .sipw, .delivery-block-b1 .sipw { margin-bottom:5px; }


#checkout-01 { align-items:stretch; display:flex; gap:15px; width:calc(100% - 35px);}
#checkout-01 .fff-block { border-radius:15px; }
#checkout-01 .fff-block .fff-block-h { color:#464949; font-size:18px; font-weight:700; padding:20px 30px 12px 28px; }
.delivery-block-b1 { align-items:flex-start; display:flex; gap:20px; padding:20px 30px 12px 28px;}
.freighticon { background:url(/images/icons.png?v=202602160853) -250px -141px no-repeat; height:38px; width:56px;}
.customfreightprice { font-size:16px; margin:8px 0 0 0; text-align:center;}
.customfreightprice small { display:block; font-size:11px; font-weight:600; }
.delivery-block-b1 input[type="radio"] ~ .deliver-or-pickup label { background:url(/images/icons.png?v=202602160853) -1180px -1px no-repeat; display:block; margin-bottom:15px; min-height:20px; padding:0 0 0 25px; }
.delivery-block-b1 input[type="radio"]#deliver:checked ~ .deliver-or-pickup label.dp-deliver, .delivery-block-b1 input[type="radio"]#pickup:checked ~ .deliver-or-pickup label.dp-pickup { background-position:-1180px -51px; }
.deliver-or-pickup { border-right:1px solid #b7c1c4; margin:0 20px 0 0; min-width:100px; padding:0 5px 95px 0; position:relative; }
.deliver-or-pickup label span { font-weight:700; padding-top:0; }
.deliver-or-pickup label span i { display:block; font-style:normal; font-weight:300; }
.deliver-or-pickup:after { background:url(/images/icons.png?v=202602160853) -211px -141px no-repeat; content:""; height:38px; position:absolute; top:25px; right:-20px; width:20px;}

.delivery-block-b1 .deliver, .delivery-block-b1 .pickup { display:none; flex-grow:1; }

.deliver { max-width:500px;}
#deliver:checked ~ .deliver, #pickup:checked ~ .pickup { display:block;}
.pickup .dopu-location label { border:1px solid #f5f5f5; font-size:14px; margin:2px 0 0 0; padding:12px 70px 12px 66px; }
.pickup .dopu-location:first-of-type { margin-top:0; }
.pickup .dopu-location input[type="radio"]:checked ~ label { border:1px solid #00afc4;}
.gc01 { width:34%;}
.gc02, .gc03 { width:66%;}

#dopuwrap {}
.dopu-address { position:relative; }

.dopu-address:first-of-type, .dopu-location:first-of-type { margin-top:5px;}
.dopu-address label, .dopu-location label { background:#f5f5f5; border-radius:4px; color:#000; display:block; font-size:12px; margin:1px 0 0 0; min-height:40px; padding:9px 70px 9px 66px; position:relative; }
.dopu-address label:hover, .dopu-location label:hover { background:#fff; cursor:pointer; }

.dopu-address input[type="radio"] ~ label:before, .dopu-location input[type="radio"] ~ label:before { background:url(/images/icons.png?v=202602160853) -862px -202px no-repeat; content:""; height:36px; position:absolute; top:10px; left:9px; width:46px;}
.dopu-address input[type="radio"]:checked ~ label:before { background-position:-770px -202px; }

.dopu-location input[type="radio"] ~ label:before { background-position:-908px -201px;  }
.dopu-location input[type="radio"]:checked ~ label:before { background-position:-816px -201px; }

.dopu-address input[type="radio"]:checked ~ label, .dopu-location input[type="radio"]:checked ~ label { background:#fff; }

.dopu-address b, .dopu-address i, .dopu-location b, .dopu-location i { display:block;}

button.btn-edit, button.btn-delete { background:url(/images/icons.png?v=202602160853) #fff no-repeat; border:1px solid #e4e8e8; height:35px; padding:0; position:absolute; top:-1px; width:33px; z-index:9; }

button.btn-edit { background-position:-365px -145px; border-radius:0 0 0 4px; right:31px; }
button.btn-delete { background-position:-405px -145px; border-radius:0 4px 0 0; right:-1px; }
button.btn-edit:active, button.btn-edit:hover { background-position:-365px -185px; transition:0s; }
button.btn-delete:active, button.btn-delete:hover { background-position:-405px -186px; transition:0s; }

input[type="checkbox"]#addaddress ~ label { background:#00afc4; border-radius:45px; border:0; color:#fff!important; cursor:pointer; display:inline-block; font-size:14px; line-height:36px; margin:0; padding:0 20px; position:relative; text-decoration:none; transition:0.3s; }
input[type="checkbox"]#addaddress ~ label:active, input[type="checkbox"]#addaddress ~ label:hover { background:#e55100; transition:0.3s; }
input[type="checkbox"]#addaddress ~ label:before {content:"Add new address";  }
input[type="checkbox"]#addaddress:checked ~ label:before {content:"Back";  }
.dopu-new { display:none; }
input[type="checkbox"]#addaddress:checked ~ .dopu-new { display:block; }
input[type="checkbox"]#addaddress:checked ~ .dopu-available { display:none; } 

.saveaddress { align-items:flex-start; display:flex; gap:0; margin:5px 0 9px 0;}
.saveaddress input[type="checkbox"] { cursor:pointer; display:block; margin:2px 8px 5px 0; }
.saveaddress input[type="checkbox"] ~ label { color:#000; cursor:pointer; font-size:14px; }

.dopu-new .sipw { margin-bottom:3px!important; }

.dopu-new { margin:auto; max-width:300px;}




/*- Lightbox - */
#lb-body { background:#fff; border-radius:20px; margin:auto; padding:0; position:relative;}
#lb-title { color:#464949; padding:0 0 6px 0; }
#lb-title h2 { font-size:20px; font-weight:400; margin:0; padding:0; }
#lb-title small {}

#lb-body #pdp-head { margin-bottom:1px; padding:8px 20px; }
#lb-body #pdp-head #pdp-who, #lb-body #pdp-head #pdp-remaining-allocation { display:block; float:none; text-align:left;} 

#lb-body #pdp-head #pdp-who strong { display:block; margin:4px 0;}
#lb-body #pdp-head #pdp-remaining-allocation { margin:0;}

#lb-body #pdp-options-col { margin:0;}
#lb-body #sizeguidediv { left:195px; margin:0; position:absolute; top:initial; bottom:0; }
#lb-body #pdp-size-qty .sizeguidelink { position:relative; z-index:5;}

#lb-body #pdp-size-qty .sipw.select { position:relative; width:200px; z-index:2;}

#lb-body .pdp-options { padding:20px;}
#lb-body .pdp-options h3 { font-size:13px; margin:0 0 2px 0;}

#lb-body #pdp-enhancement { margin:5px 0; }
#lb-container #lb-body .sipw.qty { max-width:60px;}
#lb-body input[type="number"] { padding:0 10px; width:calc(100% - 22px);}

#lb-body #pdp-prices { border-top:0; margin:0; padding:6px 0;}
#lb-body #pdp-prices ul li:last-of-type { font-size:18px; margin-top:5px; padding:5px 22px; }

#lb-body #pdp-size-qty { display:block; position:relative;}
#lb-body #pdp-size-qty .size { float:none;}
#lb-body #item_error_enhancement, #lb-body #item_error_customtext { margin:0 0 8px 0;}
#lb-body .btn-next-wrap input[type="submit"], #lb-body .btn-next-wrap input[type="button"] { font-size:18px; line-height:40px; padding:0 20px;}

#lb-title ul#order-step { top:30px;}

#lb-content { border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; display:table; width:100%;}
#lb-content2 { display:table; width:100%;}
#lb-content3 { background:#f5f5f5; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; padding:20px; }
#lb-content.lb-product-content { border-bottom:0; display:block; padding:30px; width:auto;}

#lb-content.lb-product-content .btn-next-wrap { text-align:right;}

#lb-title h1 { border-bottom:0; font-size:30px; padding-bottom:0; text-align:center;}
#lb-content h1 { border-bottom:0; color:#000; font-size:18px; font-weight:600;}
#lb-content h2 { margin:0; padding:0;}
#lb-content h2 ~ small { display:block; margin-bottom:9px;}
#lb-content h3 { margin-bottom:0;}

#lb-content .wrap03 { background-color:#fff; }
#lb-content .wrap03 .blockhead { border-bottom:1px solid #e4e8e8;}

#lb-content .rdw01b { border:0; max-width:260px; margin:auto;}
#lb-content .rdw01b h4 { float:left; text-align:left;}
#lb-content .rdw01b h4 ~ .tooltip { margin:5px 0 0 8px;}
#lb-content ul.a-qty-inputs, #lb-content ul.a-pri-inputs { padding-right:35px;}
#lb-content ul.a-qty-inputs .tooltip, #lb-content ul.a-pri-inputs .tooltip { position:absolute; right:-25px; top:8px;}


.pdp-option-colour, .pdp-option-size { margin:0 0 10px 0;}

#pdp-qty { padding-top:10px;}



.lb-width-01 { max-width:730px; }
.lb-width-02 { max-width:500px; }
.lb-width-03 { max-width:800px; }
.lb-width-04 { max-width:1100px; }

.lb-block { background:#fff; border-radius:9px; margin:5px 0;}
.lb-prodimg { padding:15px;}
.id-prodsku { border-top:1px solid #e4e8e8; color:#464949; font-size:12px; padding:8px; text-align:center; }
.id-prodsku strong { color:#000; font-weight:600; }


.prodpricerap { background:#e4e8e8; border-radius:0 30px 30px 0; color:#464949; margin:0; padding:7px 16px 7px 8px; position:relative; left:10px; top:-30px;  }
.prodpricerap:before { border-style:solid; border-width:21px 18px 21px 0; border-color:transparent #e4e8e8 transparent transparent; content:""; height:0; position:absolute; top:0; left:-18px; width:0;}
.prodprice { font-size:23px; line-height:28px; margin:0; }
.select-size-qty .prodprice, .select-colour-size-qty .prodprice { clear:both; font-size:15px; padding:5px 8px; }
.prodtotal { font-size:16px; margin:0; }

.prodprice strong, .prodpricerap strong { font-weight:600; }



#item_error_size, #item_error_qty, #item_error_colour, #item_error_enhancement, #item_error_customtext, .error_message { background:#c40000; border-radius:6px; color:#fff; display:block; font-size:14px; padding:3px 10px; margin:-24px 0 26px 0; position:relative; text-align:center; width:fit-content; z-index:9; }

#item_error_customtext { margin-top:5px; position:absolute;}


#item_error_enhancement { margin:8px 0 0 0;}
#item_error_size:before, #item_error_qty:before, #item_error_colour:before, #item_error_enhancement:before, #item_error_customtext:before { border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #c40000 transparent; content:""; height:0; position:absolute; left:20%; top:-5px; width:0;}



.btn-next-wrap .error_message { display:inline-block; font-size:15px; padding:6px 14px; text-align:left; }

.lb-col-1 { background:#e4e8e8; display:table-cell; padding:20px 20px 20px 0; width:60%; }
.lb-col-2 { display:table-cell; padding:20px 30px; width:40%; vertical-align:top;}

.lb-col-a { background:#e4e8e8; display:table-cell; padding:20px 20px 20px 0; width:50%; }
.lb-col-b { display:table-cell; padding:20px 30px; width:50%; vertical-align:top;}
.lb-col-c { background:#e4e8e8; border-left:1px solid #fff; display:table-cell; padding:0; width:50%; vertical-align:top;}

.pick-colour { float:right; width:185px;}
.pick-colour ul { list-style:none; margin:0; padding:0;} 
.pick-colour ul li { background:#fff; border:1px solid #b7c1c4; border-radius:8px; float:right; margin:0 5px 5px 0; padding:0; height:70px; padding:5px; width:70px; vertical-align:middle;}
.pick-colour ul li:active, .pick-colour ul li:hover { border-color:#00afc4;}
.pick-colour ul li.selected { border:2px solid #00afc4; padding:4px; }
.pick-colour ul li a:link, .pick-colour ul li a:visited { display:block; height:100%;  }
.pick-colour ul li img { display:block; margin:auto; max-height:100%; max-width:100%; vertical-align:middle;}

.selected-colour { background:#fff; padding:0; text-align:center; width:320px; }
.selected-colour img { margin:auto; height:320px; }
.selected-colour p { background:#fff; text-align:center; margin:0; position:absolute; width:360px; padding:5px 0; bottom:0;}




/*  IMG Zoom fix */

#slider { width:360px!important; }
.flexslider { border:0!important; }
.zoo-item { height:calc(100% - 40px)!important; width:360px!important; }
.zoo-item:after { background:url(/images/icons.png?v=202602160853) -920px 0 no-repeat #fff; border:14px solid #fff; border-radius:50%; content:""; position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; height:40px; opacity:0.4; width:40px; }
.zoo-item:active:after, .zoo-item:hover:after { opacity:0; transition:0.5s;}
.zoo-item .zoo-img { background-size:contain!important;}
figure { margin:0; }
#slider .flex-viewport ul.slides li { height:calc(320px + 40px)!important;}
#carousel { margin:auto; width:300px;}
#slider .flex-viewport ul.slides li img { max-height: calc(100% - 40px)!important; }

.allocation-status { color:#464949; font-size:16px; float:left; text-align:left; }
.allocation-status strong { font-weight:400; }

.tax-notice { color:#464949; font-size:14px; padding:8px 0; }
#lb-container .tax-notice { float:right; padding:0; text-align:right; }

#lb-footer { padding:15px 0 0 0; }
#lb-body a:link#close, #lb-body a:visited#close { background:url(/images/icons.png?v=202602160853) -395px 5px no-repeat #00afc4; border-radius:50%; border:3px solid #fff; display:block; height:50px; position:absolute; top:-18px; right:-12px; width:50px; z-index:99;}
#lb-body a:active#close, #lb-body a:hover#close { background-color:#e55100;}

.chosen-colour { background:#fff; border:1px solid #b7c1c4; border-radius:8px; float:left; margin:0 15px 0 30px; padding:15px ; text-align:center; width:calc(50% - 75px);  }.chosen-colour img { margin:auto; max-height:300px; }

.select-size-qty { float:left; width:45%; }
.select-size-qty h3, .select-colour-size-qty h3 { clear:both; padding:15px 0 4px 15px; }
.size { max-width:190px; width:calc(100% - 90px);}

.select-colour-size-qty { padding:0 30px;}

.qty-btns-wrap { display:flex; gap:1px; flex-wrap:nowrap; margin-top:2px; }
.qty-btn-wrap-minus input[type="button"], .qty-btn-wrap-plus input[type="button"] { background:url(/images/icons.png?v=202602160853) no-repeat #00afc4; border-radius:5px; padding:0; line-height:42px; width:35px;}
.qty-btn-wrap-minus input[type="button"] { background-position:-202px -140px;  }
.qty-btn-wrap-plus input[type="button"] { background-position:-162px -140px;  }

table .qty-btn-wrap-minus input[type="button"], table .qty-btn-wrap-plus input[type="button"] { line-height:32px; width:30px;}
table .qty-btn-wrap-minus input[type="button"] { background-position:-205px -145px;  }
table .qty-btn-wrap-plus input[type="button"] { background-position:-165px -145px;  }

.qty-btn-wrap-minus input[type="button"]:hover, .qty-btn-wrap-plus input[type="button"]:hover, .qty-btn-wrap-minus input[type="button"]:active, .qty-btn-wrap-plus input[type="button"]:active { background-color:#e55100; }
.qty-btn-wrap-minus ~ .qty input[type="text"], .qty-btn-wrap-minus ~ .qty input[type="number"], .qty-btn-wrap-minus ~ .qty { border-radius:5px; }

.btn-next-wrap { position:relative; }
.btn-next-wrap input[type="submit"], .btn-next-wrap input[type="button"] { font-size:20px; line-height:46px; padding:0 30px 0 30px; z-index:5; }

.btn-colour-next-wrap { float:right; margin:0 0 5px 0; position:relative;}
.btn-colour-next-wrap input[type="submit"], .btn-colour-next-wrap input[type="button"] { font-size:12px; line-height:30px; padding:0 14px; z-index:5; }

.btn-next-wrap h2 { background:#e4e8e8; border-radius:8px; font-size:16px; font-weight:600; padding:12px 18px; }
.whatnow { padding:30px; text-align:center; }
#lb-content .whatnow h2 { padding:0 0 9px 0;}
.whatnow ul { border-top:1px solid #b2e7ed; list-style:none; margin:0 auto; max-width:420px; padding:0;}
.whatnow ul li { border-bottom:1px solid #b2e7ed; font-size:18px; margin:0; padding:8px; }

.delivery-4 {  padding:0 0 0 150px; position:relative; width:200px; }
.delivery-4 hr { margin:10px 0;}
.delivery-4:before  { background:url(/images/icons.png?v=202602160853) -252px -60px no-repeat; content:""; display:block; height:80px; position:absolute; top:-5px; right:220px; width:92px;}
.delivery-4 input[type="submit"], .tab2 input[type="submit"] { font-size:15px; line-height:30px; margin:5px 0 0 0; padding:0 15px;}

.tab2 p { margin:0;}


.delivery-4a {  margin-top:-5px; padding:0 0 0 80px; position:relative; width:calc(100% - 80px); }
.delivery-4a hr { margin:5px 0;}
.delivery-4a p { line-height:18px; margin:0 0 15px 0; }
.delivery-4a:before  { background:url(/images/icons.png?v=202602160853) -252px -140px no-repeat; content:""; display:block; height:45px; position:absolute; top:0; left:10px; width:60px;}
.delivery-4a input[type="submit"], .tab2 input[type="submit"] { font-size:15px; line-height:30px; margin:5px 0 0 0; padding:0 15px;}

.pc-tab { background:#fff; }
.pc-tab ul { list-style:none; margin:0; padding:0; }
.pc-tab ul  li { float:left; margin:0 3px 0 0;}
.pc-tab ul li label { background:#f5f5f5; border-radius:8px; border-radius:5px; color:#00afc4; float:left; font-size:14px; margin:0 0 3px 0; padding:12px 20px;}
.pc-tab ul li label:hover, .pc-tab ul li label:active { background:#e4e8e8; color:#e55100; cursor:pointer;}
.pc-tab section { clear:both;}
.pc-tab section div.tab1, .pc-tab section div.tab2 { background:#e4e8e8; color:#444;  overflow-y:auto; padding:15px; }
#lb-body .pc-tab section div.tab1, lb-body .pc-tab section div.tab2 {max-height:400px;}

#tab1:checked ~ nav .tab1  label, #tab2:checked ~ nav .tab2  label { background:#e4e8e8; margin-bottom:0; padding-bottom:15px; border-radius:8px 8px 0 0;}
#tab1:checked ~ section .tab1, #tab2:checked ~ section .tab2, #tab3:checked ~ section .tab3 { display: block;}



.tab2 input[type="submit"].icon-delete { background:url(/images/icons.png?v=202602160853) -165px -5px no-repeat #00afc4; height:30px; width:30px;}
.tab2 input[type="submit"].icon-delete:active, .tab2 input[type="submit"].icon-delete:hover { background:url(/images/icons.png?v=202602160853) -165px -5px no-repeat #e55100;}

.pc-tab > input, .pc-tab section > div { display:none;}

/*-File upload - */
#upload-file-wrap { margin:12px 0 0 0; position:relative;}
#upload-file-wrap p { font-size:12px; margin:5px 0; text-align:center;}
#drag-drop-area { border:2px dashed #00afc4; text-align:center;}
#upload-file-wrap .drag-drop-inside p { font-size:14px; font-weight:500; }
#upload-file-wrap .drag-drop-inside  input[type="button"] { background:none; border:0; color:#00afc4;}
.dndh-01 {height:160px; }
.dndh-02 {height:100px; }
.dndh-03 {height:360px; }
#upload-file-wrap .dndh-01  p { margin-top:55px;}
#upload-file-wrap .dndh-02  p { margin-top:25px;}
#upload-file-wrap .dndh-03  p { margin-top:145px;}
#upload-file-wrap .dndh-03  ~ p { text-align:left;}

#imgupload { background:#e4e8e8; border-radius:15px; padding:0 30px; position:relative; }
#imgupload img { margin:auto; max-height:calc(100% - 20px); max-width:calc(100% - 50px); position:absolute; top:0; bottom:0; left:0; right:0; vertical-align:middle; }
#imgupload a.delete, .wrap05 a.delete { border-radius:0 15px; border-bottom:2px solid #fff; border-left:2px solid #fff; position:absolute; top:0; right:0; z-index:9; }

#lb-content #imgupload { background:#fff;}
#lb-content  #imgupload a.delete { border-color:#e4e8e8; }

#alert-orders2approve { border-bottom:1px solid #bb0000; border-top:1px solid #bb0000; margin:25px 0; padding:20px 0 22px 0; }
#alert-orders2approve p { color:#bb0000; float:left; margin:0 30px 0 0; }
#alert-orders2approve p strong { display:block; font-size:18px; line-height:20px; }

#alert-no-orders2approve { border-bottom:1px solid #e4e8e8; border-top:1px solid #e4e8e8; margin:25px 0; padding:12px 0 13px 0; }
#alert-no-orders2approve p { margin:0 30px 0 0!important; }
#alert-no-orders2approve p strong { display:block; font-size:15px; line-height:20px; }

.dashboard-cta h2 { font-weight:normal; }

ul#dashboard-links { border-top:1px solid #e4e8e8; list-style:none; margin:0; padding:0;}
ul#dashboard-links li{ border-bottom:1px solid #e4e8e8; margin:0; padding:0; position:relative; }
ul#dashboard-links li a:link, ul#dashboard-links li a:visited { display:block; padding:12px 0 13px 50px; position:relative; z-index:5; }
ul#dashboard-links li:active, ul#dashboard-links li:hover { background:#f5f5f5; font-weight:600;}

.dili-guidelines:before, .dili-faqs:before, .dili-managestaff:before, .dili-managebranches:before, .dili-orderhistory:before, .dili-editprofile:before, .dili-returns:before, .dili-contact:before, .dili-reports:before, 
.dili-allocations:before, .dili-consumption:before { content:""; height:40px; position:absolute; top:2px; left:2px; width:40px; z-index:4;}

.dili-guidelines:before { background:url(/images/icons.png?v=202602160853) -520px 0 no-repeat; }
.dili-faqs:before { background:url(/images/icons.png?v=202602160853) -560px 0 no-repeat; }
.dili-managestaff:before { background:url(/images/icons.png?v=202602160853) -600px 0 no-repeat; }
.dili-managebranches:before { background:url(/images/icons.png?v=202602160853) -640px 0 no-repeat; }
.dili-orderhistory:before { background:url(/images/icons.png?v=202602160853) -680px 0 no-repeat; }
.dili-editprofile:before { background:url(/images/icons.png?v=202602160853) -720px 0 no-repeat; }
.dili-returns:before { background:url(/images/icons.png?v=202602160853) -760px 0 no-repeat; }
.dili-contact:before { background:url(/images/icons.png?v=202602160853) -800px 0 no-repeat; }
.dili-reports:before { background:url(/images/icons.png?v=202602160853) -520px 0 no-repeat; }
.dili-allocations:before { background:url(/images/icons.png?v=202602160853) -840px 0 no-repeat;}
.dili-consumption:before { background:url(/images/icons.png?v=202602160853) -880px 0 no-repeat; }

#allocation-status { background:#e4e8e8; border-radius:8px; padding:8px;}
#allocation-status div { background:#fff; border-bottom:1px solid #e4e8e8; color:#000; font-size:18px; padding:10px 15px;}
#allocation-status div small { font-size:12px;}
#allocation-status table { border-bottom:1px solid #e4e8e8; color:#464949;}
#allocation-status table tr td, #allocation-status table tr th { font-size:12px; }
#allocation-status table tr td:first-of-type { max-width:200px;}

#password-checklist-wrap { position:relative; } 
#password-checklist { background:#4aca9a; color:#fff; margin-top:10px; padding:22px 10px 22px 30px; position:absolute; top:0; right:-330px; width:260px; z-index:9; }
#password-checklist ul { list-style:none; margin:0; padding:5px 0 0 0;}
#password-checklist ul li { font-size:12px; margin:0; padding:1px 0; position:relative;}
#password-checklist ul li.check { font-weight:bold;}
#password-checklist ul li.check:before { background:url(/images/icons.png?v=202602160853) -492px -15px no-repeat; content:""; display:block; height:10px; position:absolute; top:3px; left:-20px; width:13px; }
#password-checklist:before { border-style:solid; border-width:10px 10px 10px 0; border-color:transparent #4aca9b transparent transparent; content:""; height:0; position:absolute; top:22px; left:-10px; width:0;}

#forgotpw #password-checklist { top:18px; right:-250px;}

.row, .rowb, .rowbt, .rowt, .rowbb { clear:both; position:relative; }
.rowb { border-bottom:1px solid #b7c1c4; border-top:1px solid #b7c1c4; margin:0; padding:10px 0;}
.rowbb { border-bottom:1px solid #b7c1c4; margin:0; padding:15px 0;}
.rowbt { border-top:1px solid #b7c1c4; padding:10px 0; }
.rowt { margin:0; padding:8px 0 0 0;}

.rowbb ~ #footer { border-top:0;}

.pagination {  margin:5px; width: calc(100% - 200px);}
ul.pagination { list-style:none; margin:0; padding:0; width:100%;}
ul.pagination li { display:inline-block; margin:0; padding:0;}
ul.pagination li .page-link { padding:2px 5px; text-align:center; }

.floating-box { border:1px solid #b7c1c4; border-radius:8px; float:left; margin:0 20px 20px 0; padding:25px; width:calc(33.3% - 70px); }

/* Order detail + pending orders - Order Details Block */

.odb { border:1px solid #e4e8e8; border-radius:5px; margin:0 0 8px 0; }
.odb-head { background:#e4e8e8; display:flex; gap:60px; font-size:18px; padding:12px 25px;}
.odb-sub-head {  background:#f5f5f5; display:flex; gap:30px; margin:1px; padding:8px 24px; position:relative; }
.odb-sub-head div:nth-of-type(1) { min-width:calc(25% - 30px);}
.odb-sub-head div:nth-of-type(2) { min-width:calc(50% - 200px);}
.odb-sub-head div:nth-of-type(3) { min-width:calc(25% - 30px);}
.obb-body { padding:0 25px 20px 25px; }

.odb-body-a { display:flex; gap:40px; padding:40px 0 20px 0; }
.odb-body-b, .odb-body-c { min-height:40px; padding:0 0 0 70px; position:relative;}
.odb-body-b:before, .odb-body-c:before { background:url(/images/icons.png?v=202602160853) no-repeat; content:""; display:block; position:absolute; top:0; left:0; }
.odb-body-b:before { background-position:-254px -79px; top:-5px; height:46px; width:53px;}
.odb-body-c:before { background-position:-174px -202px; height:40px; width:56px; }
.odb-body-c.pickup:before { background-position:-92px -196px; height:48px; left:8px; top:-4px; width:60px; }

.grandtotal td { font-size:15px; font-weight:600;}
table#order-details { width:100%; }
table#order-details tr.grandtotal td { background:none; }


table#order-details td:nth-of-type(7) { width:20px;}
table#order-details td:nth-of-type(8) { width:30px;}

table#order-details input[type="button"] { font-size:14px; line-height:32.5px; padding:0 15px;}

/*--No login + Bulk order interface mods--*/

.nologin #brand { height:140px; width:300px;}
#order-body .big-block { margin:0; padding:0 30px 0 0;}

.big-block .checkout-fw-wrap { margin-right:0;}

a.btn-back { line-height:30px; margin:0 0 8px 0; position:relative;}

.col-bcs1, .col-bcs2, .col-bss1, .col-bss2 { float:left;}
.col-bcs1 { margin-right:1%; /*width:64%*/ width:100%;}
.col-bcs2 { display:none; width:35%; }
.col-bss1 { margin-right:1%; width:35%; }
.col-bss2 { width:64%;}

.bcs-colour-options ul { list-style:none; margin:0; padding:0; }
.bcs-colour-options ul li { float:left; height:300px; margin:0 10px 10px 0; padding:0; width:250px;}

.bcs-colour-options ul li button { background:none; border:1px solid #cfcfcf; border-radius:8px; display:block; height:100%; padding:15px 15px 51px 15px; position:relative; width:100%; }
.bcs-colour-options ul li:active button, .bcs-colour-options ul li:hover button { border:1px solid #ff9c00; transition:0s;}
.bcs-colour-options ul li.selected  button { border:1px solid #00afc4; }

.bcs-colour-options ul li button img { margin:auto; max-height:220px;}
.bcs-colour-options ul li button p { color:#949c9d; margin:0; max-height:34px; overflow:hidden; padding:0 15px; position:absolute; bottom:7px; left:0; line-height:16px; text-align:center; width:calc(100% - 30px); }

.bcs-selected-colour { padding:30px 60px;}
.bcs-selected-colour img { margin:auto; max-height:333px;}
.bcs-selected-colour p { margin:8px 0 0 0; text-align:center;}

.col-bcs2 .btn-next-wrap, .col-bss2 .btn-next-wrap  { text-align:right; }
.bcs-selected-colour .center-btn-links { margin:8px -50px 0 -50px;}
.center-btn-links { margin:8px 0 0 0; text-align:center; }
.center-btn-links a { margin:0 2px;}

.bulkqty tr:nth-of-type(even) { background:#fff;}
.bulkqty tr th:last-of-type, .bulkqty tr td:last-of-type { padding-right:400px;}
.bulkqty th { color:#464949; font-size:14px; padding:6px 30px; vertical-align:middle;}
.bulkqty td { color:#464949; font-size:16px; padding:6px 30px; vertical-align:middle; }
.bulkqty input[type="number"] { padding:0 9px; width:calc(100% - 20px);}
table.bulkqty .sipw.qty { margin:0; max-width:60px;}
table.bulkqty { border-bottom:2px solid #fff; }
table.bulkqty .qty-btns-wrap { height:38px;}


table.bulkqty ~ #item_error_qty { border-radius:0 0 6px 6px; margin-top:0; }
table.bulkqty ~ #item_error_qty:before { display:none; }


#enhancement_description { font-size:14px; padding:15px 0 0 0;}
#enhancement_description strong { display:block;}
#lb-body #enhancement_description { padding:0;}

.bss-total { font-size:17px; padding:10px 40px 10px 0; text-align:right; }

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-closethick { background:url(/images/icons.png?v=202602160853) -1101px 1px no-repeat #00afc4 !important; border:2px solid #fff; border-radius:50%; margin:-40px -25px 0 0!important; height:44px!important; width:44px!important; }

.ui-dialog .ui-dialog-titlebar-close:active, .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-closethick:active, .ui-dialog .ui-dialog-titlebar-closethick:hover  { background-color:#e55100; }

.ui-dialog-buttonpane .ui-dialog-buttonset button { border-radius:20px!important;}
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon, .ui-dialog .ui-dialog-titlebar-closethick .ui-button-icon { background:none!important; }


#order-head { min-height:15px;} 
.fifty-p { float:left; width:49.5%;}
.fifty-p:first-of-type { margin-right:1%; }

/*--responsive cols-*/
.col-1o3, .scol-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-40p, .col-60p, .col-1, .col-2, .col-3, .col-od1, .col-od2 { float:left; }

.col-1o3 { margin:0 2% 0 0; width:31.3%;}
.col-2o3 { margin-right:3.5%; width:65.5%;}
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3 { margin-right:0; text-align:left;}

#contact-feed.col-1o3 { float:right; margin:30px 0 0 0; padding:0; width:31.1%;}

.col-1o4 { margin-right:1%; width:24%;}
.col-1o4:nth-child(4n) { margin-right:0;}

.ame-filterwrap .col-1o4 { margin:0 3px 3px 0; width:calc(25% - 3px);}

.col-2o4 { margin-right:5%; width:45%;}
.col-1o4 ~ .col-2o4 { margin-right:0;}

.col-1o2 { margin-right:3%; width:48.5%;}
.col-1o2:nth-of-type(even) { margin-right:0;}#footer-main .col-1o2 { margin-right:3%; width:47%;}

.col-1 { font-weight:600; text-align:right; width:215px;}
.col-2 { text-align:right; width:120px;}
.col-3 { font-size:0.8em; margin:0 0 0 8px; padding:2px 0 0 0; max-width:calc(100% - 340px);}

.col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3;}

.col-od1 { margin:0 1% 0 0; width:24%;} 
.col-od2 { width:75%;}

.col-40p { width:40%;}
.col-60p { width:60%; }

.col-40p ~ .col-60p { margin-left:2%; width:58%;}
.col-60p ~ .col-40p { margin-left:2%; width:38%;}


#guest-dashboard { display:flex; align-content:flex-start; flex-wrap:nowrap; align-items:flex-start; gap:40px; }
#guest-dashboard #col-dash-1 { width:auto; }
#guest-dashboard #col-dash-2 { margin:0; padding:20px 0 0 0; width:30%; }

#col-dash-1, #col-dash-2, #col-dash-3 { float:left;}
#col-dash-1 { width:calc(100% - 920px);}
#col-dash-2 { margin:0 40px; width:260px;}
#col-dash-3 { width:580px;}

#col-dash-1 p:last-of-type { margin-bottom:20px;}

.col-main { margin:50px 0;}


/* Lightbox */
  .close-modal { background:url(/images/admin/icons.png?v=202602160853) -398px 3px no-repeat #00afc4; border-radius:12px; border:3px solid #fff; display:block; height:50px; position:absolute; top:-15px; right:-15px; width:50px; z-index:99;}
  
  .close-modal:hover { background: url(/images/admin/icons.png?v=202602160853) -398px 3px no-repeat #e55100;  }
  button.btn-small { font-size:12px; font-weight:400; line-height:24px; padding:0 14px; }
  .hidden { display:none; }
  .modal-open { overflow:inherit; padding-right:0px !important;  }
  .modal-open .modal { overflow-x:hidden; overflow-y:scroll;  }
  .modal { position:fixed; top:0; left:0; z-index:1050; display:none; width:100%; height:100%!important; overflow:hidden; outline:0; }
  .modal-dialog { position:relative; width:100%; margin:auto; margin-top:20px; max-width:340px!important; pointer-events:none; }
 
  /*#employee_popup { max-width:600px; }*/

  /*#select-product .modal-dialog, #address_popup .modal-dialog { max-width:400px; }*/

  .modal-dialog-scrollable { max-height:calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height:calc(100vh - 3.5rem); }
  .modal-dialog-centered { min-height:calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height:calc(100vh - 3.5rem); }
  .modal-sm { max-width:300px; }
  
  .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }
  
  
 
  
  .modal.show .modal-dialog { -webkit-transform:none; transform:none;}
  
  .modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
  }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
  }
  .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
  }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
  }
  .modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
  .modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
  }
  .modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
  }
  .modal-content { position:relative; display:-ms-flexbox;  display:flex; -ms-flex-direction: column; flex-direction:column; width:100%; pointer-events:auto; background-color:#fff; background-clip:padding-box; border:0; border-radius:14px; outline:0; max-height:75vh; padding:20px; }
  
  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop.show {
    opacity: 0.5;
  }
  .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
  }
  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }
  .modal-body { position:relative; -ms-flex: 1 1 auto; flex:1 1 auto; padding:0; /*overflow-y:auto;*/ }
  .modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem;
  }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }

  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #ffffffcf;
  }
  .loader img{
    position: relative;
    margin: auto;
  }






   
.message { color:#00bb00;}#login .message { margin:-10px 0 8px 0; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0;}

/* Firefox */
input[type=number] { -moz-appearance:textfield;}

input[type="button"].disabled, input[type="button"].disabled:active, input[type="button"].disabled:hover, input[type="submit"].disabled, input[type="submit"].disabled:active, input[type="submit"].disabled:hover { background-color:#b7c1c4; cursor:not-allowed; pointer-events:all!important; opacity:0.75; }


button:disabled {
  background: #8f9da1;
  cursor: not-allowed;
}


a.disabled {
    pointer-events: none;
    cursor: default;
}
.others {color:black}

.warning {
  background: #f49000;
  border-radius: 8px;
  color: #fff;
  margin: 9px 0;
  padding: 15px 15px 15px 63px;
  position: relative;
}
.warning:before {
  background: url(/images/admin/icons.png?v=202602160853) -240px -140px no-repeat;
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  height: 40px;
  width: 40px;
}
.warning h2 {
  color: #fff;
  font-size: 17px;
  margin: 0;
  padding: 0;
}
.warning p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

optgroup { font-style:normal; }
#nonmodal-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  pointer-events: none; /* Prevents blocking interaction */
}
#nonmodal-loader img {
  width: 30;
  height: 30px;
}



/*---------------------Media queries---------------------------*/

 @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog { transition:none; }
  }



@media only screen and (max-width: 2000px) {
#cart-client-wrap { margin-left:0; top:85px; left:initial; right:0; width:490px;}
.cart { left:100px;}
#client, #client-no-logo { left:260px;}
#items-added-message { right:12%; }
}

@media only screen and (max-width: 1900px) {
#items-added-message { right:14%; }
}

@media only screen and (max-width: 1860px) {
#header { background:url(/images/frontend/header-bg2.png?v=202602160853) bottom right no-repeat; height:220px;}
#user-idw { padding:30px 0 30px 20px;}
#content { padding:40px 40px 60px 40px; }
#footer-head { padding:50px 40px 10px 40px;}
#footer-main {  padding:40px;}
#footer-base { padding:15px 30px;}
#guest-body #brand { height:110px; margin-left:30px; width:300px; }
#items-added-message { top:-35px; right:290px; }
.bulkqty tr th:last-of-type, .bulkqty tr td:last-of-type { padding-right:300px;}
}

@media only screen and (max-width: 1600px) {
.bulkqty tr th:last-of-type, .bulkqty tr td:last-of-type { padding-right:200px;}
}

@media only screen and (max-width: 1500px) {
.cart-prod-btns input[type="button"] { font-size:13px; line-height:30px; padding:0 15px;}
.cart-prod-qty { width:calc(23% - 145px); }
.cart-prod-btns { margin-right:0; width:145px; }
#footer-gwg-logo { margin:0;}
}


@media only screen and (max-width: 1400px) {
#content { padding-top:20px; }
#col-dash-1 { margin-bottom:40px; width:100%;}
#col-dash-2 { clear:left; margin-left:0; width:400px; }
#col-dash-3 { width:fit-content; }
#footer-head { padding:60px 40px 0 40px;}
ul#order-step { top:50px; }
.cart-prod-category ~ .row .cart-prod-name { width:calc(100% - 720px);}
.cart-prod-item-total { right:170px;}
.cart-product-qty {right:340px;}
.cart-prod-unit-price { right:420px;}
.cart-sub-total, .cart-ae-amount, .total { padding-right:180px; }
#guest-body #brand { height:100px; margin-left:30px; width:300px; }
.cart-totalrow, .cart-products-total, .cart-tax, .cart-tax-incl-total, .cart-freight, .grand-total { padding-right:170px; }
.delivery-block { width:calc(33.3% - 15px);}
#items-added-message { top:-15px; }
#pdp-img-col { margin:0 30px 0 0; }
.bulkqty tr th:last-of-type, .bulkqty tr td:last-of-type { padding-right:150px;}
.bulkqty tr th, .bulkqty tr td { padding:6px 9px;}
#guest-dashboard #col-dash-2 { padding:40px 0 0 0; width:40%; }
}

@media only screen and (max-width: 1200px) {
#header { height:250px;}
#cart-client-wrap { top:105px; width:400px;}
.cart { left:69px;}
#items-added-message { top:-25px; right:240px;  }
#client, #client-no-logo { left:210px; width:170px;}
#footer-head { padding:80px 40px 0 40px;}
ul.footer-links { margin:0;}
.lb-width-04 { margin:0 20px!important; max-width:100%;}
.checkout-fw-wrap ul.twocolimputs { max-width:95%;}
.big-block { padding:20px;}
.col-od1, .col-od2 { margin:0; width:100%;}
.sipw.stack-right { float:left;}
.fff-block-f.a-right, .oh-xport-btn-wrap { clear:both; text-align:left;}
.ame-filterwrap .col-1o4 {width:calc(33.3% - 3px);}
.ame-filterwrap .col-1o4:nth-of-type(4) { width:100%;}
.pagination { width:100%;}
.cart-prod-unit-price, .cart-product-qty, .cart-prod-item-total { font-size:12px;}
.cart-prod-item-total { right:160px;}
.cart-product-qty {right:290px;}
.cart-prod-unit-price { right:350px;}
.cart-prod-category ~ .row .cart-prod-name { width:calc(100% - 600px);}
.ao-delivery { float:none; margin:0 0 5px 0; min-height:50px; padding:15px 15px 15px 95px; position:relative; width:calc(100% - 110px); }
.ao-delivery:after { display:none; }
.ao-orderwrap { float:none; width:100%;}
#enhancement-label { margin-right:0; }
.error-404, .error-500 { width:100%; }
.error-404 img, .error-500 img { width:400px; }
.error-404-message, .error-500-message { left:340px; width:calc(100% - 499px);}
.modal-xl { max-width:1140px; }
.bulkqty tr th:last-of-type, .bulkqty tr td:last-of-type, .bss-total { padding-right:80px;}
.cart-totalrow, .cart-products-total, .cart-tax, .cart-tax-incl-total, .cart-freight, .grand-total { padding-right:160px; }
.gc03 .delivery-block-b1 { display:block;}
.delivery-block-b1 input[type="radio"] ~ .deliver-or-pickup label { display:inline-block; margin:0 20px 0 0; }
.deliver-or-pickup { border:0; display:flex; padding:0 0 10px 0; }
.deliver-or-pickup:after { display:none; }
.gc01 { width:45%;}
.gc02, .gc03 { width:55%;}
li.op-current:after { display:none; }
.no-allocation .op-group { padding:35px 0 0 0;}
.no-allocation .op-group .op-category-title { height:40px; margin:-33px 0 0 0;}
#pdp-enhancement { display:block; }
.pdp-enhancement-b { max-width:300px;}
.odb-head strong { display:block;}
.contentw h1 small { display:block; line-height:20px;}
.contentw h1 small:before { display:none; }
#col-dash-2 { width:300px; }
#guest-dashboard #col-dash-2 { padding:50px 0 0 0; min-width:200px;}
}

@media only screen and (max-width: 1080px) {
/* table modifications */
table.mobile-friendly tr { display:block; }
table.mobile-friendly tr:first-of-type { padding:1px 0;}
table.mobile-friendly tr:nth-of-type(odd) { background:#f5f5f5;}
table.mobile-friendly th { display:none;} 
table.mobile-friendly td { display:block; padding:0 9px;}
table.mobile-friendly td.link, table.mobile-friendly td.number { text-align:left;}
table.mobile-friendly a:link, table.mobile-friendly a:visited { display:inline-block; }
table.mobile-friendly td.datetime, table.mobile-friendly th.datetime { text-align:left; width:auto;}
.od-order4wrap table.mobile-friendly tr td:first-of-type, .od-forwrap ~ table.mobile-friendly tr th:first-of-type, .ao-orderwrap table.mobile-friendly tr td:first-of-type { padding-left:9px; width:auto;}
table#order-history tr td:first-of-type:before { content:"Submitted/Approved: "; font-weight:600;}
table#order-history tr td:nth-of-type(2):before { content:"Ordered by: "; font-weight:600;}
table#order-history tr td:nth-of-type(3):before { content:"ID: "; font-weight:600;}
table#order-history tr td:nth-of-type(4):before { content:"Code: "; font-weight:600;}
table#order-history tr td:nth-of-type(5):before { content:"Satus: "; font-weight:600;}
table#order-history tr td:nth-of-type(6):before { content:"Products total: "; font-weight:600;}
table#order-details tr td:nth-of-type(2):before { content:"SKU: "; font-weight:600;}
table#order-details tr td:nth-of-type(3):before { content:"Size: "; font-weight:600;}
table#order-details tr td:nth-of-type(4):before { content:"Colour: "; font-weight:600;}
table#order-details tr td:nth-of-type(5):before { content:"Quantity: "; font-weight:600;}
table#order-details tr td:nth-of-type(6):before { content:"Price: "; font-weight:600;}
table#order-details tr.subtotal td:first-of-type:before, table#order-details tr.subtotal td:nth-of-type(2):before  { display:none;}
table#order-details tr.subtotal td { border-top:0;}
table#order-details td:nth-of-type(7), table#order-details td:nth-of-type(8) { display:inline-block; padding:5px 5px 5px 0;}
table#order-details td:nth-of-type(7) { width:auto;}
tr.subrow-a td, tr.subrow-b td { border-top:0;}
table#order-details { margin-bottom:0;}
tr.subtotal td { border-bottom:0; }
table#table-manage-employees th { display:none;}
table#table-manage-employees td { display:block; padding:2px 9px;}
table#table-manage-employees tr td:first-of-type { padding-top:9px;}
table#table-manage-employees tr td:last-of-type { padding-bottom:9px;}
table#table-manage-employees tr td:first-of-type { font-weight:600; }
table#table-manage-employees tr td:nth-of-type(3):before { content:"Based at: "; font-weight:600;}
table#table-manage-employees tr td:nth-of-type(4):before { content:"Code: "; font-weight:600;}
table#table-manage-employees tr td:nth-of-type(5):before { content:"Role: "; font-weight:600;}
table#table-manage-employees tr td:nth-of-type(6), table#table-manage-employees tr td:nth-of-type(7), table#table-manage-employees tr td:nth-of-type(8), table#table-manage-employees tr td:nth-of-type(9) { text-align:left;}
table.mobile-friendly tr td:first-of-type { padding-top:8px;}
table.mobile-friendly tr td:last-of-type { padding-bottom:8px;}

.odb-sub-head, .odb-body-a { display:block; }
.odb-sub-head div:nth-of-type(2) { margin:8px 0;}


}


@media only screen and (max-width: 1000px) {
#footer-main { padding:20px 40px;}
.icon-footerlink { margin:0 0 15px 0;}
.col-1o4 { width:45%;}
#products-body { display:block; }
#op-tabs ul { margin:0; display:flex; flex-wrap:wrap; gap:2px 4px;}
.op-category-alloction-note { display:inline; }
.op-category-alloction-note:before { content:"  :  ";}
#op-category-allocation { padding:20px 0;}
.productsrap { padding:0;}
#categories { max-width:100%;}
#order-head { padding:25px 35px;}
ul#order-step { top:45px; }
.pick-colour  { clear:both; float:none; width:auto;}
.selected-colour  { margin-bottom:6px; width:250px; }
.lb-col-1 { width:40%;}
.lb-col-2 { width:60%;}
.chosen-colour { width: calc(100% - 75px); }
.chosen-colour img { max-height:150px; }
.select-size-qty { padding:0 30px; width:calc(100% - 40px);}
.select-size-qty .size { max-width:none; }
.cart-totalrow, .cart-freight { padding:12px 20px 12px 12px;}
.cart-totalrow, .cart-products-total, .cart-tax, .cart-tax-incl-total, .cart-freight, .grand-total { padding-right:20px; }
.cart-prod-category ~ .row .cart-prod-btns { right:0; top:14px;}
.cart-prod-category ~ .row .cart-prod-name { width:calc(100% - 280px);}
.cart-prod-unit-price, .cart-prod-item-total, .cart-product-qty { font-size:12px; top:initial; bottom:18px;}
.cart-prod-unit-price { right:210px;}
.cart-product-qty {right:150px;}
.cart-prod-item-total { right:20px;}
.floating-box { width:calc(50% - 70px); }
.simplegallery .selected-colour { margin-left:20px; }
.delivery-block { width:calc(50% - 15px);}
#guest-body #checkout-01 { display:block;}
.gc01, .gc02, .gc03 { width:100%;}
.col-bcs1, .col-bss1  { margin-right:0; width:100%;}
.col-bcs2, .col-bss2 { width:100%; }
.bcs-colour-options ul li { height:250px; width:180px;}
.bcs-colour-options ul li button img { max-height:200px; }
.fifty-p { width:100%;}
.fifty-p:first-of-type { margin-right:0; width:100%; }
.pdp-row { display:block;}
#pdp-img-col { border-right:0; margin:auto; padding:0; }
#pdp-img-col:before { display:none;}
#pdp-options-col { margin:20px 0 0 0;}
#slider { margin:auto;}

.odb-body-b { margin-bottom:15px;}
.op-catname { border-top:1px dotted #e4e8e8; margin:0;}
#guest-dashboard { display:block; }
#col-dash-2 { margin-bottom:40px; width:100%; }
#op-tabs ul li.no-useable-allocation a:before { display:none;}
}

@media (min-width: 992px) {
 .modal-lg, .modal-xl { max-width:800px; }
}
  
@media only screen and (max-width: 900px) {
.bcs-colour-options ul li { height:166px; width:110px;}
.bcs-colour-options ul li button img { max-height:120px; }
#user-idw { padding:20px 0 20px 20px;}
#order4-name { margin:0 0 5px 0;}
#order4-ch-btn a.btn-medsmall { font-size:12px; line-height:26px; padding:0 15px;}
#order4-label ~ #order4-name { margin:0 9px 0 0;}
#guest-body #brand { height:90px; width:280px; }
.lb-width-03 { margin:0 20px!important; max-width:100%;}
#wof-cols { display:block;}
.stafflist-filters-col { margin-bottom:20px; padding:26px 30px;}
.stafflist-filters-col:after { border-width:16px 16px 0 16px; border-color:#f5f5f5 transparent transparent transparent; right:50%; top:initial; bottom:-15px; margin:0 0 0 -16px; }
input[type="button"].remove_recipient { display:block; float:none; margin:8px 0 0 0;}
.col-1o3, .col-2o3 { margin:0; width:100%;}
#contact-feed.col-1o3 { border-left:0; clear:both; float:none; margin:0; padding:30px 0 0 0; width:100%;}
.cart-prod-category ~ .row .cart-prod-name { margin:1px 0 2px 90px;}
.cart-prod-unit-price, .cart-prod-item-total, .cart-product-qty { bottom:20px;}
.cart-prod-category ~ .row .cart-prod-btns { clear:both; margin:25px 0 0 0; position:relative; right:initial; top:initial;}
.cart-prod-category ~ .row .cart-prod-name { width:calc(100% - 90px);}
#password-checklist:before { transform: rotate(90deg); top:-14px; left:42px;}
#forgotpw #password-checklist:before { transform:rotate(0deg);}
.error-404 img, .error-500 img { width:250px; }
.error-404-message, .error-500-message { left:180px; padding:30px 40px 25px 99px; top:25%; width:calc(100% - 359px);}
.simplegallery .selected-colour { margin-left:0; }
.simplegallery .selected-colour img { max-height:150px;}
#contact-wrap { width:calc(100% - 80px);}
h1#hflex { width:100%; }


/*added to shared start*/
.staffrap { display:block;} 
.staff1, .staff2 {  max-width:none;}
/*added to shared end*/

/* table modifications */
table.mobile-friendly tr { display:block; }
table.mobile-friendly tr:first-of-type { padding:1px 0;}
table.mobile-friendly tr:nth-of-type(odd) { background:#f5f5f5;}
table.mobile-friendly th { display:none;} 
table.mobile-friendly td { display:block; padding:0 9px;}
table.mobile-friendly td.link, table.mobile-friendly td.number { text-align:left;}
table.mobile-friendly a:link, table.mobile-friendly a:visited { display:inline-block; }
table.mobile-friendly td.datetime, table.mobile-friendly th.datetime { text-align:left; width:auto;}

.od-order4wrap table.mobile-friendly tr td:first-of-type, .od-forwrap ~ table.mobile-friendly tr th:first-of-type, .ao-orderwrap table.mobile-friendly tr td:first-of-type { padding-left:9px; width:auto;}


}



/*--Mobile lightbox fix--*/
@media (max-width: 768px) {
  .modal#delivery-pickup-address {
    height: 90vh !important;
  }

  .modal-dialog {
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }

  .modal-content {
    height: 80vh !important;
  }

  .modal-body {
    height: 100%;
  }

  .iframe-holder {
    height: 100%;
  }

  .iframe-holder iframe {
    height: 100% !important;
    width: 100%;
    border: none;
  }
}








@media only screen and (max-width: 765px) {
#header { background-position:bottom left; height:150px; }
#brand { height:80px; width:160px;}
#guest-body #brand { height:80px; margin-left:30px; padding-top:0; width:200px; }
#account {  margin:0 0 0 20px; padding:5px 0 0 20px;}
#account p { font-size:12px; line-height:16px;}
#account p strong { font-size:16px; line-height:20px;}
#cart-client-wrap { background:none; top:10px; right:60px; height:40px; width:99px; }
.cart { position:relative; top:0; left:0; width:99px;}
.cart a:link, .cart a:visited { font-size:12px; height:40px; line-height:14px; padding:5px 0 0 42px;}
.cart a:before { background-position:-40px -140px; height:40px; width:40px;}
.cart.full a:before { background-position:0 -140px;}
#items-added-message { top:-110px; right:80px;  }
#client { display:none;}
#footer-head { height:auto; padding:80px 40px 30px 40px;}#footer-main .col-1o2 { margin-bottom:30px;  margin-right:0; width:100%;}
.col-1o4, .ame-filterwrap .col-1o4 { margin:0 0 3px 0; width:100%;}
#order-head h2 { font-size:20px;}
#order-body h4 { color:#000; font-size:12px; }
.stafflist-filters-col .sipw { margin-bottom:15px;}
.stafflist { height:200px;}
#order-head { padding:20px 35px;}
ul#order-step { top:36px; }
.lb-width-01, .lb-width-02 { margin:0 20px!important; max-width:100%;}
#lb-title h1 { font-size:24px; text-align:left;}
.lb-col-1, .lb-col-2 , .lb-col-a , .lb-col-b , .lb-col-c { display: block; padding:10px; width:calc(100% - 20px);}
.lb-col-2 {float:left;}
.selected-colour { float:none; width:calc(100% - 30px);}
.pick-colour ul li { float:left;}
.whatnow { text-align:left;}
.whatnow ul { margin:0; max-width:auto;}
#lb-footer { padding:15px 10px 0 10px;}
.lb-col-c {  border-left:0; padding:0;}
.pc-tab ul li { margin-top:5px;}
#lb-content2 { margin-bottom:9px;}
.ae-message { font-size:16px;}
.cart-prod-category ~ .row .cart-prod-name { margin:2px 0 0 90px;  padding:0; width: calc(100% - 90px);}
.cart-prod-category ~ .row .cart-prod-btns { padding:9px 0 0 90px; position:relative; top:initial; left:0; right:unset; width:auto}
.cart-prod-category ~ .row .cart-prod-colour, .cart-prod-category ~ .row .cart-prod-size  { padding-left:0; margin-left:90px; width:calc(100% - 90px);}
.cart-prod-unit-price, .cart-product-qty  { clear:both; margin:2px 0 2px 90px; padding-left:0; position:relative; bottom:initial; right:initial; text-align:left; width:calc(100% - 90px);}
.cart-prod-unit-price:before { color:#000; font-weight:400; padding:0 8px 0 0;}
.cart-prod-item-total  { bottom:30px; right:9px; width:140px; }
.cart-sub-total, .cart-ae-amount, .total {  padding-right:9px;}
.cart-prod-item-total { bottom:52px;}
.cart-prod-category ~ .row .cart-prod-btns { margin:0;}
.col-2 { width:99px;}
td.datetime, th.datetime { width:80px;}
span.time, td.nice2have, th.nice2have, #client-no-logo { display:none;}
.od-datetime, .od-orderedby, .od-id, .od-code, .od-total, .od-status, .od-orderfor, .od-deliveryaddress, .od-orderfor, .od-deliveryaddress, .od-products, .od-freight  { display:block; margin:0; }
.ao-order-status-required { top:-20px; left:40px; }
.ao-order-status-required:before { top:initial; bottom:-10px; left:45%; transform:rotate(-90deg); }
.checkout-fw-wrap ul.twocolimputs li { float:none;}
ul.twocolimputs li:nth-of-type(odd) { text-align:left; width:100%;}
ul.twocolimputs li:nth-of-type(even) { width:100%;}
.checkout-fw-wrap ul.twocolimputs li:nth-of-type(2) .sipw { width:100%;}
.delivery-4a { margin-top:0;}
.error-404-message h1, .error-500-message h1 { font-size:30px; line-height:32px;}
.error-404-message, .error-500-message { left:150px; padding:30px 40px 25px 120px; top:20%; width:calc(100% - 329px);}
#lb-title { padding:0 30px 10px 0;}
#lb-title ul#order-step { top:8px; right:20px; }
.chosen-colour { margin:0; width:calc(45% - 30px); }
.select-size-qty { padding:0 0 0 10px; width:calc(54% - 10px);}
#od-sumary-details, #od-sumary-prices { float:none; margin:0; width:100%;}
#od-sumary-details { margin-bottom:9px;}
#od-sumary-prices div { border-top:1px solid #fff; }
.checkout-user-inputs { display:block; }
.delivery-block { width:calc(100% - 15px);}
.contentw h1 { max-width: calc(100% - 50px);}
#pdp-who, #pdp-remaining-allocation { display:block; float:none; margin:5px 0; text-align:center;} 
#pdp-who strong, #pdp-remaining-allocation strong { margin-left:5px;}
.odb-head { display:block; }
.odb-head strong { display:inline;}
}

@media only screen and (max-width: 666px) {
.productsrap { display:block;}
#op-tabs ul li a:link, #op-tabs ul li a:visited { padding:10px 12px 12px 12px;}
#password-checklist { position:relative; bottom:initial; margin:0 0 10px 0; }
#lb-content3 #password-checklist {display:none; position:absolute; bottom:-170px; margin:0;}
#lb-content3 input[type="password"]:active, #lb-content3 input[type="password"]:hover, #lb-content3 input[type="password"]:focus ~  #password-checklist { display:block; }
}

@media only screen and (max-width: 640px) {
.chosen-colour { width:calc(40% - 30px); }
.select-size-qty { width:calc(59% - 10px);}
.allocation-status, #lb-container .tax-notice { float:none; margin:10px 0 0 0; text-align:center; }
}

@media only screen and (max-width: 600px) {
#header { background-position:-90px bottom;}
#user-idw { padding:5px 0 20px 20px;}
#brand { height:120px; width:200px;}
#account { border:0; margin:0; padding:0; position:absolute; right:16px; top:55px; text-align:right;}
#account p strong { font-size:13px; line-height:16px; }
#account p a:link {display:inline-block;}
#nav input[type="checkbox"] ~ .menu-wrap ul { width:320px;}
#footer-base a:link { border-right:0; display:block; padding:5px;}
#account p span#acc-welcome, #account p span#acc-level { display:none;}
#order-head { padding:40px 20px 15px 20px;}
#order-title { width:100%;}
#order-body, #cart-body { padding:15px 20px 20px 20px;}
#order-body .success { margin-right:0;}
#order4-label { margin-top:-15px;}
#order4-name { margin:-15px 9px 0 0;}
#order4-label ~ #order4-name { margin:0 9px 0 0;}
#lb-body { padding:0 0 20px 0;}

#items-added-message { border-radius:6px; right:0;  }
#items-added-message:before { right:80px; }

#lb-title ul#order-step  { right:initial; left:30px; top:20px; }
#page-title { margin-top:-20px;}
.checkout-fw-wrap { margin:20px -20px; padding:15px 20px;}
.big-block {  margin:0 0 15px 0; }
.padded { padding:10px;}

ul#order-step { display:none;}

.ao-reason { width:300px;}
.error-404 img, .error-500 img { margin:auto;}
.error-404-message, .error-500-message { left:20px; padding:30px; position:relative; top:-30px; text-align:center; width:calc(100% - 100px);}
.floating-box { margin-right:0; width:calc(100% - 50px); }
.chosen-colour { width:calc(100% - 30px);  }
.select-size-qty { padding:10px 0; width:100%;}
#lb-container .select-size-qty .select { max-width:none;}

#guest-body .guest-checkout-block, #guest-body .delivery-block-b { padding:10px 0 20px 0px;}
#guest-body .guest-checkout-block:before, #guest-body .delivery-block-b:before { display:none; }

.checkout-user-inputs { margin-bottom:-15px;}
.checkout-totals-wrap { font-size:14px; margin-left:-15px; margin-right:-15px}
.col-1 { width:140px;}
.col-3 { max-width:calc(100% - 220px);}
.delivery-block { width:100%;}
.delivery-blocks-wrap { padding-right:0;}

#guest-body #col-dash-2 { padding-top:0; }

.gc02 .delivery-block-b1 { display:block;}
.delivery-block-b2 { display:flex; padding:0 0 8px 0;}
.customfreightprice { margin:2px 0 0 8px; text-align:left;}
.op-groups { padding:0;}

#order-body .big-block { padding:0; }
.bcs-selected-colour { padding:20px;}
.bcs-selected-colour .center-btn-links { margin:8px -15px 0 -15px;}
.bulkqty tr th:first-of-type, .bulkqty tr td:first-of-type { padding-left:10px;}
.bulkqty tr th:last-of-type, .bulkqty tr td:last-of-type { padding-right:10px;}

#checkout-01 { width:100%;}
.pickup .dopu-location label { padding-right:12px;}
}


@media only screen and (max-width: 530px) {
h1 { font-size:26px; line-height:26px; }
#items-added-message { top:-105px }
#items-added-message:before { right:110px; }

#content { padding:10px 10px 30px 10px;}

.ae-message { font-size:14px;}
.current-email { background:#f5f5f5; border:1px solid #ccc; border-radius:4px;}
.big-block { background:none; border-radius:0; display:block; padding:0;}
.big-block .col-1o3 { max-width:100%;}
.big-block .col-1o3 p.label { margin-top:10px;}

.cart-prod-item-total { clear:both; margin:1px 0 1px 60px; position:relative; bottom:initial; right:initial; }
.cart-prod-item-total { margin:2px 0 2px 90px; text-align:left; width:calc(100% - 90px); }

.bulkqty .qty-btn-wrap-minus, .bulkqty .qty-btn-wrap-plus { display:none;}

#lb-container .select-size-qty .sizeguidelink { float:none;}
#lb-container .select-size-qty .sipw {  width:calc(100% - 30px); }
#lb-container .select-size-qty .sipw.qty { width:auto;} 
.gwg-subcat { margin-bottom:20px;}
.gwg-subcat-wrap { display:block;}
.op-product { max-width:calc(50% - 6px); padding-bottom:10px;}
.op-product a span img { max-width:100%;}
.op-product a strong { padding:8px 6px 2px 6px;}
.back { height:30px; width:30px;}
#delivery-pickup-address .modal-dialog, .modal-dialog { margin-top:10px; width:80%; margin-left:5%; max-width:none; }
#pdp-prices ul li, #lb-body #pdp-prices ul li:last-of-type  { padding:1px 0;}
table.bulkqty { width:100%;}
}


@media only screen and (max-width: 430px) {
#items-added-message { top:-85px }
#header { height:130px;}
#user-idw { padding:5px 0 20px 10px;}
#brand { height:100px; width:160px;}
#guest-body #brand { height:80px; margin-left:10px; width:180px; }
.selected-colour img { max-width:100%; }
.allocation-status { margin-bottom:9px;}
.allocation-status, .btn-next-wrap { float:none;}
.delivery-4, .delivery-4a { padding:0; width:100%; }
.delivery-4:before, .delivery-block-b:before, .delivery-4a:before { display:none;}
.delivery-block-b { padding:20px 36px 20px 33px;}
.pc-tab nav { height:28px;}
#lb-content, #lb-content.lb-product-content { padding:20px 0; }
table .sipw, #lb-container .sipw { width:90%;}
.cart-prod-item-total { clear:both; margin:2px 0 2px 90px; padding-left:0; position:relative; bottom:initial; right:initial; text-align:left; width:calc(100% - 90px);}
.cart-prod-item-total:before { color:#000; padding:0 8px 0 0;}
.b-btn, .a-btn  { font-size:16px; }
.cart-staff-excess { background:none; border-radius:0; border-bottom:1px solid #f49000; color:#f49000; display:block; font-weight:600; margin:0 0 5px 0; padding:0 0 0 15px;}
.cart-staff-excess:after { display:none; }
.cart-prod-category small:before { content:""; display:block;}

.gwg-category { padding:26px 10px 0 10px; }

.op-product a span.op-img { max-height:180px;}
.op-product a span img { max-height:160px;}
.op-product span.op-cart { top:170px; }

.delivery-block-b:after { display:none;}
#pdp-img-col { width:auto;}

.ao-reason { width:240px; }
.processbtn { display:block; float:none; margin:15px 0 0 0; }

.op-product.no-useable-allocation .insufficient-allocation { top:100px;}

#hflex { display:block;}
#hlinks { margin:0 0 10px 0;}
#contact-wrap { background:none; padding:0; width:100%;}


/* JQuery pop box modifications */
.ui-widget.ui-widget-content { left:5%!important; width:89%!important;}

}


@media only screen and (max-width: 340px) {
#brand { height:90px; width:140px;}
}