@charset "utf-8";
/* CSS Document */
body { color:#3a3333; font-family: 'Open Sans', sans-serif; margin:0; padding:0;}
img { border:none; display:block; height:auto; width:100%;}
h1 { font-size:24px; font-weight:700; line-height:30px; margin:0; padding:0;}
h2 {font-size:18px; font-weight:600; line-height:24px; margin:0 0 20px 0;}
h3 {font-size:16px; font-weight:600; line-height:24px; margin:0; text-transform:uppercase; }
h3 span { font-size:14px; font-weight:400; text-transform:none;}
h4 {font-size:16px; font-weight:600; line-height:18px; margin:10px 0 0 0; }
h5 {font-size:18px; font-weight:400; line-height:20px; margin:10px 0 0 0;}
h6 {font-size:14px; font-weight:400; line-height:16px; margin:0; padding:0;}
h1, h2, h3, h4 , h5, h6 {font-family: 'Open Sans', sans-serif; }
p { color:#727271; font-size:14px; line-height:20px; margin:0 0 16px 0; padding:0;}
p small { font-size:14px; line-height:14px;}
a { color:#e4801c; text-decoration:none; }
a:hover, a:active { color:#ecc001; -webkit-transition:0.3s; transition:0.3s;}
a.btn { background:#e4801c; color:#fff; display:inline-block; font-size:13px; font-weight:700; padding:8px 15px; text-transform:uppercase;}
a.btn-big {font-size:16px; padding:12px 26px;}
a.btn:hover, a.btn:active { background:#ffae3b;}
hr {border-bottom:1px dashed #cdcdcd; border-top:none; border-left:none; border-right:none; clear:both; margin-bottom:30px; padding-top:20px }
.clearfix { clear:both;}
ul.linklist { margin:10px 0; padding:0;} 
ul.linklist li { background:url(../images/icon-sprite.png) 0 -587px no-repeat; color:#727271; list-style:none; margin:0; padding:0 0 10px 16px;}
ul.linklist li a { font-size:18px; font-weight:700;}
#header { /*background: url(../images/dark-metal-texture.jpg); background-size:cover;*/ background:#251a1a; border-bottom:3px solid #e4801c; height:200px; position:relative; z-index:9; }
#content { border-top:12px solid #f0f0f0; clear:both; padding:0; min-height:360px; position:relative; z-index:1;}
#content #content { border-top:0; position:relative;}
#footer { margin-top:40px; text-align:center;}
.contentwidth { margin:0 2%; padding:9px 0; position:relative; width:96%}
.aligncenter { text-align:center;}
/*----------- Header ----------------*/
#headerlogo { float:left; margin:30px 0 10px 2%; width:300px;}
#telephoneus { float:left; font-style:italic; margin:40px 0 0 1.8%;}
#telephoneus p { color:#fff; font-size:20px; line-height:24px; }
#user-tools-wrap {position:absolute; right:0; top:0; }
#userid {background:rgba(255, 255, 255, 0.10); border-radius:0 0 0 16px; color:#fff; display:inline-block; font-size:13px; height:20px; padding:5px 15px 5px 25px; }
#userid a { font-weight:700;}
#admin-menu { background:rgba(255, 255, 255, 0.10); display:inline-block; margin-left:-2px; padding:0 0 0 9px; position:relative; }
#admin-menu input[type="checkbox"] { display:none;}
#admin-menu input[type="checkbox"] + label span { background:url(../images/icon-sprite.png) -767px 1px no-repeat; color:#e4801c; display:block; font-size:13px; font-weight:700; height:20px; margin:0; padding:5px 20px 5px 36px; }
#admin-menu input[type="checkbox"]:checked + label span { background:url(../images/icon-sprite.png) -767px -28px no-repeat; color:#ecc001; }
#admin-menu label { cursor:pointer; width:100%;}
#admin-menu input[type="checkbox"] ~ #admin-menu-list  { border:none; height:0; min-height:0; overflow:hidden; position:absolute; left:20px; top:40px; padding:0; width:50px; z-index:999; }
#admin-menu input[type="checkbox"]:checked ~ #admin-menu-list  { background:#fff; border:5px solid #dcdcdc; border-radius:8px; height:auto; left:-130px; overflow:visible; min-height:100px; padding:15px; transition:0.3s; width:220px; }
#admin-menu input[type="checkbox"]:checked ~ #admin-menu-list:before { border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #dcdcdc transparent; content:""; height:0; position:absolute; top:-14px; right:25%; width:0; }
#admin-menu input[type="checkbox"] ~ #admin-menu-list ul li { font-size:13px; height:0; }
#admin-menu input[type="checkbox"]:checked ~ #admin-menu-list ul li { height:20px; transition:0.5s;}
#admin-menu-list ul{ border-top:1px solid #e4e4e4; margin:0; padding:0;}
#admin-menu-list ul li { border-bottom:1px solid #e4e4e4; clear:both; list-style:none; margin:0; padding:8px 0;}
#admin-menu-list ul li a {display:block;}
a.icon-profile:before, a.icon-manage-employees:before, a.icon-manage-branches:before, a.icon-order-history:before, a.icon-approve-orders:before { background: url(../images/icon-sprite.png) #e4801c; content:""; display:block; float:left; height:30px; margin:-8px 7px 0 0; width:30px;}
a.icon-profile:hover:before, a.icon-manage-employees:hover:before, a.icon-manage-branches:hover:before, a.icon-order-history:hover:before, a.icon-approve-orders:hover:before {background: url(../images/icon-sprite.png) #ecc001;  -webkit-transition:0.3s; transition:0.3s;}
a.icon-profile:before, a.icon-profile:hover:before{ background-position:-375px -10px;}
a.icon-manage-employees:before, a.icon-manage-employees:hover:before  {background-position:-435px -10px;}
a.icon-manage-branches:before, a.icon-manage-branches:hover:before {background-position:-495px -11px;}
a.icon-order-history:before, a.icon-order-history:hover:before  {background-position:-555px -12px;}
a.icon-approve-orders:before, a.icon-approve-orders:hover:before {background-position:-376px -163px; margin-top:-6px;}
#cartsumary {  position:absolute; right:0; bottom:-5px; padding:0;}
#cart-icon-wrap { background:rgba(255, 255, 255, 0.10); border-radius:16px 0 0 0; display:inline-block; height:120px; width:105px;}
#cart-icon { background: url(../images/icon-sprite.png) -60px 0; height:60px; margin:auto; margin-top:30px; width:60px; }
.empty #cart-icon {background-position:0 0;}
#cart-icon a {display:block; height:100%; width:100%;}
#cart-text-wrap {background:rgba(255, 255, 255, 0.10); display:inline-block; height:120px; margin-left:-2px; padding:0 0 0 20px; width:370px;}
#cart-text { float:left; margin:35px 0 0 0; width:35%;}
#cart-text h4 { color:#fff; font-size:18px; font-weight:700; margin:0; padding:0; text-transform:uppercase;}
#cart-text p { color:#fff; font-size:13px; margin:0; padding:0; font-weight:600; }
#cart-links-wrap { float:left; margin-top:42px; padding:0 5% 0 0; text-align:right; width:60%;}
#cart-links-wrap a { background:#e4801c; color:#fff; display:inline-block; font-size:13px; font-weight:700; padding:8px 15px; text-transform:uppercase;}
#cart-links-wrap a:hover, #cart-links-wrap a:active { background:#ffae3b; transition:0.3s;}
#sitesearch { background:#f0f0f0; border-radius:0 0 0 14px; float:right; margin:0; padding:0 0 16px 20px; position:relative; width:355px;}
#sitesearch form { margin-bottom:0;}
#sitesearch input[type="text"] { margin:0 5px 0 0; padding:5px 9px; width:220px;}
/*-------------------------Nav-----------------------------*/
#nav-wrap { /*float:left; margin:0 0 0 2%;*/ position:absolute; left:2%; bottom:0; }
#menu input[type="checkbox"], #menu input[type="checkbox"] + label {display:none;}
#menu { margin:auto; /*width:1064px;*/}
#menu ul { margin:0; padding:0;}
#menu li { float:left; list-style:none; margin:0 2px 0 0; padding:0; }
#menu li:first-child a{border-radius:20px 0 0 0;}
#menu li:last-child a{border-radius:0 20px 0 0;}
#menu li a { background-color: rgba(255, 255, 255, 0.10); color:#fff; display:block; font-family:'Open Sans', sans-serif; font-size:18px; font-weight:700; line-height:24px; padding:17px 25px; position:relative;}
#menu li a:hover, .nav li a:active { background-color: rgba(0, 0, 0, 0.62); color:#e4801c;}
#menu li.current a {color:#e4801c; }
#menu li.current a:after{  border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #e4801c transparent; content:""; height:0; position:absolute; left:42%; bottom:0; width:0;}
ul#mobileonlylinks, .mobileonlylinks { display:none;}
/*-------------------------input styles--------------------------*/
input[type="text"], input[type="password"],input[type="number"],input[type="email"], textarea, select { border:1px solid #bcbcbc; color:#333; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:18px; margin:0; max-width:500px; padding:5px; width:90%;}
input[type="text"].short, input[type="number"].short { width:60%;}
input[type="submit"], input[type="button"] { background:#e4801c; cursor:pointer; color:#fff; font-size:14px; font-weight:700; border:0; height:30px; padding:0 16px; text-transform:uppercase;}
input[type="submit"]:hover, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:active { background:#ffae3b; transition:0.3s;}
input[type="submit"].big-btn {font-size:18px; height:42px; padding:10px 24px;}
input[type="text"].calendar { background: url(../images/icon-sprite.png) right -138px;}
/*----------- styled content containers ----------------*/
.main-content-wrap { border-left:1px solid #e4e4e4; padding:0 0 0 2%;}
.main-content-wrap .main-content-wrap { border-left:none; padding:0; }
.home-intro-box { background:#f0ece4; padding:36px;}
.box-01 { background:#f0f0f0; border-radius:0 20px 20px 0; margin:0 0 3px 0; padding:25px;}
.box-02 { background:#f0f0f0; border-radius:0 20px 20px 20px; margin:0 0 3px 0; padding:25px;}
.box-02 input[type="submit"] { margin:5px 0;}
.box-03 { border-bottom:3px solid #e4801c; border-top:3px solid #e4801c; padding:0;}
.box-03-inner { background:#f0f0f0; border-bottom:2px solid #fff; border-top:2px solid #fff;  padding:20px 25px;}
.box-04 { background:#fff; border:1px solid #e4e4e4; border-radius:0 20px 20px 0; margin:0 0 3px 0; padding:25px;}
.box-04 h4 {margin-bottom:9px;}
.box-04 input[type="text"] {width:120px;}
.box-04 select { max-width:240px; }
.box-05 { background:#f0f0f0; margin:15px 0 0 0; padding:20px 26px;}
.box-05 input[type="text"], .box-05 input[type="email"] { margin-bottom:15px; }
.box-05 input[type="number"] { width:60%;}
.box-05 textarea { height:100px; width:100%;}
.cfframe-02, .cfframe-03 { padding:3px 0; }
.cfframe-01 { width:auto;}
.cfframe-01 select { float:left; margin-right:9px;}
.cfframe-02 { clear:both; width:360px;}
.cfframe-03 { }
/*-----2018 Updated side menu styles--------*/

.main-col-1 img{ width:90%;}
.main-col-1 h1 { border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; margin:30px 0 14px 0; padding:8px 0; }
.main-col-1 ul { list-style:none; margin:0; padding:0;}
.main-col-1 ul li { border-bottom:1px solid #e4e4e4; padding:0; position:relative; }
.main-col-1 ul li li:last-child { border-bottom:none;}
.main-col-1 ul li.current a:link, .main-col-1 ul li.current a:visited { background:#e4e4e4; color:#e4801c; padding-right:40px; } 
.main-col-1 ul li a:link, .main-col-1 ul li a:visited { color:#515151; display:block; font-size:16px; font-weight:700; padding:9px 12px;}
.main-col-1 ul li ul li a:link, .main-col-1 ul li ul li a:visited { padding:9px 12px 9px 28px;}
.main-col-1 ul li a:hover, .main-col-1 ul li a:active  { color:#e4801c;}
.main-col-1 ul li.current li a:link, .main-col-1 ul li.current li a:visited { background:#fff; color:#515151; }
.main-col-1 ul li a span { background:#cdcdcd; border-radius:50%; color:#fff; display:block; font-size:12px; height:27px; line-height:20px; padding:9px 0 0 0; position:absolute; top:2px; right:2%; text-align:center; width:36px;}
.main-col-1 ul li.current a span  { background:#515151;}
.main-col-1 ul li a span.infinite { font-size:30px; line-height:30px; height:33px; padding:3px 0 0 0;}



.main-col-1 ul li.ispack a:link, .main-col-1 ul li.ispack a:visited { padding-bottom:24px; } 

.main-col-1 ul li small { display:inline-block; font-weight:400; margin-top:-26px; }
.main-col-1 ul li small:first-of-type {padding-left:12px;}
.main-col-1 ul li li small:first-of-type {padding-left:30px;}

.main-col-1 ul li a:hover, .main-col-1 ul li a:active, .main-col-1 ul li.current li a:hover, .main-col-1 ul li.current li a:active { background:#ffefde; }
.main-col-1 ul li ul {
    border-top: 1px solid #e4e4e4;
}

/*-----END 2018 Updated side menu styles--------*/
.cat-product-wrap { background:#fff; border:1px solid #bcbcbc; float:left; height:300px; margin:0 1% 10px 0; position:relative; text-align:center; width:300px;}
.cat-product-wrap img { margin:auto; max-height:300px; max-width:300px; width:auto;}
.cat-product-title { background:rgba(228, 128, 28, 0.9); opacity:1; position:absolute; bottom:0; padding:12px 5%; width:90%;}
.cat-product-wrap:hover .cat-product-title , .cat-product-wrap:active .cat-product-title  { opacity:1; transition:0.3s;}
.cat-product-title p {color:#fff; font-weight:700; margin:0; padding:0;}
#cat-allocation-wrap { color:#515151; font-size:11px; float:right; margin:-34px 20px 0 0;  }
#cat-allocation-1, #cat-allocation-2, #cat-allocation-3 { background: url(../images/icon-sprite.png); float:left; height:46px; overflow:hidden; text-align:center; }
#cat-allocation-1 { background-position:0 -80px;  padding:4px 10px 0 40px;}
#cat-allocation-2 { background-position:-330px -80px; padding:4px 30px 0 20px;  }
#cat-allocation-wrap p { font-size:16px; font-weight:700; margin:0; padding:0;}
#cat-allocation-3 { background-position:-400px -80px; padding:4px 0 0 40px;  }
.prod-imgs-wrap,.prod-details-wrap,.prod-order-wrap { float:left;}
.prod-imgs-wrap { margin:0 3% 0 0; width:34%;}
.prod-details-wrap { margin:0 2% 0 0; width:31%;}
.prod-order-wrap { background:#fff; border-radius:0 8px; width:30%;}
.prod-order-inner { padding:16px 0 26px 26px;}
.prod-order-inner input[type="button"] { margin-top:8px;}
.prod-imgs-wrap img {background:#fff; border:1px solid #bcbcbc; padding:5px 1%; width:98%; }
.prod-img-colour-thumbs { margin:5px 0 0 0;}
.prod-img-colour-thumbs img{ float:left; margin:0 1% 3px 0; width:20%; }
.prod-imgs-wrap a.current img { border:1px solid #e4801c;}
.prod-order-inner select { margin:3px 0 9px 0;}
.prod-order-inner input[type="submit"] { font-size:16px; height:auto; padding:14px 5px; width:90%;}
.total-wrap { border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; font-size:18px; margin-top:8px; padding:5px 0; text-align:center; width:90%; }
.order-summary-wrap h2 { margin:0; padding:0 0 5px 0;}
.order-summary-wrap a {background:#e4801c; color:#fff; display:inline-block; font-size:18px; font-weight:700; margin-bottom:5px; padding:8px 25px; text-transform:uppercase;}
.order-summary-wrap a:hover {background:#ffae3b; transition:0.3s;}
.alpha-find-employee-wrap { margin:15px 0;}
.alpha-find-employee-wrap ul {margin:0; padding:0;}
.alpha-find-employee-wrap ul li { float:left; list-style:none; margin:1px;}
.alpha-find-employee-wrap ul li a{ font-size:16px; font-weight:700; padding:3px 8px; text-transform:uppercase;}
.alpha-find-employee-wrap ul li a:hover { background:#ecc001; border-radius:5px; color:#fff;}
.alpha-find-employee-wrap ul li.current a { background:#e4801c; border-radius:5px; color:#fff;}
.show-employees-wrap { border-bottom:1px solid #e4e4e4; font-size:14px; margin:0 0 30px 0; padding:20px 0 0 0;}
.show-employees-wrap .row { border-top:1px dashed #e4e4e4;}
.show-employees-wrap .row:first-child { font-weight:bold; }
.em-01, .em-02, .em-03, .em-04, .em-05, .em-06 { float:left; padding:4px 0;} 
.em-01 { width:20%;}
.em-02 {width:20%;}
.em-03 {width:20%;}
.em-04 {width:10%;}
.em-05 {width:20%;}
.em-06 {width:10%;}
.form-block { float:left; width:47%;}
.form-block h4 { margin:0; padding:5px 0;}
.form-block input[type="text"], .form-block input[type="number"], .form-block select  { margin-bottom:16px;}
h1 div.icon-order-history { background:url(../images/icon-sprite.png) -245px -6px; float:left; height:46px; margin:-8px 8px 0 -5px; width:51px;}
.order-history-results-wrap { font-size:14px; margin:20px 0; }
.order-history-results-wrap .row { border-bottom:1px dashed #e4e4e4;}

.order-history-results-wrap .row:first-child { border-bottom:1px solid #e4e4e4; font-weight:700;}
.order-history-results-wrap  .total ~ .row  { font-weight:700;}

.oh-number, .oh-name, .oh-date, .oh-status, .oh-id, .oh-type { display:inline-block; margin-right:1%; padding:4px 0;}

.oh-id span:before { background: url(../images/icon-sprite.png) -441px -88px; content:""; display:inline-block; height:9px; margin:-1px 6px 0 -15px; width:9px;}
.open .oh-id span:before { background: url(../images/icon-sprite.png) -441px -106px; }
.order-history-results-wrap .open { background:#e4e4e4; border-bottom:1px solid #fff;}

.oh-id span {color:#e4801c; }
.oh-number { min-width:70px; width:15%;}
.oh-name { width:20%;}
.oh-date { width:20%;}
.oh-status { width:14%;}
.oh-type { width:10%;}
.oh-id { padding-left:25px; width:11%;}

.status-pending { color:#c8b300;}
.status-cancelled {color:#e40000;}
.status-despatched {color:#83bd28;}
.oh-details-wrap { background:#e4e4e4;}
.oh-details-wrap .row, .oh-details-wrap .row:first-child { border-bottom:1px solid #fff; font-size:13px; padding:5px 5px 5px 24px;}
.ohd-name{ font-weight:700;}
.ohd-prod, .ohd-size, .ohd-colour, .ohd-qty, .ohd-cost { display:inline-block; font-weight:400; }

.total .ohd-qty, .total .ohd-cost { font-weight:700; }

.ohd-prod { width:30%;}
.ohd-size { width:10%;}
.ohd-colour {width:20%;}
.ohd-qty { width:10%;}
.ohd-cost {width:10%;}
.ohd-qty, .ohd-cost  { text-align:right;}
.ohd-size:before { content:"Size: "}
.ohd-colour:before { content:"Colour: "}
.ohd-qty:before { content:"Quantity: "}
.total { font-weight:700;}
.total .ohd-qty:before, .total .ohd-colour:before, .total .ohd-size:before  { display:none;}
.warning-manager-in-use { background:#ffefef; border:1px solid #cb0000; color:#cb0000; padding:0; }
.warning-manager-in-use h3 {color:#cb0000; padding:9px 14px 0 14px; line-height:20px; text-transform:none;}
.warning-manager-in-use p {color:#cb0000; margin:0; padding:5px 14px 9px 14px;}
.prod-order-inner .warning-manager-in-use { width:90%;}
/*---------2018 lightbox styles------------*/
#sglightbox { max-width:1200px; padding:20px;}
#sglightbox h1 { padding:0 0 8px 0;}
.packproduct-options, .packproduct-detail-wrap, .pack-item-added-wrap { float:left;}

.packproduct-options { overflow-y:scroll; max-height:525px; width:9%;}
.packproduct-detail-wrap { background:#f0f0f0; border-radius:0 14px 14px 14px; width:70%;}
.pack-item-added-wrap { margin:0 0 0 1%; width:20%;}

.packproduct-options ul { list-style:none; margin:0; padding:0;}
.packproduct-options ul li { border-radius: 4px 0 0 4px; margin:0; padding:8px 8px 0 8px;}
.packproduct-options ul li.current { background:#f0f0f0; padding:8px 0 8px 8px;}
.packproduct-options ul li a:link, .packproduct-options ul li a:visited { border:1px solid #bbbbbb; display:block;}


.packproduct-detail-inner { padding:8px 8px 20px 8px;}
.packproduct-detail-col { float:left; width:62%;}
.packproduct-detail-col .prod-imgs-wrap { margin:0 3% 0 0; width:34%;}
.packproduct-detail-col .prod-details-wrap { margin:0; width:100%;}
.packproduct-detail-col  .prod-order-wrap { background:none; float:none; width:100%;}
.packproduct-detail-col  .prod-order-inner { padding:0;}
.packproduct-detail-col .prod-order-inner input[type="submit"] { padding:14px 25px; width:auto;}
.packproduct-detail-col .total-wrap { text-align:left;}


.pack-item-added-inner { border:3px solid #f0f0f0; border-radius:14px; padding:8px 12px; }
.packitem-label { border-bottom:1px solid #f0f0f0; font-size:14px; font-weight:700; margin:0 -12px; padding:0 12px 5px 12px; }

.pack-prod-catgory { font-size:12px; margin:5px 0 15px 0;}
.pack-prod-catgory ul { list-style:none; margin:0; padding:0;}
.pack-prod-catgory ul li { background:#f0f0f0; float:left; margin:0 5px 5px 0; min-height:40px; padding:0; position:relative; width:50px;}
.pack-prod-catgory ul li img { border:1px solid #bbbbbb;}
.pack-prod-catgory ul li:hover img, .pack-prod-catgory ul li:active img{ border:1px solid #ffae3b;}
.pack-prod-catgory ul li span img { border:none!important; display:none; height:14px; position:absolute; right:1px; top:1px; width:14px;}
.pack-prod-catgory ul li:hover span a:link img  { display:block; }


.pack-submit-wrap { float:left; position:relative;}
.pack-submit-wrap input[type="submit"], .pack-submit-wrap input[type="button"] { font-size:16px; height:40px; line-height:40px; padding:0 20px;}
.pack-submit-wrap:after { content:""; width:0; height:0; border-style:solid; border-width:20px 0 20px 14px; border-color:transparent transparent transparent #e4801c; position:absolute; right:-14px; top:0; } 
.pack-submit-wrap:hover:after, .pack-submit-wrap:active:after { border-color:transparent transparent transparent #ffae3b; transition:0.3s;}



/*---------END 2018 lightbox styles------------*/
/*------------------Approve page---------------------*/
.approvewrap, .declinewrap { background:#f0f0f0; padding:9px 15px 15px 15px;}
.approvewrap:before { content:"Please confirm your approval of this order: "; font-weight:700;}

.approvewrap input[type="submit"], .approvewrap textarea { display:block;}
.declinewrap input[type="submit"], .declinewrap textarea { display:block;}
.declinewrap input[type="submit"]{ margin-top:3px;}
.declinewrap:before { content:"Please give your reason for declining this order:"; font-weight:700;}

/*-----------------------Cart page---------------------------------*/
.cart-icon2 { background: url(../images/icon-sprite.png) -180px 0; float:left; height:60px; margin:-15px 8px -9px -12px; width:60px;}
#personal-cart .cart-icon2 {margin-top:-7px;}
.empty { background-position: -120px 0;}
.cart-icon2 ~ h1 { font-size:26px; text-transform:uppercase;}
table.cart { margin:16px 0 0 0;}
.cart-item-wrap { position:relative; }
.cart-item-wrap:hover { background:#f0f0f0;}
.cart-item-wrap  a.delete-item { display:none;}
.cart-item-wrap:hover a.delete-item { background:#e4801c; color:#fff; display:block; font-size:12px; font-weight:700; padding:1px 5px; position:absolute; top:5px; right:5px;}
.cart-img-wrap { float:left; margin-right:2%; padding:5px 1%; width:8%;}
.cart-details-wrap { float:left; font-size:16px; padding-top:5px; width:88%;}
.cart-details-wrap select { float:left; font-size:12px; padding:2px; width:auto;}
.cart-details-wrap p { float:left; padding:2px 4px 0 0;}
.cart-prodname { padding:5px 0 3px 0; }
.cart-prodsize, .cart-prodcolour, .cart-prodqty, .cart-prodprice, .cart-produpdate { float:left;}
.cart-prodsize { width:24%;}
.cart-prodcolour { width:32%;}
.cart-prodqty { width:16%;}
.cart-prodqty input[type="text"], .cart-prodqty input[type="number"] { padding:2px 5px; width:60px;}
.cart-prodprice { font-weight:700; padding:3px 0 0 0; text-align:right; width:8%;}
.cart-produpdate { text-align:center; width:20%; }
.warning { color:#cb0000; }
.allocation-warning { background:#ffefef; border:1px solid #cb0000; color:#cb0000; padding:9px 370px 11px 14px; position:relative; }
.allocation-warning h3 { font-size:18px; font-weight:700; margin:0; padding:0;}
.allocation-warning h4 { font-size:14px; line-height:16px; margin:0; padding:0;}
.allocation-warning p { color:#cb0000; font-size:14px; line-height:16px; margin:0; padding:0;}
.allocation-warning a { background:#cb0000; color:#fff; display:block; font-weight:700; padding:17px 30px 17px 30px; position:absolute; top:10px; right:10px; }
.allocation-warning a:hover, .allocation-warning a:active { background:#960303; }
.allocation-warning a span { background:url(../images/icon-sprite.png) -612px -10px no-repeat; display:block; float:right; height:30px; margin:-8px -8px 0 5px; width:30px;}
.cart-sub-total-wrap { border-top:1px solid #d3d3d3; padding:5px 0 5px 12% ;}
.cart-sub-total-label, .cart-sub-total { font-size:16px; font-weight:700; float:left; text-align:right; }
.cart-sub-total-label { padding-right:2%; width:70%;}
.cart-sub-total { padding-right:20%; width:8%;}
.cart-grand-total-wrap { background:#515151; color:#fff; padding:9px 0 9px 12% }
#cart-footer {  padding:5px; }
#allocation-checkout-wrap { border-top:1px solid #e4e4e4; margin:8px 0; padding:12px 0;}
#allocation-checkout-wrap input[type="submit"], #allocation-checkout-wrap input[type="button"] { font-size:18px; height:42px; padding:10px 24px;}
#personal-cart { border:3px dotted #e4e4e4; margin-bottom:15px; padding:18px;}
#personal-cart-intro { padding-left:60px;}
#personal-cart h2 { margin:0; padding:0;}
#personal-cart p { font-size:13px; line-height:15px; margin:0;}
#personal-cart-content-wrap { border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; margin:0 0 5px 0; padding:8px 0; text-align:center;}
input[type="submit"].disabled { background:#e4e4e4;}
#personal-cart input[type="submit"] { margin:0 5px 5px 0;}
#personal-cart .cart-img-wrap { width:20%;}
#personal-cart .cart-details-wrap { text-align:left; width:76%;}
#personal-cart .cart-details-wrap p{ float:left; padding:4px 2% 0 0; text-align:right; width:29%;}
#personal-cart .cart-prodname { font-size:14px; }
#personal-cart .cart-prodsize, #personal-cart .cart-prodcolour, #personal-cart .cart-prodqty, #personal-cart .cart-prodprice { clear:both; margin:1px 0; text-align:left; width:100%;}
#personal-cart .cart-grand-total-wrap { margin:0 0 6px 0; padding:5px 9px; clear:both;}
#personal-cart .cart-sub-total-label { font-size:14px; font-weight:400; margin-left:23%; text-align:left; width:auto;}
#personal-cart .cart-sub-total { clear:both; margin-left:23%; width:auto;}
/*--------------2018 cart additions---------------*/

.packtitle { background:#f0f0f0;}
.packtitle td { position:relative; }
.packtitle td a.delete-item { background:#e4801c; color:#fff; display:inline-block; font-size:12px; font-weight:700; padding:1px 5px; position:absolute; top:5px; right:5px;}
.categorytitle { background:#f0f0f0; font-weight:700;}

/*--------------END 2018 cart additions---------------*/
/*--------------------------Checkout page---------------------------------*/
.checkout-order-wrap { border:2px solid #f0f0f0; background:#f0f0f0; float:left; height:330px; margin:9px 1% 0 0; padding:0; position:relative; width:31%;}
.checkout-order-wrap h6 { font-size:16px; font-weight:700; padding:15px 5% 0 5%;}
.checkout-order-wrap p { margin:0; padding:0 5% 9px 5%;}
.tabs { float:none; list-style:none; position:relative; margin:0; padding:0; text-align:left; width:100%;}
.tabs li { float:left; display:block; margin:0 2px; }
.tabs input[type="radio"] { position:absolute; left:-9999px;  }
.tabs label { display:block; padding:6px 14px; border-radius:0; border:2px solid #fff; font-size:14px; font-weight:normal; text-transform:uppercase; background:#f0f0f0; cursor:pointer; position:relative; top:0; left:20%; }
.tabs label:hover, .tabs input[type="radio"]:checked + label { background: #fff;}
.tab-content{ background:url(../images/icon-sprite.png) 30px -130px #fff no-repeat; z-index:2; display:none; height:198px; overflow:hidden; width:100%;  font-size:14px; line-height:20px; padding:0; position:absolute; top:32px; left:0; }
.tab-content ul{ margin:0 0 0 35%; }
.tab-content ul li{ float:none; }
.tab-content ul li:first-child{ font-weight:700; }
.tab-content ul li input[type="text"], select { font-size:13px; margin:0 0 3px 0; padding:2px; }
.tab-content ul li:nth-child(5) input[type="text"] { width:50%; }
.tab-content ul li.address-error input[type="text"], .tab-content ul li.address-error select { border:1px solid #e80000; color:#e80000;}
.tab-content ul li.address-error {color:#e80000; }
.tab-content ul li:nth-child(7) { position:absolute; top:130px; left:3%; text-align:center; width:33%;}
.tabs ul.deliver-branch-address { padding-top:35px; }
.tabs ul.deliver-alt-address { padding-top:18px; }
.tabs input[type="radio"]:checked + label ~ .tab-content { display:block;}
#submit-order-wrap { border-bottom:1px solid #ccc; padding:15px 0; }
#submit-order-wrap input[type="submit"], #submit-order-wrap input[type="button"], #submit-order-wrap p { float:left;}
.shipping-wrap { background:#fafafa; font-size:14px; font-weight:700; height:30px; padding-top:9px; position:absolute; bottom:0; text-align:center; width:100%;}
#checkout-totals-wrap { border-top:1px solid #f0f0f0; margin:11px 0; padding:0;}
#checkout-totals-wrap ul { border-bottom:1px solid #f0f0f0; clear:both; list-style:none; margin:0; padding:0;}
#checkout-totals-wrap ul li { display:inline-block; padding:4px 0; text-align:right;}
#checkout-totals-wrap ul li:nth-child(1) { font-weight:700; width:150px; }
#checkout-totals-wrap ul li:nth-child(2) { width:80px;}
#checkout-totals-wrap ul:last-child {background:#f0f0f0;}
#checkout-totals-wrap ul:last-child li:nth-child(2) {font-weight:700; }
#submit-order-wrap p { font-size:16px; margin:10px 0 0 20px; width:360px;}
/*------------------------Tables-----------------------------*/
table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:10px;}
tr.tr-highlight { background:#f0f0f0; color:#000; font-weight:700;}
tr.b-top-solid { border-top:1px solid #d3d3d3; }
tr.b-top-solid td:nth-of-type(1), tr.b-top-solid td:nth-of-type(2) { font-weight:700;}
tr.b-top-dash { border-top:1px dashed #d3d3d3; }
td { font-size:14px; padding:5px; vertical-align:top;}
td.value { text-align:right;}
table.order-sumary tr td:last-child { padding-right:8%;}
td span {color:#939393;}
/*----------- custom responsive cols ----------------*/
.row { clear:both; /*float:left;*/ position:relative; width:100%;}
.main-col-1, .main-col-2 { float:left;}
.main-col-1 { width:18%;}
.main-col-2 { width:82%;}
.col-cart-1, .col-cart-2 { float:left;}
.col-cart-1 { width:70%;}
.col-cart-2 { margin:96px 0 0 2%; width:28%;}
.col-1of3 { float:left; width:32%;}
.col-1of3:first-child { margin-right:2%;}
.col-1of3:last-child { margin-left:2%;}
.col-1of5 { float:left; margin:0 1%; width:18.4%;}
.col-1of5:first-child { margin-left:0;}
.col-1of5:last-child {margin-right:0;}
.col-70p, .col-30p, .col-50p { float:left;}
.col-70p { width:68%;}
.col-30p { width:28%;}
.col-50p { width:49%;}
.col-50p:first-child  { margin:0 2% 0 0;}
.row div.col-70p:first-child, .row div.col-30p:first-child { margin-right:4%;}
/*----------- footer stuff ----------------*/
#tsandcs-wrap { font-size:13px; padding:20px;}
#wiredlinkwrap { background:#251a1a;  border-top:3px solid #e4801c; clear:both; font-size:12px; font-weight:600; padding:40px 10px 60px 10px; text-align:center;}
#wiredlinkwrap a { color:#fff;}
#wiredlinkwrap a:hover { color:#fff;}


/*----------- BUILT-SSO Checkout page project dropdown  ----------------*/
#project_container {margin:14px 20px 20px 180px; max-width:300px; min-width:120px;}
#address-error {color:red;}

/*----------- Screen size media queries ----------------*/
@media only screen and (max-width: 1220px) {
.checkout-order-wrap { margin:9px 1% 0 0; width:48%;}
}
@media only screen and (max-width: 1166px) {
#cart-text-wrap { width: 250px; }
#cart-text { margin:15px 0 0 0; width:100%;}
#cart-links-wrap { margin-top:5px; text-align:left; width:95%;}
}
@media only screen and (max-width: 1100px) {
.main-col-1 { width:22%;}
.main-col-2 { width:78%;}
#cart-icon-wrap { width:80px;}
#cart-text-wrap { width:220px; }
}
@media only screen and (max-width: 1000px) {
#telephoneus { max-width:250px;}
#menu li a { font-size:16px; }
.cart-details-wrap p { float:none; margin:0; padding:0;}
.cart-prodsize { width:18%;}
.cart-prodcolour { width:30%;}
.cart-prodqty { width:14%;}
.cart-prodprice { padding:3px 2% 0 0; width:10%;}
.cart-produpdate { width:26%; }
.cart-sub-total-label { width:60%;}
.ohd-prod { width:35%;}
.ohd-size { width:10%;}
.ohd-colour {width:20%;}
.ohd-qty { width:12%;}
.ohd-cost {width:12%;}
}
@media only screen and (max-width: 900px) {
#menu li a { font-size:16px; padding:17px 15px; }
#cart-text-wrap { width:200px; }
#cart-links-wrap a { font-size: 12px; padding:6px 10px;}
.main-col-1 { width:25%;}
.main-col-2 { width:75%;}
.cat-product-wrap { height:230px; width:230px;}
.prod-imgs-wrap { margin-right:5%; width:45%;}
.prod-details-wrap { margin:0; width:50%;}
.prod-order-wrap { margin:15px 0; border-radius:8px; width:100%;}
.prod-order-inner select {width:95%;} 
.prod-order-inner input[type="submit"] { padding:14px 5px; width:95%;}
.total-wrap { width:95%; }
.col-cart-1, .col-cart-2 { margin:0; width:100%;}
.allocation-warning a span { background-position:-674px -15px; margin-left:9px;}	
.oh-name { width:24%;}
.ohd-size:before { content:""}
.ohd-colour:before { content:""}
.ohd-qty:before { content:"Qty: "}


/*--------2018 updated styles----------*/

.packproduct-options { max-height:600px; width:12%;}
.packproduct-detail-wrap { width:61%;}
.pack-item-added-wrap { width:25%;}

.packproduct-detail-inner .prod-imgs-wrap { margin-right:0; width:100%;}
.packproduct-detail-col { float:none; width:100%;}
.packproduct-detail-col .prod-imgs-wrap { margin:0; width:100%;}

/*--------END 2018 updated styles----------*/
}

@media only screen and (max-width: 830px) {
#telephoneus { margin:40px 0 0 1%; max-width:150px;}
#telephoneus p { font-size:16px; line-height:20px;}
}

@media only screen and (max-width: 765px) {
#header {height:auto; padding-bottom:10px;}
#cartsumary { display:none;}	
#headerlogo { margin:55px 0 0 3%; max-width:260px; width:65%; }
#telephoneus { margin:63px 0 0 0; max-width:none; }
#user-tools-wrap { background: rgba(255, 255, 255, 0.10); border-radius:0 0 0 16px; position:fixed;}
#userid  span{ display:none; }
	/*--------------------Menu-----------------------*/
	#nav-wrap { background: rgba(255, 255, 255, 0.10); border-radius:0 0 20px 0; height:42px; margin:0; position:fixed; top:0; left:0; width:160px; }
	#menu { background: rgba(255, 255, 255, 0.10); border-radius:0 0 20px 0; height:42px; width:100%;}
	#menu li.current a:after { display:none;}
	
	#menu input[type="checkbox"] + label { background: url(../images/icon-sprite.png) -765px -62px no-repeat; color:#fff; cursor:pointer; font-size:16px; line-height:20px; display:block; padding:9px 0 12px 20%; text-align:left; width:85%; z-index:999; }
	#menu input[type="checkbox"]:checked + label { background: url(../images/icon-sprite.png) -765px -24px no-repeat;}
	
	#menu ul { margin:1px 0 0 0; padding:0; overflow:hidden; width:0;}
	#menu input[type="checkbox"]:checked ~ ul { transition:0.5s; width:120%;}
	
	#menu ul li:first-child a, #menu ul li:last-child  a {  border-radius:0 9px 9px 0; }
	#menu ul li:active { }
	#menu ul li.current { }	
	
	/*#menu input[type="checkbox"]:checked ~ ul, #menu input[type="checkbox"]:checked ~ ul li { transition:0.5s; width:100%;  }*/
	#menu ul li { background:#484040; border:none; border-radius:0 9px 9px 0; display:block; margin:1px 0 0 0; padding:0; position:relative; text-align:left; transition:0.5s; width:100%; z-index:9999;}
	
	#menu input[type="checkbox"] + label:before { content:"Open "}
	#menu input[type="checkbox"]:checked + label:before { content:"Close "}
	#menu li a { border-radius:0 9px 9px 0; color:#fff; display:block; padding:8px 20px; }
	#menu li a:hover, .nav li a:active { color:#fff;}
	
	.mobileonlylinks { display:block;}
	
.col-1of3 { float:none; margin:0 0 80px 0; width:100%;}
.col-1of3:last-child {margin-bottom:0;}
.main-col-1, .main-col-2 { width:100%;}
.main-col-1 { padding:0 0 20px 0;}
.order .main-col-1 { padding:120px 0 20px 0;}
.main-col-1 img { max-width:150px; }
.employee-select-wrap { position:absolute; top:0; left:0; width:90%; }
.cat-selection-wrap { }
.main-content-wrap { border:none; padding:0;}
.order-history-results-wrap .row { padding:5px 0;}
.order-history-results-wrap .row:first-child { display:none;}
.oh-number, .oh-name, .oh-date, .oh-status, .oh-id { margin-right:0; width:90%;}
.oh-name, .oh-date, .oh-number, .oh-status, .oh-id { padding:1px 0 1px 10px; }
.oh-name:before {content:"Ordered by: "; font-weight:700;}
.oh-date:before { content:"Date: "; font-weight:700;}
.oh-id:before {content:"Order number: "; font-weight:700;}
.oh-status:before { content:"Status: "; font-weight:700;}
.oh-number:before { content:"Purchase number: "; font-weight:700;}
.oh-id span {display:block; padding-left:18px}
.ohd-name, .ohd-prod, .ohd-size, .ohd-colour, .ohd-qty, .ohd-cost { display:block; padding:0 0 0 5%; text-align:left; width:95%;}
.ohd-name { padding-bottom:5px;}
.ohd-size:before { content:"Size: "; font-weight:700;}
.ohd-colour:before { content:"Colour: "; font-weight:700;}
.ohd-qty:before { content:"Qty: "; font-weight:700;}
.ohd-prod { border-top:1px dashed #fff; font-weight:700; padding-top:5px;}
.ohd-qty, .ohd-cost {  display:inline-block; width:40%; padding:5px 0 5px 5%;}
.row .ohd-cost:last-child { border-bottom:none;}
.total .ohd-prod, .total .ohd-size, .total .ohd-colour { display:none;}
.total .ohd-qty, .total .ohd-cost { display:inline-block; width:40%;}
.checkout-order-wrap { margin:9px 0 0 0; width:98%;}
.tab-content ul { margin:0 0 0 160px;}
.tab-content ul li:nth-child(7) { width:150px;}
/*--------2018 updated styles----------*/

.packproduct-detail-wrap { width:88%;}
.pack-item-added-wrap { margin:8px 0 0 12%; width:88%;}

/*--------END 2018 updated styles----------*/
}

@media only screen and (max-width: 600px) {
input[type="text"], input[type="password"], input[type="number"], textarea, select { width:100%;}
.col-30p { width:30%;}
.col-70p   { width:68%;}
.row div.col-70p:first-child, .row div.col-30p:first-child { margin-right:2%;}
.allocation-warning { padding:9px 9px 11px 14px;}
.allocation-warning a { margin-top:9px; padding-right:60px; position:relative; top:auto; right:auto;}
.allocation-warning a span { position:absolute; top:18px; right:20px;}
#cart-footer input[type="text"], #cart-footer textarea { width:90%}
.form-block { margin:0 0 10px 0; width:100%;}
.show-employees-wrap .row:first-child { display:none; }
.show-employees-wrap .row { height:90px; padding:8px 0 0 0;}
.show-employees-wrap .row a { font-size:12px;}
.em-01, .em-02, .em-03, .em-04, .em-05, .em-06 { padding:0;} 
.em-01 {font-weight:700; width:100%;}
.em-02:before { content:"Branch: "; font-weight:700;}
.em-02 { width:100%;}
.em-03:before { content:"Employee number: "; font-weight:700;}
.em-03 {width:100%;}
.em-04 {width:25%;}
.em-05 {width:50%;}
.em-06 {width:25%;}
.tab-content ul { margin:0 0 0 140px;}
.tab-content ul li input[type="text"], .tab-content ul li select { width:90%;}
input[type="submit"].big-btn { font-size:15px; height:42px; padding:10px; }
#submit-order-wrap p { margin-left:0; width:auto;}
}

@media only screen and (max-width: 540px) {
#telephoneus { clear:both; margin:0; padding:10px 0 0 3%; float:none;}
}

@media only screen and (max-width: 500px) {
#headerlogo { width:80%; }
.col-70p, .col-30p { margin-bottom:8px; width:100%;}
.col-1of5 {  margin:0 0 20px 0; width:100%;}
.order .main-col-1 { padding-top:190px;}
.make-space-esw { padding-top:180px;}
#cat-allocation-wrap { margin-right:0;}
#cat-allocation-wrap p { font-size:14px;}
.prod-imgs-wrap { margin:0 0 10px 0; width:100%;}
.prod-details-wrap { margin:0; width:100%;}
.prod-order-inner select {width:90%;} 
.prod-order-inner input[type="submit"] { width:90%;}
.total-wrap { width:90%; }
table.cart .cart-img-wrap { width:25%;}
table.cart .cart-details-wrap { width:70%;}
table.cart .cart-details-wrap p { float:left; margin:3px 2% 0 0; text-align:right; width:25%;}
table.cart .cart-prodsize, table.cart .cart-prodcolour, table.cart .cart-prodqty { margin:1px 0; width:100%;}
table.cart .cart-prodprice { margin:0 0 0 27%; width:auto;}
table.cart .cart-produpdate {  }
td { font-size:12px; padding:2px;}
table.order-sumary tr td:last-child { padding-right:2%;}
.cfframe-01, .cfframe-02, .cfframe-03 { width:100%;}
.cfframe-01 select,.cfframe-02 input[type="text"] { display:block;}
}
@media only screen and (max-width: 400px) {
#header { height:auto;}
#userid, #admin-menu { display:block; float:left;}
#admin-menu input[type="checkbox"] + label span { padding:5px 20px}
#admin-menu  strong { display:none; }
#admin-menu {padding:0;}
#cat-allocation-wrap p { font-size:12px;}
#cat-allocation-1 { padding:8px 0 0 20px;}
#cat-allocation-2 { padding:4px 22px 0 20px;}
#admin-menu input[type="checkbox"] ~ #admin-menu-list  { left:20px; top:42px; }
#admin-menu input[type="checkbox"]:checked ~ #admin-menu-list  { left:-205px; width:200px;  }
#admin-menu input[type="checkbox"]:checked ~ #admin-menu-list:before { top:-14px; right:2%; width:0; }
#sitesearch { border-radius:0; padding:0 4% 16px 4%; width:92%;}
#sitesearch input[type="text"] { padding: 5px 4%; width:92%;}
#sitesearch input[type="submit"] { position:absolute; top:0; right:3%;}
#cat-allocation-wrap p { font-size:10px;}
.tab-content { background:#fff;}
.tab-content ul { margin:0;}
.tab-content ul li:nth-child(7) { position:relative; top:0; left:0; text-align:left; width:auto;}
#checkout-totals-wrap ul li { font-size:13px;}
#checkout-totals-wrap ul li:nth-child(1) { width:110px;}
#checkout-totals-wrap ul li:nth-child(2) { width:60px;}

#project_container {margin:64px 184px 20px 20px; max-width:300px; min-width:120px;}
}