/*

Theme Name: Dunlop Flooring Online
Description: Dunlop Flooring Online
Author: Wired
Author URI: http://www.wired.co.nz
version: 1.2

*/

@charset "UTF-8";

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}



html, body {  color:#2d2d2d; font-family: 'Open Sans', sans-serif; font-size:16px; height:100%; margin:0; padding:0; width:100%; }

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

h1 { color:#767d82; font-size:44px; font-weight:300;  margin:0; padding:0 0 10px 0;}
h2 { color:#767d82; font-size:36px; font-weight:300; line-height:40px; margin:0; padding:0 0 10px 0;}
h3 { font-size:24px; font-weight:400; margin:0 0 10px 0; padding:0;}
h4 { font-size:18px; font-weight:700; margin:0; padding:0;}
h5 { font-size:16px; font-weight:700; margin:0; padding:0;}
h6 { font-size:14px; font-weight:700; margin:0; padding:0;}

p { font-size:16px; line-height:22px; margin:0 0 8px 0;}
p.label-01 {font-weight:700; margin:4px 0;}

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


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

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

#header { position:relative; margin:0 0 40px 0; min-height:85px; }
#login #header { margin:0 0 20px 0; min-height:85px; }
#content { clear:both; margin:auto; max-width:1420px; padding:0 20px 40px 20px; position:relative; }
#footer { background:linear-gradient(90deg, rgba(0,110,179,1) 0%, rgba(11,68,117,1) 100%); color:#fff; clear:both; margin:20px 0 0 0; padding:55px 0 0 0; }
#login #footer { padding:0;}

#DFO-logo { position:absolute; left:0; top:0; z-index:90; }

.contentw { clear:both; margin:auto; max-width:1420px; padding:0 20px; position:relative; }


/*-menu-*/
#nav ul li a { font-size:22px; text-transform:uppercase;}
#nav { background:#f2f2f2; float:left; margin:0; padding:0 0 0 340px; position:relative; z-index:60; }
#nav:before { background:#f2f2f2; border-radius:0 0 9px 0; content:""; display:block; height:78px; position:absolute; top:0; right:-15px; transform:skewX(-20deg); width:30px; z-index:1;}
#nav input[type="checkbox"] { display:none; }
#nav input[type="checkbox"] + label { display:none; height:60px; margin:0; padding:0; position:absolute; top:0; right:0; width:70px; z-index:9; }
#nav input[type="checkbox"] ~ .menu-wrap ul  {  margin:0; padding:19px; }
#nav input[type="checkbox"] ~ .menu-wrap ul li { display:inline-block; list-style:none; margin:0; padding:0; position:relative; z-index:55; }
#nav li a:link, #nav li a:visited { display:block; line-height:40px; padding:0 15px 0 15px; }
#nav li a:active, #nav li a:hover { color:#ff9600; }
#nav li:after { background:#9da5a5; content:""; height:30px; position:absolute; right:-3px; top:5px; width:1px; }
#nav li:last-of-type:after { display:none; }
#nav li#icon-cart a:before { background-position:-360px -60px;}
#nav li#icon-cart a:before  { top:5px; left:20px; height:40px; width:40px;}

#nav ul.submenu { background:#f2f2f2;  border-radius:4px; display:none; margin:0; padding:15px; position:absolute; left:-5px; width:160px; z-index;99;}
#nav ul li:active ul.submenu, #nav ul li:hover ul.submenu, ul.submenu:active, ul.submenu:hover { display:block; }
#nav input[type="checkbox"] ~ .menu-wrap ul.submenu li { display:block; }
#nav ul.submenu li { border-bottom:1px solid #fff; display:block; float:none; }
#nav ul.submenu li:last-of-type { border-bottom:0; }
#nav ul.submenu li:after { display:none;}
#nav ul.submenu li a:link, #nav ul.submenu li a:visited { font-size:16px; line-height:20px; padding:5px 10px; text-transform:none;}
#nav li.current:before, #nav li:active:before, #nav li:hover:before  { border-style:solid; border-width:0 20px 20px 20px; border-color:transparent transparent #ffffff transparent; content:""; display:block; height:0; position:absolute; bottom:-20px; left:50%; margin-left:-22px; width:0; }
#nav li.current a:link, #nav li.current a:visited { color:#02abe2;}
#nav ul.submenu li:before { display:none;}
#nav li.current ul.submenu a:link, #nav li.current ul.submenu a:visited { color:#0061af; }


/*-user-*/
#site-user { border-bottom:2px solid #f2f2f2; float:left; height:40px; padding:18px 20px 18px 45px; position:relative; z-index:9; }
#site-user strong, #site-customer strong { display:block; line-height:16px; }
#site-user a:link, #site-user a:visited, #site-customer a:link, #site-customer a:visited { font-size:12px; line-height:14px; text-transform:uppercase; }
#site-user a:after, #site-customer a:after { background:#9da5a5; content:""; display:inline-block; height:11px; margin:0 7px -1px 7px; width:1px; }
#site-user a:last-of-type:after, #site-customer a:last-of-type:after { display:none; }
#site-user:after, #site-customer:after { border-bottom:2px solid #f2f2f2; border-right:2px solid #f2f2f2; border-radius:0 0 9px 0; content:""; display:block; height:76px; position:absolute; top:0; right:-26px; transform:skewX(-20deg); width:15px; z-index:1;}

#site-customer:before { background:url(../images/icons.png) no-repeat #f2f2f2; border-radius:50%; content:""; height:50px; position:absolute; top:13px; left:0; width:50px; z-index:15;}
#site-customer { border-bottom:2px solid #f2f2f2; float:left; height:40px; padding:18px 6px 18px 70px; position:relative; z-index:12; }


/*-Cart-*/
#cart-wrap { background:#f2f2f2; float:right; height:77px; position:relative; width:125px; }
#cart-wrap:before { background:#f2f2f2; border-radius:0 0 0 9px; content:""; display:block; height:76px; position:absolute; top:0; left:-25px; transform:skewX(20deg); width:40px; z-index:-1;}
.cart { height:50px; margin:12px 0 0 0; position:relative; width:99px; }
.cart a:link, .cart a:visited { display:block; font-size:14px; height:50px; line-height:16px; margin:0 5px 0 -5px; padding:10px 0 0 55px; position:relative; width:60px;}

.cart a:before { background:url(../images/icons.png) -50px 0 no-repeat #0061af; content:""; display:block; position:absolute; top:0; left:0; height:50px; width:50px; }
.cart a:active:before, .cart a:hover:before { background:url(../images/icons.png) -50px 0 no-repeat #ff9600;  transition:0.3s;}



#recomended-products { background:#f2f2f2; padding:25px 30px; }
#recomended-products h2 { color:#000;}
.recomended-products-rap { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; align-items:stretch; gap:50px;}
.recomended-product { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-start; gap:20px; width:calc(50% - 30px); }
.recomended-product h3 { font-size:18px; margin:0 0 5px 0; }
.recomended-product p { font-size:14px; line-height:18px;}
.recomended-product a.btn:link, .recomended-product a.btn:visited { font-size:12px; line-height:30px; padding:0 15px;}
.recomended-product-img { background-position:center center!important; background-size:cover!important; border-radius:50%; border:5px solid #fff; height:120px; overflow:hidden; position:relative; min-width:120px;}



/*-footer-*/
#footer h4 { font-size:32px; font-weight:300; line-height:32px; }
#footer h4 a:link, #footer h4 a:visited { white-space:nowrap; }
#footer h6 { float:left; font-size:14px; font-weight:300; margin:0 15px 0 0; }

#footer a:link, #footer a:visited { color:#fff; }
#footer a:active, #footer a:hover { color:#ffcc00; }

#f-list-links-rap { margin:40px 0;}
.f-list-links { float:left; width:50%; }
.f-list-links ul { list-style:none; margin:0 40px 30px 0;  padding:0;}
.f-list-links ul li { border-bottom:1px solid #418fc1; font-size:16px; font-weight:700; margin:0; padding:0;}
.f-list-links ul li a:link, .f-list-links ul li a:visited { display:block; font-size:14px; font-weight:300; padding:5px 8px; }
.f-list-links ul li a:active, .f-list-links ul li a:hover { background-color: rgba(255, 255, 255, 0.2); }

#f-customer-rap { border:1px solid #fff; border-radius:6px; padding:0;}

#f-customer-name { padding:15px 150px 15px 30px; }
#f-customer-name strong { display:block; font-size:18px; line-height:20px;}
#f-customer-name small { display:block; font-weight:400; }
#f-customer-name a:link.s-btn, #f-customer-name a:visited.s-btn { background:#fff; color:#000; position:absolute; top:22px; right:15px; }
#f-customer-name a:active.s-btn, #f-customer-name a:hover.s-btn { background:#ff9600; color:#fff; }

#f-customer-info { background:#dae6ee; color:#2d2d2d; padding:25px 60px 25px 30px; }
#f-customer-info ul { font-size:14px; list-style:none; margin:0; padding:0;}
#f-customer-info ul li { margin:0; padding:0; }
#f-customer-info a:link.s-btn, #f-customer-info a:visited.s-btn { position:absolute; bottom:15px; right:15px; }
#f-customer-info a:active.s-btn, #f-customer-info a:hover.s-btn { color:#fff; }

#f-customer-links { padding:20px 20px 30px 20px; }
#f-customer-links ul { font-size:14px; list-style:none; margin:0; padding:0; -webkit-column-count:2; -moz-column-count:2; column-count:2; }
#f-customer-links ul li { break-inside:avoid; display:block; margin:0; padding:0 10px; position:relative;}

#f-customer-links ul li a:link, #f-customer-links ul li a:visited { display:block; padding:4px 10px 4px 25px; }
#f-customer-links ul li a:active, #f-customer-links ul li a:hover { background-color: rgba(255, 255, 255, 0.2);}
#f-customer-links ul li a:before { background:url(../images/icons.png) -350px 0 no-repeat; content:""; display:block; height:12px; position:absolute; top:7px; left:20px; width:9px;}

#df-brands { border-top:2px solid #fff; margin-top:50px; padding:5px 40px 25px 40px; text-align:center; }
#df-brands img { display:inline-block; margin:40px; }

.centertxt { text-align:center;}
#loginmessage {  border-bottom:1px solid #7e8387; border-top:1px solid #7e8387; margin:auto; margin-top:20px; padding:15px 0; max-width:400px; }
#registermessage { border-bottom:1px solid #7e8387; border-top:1px solid #7e8387; margin:auto; margin-top:20px; padding:15px 0; max-width:900px;}



/*-input & anchor button styles-*/
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea, select { background:#fff; border:1px solid #b7c1c4; border-radius:5px; display:block; font-family: 'Open Sans', sans-serif; font-size:15px; height:22px; margin:0 0 8px 0; outline:0; padding:6px 15px; position:relative; width:calc(100% - 30px); z-index:7;}
select { height:36px; padding:4px 15px; width:100%; }
textarea { background-color:#fff; border-radius:4px; color:#707778; height:125px;}

input[type="submit"], input[type="button"], button, a:link.btn, a:visited.btn  { background:#0061af; border-radius:5px; border:0; color:#fff; cursor:pointer; display:inline-block; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300; line-height:36px; margin:0; padding:0 25px; text-decoration:none;  }

input[type="submit"]:active, input[type="submit"]:hover, input[type="button"]:active, input[type="button"]:hover, button:active, button:hover { background:#ff9600; transition:0.3s;}

a:link.s-btn, a:visited.s-btn  { background:#0061af; border-radius:5px; border:0; color:#fff; cursor:pointer; display:inline-block; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:300; line-height:26px; margin:0 15px 0 0; padding:0 12px; text-decoration:none;  }

a:link.back, a:visited.back { padding-left:30px; position:relative;}
.back:before { content:""; background:url(../images/icons.png) -400px 0 no-repeat; display:block; height:13px; position:absolute; left:12px; top:12px; width:13px; }

a:link.pdf:before, a:visited.pdf:before, a:link.xls:before, a:visited.xls:before { background:#90c0e6; border-radius:3px; color:#fff; font-size:12px; margin:0 4px 0 0; padding:4px 8px; }
a:active.pdf:before, a:hover.pdf:before, a:active.xls:before, a:hover.xls:before { background:#ff9600; transition:0.3s; }
a:link.pdf:before, a:visited.pdf:before { content:"PDF"; }
a:link.xls:before, a:visited.xls:before { content:"XLS"; }

input[type="submit"]:hover, input[type="button"]:hover, input[type="submit"]:active, input[type="button"]:active, a:active.btn, a:hover.btn  { background:#ff9600; color:#fff; transition:0.3s;}
input[type="radio"], input[type="checkbox"] { display:none;}
input[type="checkbox"]:checked + label span { background: url(../images/icons.png) -584px -372px no-repeat; }
input[type="checkbox"] + label span { background: url(../images/icons.png) -584px -402px no-repeat;}
input[type="checkbox"] + label span, input[type="radio"] + label span { cursor:pointer; display:inline-block; font-size:16px; height:20px; margin:0; padding:0 25px 0 23px;}
input[type="radio"]:checked + label span { background: url(../images/icons.png) -584px -442px no-repeat; }
input[type="radio"] + label span { background: url(../images/icons.png) -584px -482px no-repeat;}
input[type="button"].btn-xl, input[type="submit"].btn-xl {  font-size:18px; font-weight:300; line-height:50px; padding:0 30px;}
#login-inner input[type="submit"].btn-xl { margin:0 20px 10px 0; }

input[type="submit"].xl { font-size:20px; line-height:50px; padding:0 30px;}

#quotestatus { max-width:100px; min-width:100px;}



ul.h-links { margin:0 0 20px 0; padding:0; }
ul.h-links li { display:inline-block; list-style:none; margin:0; padding:0}
ul.h-links li.current { font-weight:bold; }
ul.h-links li:after { content:"|"; color:#9da5a5; padding:0 5px; }
ul.h-links li:last-of-type:after { display:none; }


#quotes h3 { margin:20px 0 4px 0; }
#quotes-filter { align-items:center; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; gap:5px; position:relative; }
#quotes-filter .sir { margin:0 10px 0 0; }
#quotes-filter .sir input[type="text"] { margin:0;}

.quote-a { background:#f2f2f2; border-radius:5px; margin:0 0 5px 0; padding:14px 15px 6px 65px; position:relative;}
.quote-a p { font-size:14px; }
.quote-a input[type="checkbox"] { display:none; }
.quote-a input[type="checkbox"] ~ label {  }
.quote-a input[type="checkbox"] ~ label:before { background:url(/templates/main_new/images/arrow.png) center center no-repeat #0061af; border-radius:5px; content:""; height:50px; position:absolute; left:0; top:0; transition:0.2s; width:50px; }
.quote-a input[type="checkbox"]:checked ~ label:before { transition:0.2s; transform:rotate(90deg); }
.quote-a input[type="checkbox"] ~ .quote-c { display:none;}
.quote-a input[type="checkbox"]:checked ~ .quote-c { display:block;}

.quote-b { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; gap:20px; padding-right:210px; }
.quote-b  input[type="submit"] { line-height:30px; height:30px; padding:0 15px; right:11px;}
.quote-b select { height:30px; padding:4px 8px; right:99px;}
.quote-b  input[type="submit"], .quote-b select { position:absolute; top:10px; }

.quote-c { padding:15px 0 25px 0;}
.quote-c p { font-size:14px; line-height:18px; margin:5px 0;}
.quote-c table { margin:15px 0;}
.quote-c table tr:first-of-type td { background:none; font-size:12px; font-weight:bold;}


.q-lost .quote-a { background:#f0c4c9;}
.q-won .quote-a { background:#c4f0cf;}

.q-lost table, .q-won table { border-top:1px solid #333;}
.q-lost table tr td, .q-won table tr td { border-bottom:1px solid #333;}

.ui-dialog { min-width:320px; }
.ui-dialog.ui-widget.ui-widget-content { border:0; }

.ui-dialog .ui-corner-all { border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px; border-top-left-radius:5px;}
.ui-dialog .ui-widget-header { border:0; background: #fff; }

.ui-dialog .ui-dialog-titlebar-close { background:url(/templates/main_new/images/icons.png) -150px -250px no-repeat #0061af; border-radius:50%; border:0!important; right:-25px!important; top:-25px!important; width:50px!important; margin:0!important; padding:0!important; height:50px!important; }

.ui-dialog .ui-dialog-titlebar-close:active, .ui-dialog .ui-dialog-titlebar-close:hover { background:url(/templates/main_new/images/icons.png) -150px -250px no-repeat #ff9600; transition:0!important; }

.ui-dialog .ui-button:hover { border:0;}
.ui-dialog .ui-button .ui-icon { display:none;}

.ui-dialog .ui-dialog-buttonpane { border-width:0!important; text-align:center!important;}
.ui-dialog .ui-dialog-buttonpane button {  margin:3px!important; }
.ui-widget button {}
.ui-button { background-color:#0061af!important; border:0!important; color:#fff!important; font-family:'Open Sans', sans-serif!important; padding:10px 15px!important; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float:none!important;}

#size_unit_dp, #size_unit_dp1 { font-size:14px; position:absolute; top:30px; left:84px; }
#product_subtotal1, #product_subtotal2 { border:1px dotted #b7c1c4; border-radius:5px; display:block; height:22px; max-width:90px; padding:6px 15px; }
.relative { position:relative; }

.bordertop {border-top:1px solid #dcdcdc; margin-top:10px; padding-top:12px;}

input[type="checkbox"].show-checkbox-radio, input[type="radio"].show-checkbox-radio { display:inline-block; -webkit-appearance:auto; -moz-appearance:auto; appearance:auto;}


.pending-orders { padding:15px 20px; position:relative; }
.pending-orders ul { list-style:none; margin:5px 0; padding:0; }
.pending-orders ul li { font-size:14px; margin:0; padding:0 0 0 13px; position:relative;}
.pending-orders ul li:before { background:url(/templates/main_new/images/icons.png) -386px 0 no-repeat; content:""; height:13px; position:absolute; left:0; top:3px; width:9px; }
.payment-needed { position:relative;}
.payment-needed td:first-of-type:before { content:"*"; font-size:30px; color:#c80000; position:absolute; top:18px; left:-12px;}

/*-product listing-*/
.product-category-links { float:right; margin:-50px 0 0 0;}
.product-category-links ul { list-style:none; margin:0; padding:0;}
.product-category-links ul li { border-right:1px solid #a7a9a8; float:left; margin:0; padding:0;}
.product-category-links ul li:last-of-type { border-right:0; }
.product-category-links ul li a:link, .product-category-links ul li a:visited { padding:2px 8px;}
.product-category-links ul li a.btn:link, .product-category-links ul li a.btn:visited { line-height:28px; padding:2px 12px;}

.product-category-links2 ul { list-style:none; margin:0; padding:0;}
.product-category-links2 ul li { margin:5px 0; padding:0;}
.product-category-links2 ul li a:link, .product-category-links ul li a:visited { padding:2px 8px 2px 0;}

.underlay-listings .underlaybrand h3 { font-weight:700; margin:6px 0 0 0; padding:5px 0 0 0; }
.underlay-listings .row div:nth-of-type(1) { padding-left:50px; }
.underlay-listings .row div:nth-of-type(1) img { min-width:99px;}
.underlay-listings .row div:last-of-type { padding-right:0; width:180px;}
.underlay-listings button { display:block; float:left; margin:9px 15px 0 0; padding:0 14px; }

.hardflooring-listings, .underlay-listings {  border-top:1px solid #dcdcdc; display:table; width:100%; }
.hardflooring-listings .row, .underlay-listings .row { display:table-row; }
.hardflooring-listings .row:first-of-type div, .underlay-listings .row:first-of-type div { background:#f2f2f2; font-weight:700; }
.hardflooring-listings .row div, .underlay-listings .row div { border-bottom:1px solid #dcdcdc; display:table-cell; padding:8px 20px; vertical-align:middle; }
.hardflooring-listings .row:hover div, .underlay-listings .row:hover div { background:#f2f2f2; }

.hardflooring-listings .row div:nth-of-type(1) img { margin:auto; max-height:65px; max-width:140px; }
.hardflooring-listings .row div:nth-of-type(3) img { border-radius:50%; float:left; margin:0 5px 5px 0; max-width:14px;}

.hardflooring-listings .row a:link, .hardflooring-listings .row a:visited, .underlay-listings .row a:link, .underlay-listings .row a:visited { display:block; padding:10px 0;}
.hardflooring-listings .row a.productlinkarrow:link, .hardflooring-listings .row a.productlinkarrow:visited, .underlay-listings .row a.productlinkarrow:link, .underlay-listings .row a.productlinkarrow:visited  { background: url(../images/icons.png) -250px -250px no-repeat; display:inline-block; height:50px; padding:0; width:50px; }
.hardflooring-listings .row a.productlinkarrow:active, .hardflooring-listings .row a.productlinkarrow:hover, .underlay-listings .row a.productlinkarrow:active, .underlay-listings .row a.productlinkarrow:hover { background: url(../images/icons.png) -350px -250px no-repeat; transition:0s; }

a.deletegroup { background: url(../images/icons.png) -214px -264px no-repeat #2480c5; border-radius:50%; border:3px solid #2480c5; display:block; height:30px;  width:30px;}
a.deletegroup:active, a.deletegroup:hover { background-color:#ff9600; border-color:#ff9600; }

/*-product detail-*/
.productbrand { margin:0 0 20px 0;}
.productprice { border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; color:#565b5f; font-size:30px; font-weight:300; margin:20px 0; padding:10px 0;}
.productfiles { font-size:14px; }
.productfiles p { font-size:14px; font-weight:700; margin:0; }
.productfiles ul { list-style:none; margin:0 0 15px 0; padding:0;}
.productfiles ul li { margin:0; padding:0;}

.singlesku-rap.underlay-popup { padding-left:0; margin:0 auto;}


.singlesku-rap { background:#f2f2f2; border-radius:8px 0 0 8px; color:#000; margin:0 0 10px 110px; min-height:245px; padding-left:150px; position:relative; }
.singlesku-head { border-bottom:1px solid #fff; font-size:24px; padding:30px 30px 30px 0; position:relative;}
.singlesku-head small { display:block; font-size:14px;}

.singlesku-stock { font-size:14px; margin:8px 0; width:400px; }

.stocklevel { background:#fff; border-radius:5px; height:6px; margin:4px 0 0 0; padding:2px; }
.stocklevel span { border-radius:5px; display:block; height:6px; }
.green { background:#9fe148; }
.orange { background:#f0b22b; }
.red { background:#f0200a; }

.singlesku-body { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; justify-content:flex-start; align-items:center; align-content:center; padding:5px 20px 20px 0; }
.singlesku-qty { min-height:115px; padding:10px 0; width:200px;}
.singlesku-cost { font-size:30px; font-weight:300; line-height:30px; padding:10px 20px; min-width:130px;}
.singlesku-cost small { display:block; font-size:14px; line-height:16px;}
.singlesku-submit {  padding:10px 0 0 0; width:140px;}
.singlesku-submit input[type="submit"] { line-height:46px;}
.singlesku-qty .row { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; justify-content:flex-start; align-items:center; align-content:center; padding:3px 35px 3px 0;}
.singlesku-number { font-size:13px; padding:0 8px 0 0; /*text-align:right; */width:260px;}
.singlesku-inputs { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; justify-content:flex-start; align-items:center; align-content:center; width:120px;}
.singlesku-inputs input[type="text"], .singlesku-inputs input[type="number"] {  font-size:14px; height:20px; margin:0 2px; padding:2px 6px; width:40px; }
.singlesku-inputs button { font-size:20px; line-height:26px; padding:0 8px; width:28px;}
.singlesku-unit-data { font-size:13px; padding:4px 0; /*text-align:right;*/ width:265px; }
.singlesku-img { background:#f2f2f2; outline:7px solid #f2f2f2; border:5px solid #fff; border-radius:50%; position:absolute; top:7px; left:-110px; height:220px; overflow:hidden; width:220px;}

.singlesku-gallery { background:#f2f2f2; border-radius:50% 50% 0 0; height:50px; padding:5px 5px 0 5px; position:absolute; top:0; left:-130px; transform:rotate(-48deg); width:50px; }
.singlesku-gallery a:link, .singlesku-gallery a:visited { background: url(../images/icons.png) -250px 0 no-repeat #2480c5; border-radius:50%; display:block; height:100%; position:relative; transform:rotate(48deg); width:100%; z-index:8; }
.singlesku-gallery a:active, .singlesku-gallery a:hover { background: url(../images/icons.png) -250px 0 no-repeat #ff9600; transition:0.3s;}

.singlesku-gallery span { display:none; background:#fff; border-radius:0 15px 15px 0; font-size:12px; line-height:14px; padding:5px 8px 5px 15px; position:absolute; top:62px; left:25px; transform:rotate(48deg); width:80px; }
/*.singlesku-gallery span:before { border-style:solid; border-width:0 10px 10px 0; border-color:transparent #fff transparent transparent; content:""; position:absolute; top:0; left:-9px;  height:0; width:0; }*/
.singlesku-gallery a:active ~ span, .singlesku-gallery a:hover ~ span { display:block; transition:0.3s; }

.underlay-productpage .singlesku-img { align-items:center; background:#fff; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; justify-content:center;}

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

/*.underlay-popup { background:none; color:#000; margin:0; max-width:300px; padding:20px; position:relative; }*/
.underlay-popup { background:none; color:#000; margin:0; max-width:400px; padding:20px; position:relative; }
.underlay-popup .singlesku-head { font-size:18px; padding:0 0 8px 0;}
.underlay-popup .singlesku-head small { font-size:12px;}
.underlay-popup .singlesku-body { display:block; }
.underlay-popup .singlesku-qty { border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; min-height:0; padding:16px 0; width:100%;}
.underlay-popup .singlesku-qty .row { padding-right:0;}
.underlay-popup .singlesku-unit-data { width:100%; }
.underlay-popup .singlesku-cost { border-bottom:1px solid #dcdcdc; padding:10px 0; text-align:right; }
.underlay-popup .singlesku-cost small { display:inline; }
.underlay-popup .singlesku-submit { padding:10px 0 0 0; text-align:right; width:100%; }



/*-cart page-*/
.cart-rap h2 { font-size:24px; padding:0 0 5px 0; }
.cartitem-rap { background:#f2f2f2; border-radius:8px 0 0 8px; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; justify-content:flex-start; align-items:flex-start; /*align-content:center;*/ margin:0 0 10px 100px; min-height:184px; padding:20px 40px 20px 130px; position:relative; }
.cartitem-rap .singlesku-img { align-items:center; background:#fff; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; height:200px; justify-content:center; width:200px;}
.cartitem-rap .singlesku-details {padding-right:20px; min-width:400px;}
.cartitem-rap .singlesku-details h4 { font-size:18px; margin:5px 0; }
.cartitem-rap .singlesku-details p { font-size:14px; line-height:18px; margin:2px 0; }

.cartitem-rap .singlesku-stock { right:70px; }
.cartitem-rap .singlesku-stock ~ .singlesku-stock { right:300px; }

.cartitem-rap .singlesku-qty { float:none; margin-top:33px; padding:0;}
.cartitem-rap .singlesku-qty .row { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; justify-content:flex-start; padding-right:35px; }
.cartitem-rap .singlesku-cost { /*float:none; padding:0 20px; min-width:150px;*/position:absolute; top:60px; right:120px; }
.cartitem-rap .singlesku-submit { float:none; padding:0; width:auto;}
.cartitem-rap .singlesku-unit-data { min-width:265px;}

.tooltip-alert { background: url(../images/icons.png) -211px -10px no-repeat; height:30px; position:absolute; right:0; top:1px; width:30px; }
.tooltip-alert span { background:#f0552b; border-radius:0 5px 5px 0; color:#fff; display:none; font-size:12px; line-height:14px; padding:5px 8px; position:absolute; left:15px; top:3px; width:100px;}
.tooltip-alert:active span, .tooltip-alert:hover span { display:block; }

.cart-totals { margin:-10px 0 0 0;}
.cart-totals .row { border-bottom:1px solid #dcdcdc; color:#000; font-size:30px; font-weight:300; line-height:30px; padding:15px 160px 15px 0; text-align:right; }
.cart-totals .row small { font-size:14px; line-height:16px; }
.cart-totals .row:last-of-type { padding-bottom:25px; padding-top:0;}

.confirm-totals { border-bottom:1px solid #dcdcdc; margin:0; padding:25px 0; }
.confirm-totals .row { color:#000; font-size:24px; font-weight:300; padding:0; text-align:right; }
.confirm-totals small { font-size:14px; }

.confirm-totals .freight .row:first-of-type { border-bottom:1px dashed #dcdcdc; border-top:1px dashed #dcdcdc; font-size:24px; margin:5px 0; padding:5px 0; }
.confirm-totals .freight .row:last-of-type {font-size:30px; }

.product-pos .singlesku-img img { max-width:65%; }
.product-hardflooring .singlesku-img img { max-width:100%;}
.product-underlay .singlesku-img img { max-width:80%;}
.hardflooring-productpage .singlesku-img img { width:100%;}

.singlesku-submit input[type="submit"].removefromcart { background:url(../images/icons.png) -201px -250px no-repeat #0061af; border-radius:0 0 0 8px; border-bottom:3px solid #fff; border-left:3px solid #fff; padding:0; height:50px; width:50px; position:absolute; right:0!important; top:0;  }
.singlesku-submit input[type="submit"].removefromcart:active, .singlesku-submit input[type="submit"].removefromcart:hover { background:url(../images/icons.png) -201px -250px no-repeat #ff9600; }

.submit-cart, .confirm-order { padding:20px 0; text-align:right; }
.submit-cart input[type="submit"], .confirm-order input[type="submit"] { font-size:30px; line-height:65px;}

.cta-01 { margin-bottom:15px;}
.cta-01, .cta-02 { align-items:stretch; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; gap:15px;}



.cartitem-rap.product-pos.product-pos { justify-content:flex-start;}
.cartitem-rap.product-pos .singlesku-number { text-align:left;}
.cartitem-rap.product-pos .singlesku-qty .row { justify-content:flex-start;}
.cartitem-rap.product-pos .singlesku-details { max-width:50%;}
.cartitem-rap.product-pos .singlesku-inputs { position:relative; padding-right:30px;}
.cartitem-rap.product-pos .tooltip-alert { top:initial;}
.cartitem-rap.product-pos .singlesku-cost { display:none;}
.cartitem-rap .singlesku-submit input[type="submit"] {position:absolute; bottom:20px; right:20px; }


.recycle-details { display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:flex-start; gap:5px; }
.recycle-details input[type="text"] { margin:0; }


/*-order confirmation page-*/
.confirm-details-1, .confirm-details-2 { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-start; column-gap:40px;}
.confirm-details-1 { padding:30px 0;}
.confirm-details-2 { border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc; padding:30px 0;}
.confirm-details-2 h2 { font-size:24px; line-height:28px; }

#cd01 { width:25%; }
#cd02 { width:20%; }
#cd03 { width:50%; }

#scrapbag { min-width:200px; padding-left:110px; position:relative; }
#scrapbag:before {background:url(../images/icons.png) -500px -150px no-repeat; content:""; height:100px; position:absolute; left:0; top:0; width:100px; }

.selected-deliver-adress { background:#f2f2f2; border-radius:5px; margin:10px 0 0 0; min-height:80px; padding:20px 10px 20px 120px; position:relative;}
.selected-deliver-adress:before { border-style:solid; border-width:14px 0 0 14px; border-color:transparent transparent transparent #f2f2f2; content:""; height:0; position:absolute; top:-14px; left:50px; width:0; } 
.selected-deliver-adress:after { background:url(../images/icons.png) -410px -158px no-repeat #fff; border-radius:50%; content:""; height:80px; position:absolute; top:20px; left:20px; width:80px; }

.sir { margin:0 0 10px 0;}
.sir-02 { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-end center; column-gap:5px;}
.sir-02 p { margin:8px 0; text-align:right; width:120px;}
.sir-02 input[type="text"] { width:75px;}
.sir-combo { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-start; column-gap:5px;}
.sir-combo select { flex-shrink:999; }
.sir-combo button { font-size:14px; line-height:40px; min-width:100px; padding:0 10px; }

.date, .short { max-width:160px; position:relative;}
.date input[type="text"] { background:url(../images/icon-caledar.png) 95% center no-repeat #fff;  }
.vshort { max-width:60px;}

.sp-b { margin-bottom:20px;}
.sp-t { margin-top:20px;}

ul.links-list { list-style:none; margin:0 0 15px 0; padding:0; }
ul.links-list li { margin:2px 0; padding:0; position:relative;}
ul.links-list li a:link, ul.links-list li a:visited { padding:0 0 0 15px;}
ul.links-list li a:before { background:url(../images/icons.png) -385px 0 no-repeat; content:""; height:13px; position:absolute; top:4px; left:0;  width:13px; }

.mir-1 { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:top; column-gap:40px; }

.mir-2 {display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:top; column-gap:50px; }
.mir-2 input[type="text"] { margin-right:20px; width:200px;}

.mir-3 { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:top; column-gap:5px; }
.mir-3 select { margin:0; }

.mir-4 { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:top; column-gap:10px;}
.mir-4 div:first-of-type { width:220px;}
.mir-4 div:nth-of-type(even) { padding:0 40px 0 0; width:50px;}
.mir-4 div:last-of-type { padding-right:0; }

.mir-5 { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:top; column-gap:40px; }

.mir-6 { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:top; column-gap:30px; }

.size-xs { max-width:50px;}

.xs-fileds-rap .size-xs { display:inline-block;}

#gallery-rap { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:center; column-gap:10px; flex-wrap:wrap; margin:10px 0; }
#gallery-rap a:link, #gallery-rap a:visited { display:block; height:130px; margin:0 0 10px 0; overflow:hidden; position:relative; width:130px;  }
#gallery-rap a:active, #gallery-rap a:hover { opacity:0.7; }
#gallery-rap img { height:auto; max-width:none; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:auto;}


.newsletterpic { float:left; margin:0 20px 0 0; width:200px; }
.newsletterlinks { float:left; width:calc(100% - 220px);}

.videowraper { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.videowraper iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

#signupform { background:#f2f2f2; border-radius:5px; margin:5px 0 0 0; max-width:500px; padding:25px 30px; }

.nl-label { float:left; font-size:14px; font-weight:bold; padding:5px 5px 0 0; text-align:right; width:90px; }
.nl-input { float:left; width:calc(100% - 95px);}

/*-admin product detail-*/
.col-prod-01 textarea { height:300px;}
.rap-fileupload { background:#f2f2f2; border-radius:5px; margin:0 0 10px 0; min-height:50px; padding:12px 15px 12px 162px; position:relative;}
.rap-fileupload .fileupload-btn label { background:#2480c5; border:0; border-radius:4px; color:#fff; display:inline-block; font-size:16px; line-height:50px; padding:0 15px 0 55px ; cursor:pointer; position:absolute; top:12px; left:15px; }
.fileupload-btn input[type="file"] { display:none;}
.fileupload-btn label { background:#2480c5; border:0; border-radius:4px; color:#fff; display:inline-block; font-size:16px; line-height:50px; padding:0 15px 0 55px ; cursor:pointer; position:relative; top:0; left:0; }
.fileupload-btn label i { background: url(../images/icons.png) -100px 0 no-repeat; display:block; height:50px; position:absolute; top:0; left:5px; width:50px; }
.fileupload-btn label:active, .fileupload-btn label:hover { background:#ff9600; transition:0.3s; }
.fileupload-btn .MultiFile-wrap { background:#fff; border-radius:4px; }
.fileupload-btn .MultiFile-label { font-size:14px; margin:0 0 5px 0; padding:4px 0 4px 8px; }
.files-uploaded p { color:#000; font-size:14px; font-weight:700; line-height:18px; margin:0 0 4px 0; }
.files-uploaded ul { border-top:1px solid #fff; list-style:none; margin:0; padding:0;}
.files-uploaded ul li { border-bottom:1px solid #fff; font-size:14px; margin:0; padding:4px 15px 4px 0; position:relative; }
.files-uploaded ul li a:last-of-type { background:url(../images/icons.png) -211px -264px no-repeat #2480c5; display:block; height:24px; position:absolute; right:1px; top:1px; width:24px; }
.files-uploaded ul li a:last-of-type:active, .files-uploaded ul li a:last-of-type:hover { background:url(../images/icons.png) -211px -264px no-repeat #ff9600; transition:0.3s; }

#sku_container { margin:5px 0;}
.sku_block { background:#f2f2f2; border-radius:5px; color:#000; float:left; font-size:14px; margin:0 10px 10px 0; padding:18px; }
.sku_block input[type="checkbox"] { display:inline-block; }
.sku_block .MultiFile-wrap { margin:5px 0; }
.sku_block .MultiFile-wrap input[type="file"] { display:none;}
.sku_block label { background:#2480c5; border:0; border-radius:4px; color:#fff; display:inline-block; font-size:15px; line-height:50px; margin:5px 0; padding:0 15px 0 55px; cursor:pointer; position:relative; }
.sku_block label:active, .sku_block label:hover { background:#ff9600; transition:0.3s; }
.sku_block label i { background:url(../images/icons.png) -100px 0 no-repeat; display:block; height:50px; position:absolute; top:0; left:5px; width:50px; }

.sku-img { border:5px solid #fff; margin:auto; margin-top:10px; position:relative; width:200px; }
.sku-img a { background:url(../images/icons.png) -110px -260px no-repeat #0061af; border-radius:4px; display:block; height:30px; position:absolute; top:5px; right:5px; width:30px;}
.sku-img a:active, .sku-img a:hover { background:url(../images/icons.png) -110px -260px no-repeat #ff9600; }

.select-submit-combo { max-width:300px;}
.select-submit-combo select { float:left; margin:0 5px 0 0; max-width:200px;}
.select-submit-combo input[type="submit"] { float:left; font-size:14px; margin:0; padding:0 10px; line-height:32px;}

#addcustomergroup { background:#f2f2f2; border-radius:5px; float:right; margin:-70px 0 0 0; min-width:400px; padding:20px 25px;  }
#addcustomergroup b { float:left; margin:5px; }
#addcustomergroup select { float:left; margin:0 5px 0 0; max-width:150px;}
#addcustomergroup input[type="submit"] { float:left; font-size:14px; margin:0; padding:0 10px; line-height:32px;}

.prod-detail-customer_group { border-top:1px dotted #dcdcdc; margin:30px 0; padding:30px 0; }
.customergroup-btnrap { float:right; margin:-40px 0 0 0; }

.brandlogoupload input[type="file"] { display:none;}
.brandlogoupload label { background:#2480c5; border:0; border-radius:4px; color:#fff; display:inline-block; font-size:15px; line-height:50px; margin:5px 0; padding:0 15px 0 55px; cursor:pointer; position:relative;}
.brandlogoupload label:active, .sku_block label:hover { background:#ff9600; transition:0.3s; }
.brandlogoupload label i { background:url(../images/icons.png) -100px 0 no-repeat; display:block; height:50px; position:absolute; top:0; left:5px; width:50px; }

.cg-tabs { overflow:hidden;}

.cg-tabs button { background-color:#f2f2f2; border-radius:4px 4px 0 0!important; color:#2480c5; font-size:15px; font-weight:700; float:left; line-height:34px; border:none; outline:none; margin:0 3px 3px 0; padding:0 15px; transition:0.3s; }
.cg-tabs button:active, .cg-tabs button:hover { color:#ff9600; }
.cg-tabs button.current { border-bottom:3px solid #f2f2f2; color:#ff9600; margin-bottom:0; }

.cg-tabs button:nth-of-type(1).current ~ .rap-colornames div:nth-of-type(1), .cg-tabs button:nth-of-type(2).current ~ .rap-colornames div:nth-of-type(2) { display:block!important; }
.rap-colornames div { display:none!important; }
.rap-colornames { background:#f2f2f2; border-radius:5px; clear:both; color:#000; font-size:14px; padding:15px;}
.rap-colornames input[type="text"] {}
.rap-colornames p.label-01 { font-size:14px;}

.disabled_sku { position:relative; }
.disabled_sku:after { content:"Disabled"; color:#f0552b; font-weight:700; position:absolute; top:20px; right:20px; }

/*-admin product listing-*/
.col-products-01 { float:left; margin-right:40px; width:22%; }
.col-products-02 { float:left; width:calc(78% - 40px);}

.col-products-02 h5 { padding:18px 0 0 0;}
.col-products-02 table { width:100%;}

table tr td.check-show-hide input[type="checkbox"] { display:none; }
table tr td.check-show-hide input[type="checkbox"] + label { background:url(../images/icons.png) -350px -30px no-repeat; display:block; height:19px; width:24px; }
table tr td.check-show-hide input[type="checkbox"]:checked + label { background:url(../images/icons.png) -376px -30px no-repeat; }

table tr td.check-enable-disable input[type="checkbox"] { display:none; }
table tr td.check-enable-disable input[type="checkbox"] + label { background:url(../images/icons.png) -400px -250px no-repeat; display:block; height:28px; width:47px; }
table tr td.check-enable-disable input[type="checkbox"]:checked + label { background:url(../images/icons.png) -448px -250px no-repeat; }

.customergroups-rapa { margin:2px 0 5px 0;}
.customergroups-rapa a { display:inline-block; margin:0 8px 0 0; }

ul.sidemenu { border-top:1px solid #dcdcdc; list-style:none; margin:0 0 20px 0; padding:0; }
ul.sidemenu li { border-bottom:1px solid #dcdcdc; margin:0; padding:0; }
ul.sidemenu li a:link, ul.sidemenu li a:visited { display:block; padding:8px 15px;}
ul.sidemenu li a b:after { background:url(../images/icons.png) -384px -1px no-repeat; content:""; display:inline-block; height:11px; margin:0 0 0 5px; width:11px;  }

.rap-psearch { background:#f2f2f2; border-radius:5px; padding:30px 35px; }
.rap-psearch input[type="text"] { height:34px; width:100%;}


#pageination-rap { background:#f2f2f2; border-bottom:1px solid #dcdcdc; padding:10px; }
#pageination-rap a:link, #pageination-rap a:visited { border-right:1px solid #dcdcdc; padding:0 5px;}
#pageination-rap a:first-of-type:link, #pageination-rap a:first-of-type:visited { margin-left:20px;}
#pageination-rap a:last-of-type:link, #pageination-rap a:last-of-type:visited { border-right:0;}

.select-w-p { align-items:center; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap;  column-gap:5px; margin:5px 0;}
.select-w-p select { max-width:70px; padding:4px 8px;}

p.note, .note { color:#767d82; font-size:14px; line-height:18px; }

#pos-order-history-filter1 { align-items:top; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; column-gap:30px; }
#pos-order-history-filter1 select { height:36px;}

#pos-order-history-filter2 { margin:0 0 20px 0;}
#pos-order-history-filter2 input[type="checkbox"] { display:inline; margin:5px;}
#pos-order-history-filter2 input[type="checkbox"] ~ label { margin:5px 25px 5px 0;}

.disabled {}




/*-POS interface-*/
.pos-radio-group { clear:both; padding:0 0 70px 0;}

.hide { display:none!important; }

a.pos-add-link { border:1px solid #016aae; border-radius:5px; display:block; float:left; margin:0 0 0 5px; padding:13px 15px;}

.pos-sir { background:#f2f2f2; border-radius:5px; cursor:pointer; float:left; margin:0 1px 1px 0; position:relative;}
.pos-sir:active, .pos-sir:hover {background:#d5e1ea; }

.pos-radio-group input[type="radio"] + label span { background:none; color:#0061af; display:block; font-size:16px; margin:0; padding:15px 20px;  } 

.pos-edit-delete-rap { display:none; position:absolute; top:-15px; left:50%; margin-left:-30px; width:60px; z-index:9; }
.pos-sir:active .pos-edit-delete-rap, .pos-sir:hover .pos-edit-delete-rap  { display:block; }

.pos-edit-delete-rap a:link, .pos-edit-delete-rap a:visited { background-color:#016aae; border-radius:50%; border:2px solid #fff; display:inline; float:left; height:26px; width:26px; }
.pos-edit-delete-rap a:hover, .pos-edit-delete-rap a:active { background-color:#ff9600; } 

.pos-edit { background: url(../images/icons.png) -63px -263px no-repeat;}
.pos-delete { background: url(../images/icons.png) -112px -263px no-repeat;}

.pos-radio-group input[type="radio"]:checked + label span { background:#016aae; color:#fff;}
.pos-radio-group input[type="radio"]:checked + label span:after { border-style:solid; border-width:20px 20px 0 20px; border-color:#0169ae transparent transparent transparent; content:""; height:0; position:absolute; bottom:-15px; left:50%; margin-left:-20px; width:0; z-index:9; }

table { border-top:1px solid #dcdcdc;}
table tr td { border-bottom:1px solid #dcdcdc; font-size:14px; line-height:18px; padding:5px 10px;}
table tr:nth-of-type(1) td, table tr:hover td, table.tablestyle-a tr:nth-of-type(odd){ background:#f2f2f2; }
table tr td input[type="checkbox"] { cursor:pointer; display:block; float:left; margin:3px 5px 0 0;}
table tr td select, table tr td input[type="text"] { height:30px; margin:0; padding:4px; line-height:30px; font-size:14px; }
table tr td p { font-size:14px; line-height:18px; }

#pos-results h3 { margin:20px 0;}
#pos-results h3 a:link, #pos-results h3 a:visited { border-radius:5px; border:1px solid #016aae; font-size:16px; margin:0 0 0 9px; padding:5px 8px; }


#cboxClose { bottom:initial!important; top:0!important; right:0!important; background:url(../images/icons.png) -150px -250px no-repeat #0b4475!important; border-radius:50%; width:50px!important; margin:0; height:50px!important;}
#cboxClose:active, #cboxClose:hover { background-color:#ff9600!important; }



/*-POS listing page-*/
.pos-menu { padding-bottom:20px;}
.pos-menu  .pos-radio-group {  display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; float:none; margin:0 0 2px 0; padding:0;}
.pos-menu .pos-radio-group:first-of-type input[type="radio"] + label span { height:auto; font-size:24px; padding:10px 20px; }
.pos-menu .pos-radio-group:first-of-type { background:none; }
.pos-menu .pos-radio-group:first-of-type .pos-sir { margin:0 2px 0 0;}
.pos-menu .pos-radio-group { background:#f2f2f2; }
.pos-menu .pos-radio-group input[type="radio"] + label span { background:none; font-size:15px; height:auto; padding:8px 15px; }
.pos-menu .pos-sir { margin:0;}
.pos-menu .pos-radio-group input[type="radio"]:checked + label span:after { display:none; border-width:5px 5px 0 5px; bottom:-5px; margin-left:-5px;}
.pos-menu .pos-radio-group:first-of-type input[type="radio"]:checked + label span:after { display:block;}
.pos-menu .pos-radio-group input[type="radio"]:checked + label span{ background:#f2f2f2; color:#ff9600;}
.pos-menu .pos-radio-group:first-of-type input[type="radio"]:checked + label span { background:#016aae; color:#fff;}

.salesrep-notes { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; column-gap:30px; position:relative;}
.salesrep-notes div:first-of-type { flex-shrink: 1;}
.salesrep-notes div:last-of-type {flex-grow: 4; }

.salesrep-note { margin:20px 0; }
.salesrep-data { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; column-gap:30px;}
.salesrep-note .salesrep-data p { font-size:14px; margin:10px 0 2px 0; }

.salesrep-note button.delete { background:url(../images/icons.png) -201px -250px no-repeat #0061af; border-radius:0 0 0 8px; border-bottom:3px solid #fff;  border-left:3px solid #fff; padding:0; height:50px; width:50px;  position:absolute; right:0; top:0; }
.salesrep-note .rap-b { padding:20px 50px 20px 25px }
.salesrep-note p { font-size:15px; line-height:18px;}

.tborders { border-right:1px solid #dcdcdc; margin:0 0 9px 0; }
.tborders td { border-left:1px solid #dcdcdc; }
.tborders tr:first-of-type td { font-weight:700; }
.tborders table { border:0;}
.tborders table td { border:0; padding:0;}
.tborders table tr:first-of-type td { background:none;}
.tborders input[type="radio"], .tborders input[type="checkbox"] { display:block;}


.flexblock { align-items:flex-end; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; font-size:14px; background:#f2f2f2; border-radius:5px;  margin:5px 0; padding:20px 25px; position:relative;}
.flexblockrap { align-items:flex-end; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; font-size:14px; background:#f2f2f2; border-radius:5px;  margin:5px 0; padding:20px 25px; position:relative;}
.flexblock input[type="text"], .flexblockrap input[type="text"] { margin:0; }
.flexblock select, .flexblockrap select{ height:36px; margin:0; }

.flexblockrap div {min-width:250px; }

.flexblock-col-30px { column-gap:30px; }
.flexblock-col-10px { column-gap:10px; }
.flexblock-col-5px { column-gap:5px; }

table.tlist { margin:20px 0;}
table.tlist tr:first-of-type td { background:none; }



#pos-order-details { border-right:1px solid #dcdcdc; margin:0 0 9px 0; }
#pos-order-details td { border-left:1px solid #dcdcdc; }
#pos-order-details tr:first-of-type td { font-weight:700; }

#pos-warehouse-comment { margin:20px 0; }


#order-confirmation-rap { background:#f2f2f2; border-radius:8px; padding:66px; text-align:center;}
#order-confirmation-rap h3 { font-size:20px; }
.confirmation-check { background:url(../images/icons.png) 0 -350px no-repeat; height:100px; margin:auto; width:100px;}





p.error-message { color:#d20000;}

.error:focus-within  { background-color:#fff; }
.error:after { background:url(../images/icons.png) -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) -94px -47px no-repeat; content:""; position:absolute; top:15px; right:18px; height:7px; width:12px; z-index:5; }
.select.error:before { background-position:-134px -47px; }
.select select { color:#737c7d; display:inline; font-size:1em; line-height:36px; padding:0 15px; margin:0; width:100%; }

input:focus-within, select:focus-within, select:focus { border-color:#00afc4; 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; }


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


#reset-password { margin:auto; margin-top:15px; max-width:200px;}
#reset-password a:link, #reset-password a:visited { margin:auto; padding:6px 5px 6px 50px; position:relative; }
#reset-password a:before { background:url(../images/icons.png) -5px -255px no-repeat; content:""; display:block; position:absolute; left:0; top:0; height:40px; width:40px;}

#login-rap { margin:auto; max-width:400px; }
#register-rap { margin:auto; max-width:900px; }

#login-inner { padding:20px 38px 38px 38px;}

.rap-a { background:#f2f2f2; border-radius:5px; }
.rap-a h1 { font-size:28px; border-bottom:1px solid #fff; padding:22px 38px 18px 38px; }

.rap-b { background:#f2f2f2; border-radius:5px; margin:0 0 1px 0; padding:30px 35px; position:relative; }

.rap-c { border:2px solid #f2f2f2; border-radius:5px; margin:5px 0; padding:15px 20px 20px 20px; max-width:300px; }
.rap-c p { font-size:14px; }
.rap-c select { float:left; margin:0 5px 0 0; max-width:180px;}
.rap-c input[type="submit"] { margin:0;}

.rap-d { background:#f2f2f2; border-radius:5px; font-size:15px; margin:0 0 1px 0; padding:0 35px;}
.rap-d .row { border-bottom:2px solid #fff; padding:25px 0;}
.rap-d .row:last-of-type { border-bottom:0; }
.rap-d .row h4 { margin-bottom:5px;}

.rap-e { border:2px solid #f2f2f2; border-radius:5px; margin:20px 0; padding:30px 35px;}

.rap-f { background:#f2f2f2; border-radius:5px; margin:0 0 5px 0; padding:20px 25px; position:relative;}


a.pdflink:link, a.pdflink:visited { background:url(../images/icons.png) 0 -300px no-repeat; display:inline-block; height:36px; margin:0 4px 1px 0; width:32px;}

#customer-tabs { text-align:center; }
#customer-tabs button { background:#fff; border-radius:5px 5px 0 0; border-top:2px solid #f2f2f2; border-left:2px solid #f2f2f2; border-right:2px solid #f2f2f2; color:#767d82; font-size:24px; margin:0; padding:20px 40px; }
#customer-tabs button.current { background:#f2f2f2; }

#login-select-customer { margin:auto; max-width:450px;}
.customerdropdown { border-bottom:1px solid #fff; padding:26px; position:relative; }
.customerdropdown button { font-size:16px; padding:6px 20px; position:relative; text-align:left; width:250px;}
.customerdropdown button:after { background:url(../images/icons.png) -360px 0 no-repeat; content:""; display:block; height:13px; position:absolute; right:20px; top:16px; width:18px; }
.customerdropdown-content { background:#58595b; display:none; max-height:325px; overflow-y:scroll; padding:10px; position:absolute; top:64px; max-width:380px; }
.customerdropdown-content input[type="text"] { border:0; }
.customerdropdown-content a { color:#fff; cursor:pointer; display:block; font-size:14px; margin:2px 15px; padding:4px; }
.customerdropdown-content a.registered-member { color:#71da50; }


.customerdropdown button:active ~ .customerdropdown-content, .customerdropdown-content:active, .customerdropdown button:hover ~ .customerdropdown-content, .customerdropdown-content:hover { display:block; z-index:9;}


.customer-enter-btn-rap { padding:18px 26px;}
.change-customer { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; column-gap:20px; }
#chosen_customer_detail { font-size:18px; margin:8px 0 0 0;}


#edit-customer-profile { align-items:flex-start; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:nowrap; column-gap:10px; }
#edit-customer-profile .rap-b { align-items:flex-end; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; column-gap:20px; }
#edit-customer-profile .rap-b input[type="text"], #edit-customer-details .rap-b input[type="password"] { margin:0;}
#edit-customer-profile .rap-b input[type="submit"] { margin:5px 0 0 0;}
#edit-customer-profile .rap-b div { margin:0 0 10px 0;}


#edit-customer-details { align-items:flex-start; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:nowrap; column-gap:10px; }
#edit-customer-details .rap-b { align-items:flex-end; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; column-gap:20px; }
#edit-customer-details .rap-b input[type="text"], #edit-customer-details .rap-b input[type="password"] { margin:0;}
#edit-customer-details .rap-b input[type="submit"] { margin:5px 0 0 0;}
#edit-customer-details .rap-b div { margin:0 0 10px 0;}

#edit-architect-details .rap-b { align-items:flex-start; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; column-gap:20px; }
#edit-architect-details .rap-b div { width:30%; }

#edit-customer-password { align-items:flex-start; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:nowrap; column-gap:10px; position:relative; }
#edit-customer-password .rap-b { align-items:flex-end; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; column-gap:20px; }
#edit-customer-passwords .rap-b input[type="text"], #edit-customer-password .rap-b input[type="password"] { margin:0;}
#edit-customer-password .rap-b input[type="submit"] { margin:5px 0 0 0;}
#edit-customer-password .rap-b div { margin:0 0 10px 0;}


#password-checklist { background:#515558; border-radius:5px; color:#c3ccd3; min-width:250px; padding:15px 30px; font-size:14px; z-index:9;}
#password-checklist strong { color:#fff; }
#password-checklist ul { list-style:none; margin:0; padding:0;}
#password-checklist ul li { font-size:13px; margin:0; padding:1px 0; position:relative;}
#password-checklist ul li.check { color:#fff; }
#password-checklist ul li.check:before { background:url(../images/icons.png) -364px -14px no-repeat; content:""; display:block; height:9px; position:absolute; top:6px; left:-18px; width:12px; }

#register-rap #password-checklist { margin-bottom:20px; }



.customer-details { min-width:260px;}

input[type="button"].disabled { background:#b2b2b2; }




table.pos-order-history, table.pos-order-history-admin { border-right:1px solid #dcdcdc; margin:10px 0;}
table.pos-order-history tr:first-of-type td, table.pos-order-history-admin  tr:first-of-type td { font-weight:700; }
table.pos-order-history td, table.pos-order-history-admin td { border-left:1px solid #dcdcdc; font-size:14px; line-height:17px; vertical-align:top; }
table.pos-order-history td p, table.pos-order-history-admin td p { font-size:14px; line-height:17px; margin:0 0 8px 0;}


.salesrep-notes-filter { align-items:center; background:#f2f2f2; border-radius:5px; margin:20px 0; padding:20px 25px; position:relative; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; column-gap:5px;  }
.salesrep-notes-filter p { line-height:16px; margin:0; }
.salesrep-notes-filter select { font-size:15px; margin:0; max-width:100px; padding: 5px 10px;}


span.pos-lessthan4, span.pos-4-5, span.pos-morethan5 { border-radius:20%; display:inline-block; height:13px; width:13px;} 

.pos-lessthan4 { background:#00b050;}
.pos-4-5 {background:#e58700;}
.pos-morethan5 {background:#ff0000;}

.pos-green { color:#00b050; }
.pos-yellow { color:#e58700; }
.pos-red { color:#ff0000; }

.row { clear:both; position:relative; }

#db-product-search-rap { background:linear-gradient(90deg, rgba(0,110,179,1) 0%, rgba(11,68,117,1) 100%); border-radius:5px; color:#fff; height:228px; margin-bottom:15px; width:100%; }

.salesrep { margin-bottom:15px; padding:22px 15px 22px 106px; position:relative;}
.salesrep ul { list-style:none; margin:0; padding:0; }
.salesrep a { font-size:14px; }

.salesrep-img { border:2px solid #fff; border-radius:50%; overflow:hidden; position:absolute; top:12px; left:10px; height:82px; width:82px; }
.salesrep-img img { height:auto; min-height:84px; max-width:none; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:auto;}


.salesrep-quotes { margin-bottom:15px; margin-top:-10px; padding:14px 15px 20px 106px; position:relative;}
.salesrep-quotes ul { list-style:none; margin:0; padding:0; }
.salesrep-quotes a { font-size:14px; }

.salesrep-quotes:before {  background: url(../images/icons.png) -208px -359px no-repeat #0061af; border-radius:50%; content:""; height:82px; position:absolute; top:10px; left:10px; width:82px;}


#customer-rep-col-a { margin-right:2%; width:26%;}
#customer-rep-col-a .welcome { display:inline-flex; height:228px; margin-bottom:10px; width:100%; } 
#customer-rep-col-a .rap-a h1 { border:0; font-size:48px; line-height:50px; margin:auto; max-width:225px; padding-bottom:35px; text-align:center; }
#customer-rep-col-a .rap-a h1 small { font-size:28px; line-height:30px; display:block; }

#customer-rep-col-b { width:72%;}


#dbsr-cola { border-right:1px solid #fff; padding:47px 40px; text-align:center; text-transform:uppercase; width:100px;}
#dbsr-cola p:before { background: url(../images/icons.png) -507px -62px no-repeat; content:""; display:block; height:82px; width:82px; }

#dbsr-colb { padding:47px 40px; width:calc(100% - 281px);}
#dbsr-colb h2 { color:#fff; font-size:24px; font-weight:300; margin:0; padding:0 0 5px 0; }
#dbsr-colb input[type="text"] { font-size:18px; float:left; height:42px; margin:0 3px 4px 0; width:calc(100% - 110px); }
#dbsr-colb input[type="submit"] { font-size:22px; float:left; line-height:42px; margin:0; padding:7px 20px 8px 20px; }
#dbsr-colb p { clear:both; }

.db-cta { padding:15px 30px; }
.db-cta a:link, .db-cta a:visited { display:block; font-size:20px; line-height:22px; padding:15px 0 15px 65px; position:relative; text-transform:uppercase; }


.db-cta2 { border-top:1px solid #c7cacb; font-size:18px; margin:15px 0; text-transform:uppercase;}
.db-cta2 a:link, .db-cta2 a:visited { border-bottom:1px solid #c7cacb; display:block; padding:24px 0 24px 72px; position:relative; }

.cta-01 div { position:relative; width:calc(33.3% - 10px); }
.cta-01 a:link, .cta-01 a:visited { background:#016aad; border-radius:5px; color:#fff; display:block; font-size:20px; height:calc(100% - 130px); line-height:24px; padding:100px 20px 30px 20px; text-align:center; text-transform:uppercase; transition:0.2s; }
.cta-01 a:active, .cta-01 a:hover { background:#ff9600; transition:0.2s; }
.cta-02 div { position:relative; width:calc(33.3% - 10px);}
.cta-02 a:link, .cta-02 a:visited { background:#f2f2f2; border-radius:5px; display:block; font-size:20px; height:calc(100% - 110px); line-height:20px; padding:80px 20px 30px 20px; text-align:center; text-transform:uppercase; transition:0.2s; }
.cta-02 a:active, .cta-02 a:hover { background:#f2f2f2; transition:0.2s; }
.cta-02 a small { display:block; font-size:14px; text-transform:none; }







.icon:before { content:""; display:block; height:60px; width:60px; position:absolute; top:0; left:0; } 

.icon-underlay:before, .icon-hardflooring:before, .icon-accessories:before { content:""; display:block; height:100px; width:100px; position:absolute; top:10px; left:50%; margin-left:-50px;}
.icon-underlay:before { background:url(../images/icons.png) 0 -50px no-repeat; }
.icon-hardflooring:before { background:url(../images/icons.png) -100px -50px no-repeat; }
.icon-accessories:before { background:url(../images/icons.png) -200px -50px no-repeat; }


.icon-newsletter:before, .icon-academy:before, .icon-recycle:before { content:""; display:block; height:75px; width:100px; position:absolute; top:0; left:50%; margin-left:-50px; }

.icon-newsletter:before { background:url(../images/icons.png) 0 -150px no-repeat #0061af;}
.icon-newsletter:hover:before, .icon-newsletter:active:before { background:url(../images/icons.png) 0 -150px no-repeat #ff9600; transition:0.3s;}

.icon-academy:before { background:url(../images/icons.png) -100px -150px no-repeat #0061af;}
.icon-academy:hover:before, .icon-academy:active:before { background:url(../images/icons.png) -100px -150px no-repeat #ff9600; transition:0.3s; }

.icon-recycle:before { background:url(../images/icons.png) -200px -150px no-repeat #0061af; }
.icon-recycle:hover:before, .icon-recycle:active:before { background:url(../images/icons.png) -200px -150px no-repeat #ff9600; transition:0.3s; }


/*
.icon-underlay:hover:before { background:url(../images/icons.png) -20px -62px no-repeat #ff9600; transition:0.3s; }
.icon-hardflooring:hover:before { background:url(../images/icons.png) -120px -65px no-repeat #ff9600; transition:0.3s;}
.icon-accessories:hover:before { background:url(../images/icons.png) -218px -65px no-repeat #ff9600; transition:0.3s;}
*/
.db-cta2 .icon:before { top:8px; left:5px;}

.icon-samples:before { background:url(../images/icons.png) -20px -165px no-repeat #0061af; }
.icon-credit:before { background:url(../images/icons.png) -120px -163px no-repeat #0061af; }
.icon-resources:before { background:url(../images/icons.png) -315px -70px no-repeat #0061af; }

.icon-history:before { background:url(../images/icons.png) -417px -65px no-repeat #0061af; }
.icon-gallery:before { background:url(../images/icons.png) -320px -165px no-repeat #0061af; }
.icon-freight:before { background:url(../images/icons.png) -20px -365px no-repeat #0061af;}



.icon-samples:hover:before { background:url(../images/icons.png) -20px -165px no-repeat #ff9600; transition:0.3s; }
.icon-credit:hover:before { background:url(../images/icons.png) -120px -163px no-repeat #ff9600; transition:0.3s; }
.icon-resources:hover:before { background:url(../images/icons.png) -315px -70px no-repeat #ff9600; transition:0.3s; }

.icon-history:hover:before { background:url(../images/icons.png) -417px -65px no-repeat #ff9600; transition:0.3s; }
.icon-gallery:hover:before { background:url(../images/icons.png) -320px -165px no-repeat #ff9600; transition:0.3s; }
.icon-freight:hover:before { background:url(../images/icons.png) -20px -365px no-repeat #ff9600; transition:0.3s;}




/* - order details - */
ul.od { list-style:none; margin:0; padding:0;}
ul.od li { display:inline-block; padding:0 20px 0 0;}
.od-a { border-top:1px solid #dcdcdc; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; gap:20px; align-items:stretch; margin:20px 0 0 0; padding:20px 0; }
.od-a p { border:1px solid #dcdcdc; border-radius:5px; padding:20px;}
.od-b {  background:#f2f2f2; /*border-bottom:1px solid #dcdcdc;; border-top:1px solid #dcdcdc;*/ border-radius:12px; margin:0 0 20px 0; padding:20px;}
.od-b table { border-top:0; width:100%; }
.od-b table tr:first-of-type td { font-size:12px; font-weight:bold; line-height:12px; padding:2px 10px; }
.od-b table tr:last-of-type td { border-bottom:0; }
.od-b table tr td:nth-of-type(4), .od-b table tr td:nth-of-type(5), .od-b table tr td:nth-of-type(6) { text-align:right; }
.od-b table tr.od-totals td { font-weight:bold;}
.od-b table tr.od-totals td { border-top:1px solid #000; }
.od-b table td span { white-space:nowrap;}

.od-c-pos { border-top:1px solid #dcdcdc; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; gap:0; align-items:stretch; margin:20px 0 0 0; padding:20px 0; }
.od-c-pos p { border-right:1px solid #dcdcdc; font-size:14px; line-height:18px; padding:0 20px 0 0; margin:0 0 0 20px;}
.od-c-pos p:first-of-type { margin-left:0; }
.od-c-pos p:last-of-type { border-right:0; }

.od-c-pos-shipping { position:relative;}
.od-c-pos-shipping p { border-top:1px solid #dcdcdc; font-size:14px; line-height:18px; margin-bottom:0; padding:20px 0 20px 80px;  }
.od-c-pos-shipping p:before { content:""; background:url(../images/icons.png) -416px -164px no-repeat; display:block; height:70px; position:absolute; left:0; top:4px; width:70px; }


.od-c-pos-a table tr:first-of-type td { font-size:12px; font-weight:bold; line-height:14px; padding:4px 10px;}
.od-c-pos-a table tr td { vertical-align:top; }

.od-c-pos-b table { background:#f2f2f2; border-radius:5px; border-top:0; margin-bottom:10px;}
.od-c-pos-b table tr td { padding:15px 20px; vertical-align:top; }
.od-c-pos-b table tr td:first-of-type, .od-c-pos-b table tr td:last-of-type { min-width:260px;}
.od-c-pos-b table tr:first-of-type td { border-top:0;}
.od-c-pos-b table tr:last-of-type td { border-bottom:0;}
.od-c-pos-b table tr td:first-of-type p { margin:0 0 5px 0; }
.od-c-pos-b table tr td:nth-of-type(2) p b, .od-c-pos-b table tr td:nth-of-type(3) b { font-size:12px; line-height:14px; display:block;}
.od-c-pos-b table tr td input[type="text"] { font-size:14px; height:auto; line-height:20px; margin:2px 0 10px 0; padding:6px 15px; }

.a-right { text-align:right; }

.od-pos-a table { background:#f2f2f2; border-radius:5px; border-top:0; margin-bottom:10px; width:100%;}
.od-pos-a table tr td { padding:15px 20px; vertical-align:top; }
.od-pos-a table tr:first-of-type td { font-size:12px; padding:15px 20px 5px 20px; font-weight:bold; }
.od-pos-a table tr:first-of-type td { border-top:0;}
.od-pos-a table tr:last-of-type td { border-bottom:0;}
.od-pos-a table tr td input[type="text"] { font-size:14px; height:auto; line-height:20px; margin:2px 0 10px 0; padding:6px 15px; }


.pos-order-comments { border-top:1px solid #dcdcdc; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; gap:20px; align-items:flex-start; margin:15px 0; padding:20px 0; }
.pos-order-comments-s, .pos-order-comments-w { max-width:50%; }

.pos-order-comments p { background:#f2f2f2; border-radius:5px; padding:15px 20px; margin:10px 0 15px 0; position:relative; }
.pos-order-comments p:before { border-style:solid; border-width:15px 0 0 15px; border-color:transparent transparent transparent #f2f2f2; content:""; height:0; position:absolute; top:-15px; left:50px; width:0;}


.highlight-banner { background:#0a5997; border-radius:5px; color:#fff; padding:40px; text-align:center; }
.highlight-banner h2 { color:#fff; }
.highlight-banner p { color:#fff; }

.success-message { background:#7bb431; border-radius:5px; color:#fff; margin:9px 0; padding:15px 15px 20px 20px; }
.success-message h3 { color:#fff; margin:0; padding:0;}
.success-message p {color:#fff; margin:0; padding:0;}

/*-print pricelist page-*/

#pricelist { -webkit-print-color-adjust: exact !important; width:1800px; }
#pricelist-header { background:#f2f2f2; color:#000; font-size:14px; line-height:18px; margin:0 0 10px 0; padding:8px 15px; position:relative;}

#pricelist-header .col-1o2:nth-of-type(odd) { margin-right:20px; width:calc(50% - 20px);}
#pricelist-header .col-1o2:nth-of-type(even) { margin-right:0; width:calc(50% - 99px);}

#pricelist h3 { break-after:avoid; color:#0d4573; font-size:22px; font-weight:700; line-height:26px; margin:10px 0 5px 0; text-transform:uppercase;}
#pricelist h1, #pricelist h3, #pricelist p { padding:0 10px; }

#pricelist ul, #pricelist ol { margin:20px 0; padding:0 0 0 20px;}
#pricelist ul li, #pricelist ol li {font-size:14px; }

#pricelist table { border-left:1px solid #dcdcdc; border-top:0; margin:0 0 20px 0; break-inside:avoid; page-break-inside:avoid; -webkit-column-break-inside:avoid; width:100%; }
#pricelist table td { border-right:1px solid #dcdcdc; font-size:14px;}

#pricelist table.pricelist-hardflooring  { border-left:0;}
#pricelist table.pricelist-hardflooring tr td { border-right:1px solid #fff; }

#pricelist table tr:first-of-type td { background:#0b4577; border-bottom:0; color:#fff;}
#pricelist table.pricelist-hardflooring tr:nth-of-type(2) td { background:#f2f2f2; border-bottom:0;}

#pricelist table.pricelist-hardflooring tr td:nth-of-type(3), #pricelist table.pricelist-hardflooring tr td:nth-of-type(4), #pricelist table.pricelist-hardflooring tr td:nth-of-type(5), #pricelist table.pricelist-underlay tr td:nth-of-type(3), #pricelist table.pricelist-underlay tr td:nth-of-type(4), #pricelist table.pricelist-underlay tr td:nth-of-type(5) { text-align:right;}
#pricelist table.pricelist-hardflooring tr td:nth-of-type(2) { width:105px; }
#pricelist table.pricelist-hardflooring tr td:nth-of-type(3) { width:75px; }
#pricelist table.pricelist-hardflooring tr td:nth-of-type(4) { width:105px; }
#pricelist table.pricelist-hardflooring tr td:nth-of-type(5) { width:95px; }

#pricelist table.pricelist-underlay tr td:nth-of-type(2) { width:155px; }
#pricelist table.pricelist-underlay tr td:nth-of-type(3) { width:75px; }
#pricelist table.pricelist-underlay tr td:nth-of-type(4) { width:105px; }
#pricelist table.pricelist-underlay tr td:nth-of-type(5) { width:95px; }

#pricelist table tr:first-of-type:hover td { background:#0b4577; }
#pricelist table tr:hover td { background:none; }

.printblock { display:inline-block; break-inside:avoid; page-break-inside:avoid; -webkit-column-break-inside:avoid; width:100%;}
.print-button button i { background:url(../images/icons.png) -400px -28px no-repeat; display:block; position:absolute; left:10px; top:8px; height:22px; width:22px; }
.print-button button { padding-left:40px; position:relative; }


/*-CRF Matrix page-*/

.crf-filter-rap { background:#f2f2f2; border-radius:5px 5px 0 0;  margin:0 0 1px 0; padding:25px 30px;}
.crf-filter-rap b { display:block; font-size:15px; margin:0 0 2px 0;}
.crf-filter-rap select { height:36px; padding: 4px 6px;}

.crf-selects { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; column-gap:20px; margin:0 0 10px 0; }
.crf-selects div { width:20%;}

.crf-range-n-weight { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-end; column-gap:40px; margin:0 0 10px 0;; }

.crf-input-block { width:calc(20% - 20px);}

.crf-range { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:center; column-gap:5px; }
.crf-range input[type="text"] { margin:0; width:40px;}

.crf-weight { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:center; column-gap:5px; }
.crf-weight input[type="text"] { margin:0; width:40px;}
.crf-weight select:first-of-type { margin:0; width:150px; }
.crf-weight select:last-of-type { margin:0; width:60px;}

table.crf-matrix { position:relative;}
table.crf-matrix tr td { font-size:13px; line-height:15px; padding:5px 0 5px 20px; vertical-align:top; }
table.crf-matrix tr:first-of-type td:nth-of-type(1) { width:120px; }
table.crf-matrix tr:first-of-type td:nth-of-type(2) { width:105px; }
table.crf-matrix tr:first-of-type td:nth-of-type(3) { width:105px; }
table.crf-matrix tr:first-of-type td:nth-of-type(4) { width:85px; }
table.crf-matrix tr:first-of-type td:nth-of-type(5) { width:100px; }
table.crf-matrix tr:first-of-type td:nth-of-type(6) { width:30px; }
table.crf-matrix tr:first-of-type td:nth-of-type(7) { width:55px; }
table.crf-matrix tr:first-of-type td:nth-of-type(8) { width:50px; }
table.crf-matrix tr:first-of-type td:nth-of-type(9) { width:45px; }
table.crf-matrix tr:first-of-type td:nth-of-type(11) { width:87px; }
table.crf-matrix tr:first-of-type { position:sticky; top:0; left:0; }
table.crf-matrix tr:first-of-type td { background:#0b4577; border-bottom:0; color:#fff; }
table.crf-matrix tr:first-of-type span:nth-of-type(2) { float:right; margin:0 15px 0 0; }
table.crf-matrix sup { font-size:8px; line-height:10px;}
table.crf-matrix tr td:nth-of-type(7) { padding-left:3px;}
table.crf-matrix tr:first-of-type td a:link, table.crf-matrix tr:first-of-type td a:visited { color:#fff; display:block; padding:0; position:relative; }
table.crf-matrix tr:first-of-type td a:link:before, table.crf-matrix tr:first-of-type td a:visited:before { background:url(../images/icons.png) -385px -16px no-repeat; content:""; height:10px; position:absolute; left:-15px; top:3px; transform:rotate(-90deg); width:10px;}
table.crf-matrix tr:first-of-type td.sorted a:link:before, table.crf-matrix tr:first-of-type td.sorted a:visited:before { transform:rotate(0); }




/*--Recycling page-*/
#dunlop-recycling-banner { background:url(../images/leaf-background.jpg) no-repeat; background-size:cover; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:center; column-gap:30px; padding:75px 50px;  }
#dunlop-recycling-banner img { max-width:250px;}
#dunlop-recycling-banner h2 { color:#fff; font-weight:700;}
#dunlop-recycling-banner p { color:#fff; font-size:18px; line-height:22px;}

.dunlop-recycling-lead-content { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; column-gap:30px;}

a:link.doc-download-xl, a:visited.doc-download-xl { font-size:24px; line-height:30px; width:240px; margin:0 0 5px 0; padding:20px 20px 20px 80px; position:relative;}
.doc-download-xl:before { background:url(../images/icons.png) -50px -300px no-repeat; content:""; display:block; height:41px; position:absolute; left:30px; top:28px; width:34px; }

.link-with-img-rap { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-start; column-gap:5px; flex-wrap:wrap; margin:10px 0;}
.link-with-img-rap a:link, .link-with-img-rap a:visited { background:#f2f2f2; border-radius:5px; display:block; font-size:12px; font-weight:700;  margin:0 0 5px 0; overflow:hidden; padding:10px 15px; position:relative; width:200px;}
.link-with-img-rap img { margin:5px 0 0 0;}
.link-with-img-rap a:active img, .link-with-img-rap a:hover img { opacity:0.7;}

.recycle-request { border-bottom:1px solid #dcdcdc; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-start; column-gap:60px; padding:0 0 20px 0; }
.recycle-request h2 {font-size:24px; line-height:28px;}
.recycle-request input[type="text"] { font-size:14px; height:20px; margin:0 0 3px 0; padding:4px 10px;}

.recycle-request-details { border:5px solid #f2f2f2; border-radius:8px; display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-start; column-gap:30px; padding:50px; position:relative;}
.recycle-request-details:before { border-style:solid; border-width:20px 26px 20px 0; border-color:transparent #f2f2f2 transparent transparent; content:""; height:0; position:absolute; top:35px; left:-30px; width:0; }



/*--Credit/Order history and claims--*/
.credit-history-filter { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; align-items:flex-end; column-gap:30px; flex-wrap:wrap;}
.credit-history-filter input[type="text"] { margin:0; }
.credit-history-results td { vertical-align:top; }
.credit-history-results tr:first-of-type td { font-weight:700; }

.creditclaim { display:flex; display:-webkit-flex; -webkit-flex-wrap: wrap; column-gap:30px;}
.creditclaim form ~ div { width:calc(100% - 500px);}
.creditclaim .rap-b { font-size:14px; min-width:400px;}
.creditclaim input[type="text"] { font-size:14px; height:20px; margin:0 0 3px 0; padding:4px 10px; width: calc(100% - 20px);}
.creditclaim select { font-size:14px; height:30px; margin:0 0 3px 0; padding:0 10px;}
.creditclaim .fileupload-btn { position:relative; height:60px;}
.creditclaim .fileupload-btn label { top:0; left:0px;}


.order-history-results td { vertical-align:top; }
.order-history-results tr:first-of-type td { font-weight:700; }
.order-history-results td p { font-size:14px; line-height:18px; margin:8px 0;}
.order-history-results a.btn { font-size:14px; line-height:30px; margin:0 5px 5px 0; padding:0 15px;}
.order-history-results td ul { margin:0; padding:0 0 0 20px;}


.highlight { background:#91bfe2; border-radius:5px; color:#000; padding:15px; }



.upload-container { position:relative;}
.upload-container input { border:1px solid #92b0b3; background:#f1f1f1; outline:2px dashed #92b0b3; outline-offset:-10px; padding-top:80px; padding-bottom:100px; padding-left:calc(50% - 125px); padding-right:calc(50% - 125px); text-align:center!important; }
.upload-container input:hover { background:#ddd; }   
.upload-container:before {position:absolute; bottom:75px; left:50%; margin-left:-125px; content: " (or) Drag and Drop files here. ";  color:#3f8188; font-weight:900; }   
.upload-btn { margin-left:300px; padding:7px 20px; } 





/*--Dashboard--*/

.dfo-dashwrap h3 { margin:30px 0 0 0; }

.dash-totals-1 { list-style:none; margin:0; padding:0; display:flex; gap:10px; flex-wrap:nowrap; align-items:center;  }
.dash-totals-1 li {text-align:center; }
.dash-totals-1 li strong { display:block; font-size:40px; font-weight:300;}
.dash-totals-1 li strong small { font-size:16px;}

.greypadding { background:#f2f2f2; border-radius:5px; padding:40px; }

.dash-totals-2 { display:flex; gap:30px; flex-wrap:nowrap;  }

.dash-totals-2 ol { list-style:none; display:flex; gap:10px; flex-wrap:nowrap; align-items:stretch; margin:10px 0; padding:0; }
.dash-totals-2 ol li { margin:0; width:30%; }
.dash-totals-2 ol li strong { display:block; font-size:30px; font-weight:300;}
.dash-totals-2 li strong small { font-size:16px; }

.dash-graphs-a { margin:10px 0 0 0; display:flex; gap:10px; flex-wrap:wrap; align-items:stretch;}
.dash-graphs-a div { border:1px solid #dcdcdc;  border-radius:5px; text-align:center; padding:20px; width:calc(50% - 50px); }

#dash-dates-rap { background:#f2f2f2; border-radius:5px; display:flex; gap:20px; flex-wrap:nowrap; align-items:end; margin:0 0 60px 0; padding:50px; position:relative; }
#dash-dates-rap:after { border-style:solid; border-width:40px 40px 0 0; border-color:#f2f2f2 transparent transparent transparent; content:""; height:0; width:0; position:absolute; left:80px; bottom:-40px;}

.dashdaterap input[type="text"], .dashdaterap .sir { margin-bottom:0;}

.canvaswrap { position: relative; height:auto; width:100%; }

.dash-table { border:0; margin:5px 0; width:100%; }
.dash-table td { border:1px solid #dcdcdc; padding:8px 14px; }
.dash-table th { background:#0b4577; border-right:1px solid #fff; color:#fff; font-weight:bold; padding:8px 14px; text-align:left; }
.dash-table th.right { text-align:right;}

.singlepierap { padding:0 30% 50px 30%;}
#dashsalesrepsrap {}
#dashsalesrepsrap ol { list-style:none; margin:0; padding:0; }
#dashsalesrepsrap ol li { background:#f2f2f2; border-radius:5px; display:flex; gap:20px; flex-wrap:nowrap; align-items:start; padding:40px; }
#dashsalesrepsrap ol li #salesrep-img { background:#fff; border-radius:50%; display: inline-flex; min-width:150px; height:150px; padding:10px; position:relative; }
#dashsalesrepsrap ol li #salesrep-img img { margin:auto;}

.dashsalesrepdata { min-width:400px; }
.dashsalesresname { font-size:30px; display:block; padding:0 0 10px 0;}
.dashsalesresvalue { font-size:24px; display:block; padding:0 0 10px 0;}
.dashsalesrespiechart { max-width:300px;}


.itemqty{max-width:80px;}



/*--responsive cols-*/
.col-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-40p, .col-60p, .col-33p, .col-66p, .col-1o2, #customer-rep-col-a, #customer-rep-col-b, #dbsr-cola, #dbsr-colb, .col-prod-01, .col-prod-02 { float:left; }

.col-1o3 { margin:0 30px 0 0; width:calc(33.3% - 20px);}
.col-1o3:nth-of-type(3) { margin-right:0;}

.col-2o3 { margin-right:40px; width:calc(66.6% - 40px);}
.col-2o3 ~ .col-1o3 { margin-right:0; width:33.3%;}
.col-1o3 ~ .col-2o3 { margin-right:0; width:calc(66.6% - 20px);}


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

.ame-filterwrap .col-1o4 { margin-right:3px; 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;}

.fifty-p { width:50%;}

.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%;}


.col-33p { width:33.3%;}
.col-66p { width:66.6%; }

.col-33p ~ .col-66p { margin-left:4%; width:62.6%;}
.col-66p ~ .col-33p { margin-left:4%; width:29.3%;}


.col-prod-01 { margin-right:50px; width:calc(30% - 50px); }
.col-prod-02 { width:70%;}


.hardflooring-listings .promopg div { background-color:#ffd1b3;  }
.underlay-listings .promopg div { background-color:#ffd1b3;  }

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


@media only screen and (max-width: 1560px) {
#header { min-height:165px;}
#nav { padding:80px 0 0 0;}
#nav:before { height:158px; right:-33px; width:65px;}
#site-user { padding:18px 20px 18px 70px;}

}


@media only screen and (max-width: 1460px) {
	.dash-graphs-a div { padding:30px 200px; width: calc(100% - 402px);}
	.dash-totals-2 { display:block;}
	}


@media only screen and (max-width: 1420px) {
.hardflooring-productpage .singlesku-cost, .underlay-productpage .singlesku-cost { margin-top:-30px; }
.hardflooring-productpage .singlesku-submit, .underlay-productpage .singlesku-submit { position:absolute; bottom:40px; right:30px; }

}


@media only screen and (max-width: 1350px) {
.salesrep { margin-top:40px; padding:55px 15px 22px 30px; position:relative;}
.salesrep-img { top:-40px; left:20px; }
table.crf-matrix tr:first-of-type td:nth-of-type(11) { width:42px; }

}

@media only screen and (max-width: 1250px) {
#nav { padding:0; position:absolute; left:0; top:78px; }
#nav:before { height:78px; right:-25px; top:0; width:40px;}
#site-user { margin-left:320px; padding:18px 20px 18px 50px;}

.singlesku-rap { margin:0 0 10px 75px; padding-left:100px;}
.hardflooring-productpage .singlesku-img, .underlay-productpage .singlesku-img { left:-75px; height:150px; overflow:hidden; width:150px;}

.singlesku-gallery { border-radius:50%; padding:5px; top:175px; left:-30px; transform:rotate(0);  }
.singlesku-gallery a:link, .singlesku-gallery a:visited { transform:rotate(0); }
.singlesku-gallery span, .singlesku-gallery span { top:12px; left:45px; transform:rotate(0); }

.quote-a { padding:10px 15px 0 65px; }
.quote-a p b { display:block; }
.quote-a p { line-height:16px;}
}

@media only screen and (max-width: 1150px) {
.cartitem-rap { display:block; padding-bottom:40px;}
.cartitem-rap .singlesku-details { padding-right:200px; width:auto; }
.cartitem-rap .singlesku-qty { border-bottom:1px solid #fff; border-top:1px solid #fff; margin:10px 0; padding:10px 0; /*width:auto;*/}
.cartitem-rap .singlesku-unit-data { /*text-align:right; padding:5px 35px 0 0; width:auto;*/ }
.cartitem-rap .singlesku-cost { /*border-bottom:1px solid #fff; padding:0 35px 10px 0; text-align:right; width:auto; */ right:20px;}
.cartitem-rap .singlesku-cost small { display:inline-block;}
.cartitem-rap .singlesku-submit { padding:10px 35px 10px 0; text-align:right; width:auto;}
.cart-totals { margin-left:100px;}
.cart-totals .row { padding-right:35px;}
.cartitem-rap .singlesku-stock { border-bottom:0; border-left:0; padding:0; top:initial; right:initial; left:350px; bottom:20px;}
.cartitem-rap .singlesku-stock ~ .singlesku-stock { left:130px; }


.tooltip-alert span { border-radius:0; left:3px; width:70px;}

.crf-selects { flex-wrap:wrap;}
.crf-selects div { width:30%;}

table.crf-matrix tr:first-of-type td { display:none;}
table.crf-matrix tr:active td, table.crf-matrix tr:hover td { background:#fff;}
table.crf-matrix tr td { display:block; float:left; width:calc(50% - 10px); }
table.crf-matrix tr td:nth-of-type(1):before { content:"Dunlop Flooring Product: "; }
table.crf-matrix tr td:nth-of-type(2):before { content:"Carpet Manufacturer: "; }
table.crf-matrix tr td:nth-of-type(3):before { content:"Carpet Name: "; }
table.crf-matrix tr td:nth-of-type(4):before { content:"Fibre Yarn: "; }
table.crf-matrix tr td:nth-of-type(5):before { content:"Construction Style: "; }
table.crf-matrix tr td:nth-of-type(6):before { content:"Carpet weight: "; }
table.crf-matrix tr td:nth-of-type(7):before { content:"Carpet weight: "; }
table.crf-matrix tr td:nth-of-type(8):before { content:"CRF Result: "; }
table.crf-matrix tr td:nth-of-type(9):before { content:"Smoke Result: "; }
table.crf-matrix tr td:nth-of-type(10):before { content:"BCA Class: "; display:block; }
table.crf-matrix tr td:before { font-weight:700;}
table.crf-matrix tr td, table.crf-matrix tr td:nth-of-type(7) { border-bottom:0; padding:0 5px;}
table.crf-matrix tr td:nth-of-type(1), table.crf-matrix tr td:nth-of-type(2) { padding-top:9px;}
table.crf-matrix tr td:nth-of-type(10) { width:100%; }
table.crf-matrix tr td:nth-of-type(11) { border-bottom:1px solid #dcdcdc; padding-bottom:9px; width:100%;}

.mir-6 { flex-wrap:wrap;}
}

@media only screen and (max-width: 1080px) {
#site-user { padding:18px 5px 18px 50px; }
#site-customer:before { display:none; }
#site-customer { border-bottom:0; padding:18px 6px 18px 50px; }
#site-customer:after {display:none;}

#customer-rep-col-a { width:30%;}
#customer-rep-col-b { width:68%;}
#customer-rep-col-b .col-1o3 { margin:0 0 2px 0; width:100%;}

.db-cta .icon:before { top:-5px; left:-5px; }

.col-1o3:nth-of-type(1) .db-cta2 { margin-bottom:0; }
.col-1o3:nth-of-type(2) .db-cta2, .col-1o3:nth-of-type(3) .db-cta2 { border-top:0; margin:0; }

#dbsr-cola { display:none; }
#dbsr-colb { float:none; width:calc(100% - 82px);}

.confirm-details-1, .confirm-details-2 { flex-wrap:wrap; }
#cd01, #cd02 { width:calc(50% - 40px);}
#cd03 { margin-top:15px; width:100%; }
.confirm-details-2 .rap-b { margin-top:15px;}

.mir-4 div:nth-of-type(3), .mir-4 div:nth-of-type(4), .mir-4 div:nth-of-type(5),.mir-4 div:nth-of-type(6) { display:none; }
.mir-4 div:nth-of-type(even) { padding:0; width:50px;}

.col-33p, .col-66p, .col-33p ~ .col-66p, .col-66p ~ .col-33p { margin:20px 0; width:100%;}

.product-category-links, .product-category-links2 { font-size:14px;}
.product-category-links2 ul li { margin:8px 0;}

.newsletterpic {  width:140px; }
.newsletterlinks { width:calc(100% - 160px);}


.dash-graphs-a div { padding: 30px 150px; width:calc(100% - 302px);
}



}


@media only screen and (max-width: 1000px) {
#header { min-height:120px; }
	
#site-user { margin:84px 0 0 0; padding:9px 0 9px 15px; }
#site-user:after { height:58px;}
#site-customer {margin:84px 0 0 0; padding:9px 15px 9px 50px; }

#nav ul li a { font-size:18px; line-height:24px; }
#nav { position:absolute; right:0; top:0; }
#nav:before { display:none; }
#nav input[type="checkbox"] + label { display:block; background:url(../images/icons.png) -480px 5px no-repeat #f2f2f2; }
#nav input[type="checkbox"]:checked  + label { background-position:-535px 5px; background-color:#016aad; }

#nav input[type="checkbox"] + label ~ .menu-wrap ul { display:none; position:absolute; right:0; top:61px; width:200px; }
#nav input[type="checkbox"]:checked + label ~ .menu-wrap ul { display:block; }

#nav input[type="checkbox"] ~ .menu-wrap ul  { margin:0; padding:0; }
#nav input[type="checkbox"] ~ .menu-wrap ul li { display:block; }

#nav li:after { display:none; }

#nav input[type="checkbox"] ~ .menu-wrap ul.submenu { display:block; position:relative; right:initial; left:0; top:0; }
#nav input[type="checkbox"] ~ .menu-wrap ul.submenu li { border:0; }

#nav li a:link, #nav li a:visited { line-height:20px; padding:4px 15px; }
#nav ul.submenu li a:link, #nav ul.submenu li a:visited { font-size:14px; font-weight:normal; padding:3px 15px!important; text-transform:none; }
#nav ul li a:link, #nav ul li a:visited { background:#016aad; border-bottom:1px dotted #5d96bb; color:#fff; font-size:14px; font-weight:bold; margin:0; text-transform:none;}

#nav .menu-wrap #main-menu {background:#016aad; border-radius:0 0 0 5px; padding:10px 0; }

#cart-wrap { height:60px; position:absolute; top:0; right:71px;}
#cart-wrap:before { height:60px; }
.cart { margin-top:2px;}

#nav li.current:before, #nav li:active:before, #nav li:hover:before { display:none;}

#footer h6 { float:none;}

#f-customer-name { padding:15px 15px 30px 20px;}
#f-customer-name a:link.s-btn, #f-customer-name a:visited.s-btn { position:relative; top:9px; right:0;}
#f-customer-info a:link.s-btn, #f-customer-info a:visited.s-btn { position:relative; top:5px; left:0;}
#f-customer-links { padding:20px 20px 30px 10px;}
#f-customer-links ul { -webkit-column-count:1; -moz-column-count:1; column-count:1; }

#customer-rep-col-a { width:33%;}
#customer-rep-col-b { width:65%;}

#dbsr-colb h2 { font-size:20px;}

.hardflooring-listings .row:first-of-type div, .underlay-listings .row:first-of-type div { font-size:14px; }
.hardflooring-listings .row div { padding:4px 10px;}
.hardflooring-listings .row div:nth-of-type(1) img { max-height:45px; max-width:100px;}

.underlay-listings .row div:nth-of-type(1) { padding-left:10px; }
.underlay-listings, .underlay-listings .row, .underlay-listings .row div { display:block; }
.underlay-listings .row:first-of-type, .underlay-listings .row a:link.productlinkarrow, .underlay-listings .row a:visited.productlinkarrow { display:none; }

.underlay-listings button { float:none; }
.underlay-listings .row { border-bottom:1px solid #dcdcdc; padding:20px 0; }
.underlay-listings .row.underlaybrand { background:#f2f2f2; border:0; padding:10px;}
.underlay-listings .underlaybrand h3 { margin:0; padding:0;}
.underlay-listings .row div { border:0; padding:0 0 0 10px; }
.underlay-listings .row div:nth-of-type(2) { font-size:16px; font-weight:700; }
.underlay-listings .row div:nth-of-type(3):before { content:"Sku: "; font-weight:700; }
.underlay-listings .row div:nth-of-type(4):before { content:"Unit of measure: "; font-weight:700; }
.underlay-listings .row div:nth-of-type(5):before { content:"Unit price: "; font-weight:700; }

.crf-range-n-weight { column-gap:20px;}

.product-category-links { float:none; margin:0 0 40px 0;}

.recycle-request { display:block;}
.recycle-request-details { border:0; padding:20px;}
.recycle-request-details:before { display:none; }

.od-c-pos-b table tr td:first-of-type { min-width:120px; }
.od-c-pos-b table tr td:first-of-type p b { font-size:12px; line-height:14px; display:block; }
#createquote .mir-1 { gap:15px;}



#dashsalesrepsrap ol li #salesrep-img { border-radius:5px; display:inline-flex; min-width:100px; height:auto; padding:5px;}

.singlepierap, .dashpiechartsomrap { padding:0 20% 50px 20%;}


.dash-totals-1, .dash-totals-2 ol { display: block;}
.dash-totals-1 .greypadding, .dash-totals-2 ol li .greypadding { margin:0 0 5px 0; padding:20px 30px; text-align:center;}

.dash-totals-2 ol li { width:auto;}

.dashsalesresname { font-size:24px;}
.dashsalesresvalue { font-size:20px;}
.dashsalesrepdata { min-width:none; text-align:center;}

.dashsalesrespiechart { margin:auto;}

#dashsalesrepsrap ol li { display:block; padding:30px; }

#dashsalesrepsrap ol li #salesrep-img { margin:auto; display:block; width:100px;}

}





@media only screen and (max-width: 920px) {
#dunlop-recycling-banner { align-items:flex-start; column-gap:20px; padding:50px 30px;  }
#dunlop-recycling-banner img { margin-top:5px; max-width:165px;}
#dunlop-recycling-banner h2 { font-size:32px; line-height:34px; }
.dunlop-recycling-lead-content { display:block; }
#edit-customer-profile { display:block; }
.recomended-product { width:100%; }



table.tlist tr td { border-bottom:0; display:block; padding:0;}
table.tlist tr td:first-of-type { padding-top:10px;}
table.tlist tr td:last-of-type { border-bottom:1px solid #dcdcdc; padding-bottom:10px;}

}




@media only screen and (max-width: 840px) {
.col-1o2 { margin-right:0; width:100%;}
#customer-rep-col-a .welcome { display:none; }
#customer-rep-col-a, #customer-rep-col-b  { margin:0 0 15px 0; width:100%;}

.salesrep { margin-top:0; padding:20px 15px 22px 120px; }
.salesrep-img { top:20px; left:20px; }

#db-product-search-rap { height:auto; }
#dbsr-colb { height:auto; }

.cartitem-rap { margin:0 0 10px 75px; padding:20px 20px 80px 120px;}
.cartitem-rap .singlesku-details { padding-right:60px;}
.cartitem-rap .singlesku-img { height:150px; left:-70px; width:150px;}
.cartitem-rap .singlesku-stock { left:120px; }
.cartitem-rap .singlesku-stock ~ .singlesku-stock { bottom:60px; left:120px; }



.cart-totals .row { padding-right:20px;}

.cartitem-rap .singlesku-cost { top:initial; bottom:70px; right:0;}


.crf-selects, .crf-range-n-weight {display:block; margin:0 0 10px 0;}
.crf-selects div { width:100%;}
.crf-input-block3 { margin:10px 0; }

#dbsr-colb h2 { line-height:24px;}

.creditclaim { display:block;}
.creditclaim .rap-b { margin-bottom:15px; min-width:0;}
.creditclaim .fileupload-btn label { font-size:14px;}

.order-history-results td { display:block; border-bottom:0; padding:0;}

.order-history-results td:first-of-type { padding-top:9px; }
.order-history-results td:last-of-type {  border-bottom: 1px solid #dcdcdc; padding-bottom:9px; }

.order-history-results tr:first-of-type td { display:none; }
.order-history-results td:nth-of-type(2):before { content:"Details: "; font-weight:700; }
.order-history-results td:nth-of-type(3):before { content:"Date/Time: "; font-weight:700; }
.order-history-results td:nth-of-type(4):before { content:"Delivery address: "; font-weight:700; }
.order-history-results td:nth-of-type(5):before { content:"Price: "; font-weight:700; }
.order-history-results td:nth-of-type(6):before { content:"Status: "; font-weight:700; }
.order-history-results td p { margin:0 0 8px 0;}

#pos-order-history-filter1 { display:block;}
#pos-order-history-filter2 input[type="checkbox"] { }
#pos-order-history-filter2 input[type="checkbox"] ~ label { display:inline-block; margin:0 25px 5px 0; min-width:calc(100% - 50px); }

table.pos-order-history-admin { border-right:0; width:100%; }
table.pos-order-history-admin tr:first-of-type td { display:none; }
table.pos-order-history-admin td { border-bottom:0; border-left:0; display:block; padding:0; }
table.pos-order-history-admin td:nth-of-type(1) { padding-top:8px;}
table.pos-order-history-admin td:nth-of-type(8) { border-bottom:1px solid #dcdcdc; padding-bottom:8px;}

table.pos-order-history-admin td:nth-of-type(1):before { content:"ID: "; font-weight:700; }
table.pos-order-history-admin td:nth-of-type(2):before { content:"Submitted date: "; font-weight:700; }
table.pos-order-history-admin td:nth-of-type(3):before { content:"Completion date: "; font-weight:700; }
table.pos-order-history-admin td:nth-of-type(4):before { content:"Submitted by: "; font-weight:700; }
table.pos-order-history-admin td:nth-of-type(5):before { content:"Customer: "; font-weight:700; }
table.pos-order-history-admin td:nth-of-type(6):before { content:"Warehouse: "; font-weight:700; }
table.pos-order-history-admin td:nth-of-type(7):before { content:"Age: "; font-weight:700; }

.mir-5 { display:block;}

.od-a { gap:10px;}
.od-a p { border:0; border-radius:0; padding:0 20px 0 0;}

.od-c-pos { display:block; }
.od-c-pos p { border-right:0; padding:0; margin:5px 0;}

.od-c-pos-b table tr td { border-bottom:0; display:block; padding:1px 15px; }
.od-c-pos-b table tr td:first-of-type p b { display:inline-block;}

.od-c-pos-b table tr td:first-of-type { padding-top:15px;}
.od-c-pos-b table tr td:last-of-type { border-bottom:1px solid #dcdcdc; padding-bottom:15px;}

.quote-b { display:block; padding-bottom:12px;}
.quote-a p { margin:0; }
.quote-a p b { display:inline;}
.quote-c { padding:0 0 25px 0;}

.creditclaim form ~ div { width:100%; }
.payment-needed td:first-of-type:before { position:relative; top:0; left:0;}
}

@media only screen and (max-width: 765px) {
.mir-2 { column-gap:30px;}
.col-1o3, .col-3o3, .col-1o3 ~ .col-2o3, .col-2o3 ~ .col-1o3   { margin:0; width:100%;}

.link-with-img-rap a:link, .link-with-img-rap a:visited { width:calc(33% - 35px);}
#edit-customer-profile .rap-b { display:block;}
#edit-customer-details .rap-b { display:block; margin:20px 0 0 0;} 
#edit-customer-details { display:block;} 
.bordertop { border:0; margin:0; padding:0;}

#createquote .mir-1 { display:block;}

.quote-c table { border-top:0;}
.quote-c table tr:first-of-type td { display:none;}
.quote-c table tr td  { border-bottom:0; display:block; padding:0; }
.quote-c table tr td:nth-of-type(5) { padding-bottom:10px;}
.quote-c table tr td:nth-of-type(1):before { content:"Product: "; font-weight:bold;}
.quote-c table tr td:nth-of-type(2):before { content:"QTY: "; font-weight:bold;}
.quote-c table tr td:nth-of-type(3):before { content:"Price: "; font-weight:bold;}
.quote-c table tr td:nth-of-type(4):before { content:"Required by: "; font-weight:bold;}
.quote-c table tr td:nth-of-type(5):before { content:"Products placement: "; font-weight:bold;}

.mir-6 { display:block;}

}



@media only screen and (max-width: 700px) {

.hardflooring-productpage .singlesku-rap, .underlay-productpage .singlesku-rap { margin:90px 0 10px 0; padding:100px 0 0 0;}
.hardflooring-productpage .singlesku-head, .underlay-productpage .singlesku-head { padding:0 30px 10px 30px; }
.hardflooring-productpage .singlesku-img, .underlay-productpage .singlesku-img { left:7px; top:-80px;}


.hardflooring-productpage .singlesku-stock:nth-of-type(2), .underlay-productpage .singlesku-stock:nth-of-type(2) { top:-40px;} 



.hardflooring-listings .row:first-of-type div { display:none; }
.hardflooring-listings, .hardflooring-listings .row, .hardflooring-listings .row div  { border:0; display:block;}
.hardflooring-listings .row { border-bottom:1px solid #dcdcdc; padding:0 0 30px 0; }
.hardflooring-listings .row:first-of-type div { display:none; }

.hardflooring-listings .row div { clear:both;}
.hardflooring-listings .row div:nth-of-type(1) { background:#f2f2f2; }
.hardflooring-listings .row div:nth-of-type(1) img { margin:0; max-height:none; max-width:150px;}
.hardflooring-listings .row div:nth-of-type(2) { font-size:16px; font-weight:700;}
.hardflooring-listings .row div:nth-of-type(3) img:nth-of-type(1) { clear:both; }
.hardflooring-listings .row div:nth-of-type(3):before { content:"Colours: "; font-weight:700; float:left; margin:-4px 5px 0 0; }
.hardflooring-listings .row div:nth-of-type(4):before { content:"Category: "; font-weight:700; }
.hardflooring-listings .row div:nth-of-type(5):before { content:"Unit of measure: "; font-weight:700; }
.hardflooring-listings .row div:nth-of-type(6):before { content:"Unit price: "; font-weight:700; }
.hardflooring-listings .row div:nth-of-type(7) { display:none;}

.cartitem-rap { margin:90px 0 20px 0; padding:100px 20px 20px 20px;}
.cartitem-rap .singlesku-img { left:0; top:-75px;}
.cartitem-rap .singlesku-qty { min-width:0;}
.cartitem-rap .singlesku-stock { left:initial; right:70px; bottom:initial; top:15px; }
.cartitem-rap .singlesku-stock ~ .singlesku-stock { left:initial; right:70px; top:55px; }


.cart-totals { margin-left:0;}
.cartitem-rap .singlesku-details { padding-right:0;}
.singlesku-gallery { border-radius:50% 50% 0 0; top:-52px; left:180px;  }





.mir-3 { display:block; }
.mir-3 select { margin-bottom:5px;}
#cd01, #cd02, #cd03 { display:block; width:100%;}

.product-category-links { margin:0;}
.product-category-links ul li { border-right:0; float:none; margin:0 0 8px 0;}

.recycle-request-details { display:block; padding:20px 0;}
.recycle-request-details #scrap-need-more { margin:20px 0 0 110px;}

.credit-history-results table tr:first-of-type td { display:none;}
.credit-history-results table tr td { border-bottom:0; display:block; padding:0; }
.credit-history-results table tr td:nth-of-type(1):before { content:"Credit memo number: "; font-weight:700; }
.credit-history-results table tr td:nth-of-type(2):before { content:"Date: "; font-weight:700; }

.credit-history-results table tr td:nth-of-type(1) { padding-top:9px;}
.credit-history-results table tr td:nth-of-type(4) { border-bottom:1px solid #dcdcdc; padding-bottom:9px;}


.salesrep-notes, .salesrep-data { display:block; }
.salesrep-note .salesrep-data { margin:0 0 5px 0;}
.salesrep-note .salesrep-data p { margin:0;}

.recomended-product { gap:10px; }
.recomended-product-img { height:90px; min-width:90px;}


#edit-customer-password, #edit-architect-details .rap-b, #edit-customer-password, #edit-customer-password .rap-b { display:block; }
#edit-architect-details .rap-b div { width:100%; }

ul.od li {display:block; padding:0;}

.od-a { display:block; }
.od-b table tr:first-of-type td { display:none; }
.od-b table tr td { border-bottom:0; display:block; padding:0; position:relative; }
.od-b table tr td:last-of-type { border-bottom:1px solid #dcdcdc; margin-bottom:8px; padding-bottom:8px; }
.od-b table tr td:nth-of-type(4):before, .od-b table tr td:nth-of-type(5):before { font-weight:bold; position:absolute; right:90px;}
.od-b table tr td:nth-of-type(4):before { content:"Unit price: "; }
.od-b table tr td:nth-of-type(5):before { content:"Sub total (exc GST): "; }
.od-b table tr.od-totals td:nth-of-type(4):before, .od-b table tr.od-totals td:nth-of-type(5):before { display:none;}
.od-b table tr.od-totals td { border-top:0;}
.od-b table tr.od-totals td:nth-of-type(1), .od-b table tr.od-totals td:nth-of-type(2), .od-b table tr.od-totals td:nth-of-type(3) { display:none; }
.od-b table tr.od-totals td:nth-of-type(4), .od-b table tr.od-totals td:nth-of-type(5) { border-bottom: 1px solid #dcdcdc; margin-bottom:8px; padding-bottom:8px; display:inline-block; }
.od-b table tr.od-totals td:nth-of-type(4) { width:calc(100% - 90px);}
.od-b table tr.od-totals td:nth-of-type(5) { width:90px;}

.cta-01, .cta-02 { display:block;}
.cta-01 div, .cta-02 div { margin-bottom:5px; width:100%;}

.singlesku-qty {padding: 10px 0 10px 30px;  }
}

@media only screen and (max-width: 600px) {
#header { min-height:90px; }
#DFO-logo img { width:250px;}
#login #DFO-logo img { width:350px;}
#site-user, #site-customer { margin:58px 0 0 0; }
h1 { font-size:34px; }

#recomended-products { padding:15px 20px;}

.hardflooring-productpage .singlesku-body, .underlay-productpage .singlesku-body { display:block; padding:0 20px; }
.hardflooring-productpage .singlesku-qty, .underlay-productpage .singlesku-qty { width:auto;}
.hardflooring-productpage .singlesku-unit-data, .underlay-productpage .singlesku-unit-data { padding:4px 35px 4px 0; width:auto;}
.hardflooring-productpage .singlesku-cost, .underlay-productpage .singlesku-cost { border-bottom:1px solid #fff; border-top:1px solid #fff; margin:10px 0; padding:10px 35px; text-align:right; }
.hardflooring-productpage .singlesku-cost small, .underlay-productpage .singlesku-cost small { display:inline-block;}
.hardflooring-productpage .singlesku-submit, .underlay-productpage .singlesku-submit { position:relative; bottom:initial; right:initial; padding:10px 35px 30px 10px; text-align:right; width:auto;}

.pos-menu .pos-radio-group:first-of-type input[type="radio"] + label span {  font-size:20px; }
.pos-menu .pos-radio-group input[type="radio"] + label span { font-size:14px; }

.confirm-details-2 {display:block;}
#scrap-need-more { padding-left:110px;}
.recycle-request-details #scrap-need-more { margin:20px 0 0 110px; padding:0;}

.mir-1, .mir-2 { display:block; }
.mir-2 div { padding:5px 0;}
.mir-4 div:first-of-type { width:100%;}

.crf-filter-rap { padding:15px 20px;}
table.crf-matrix tr td { float:none; width:calc(100% - 10px); }
table.crf-matrix tr td:nth-of-type(2) { padding-top:0; }


#dunlop-recycling-banner { display:block; padding:40px;}
#dunlop-recycling-banner img { margin:0 0 15px -18px; }

a:link.doc-download-xl, a:visited.doc-download-xl { font-size:20px; line-height:24px; width:200px;}
.doc-download-xl:before { top:25px;}
.link-with-img-rap a:link, .link-with-img-rap a:visited { width:calc(50% - 35px);}

.salesrep-notes-filter { padding-top:42px;}
.salesrep-notes-filter p { position:absolute; top:20px; }
.newsletterlinks { clear:both; width:100%;  }

#password-checklist {  border-left:0;  border-top:1px dashed #f2f2f2; border-radius:0 0 5px 5px; height:auto; top:initial; bottom:0; width:calc(100% - 60px); }


.od-pos-a table tr td { border-bottom:0; display:block; padding:1px 15px; }
.od-pos-a table tr:first-of-type td { display:none; }

.od-pos-a table tr td:nth-of-type(1):before { content:"ID: "; font-weight:bold; }
.od-pos-a table tr td:nth-of-type(2):before { content:"Product: "; font-weight:bold; }
.od-pos-a table tr td:nth-of-type(3):before { content:"Stock on Hand: "; font-weight:bold; }
.od-pos-a table tr td:nth-of-type(4):before { content:"Tracking number: "; font-weight:bold; }

.od-pos-a table tr td:nth-of-type(1) { padding-top:15px;}
.od-pos-a table tr td:nth-of-type(4) { padding-bottom:15px; }

.quote-a p b { display:block; }
.quote-a p:first-of-type b { display:inline;}

#quotes-filter { display:block;}
#quotes-filter input[type="submit"] { margin-top:5px;}

#site-user { border-bottom:0;}
#site-user:after { display:none; }


#df-brands img { display:block; margin:auto; margin-top:40px; }


.hardflooring-productpage .singlesku-rap, .underlay-productpage .singlesku-rap { padding:90px 0 0 0; }
 
.hardflooring-productpage .singlesku-stock:nth-of-type(2), .underlay-productpage .singlesku-stock:nth-of-type(2) { top:0; }
 
.hardflooring-productpage .singlesku-stock, .underlay-productpage .singlesku-stock { right:initial; position:relative; padding:5px 0; top:10px; left:0; }

.singlesku-qty {padding: 10px 0; }
.singlesku-qty .row {display: block;}
}


@media only screen and (max-width: 500px) {
#site-user, #site-customer  { border-bottom:0; padding:9px 15px; }
#site-user:after { border-bottom:none; border-right:0; border-radius:0; height:36px; top:9px; right:0px; transform:none; width:15px; }
#site-user strong, #site-customer strong { font-size:14px; }


.f-list-links { float:none; width:100%; }
.f-list-links ul { margin:0 0 30px 0; padding:0;}

#customer-tabs button { font-size:18px; padding:12px 24px; }

#dbsr-colb { padding:20px;}
#dbsr-colb h2 { font-size:18px;}
#dbsr-colb input[type="text"] { font-size:15px; }

.pos-menu .pos-radio-group:first-of-type input[type="radio"] + label span {  font-size:16px; }

.recomended-product-img { border:3px solid #fff; height:60px; min-width:60px;}

table.pos-order-history { border-right:0; width:100%; }
table.pos-order-history tr:first-of-type td { display:none; }
table.pos-order-history td { border-bottom:0; border-left:0; display:block; padding:0; }
table.pos-order-history td:nth-of-type(1) { padding-top:8px;}
table.pos-order-history td:nth-of-type(4) { border-bottom:1px solid #dcdcdc; padding-bottom:8px;}

table.pos-order-history td:nth-of-type(1):before { content:"ID: "; font-weight:700; }
table.pos-order-history td:nth-of-type(2):before { content:"Submitted date: "; font-weight:700; }
table.pos-order-history td:nth-of-type(3):before { content:"Submitted by: "; font-weight:700; }

.cartitem-rap { padding-bottom:180px;}
.cartitem-rap .singlesku-stock { top:initial; right:initial; bottom:120px; left:20px; }
.cartitem-rap .singlesku-stock ~ .singlesku-stock { top:initial; right:initial; bottom:160px; left:20px;  }
}

@media only screen and (max-width: 460px) {
	
#cart-wrap { background:#fff; right:10px; }
#cart-wrap:before, .cart a:before { display:none; }
.cartitem-rap .singlesku-details { min-width:0;}
.cart { width:60px;}
.cart a:link, .cart a:visited { height:30px; padding:10px; }
}


@media only screen and (max-width: 440px) {
#header { margin:0 0 20px 0;}

#DFO-logo { position:relative; width:250px;}
#site-user { float:none; height:auto; margin:0; padding:5px 12px; }
#site-customer { float:none; height:auto; margin:0; padding:5px 12px 5px 12px; }

/*.hardflooring-productpage .singlesku-stock, .underlay-productpage .singlesku-stock { width:100px;}*/

/*.hardflooring-productpage .singlesku-rap, .underlay-productpage .singlesku-rap { padding:170px 0 0 0;}*/
.singlesku-img { border:none; outline:none; left:0; top:-160px;}

/*.hardflooring-productpage .singlesku-stock, .underlay-productpage .singlesku-stock { right:initial; left:20px;}*/

.submit-cart input[type="submit"], .confirm-order input[type="submit"] { font-size:25px; line-height:60px; }
}


@supports (-webkit-touch-callout: none) and (not (translate: none)) {
.cta-01 div:not(:last-child), .cta-02 div:not(:last-child) { margin-right:15px; }
#gallery-rap a:not(:last-child) {margin-right:10px; }
.singlesku-img { outline:0;}
.creditclaim form ~ div { margin-left:30px; }

@media only screen and (max-width: 840px) {
	.creditclaim form ~ div { margin-left:0;}
}


@media print {
	.no-print, .no-print *
    {
        display: none !important;
    }
	
  .print-button { display:none; }
  #pricelist-header .col-1o2:nth-of-type(even) { margin-right:0; width:50%;}

}