/* Colours

*/
html {scroll-behavior: smooth;}
body {background:#333; font-family:'Open Sans', Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ccc;}

i {-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

/* Common Styles */

h1, h2, h3, h4, h5, h6, p
{margin:15px 30px;}
h1 {font-size:25px; padding-bottom:15px;}
h2 {font-size:18px;}
h2 small {font-size:12px; float:right; font-weight:400; text-transform:uppercase;}
h3 {font-size:16px;}
h1, h2, h3, h4, h5, h6 {color:#fff; line-height:120%;}
p {line-height:150%; font-size:16px; font-weight:400; color:#AAAAAA;}
div.input-box {line-height:150%; font-size:16px; font-weight:400; color:#AAAAAA;margin:15px 30px;}

.contentblock {max-width:750px; margin:0px auto 30px auto;}

a {color:#74cde7;}
a:hover {color:#a3deef;}

hr
{border:0px; height:0px; border-top:rgba(0,0,0,0.1) 1px solid;  border-bottom:rgba(255,255,255,0.1) 1px solid; margin:10px auto; width:95%;}

.clear {clear:both;}
.hide {display:none;}

.left {float:left;}
.right {float:right;}

.red {color:#d8130d !important;}
.green {color:#69be28 !important;}
.orange {color:#d89c18 !important;}

ul {}
li {font-size:14px;}

.greentext {color:#69be28;}
.orangetext {color:#d84500;}
.redtext {color:#d8130d;}

#glowtop2020 {background:#062b36 url(../images/bg-glow-blue-2019.jpg) top center no-repeat;}

#glowtop {
    width:100% !important;
    min-width: 320px;
    background: #062b36;
    background: radial-gradient(circle, rgb(24, 171, 216) 33%, rgb(6, 43, 54) 100%);
}
#glowlogo {display:block; padding:5px 0px 15px 0px; width:100%; max-width:260px; margin:0 auto;}

#glowtop2021 {
    background: #0c566c;
    background: -moz-linear-gradient(45deg,  #1281a2 0%, #18abd8 25%, #062b36 100%);
    background: -webkit-linear-gradient(45deg,  #1281a2 0%,#18abd8 25%,#062b36 100%);
    background: linear-gradient(45deg,  #1281a2 0%,#18abd8 25%,#062b36 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1281a2', endColorstr='#062b36',GradientType=1 );
    position: sticky; position: -webkit-sticky; top: 0; z-index:9999;min-width:320px;}
#glowlogo2021 {display:block; position:absolute; top:0; left:0; z-index:99999; height:70px; overflow: hidden;}
#glowlogo2021 img {height:70px; width:auto; position:relative; top:-5px; left:0;}

/* 2021 */



#basketblock {width:120px; height:60px; float:right; padding:5px; margin:0px 0 0 0;}

#basketblock #account span {color:#18abd8; font-size:9px; line-height:9px; text-transform: uppercase; letter-spacing:0.5px; display:block; z-index: 100; text-align:center; position: absolute; left:10px; bottom:16px; width:50px;}
#basketblock #basket span {color:#18abd8; font-size:9px; line-height:9px; text-transform: uppercase; letter-spacing:0.5px; display:block; z-index: 100; text-align:center; position: absolute; right:10px; bottom:16px; width:50px;}

#basketitems {position:absolute; z-index: 120; top:auto; right:auto; margin:-5px 0 0 32px;}

#account a, #basket a {display:block; background:#062b36; float:left; height:50px; width:50px; text-align:center; border-radius:5px; margin:5px; padding:0px; border:0px;}
#account a i, #basket a i {color:#18abd8; font-size:25px; line-height:40px;}
#account a i span, #basket a i span {display:none;}

#mainnaviblock { box-shadow: 0px 0px 2px rgba(0,0,0,0.2); }

.contentblock ul, .contentblock ol, #prdcontent ul, #prdcontent ol {margin:30px;}
.contentblock li, #prdcontent li {margin:10px 45px 10px 10px; line-height:150%; font-size:16px; font-weight:400; color:#AAA;}

/* Home Banner */
.homebanner img {width:100%; vertical-align:top;}

/* Messages */
ul.messages {display:block; padding:15px; margin:0px;}
ul.messages li {border-radius:5px; list-style:none; margin:0px; padding:15px; font-size:24px;}
li.success-msg {display:block; color:#69be28; border:#69be28 1px solid; background:rgba(26,48,10,0.8);}
li.success-msg span:before {font-family: 'Font Awesome 5 Pro'; font-weight: 300; content:"\f058 "; margin-right: 0.4em;}
li.notice-msg {display:block; color:#d84500; border:#d84500 1px solid; background:rgba(54,17,0,0.8);}
li.notice-msg span:before {font-family: 'Font Awesome 5 Pro'; font-weight: 300; content:"\f071 "; margin-right: 0.4em;}
li.error-msg {display:block; color:#d8130d; border:#d8130d 1px solid; background:rgba(54,5,3,0.8);}
li.error-msg span:before {font-family: 'Font Awesome 5 Pro'; font-weight: 300; content:"\f321 "; margin-right: 0.4em;}
li.success-msg ul, li.notice-msg ul, li.error-msg ul {display:block; padding:0px;}

table {width:100%;}
th, td {padding:1%; background:#fff; font-size: 16px;}
th {background:#2a2a2a; color:#fff;}
td {background:#222;}

table.basket {margin:0px; padding:0px; width:100%; border-spacing:0px; 	border-collapse: collapse;}
table.basket th, table.basket td {margin:0px; padding:10px; border-bottom:#333 1px solid; font-size:16px; /*height:35px; min-height:35px;*/}

table.basket th {text-align:right; vertical-align:top;}
table.basket td {vertical-align:top;}

table.basket td.delete {width:20px; text-align:center; padding-right:0px;}
table.basket td.delete a.button {padding:5px;}
table.basket td.image {width:60px;}
table.basket td.image img {vertical-align:top; width:60px; height: auto;}
table.basket td.description {overflow: hidden; text-overflow:ellipsis;}
table.basket td.description small {font-size:12px; color:#666;}
table.basket td.description .msg-backorder {
    clear: both;
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    background: rgb(216,69,0);
    background: -moz-linear-gradient(left, rgba(216,69,0,1) 0%, rgba(162,15,10,1) 100%);
    background: -webkit-linear-gradient(left, rgba(216,69,0,1) 0%,rgba(162,15,10,1) 100%);
    background: linear-gradient(to right, rgba(216,69,0,1) 0%,rgba(162,15,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84500', endColorstr='#a20f0a',GradientType=1 );
    border: #a20f0a 1px solid;
}
table.basket td.price {width:90px; text-align:center;}
table.basket td.sku {text-align:center;}
table.basket td.quantity {width:90px; text-align:right;}
table.basket td.quantity small.qtyship {color:#999; display:block; padding:2px; font-size:10px; text-transform:uppercase; text-align:right; white-space:nowrap;}
table.basket td.quantity small.qtyship strong {color:#fff;}
table.basket td.total {color:#fff; font-size:18px;}

table td.nowrapspan span {white-space:nowrap;}

table.basket td.subtotal {text-align:right; width:80px; font-weight: bold;}

table.baskettotal th, table.baskettotal td {padding:15px 10px; background: #2a2a2a; color: #fff; white-space: nowrap;}
table.baskettotal th + td, table.baskettotal td + td {font-weight: bold; background:#222; color: #ccc;}

div.basketbuttons {background:#111; padding:0px; border-bottom:#333 1px solid;}
div.basketbuttons a.button {margin:5px;}
div.basketbuttons a.btright {float:right;}
div.basketbuttons a.btleft {float:left;}

.checkoutbutton {text-align:center;}
.checkoutbutton button, .checkoutbutton .button {margin:15px 0; width: 96%; max-width:300px; display: inline-block; padding-left: 0; padding-right: 0;}
.checkoutbutton .btorange {padding: 20px 0; margin-bottom:15px; text-align: center; }



table.orders {}
table.orders th.number, table.orders td.number {text-align:center;}
table.orders th.date, table.orders td.date {text-align:center;}
table.orders th.delivery, table.orders td.delivery {text-align:center;}
table.orders th.value, table.orders td.value {text-align:center;}
table.orders th.status, table.orders td.status {text-align:center;}
table.orders th.action , table.orders td.action{text-align:center;}
table.orders td.status em {text-transform:uppercase; font-style:normal; font-size:small;}
table.orders td.status span {white-space:nowrap;}
table.orders td.status a {text-decoration:none; font-size:small; text-transform:uppercase;}

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

#shopping-cart-totals-table td { width: auto; }
#shopping-cart-totals-table td + td{ width: 80px; }

#shopping-cart-totals-table tr.subtotal,
#shopping-cart-totals-table tr.tax-details {display: none;}

#shopping-cart-totals-table.shipping tr.subtotal,
#shopping-cart-totals-table.shipping tr.tax-details {display: table-row;}
#shopping-cart-totals-table.discount tr.subtotal,
#shopping-cart-totals-table.discount tr.tax-details {display: table-row;}

table th small, table th span {font-weight:normal;}

table.mediacode th {text-align:center;}
table.mediacode th input {text-align:center;}
table.mediacode th input[type=text] {margin-bottom:5px; max-width: 160px;}
table tr.mediacodediscount td, table tr.mediacodediscount th {background:#6c0a07; color: #fff;}
/*table tr.mediacodediscount th span {font-weight: normal;}*/
table tr.mediacodediscount td + td, table tr.mediacodediscount th + td {background:#360503; color:#d8130d;}
/* My Account ~ Orders */

.order {position:relative; background:#222; width:100%; border-bottom:#333 1px solid;}
.order:hover {background:#111;}
.reorder {float:right; margin:0px; position:relative; top:5px; right:5px; z-index:100;}
.orderdetail {display:block; padding:20px 25px; text-decoration:none;}
.orderdetail .ordernumber {display:block; color:#999; margin:0px 0px 5px 0px; text-transform:uppercase;}
.orderdetail .ordernumber strong {color:#fff;}
.orderdetail .ordernumber small {background:#444; padding:1px 5px; display:inline-block; white-space:nowrap; text-transform:uppercase;}
.orderdetail .orderdetails {display:inline-block; padding:5px 10px 0px 0px; white-space:nowrap;}
.orderdetail .orderdetails i {color:#666;}

.pagenavi {text-align:center; color:#666; text-transform:uppercase;}
.pagenavi a {text-decoration:none;}
.pagenavi strong {color:#fff;}

/* Forms */

label {display:block; color:#74cde8; width:200px; padding:5px 0px; float:left;}

button, input[type=text], input[type=url], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], textarea
{font-family:'Open Sans', Arial, Helvetica, sans-serif; margin:0px; color:#333; border:#18abd8 1px solid; padding:5px 2%; font-size:16px; -webkit-appearance: none; -moz-appearance: none; width:96%;}
select {width:210px; border:#18abd8 1px solid; font-size:16px; padding:5px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#333;}
option {padding:4px;}

small.note {display:block; font-size:12px; line-height:normal; padding:5px 0px 0px 0px; color:#74cde8;}

input:focus, textarea:focus
{color:#333; border:#18abd8 1px solid;
/*
-moz-box-shadow: 0px 0px 6px rgba(24,171,216,0.5);
-webkit-box-shadow: 0px 0px 6px rgba(24,171,216,0.5);
box-shadow: 0px 0px 6px rgba(24,171,216,0.5);
*/
}

p.required, p.required label {color:#d8130d !important;}
p.required input, p.required textarea, p.required select {border:#d8130d 1px solid; background:#f7d0cf; color:#d8130d !important;}
p.required option {background:#f7d0cf; color:#d8130d !important; border:0px;}

.validation-failed {border:#d8130d 1px solid !important; background:#f7d0cf !important; color:#d8130d !important;}
.validation-advice {color:#d8130d !important;}

button, input[type=button], input[type=submit], .button
{border-radius:5px; width: auto; padding:10px 15px; font-size:14px; -webkit-appearance: none; -moz-appearance: none; box-shadow: 0px 1px 2px rgba(0,0,0,0.3);

text-transform:uppercase;
background:#666;
border:0px;

color:#fff;
letter-spacing:0.5px;
font-weight:700;

cursor:pointer;
/* For text links */
text-decoration:none;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

input[type=checkbox]+label {
    display: inline; float: none; cursor: pointer;
}

a.button {display:inline-block; padding:10px 15px;}
a.button:hover {color:#fff;}

input[type=button]:hover, input[type=submit]:hover, .button:hover, input[type=submit]:focus, input[type=button]:focus, .button:focus {background:#46bce0;}

input.btblue, .btblue
{background: #18abd8;}
input.btblue:hover, .btblue:hover, input.btblue:focus, .btblue:focus {background:#46bcdf;}

input.btorange, .btorange
{background: #d84500;}
input.btorange:hover, .btorange:hover, input.btorange:focus, .btorange:focus {background:#e06a33;}

input.btred, .btred
{background: #a20f0a;}
input.btred:hover, .btred:hover, input.btred:focus, .btred:focus {background:#d8130d;}

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

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* Products Page Filter */
div.productfilter {text-align:center;}
div.productcount {padding:10px 5px; max-width:350px; margin:0 auto; color:#999999;}

div.filterselect {padding:5px; max-width:350px; margin:0 auto;}
div.productfilter form div label {display:none;}
div.productfilter form div {display:inline-block; padding:5px;}
div.productfilter form select {width:125px;}

/*
.btfacebook
{
background: #4e69a2;
background: -moz-linear-gradient(top,  #4e69a2 0%, #3b5998 100%);
background: -webkit-linear-gradient(top,  #4e69a2 0%,#3b5998 100%);
background: linear-gradient(to bottom,  #4e69a2 0%,#3b5998 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e69a2', endColorstr='#3b5998',GradientType=0 );

display:block;
margin:5px;
padding:15px;
border-radius:10px;
border:#103480 1px solid;
color:#fff;
text-decoration:none;
font-size:18px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
text-align:center;
}

a.btfacebook:hover
{background:#fff; color:#4e69a2;}
*/







div.container {margin:0 auto; padding:0;}

#browse {}
#search {}

#search input[type=text] {margin:0px 5px 0px 0px;}

#basketblock {position: relative;}

#basketblock div a {text-align: center;}
#basketblock div a i {position: relative; z-index:90; display:inline;}

#basketblock #account span, #basketblock #basket span, #search span, #browse span {color:#18abd8; font-size:9px; line-height:9px; text-transform: uppercase; letter-spacing:0.5px; display:block; z-index: 100; text-align:center;}
#basketblock #account span {position: absolute; left:0px; bottom:8px; width:50%;}
#basketblock #basket span {position: absolute; right:0px; bottom:8px; width:50%;}
#browse span, #search span {position: relative; left:0px; bottom:2px; width:100%;}

#naviblock #highlights {display:none;}

#naviblock {width:100%; height:70px;}

#account {}
#help {}
#basket {}

#logo {display:block; background:url(../images/glow-sprite.png) 0px 0px; width:160px; height:90px;}
#logo.checkout {float:left;}
#logo span {display:none;}

#logo.checkout {border-top:0px; float:left;}
div.checkouthd {font-size:32px; color:#fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); padding:30px 15px 0px 15px; float:left; font-weight:bold; float:left;}
.checkoutband {background:#18abd8; width:96%; padding:2%; clear:both; color:#fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}

#gap, #footergap {padding:0px; text-align:center;}

#gapbanner {text-align:center;}

#breadcrumb {clear:both; font-size:12px; padding:20px 15px; margin:0px 0px 10px 0px; color:#666; border-bottom:rgba(255,255,255,0.1) 1px solid;  }
#breadcrumb a {color:#18abd8;}
#breadcrumb a:hover {color:#46bce0;}
#breadcrumb i {color:#666; display:inline-block; min-width:10px !important;}

#breadcrumb .bcweb { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#breadcrumb .bcmob {font-size:16px;}
#breadcrumb h1 {font-size:14px; color:#46bce0; margin:0px; padding:0px; font-weight:normal; text-align:center;}
#breadcrumb h1 span {white-space:nowrap;}

#callglow {
    background: #a5d87e;
    background: -moz-linear-gradient(top,  #a5d87e 0%, #69be28 100%);
    background: -webkit-linear-gradient(top,  #a5d87e 0%,#69be28 100%);
    background: linear-gradient(to bottom,  #a5d87e 0%,#69be28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d87e', endColorstr='#69be28',GradientType=0 );

    box-shadow: 0px 1px 2px rgba(0,0,0,0.3); text-decoration: none; text-align:center; display:block; position: absolute; z-index: 10; margin:-5px 0px 0px 0px; right:10px; color:#ffffff; border-radius:50%; width:70px; height:70px;}
#callglow i {font-size:30px; padding-top:12px;}
#callglow span {display:block; font-size:9px; line-height:9px; margin-top:3px; text-transform: uppercase; letter-spacing:0.5px; color:#e1f2d4;}


#highlights {background:#062b36; border-bottom:#0c566c 1px solid;min-width:320px;}
#highlights div {max-width:1260px; margin:0 auto;}
#highlights .highlight {}
#highlights .highlight div {text-align: center;color:#999;}
#highlights .highlight div div {padding:15px 10px; font-size:10px; width:250px; margin:0 auto;}
#highlights .highlight div div strong {font-size:16px; color:#46bcdf;}
#highlights .highlight div div span a {color:#fff; font-weight:700; margin-left:5px; text-decoration:none;}

.highlight2 {}
.highlight1, .highlight3 {display:none;}


div.content {overflow: visible !important;}

.maincol50 /* Main Column 50% */ {padding:5px 0px; width:100%; float:none;}

/* Product Thumbnails ~ These are on the Products Page */

.prdthumbs {margin:0px auto; padding:5px;}

.prdthumbblock {float:left; position: relative;}
.prdthumb {display:block; text-align:center; background:#222; padding:0 0 10px 0; position: relative;}
.prdthumbpad {padding:5px;}
.prdthumb img {width:100%; height: auto; vertical-align:top; display:block;}
.prdthumb a {color:#18abd8; text-decoration:none; font-size:16px;}
.prdthumb:hover, .prdthumb a:hover, .prdthumb:hover a {cursor:pointer; text-decoration:none;}
.prdthumb:hover {}

.prdthumbtitle {margin:0px auto; padding:10px 10px 2px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.soldout .prdthumbtitle {color:#999;}
.prdthumbprice {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    min-height: 20px;
    max-height: 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.prdthumbprice span small,
.prdthumbprice .regular-price .price-label,
.prdthumbprice .regular-price .each,
.prdthumbprice .regular-price .packsize {font-weight:400; font-size:12px; text-transform: uppercase;}
.prdthumbprice span.offer,
.prdthumbprice span.special-price {color:#d8130d;}
.prdthumbprice span.offer small,
.prdthumbprice span.old-price .price {color:#fff; text-decoration:line-through; font-size: 15px; font-weight: 700;}
.prdthumbprice .old-price .price-label,
.prdthumbprice .special-price .price-label {display: none;}
/*.prdthumbprice .special-price .price {font-size: 12px; }*/



.prdthumb .imgtext img {height:auto; width:13px; vertical-align:top; float:left; margin-right:5px;}
.prdthumb .imgtext i {color:#999;}

.soldout img {-webkit-filter: grayscale(100%) opacity(20%); filter: grayscale(100%) opacity(20%); filter: gray;}
.soldout .prdthumbprice a {font-size:15px; font-weight:400;}
.soldout .prdthumbprice { color: #999; font-weight: 400;}

.prdthumb div.offer, .prdthumb div.sold {position:absolute; z-index:200; left:auto; bottom:70px; text-align:center; color:#fff; font-size:24px; line-height: normal !important; width:92%; padding:1.5% 2% 2% 2%; margin:0 2%; font-weight:bold; text-transform:uppercase; text-shadow:none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prdthumb div.offer {background:#d8130d; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); text-align:center; font-size:12px; !important; line-height:15px; /*width:36%;*/ width:100px; /*padding:1.5% 2% 2% 2%;*/ padding:5px 5px 5px 5px ; margin:0 /*30%*/; top:4px; right:auto; left:-15px; height:15px;
    /*
    clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);}
    */
    /* clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 50%, 0 0); Ribbon */
    /* clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); Angled 1 */
    clip-path: polygon(13.5% 0%, 60% 0, 100% 100%, 0% 100%);

    -ms-transform: rotate(-30deg); /* IE 9 */
    transform: rotate(-30deg); /* Standard syntax */
}
.prdthumb div.sold {background:#333; /*top:5px;*/ bottom:70px; height:15px; width:92%; padding:1.5% 2% 2% 2%; margin:0 2%;}

.prdthumb div.sold small {display:block; font-size:10px; font-weight:normal; color:#999;}
.prdthumb div.sold.message {height: auto; white-space: normal; text-align: left; }
.prdthumb div.sold.message i { float: left; padding: 5px; }
.prdthumb div.sold.message small { color: #fff; }

.prdthumb div.imgtext {position:absolute; z-index:100; left:auto; height:auto !important; width:auto !important; bottom:65px; max-width:125px !important; text-align:left; background:rgba(0,0,0,0.8); color:#fff; font-size:12px !important; padding:5px 10px 5px 5px; margin:5px; text-shadow:none; border:#d8130d 0px solid; box-shadow: 0px 1px 2px rgba(0,0,0,0.3); border:#ffffff 0px solid; border-radius:5px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.soldout div.imgtext {display:none;}

/* Product Highlights ~ Style for Other/Top Products */

.prdhighlights {margin:5px; border:#444 1px solid; background:#222; border-radius:5px;}
.prdhighlights h2 {display:block; 
background: -moz-linear-gradient(top,  rgba(34,34,34,1)rgba(34,34,34,1) 0%, rgba(34,34,34,0) 92%, rgba(34,34,34,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,0) 92%,rgba(34,34,34,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,0) 92%,rgba(34,34,34,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#00222222',GradientType=0 ); /* IE6-9 */
padding:15px; margin:5px !important; text-align:left; font-size:18px;}

.prdhighlights h2 a {display:block; color:#fff; text-decoration:none;}
.prdhighlights h2 i {float:right; color:#4f8f1e;}
.prdhighlights h2 a:hover i {color:#fff;}
/*
.prdhighlights h2 a i {margin:5px 0px;}
.prdhighlights a.more { clear:both; display:block; background:#333; padding:10px; margin:5px 0px 10px 0px !important; font-size:12px; color:#fff; text-decoration:none; border-radius:0px 0px 5px 5px;  text-align:center;}
.prdhighlights a.more:hover {background:#18abd8;}
.prdhighlights a i {float:right; font-size:18px;}
*/

.prdhighlight {display:block; text-decoration:none; float:left;}
/*.prdhighlight {display:inline-block; text-decoration:none;}*/
.prdhighlight div {padding:5px; position: relative;}
.prdhighlight img {display:block; width:100%; height: auto;}

.prdhighlight span.highlightprice {display:block; background:#222; text-align: center; font-weight:400; color:#999; padding:10px; font-size:12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prdhighlight small {display:block; color:#d8130d; font-size:10px; text-decoration:line-through;}
.prdhighlight:hover {}
.prdhighlight:hover img {filter: brightness(120%) !important; -webkit-filter: brightness(120%);}
/* UNUSED FOR NOW ~ don't think we need the text displaying on hover - but if we have to will work on it later...
.prdhighlight strong {display:none; position:absolute; font-weight:400; z-index:100; margin:5px; line-height:normal; text-align:center; padding:5px; top:0; left:0; background:#00ff00; color:#18abd8; font-size:12px; overflow: hidden; text-overflow: ellipsis; }
.prdhighlight:hover strong {display:block;}
*/

.prdhighlight span.highlightprice span.special-price {color:#d8130d;}
.prdhighlight span.highlightprice span.old-price,
.prdhighlight span.highlightprice span.price-label,
.prdhighlight span.highlightprice .regular-price span.each,
.prdhighlight span.highlightprice .regular-price span.promotier
{display: none;}

.colfeedback {display:none;}

.ppprdhighlights { /*height:182px;*/ /*overflow: hidden; overflow-y: hidden; white-space: nowrap;*/ border:0px; background:none; /*text-align:center; background:#2C2C2C;*/ }
.ppprdhighlights .prdhighlight {width:145px; width:33.333%; float:left; display:block;}

div.youmayalsolike {position: relative;}

#prdcontent .prdhighlights {background:none; position: relative; overflow: hidden; overflow-y: hidden; white-space: nowrap; text-align:center;}
#prdcontent .prdhighlight {width:25%; width:150px; float:none; display:inline-block;}

.cathighlights
{
    border:none;
    height:156px;
    position: relative; white-space: nowrap; text-align:center;
}
.cathighlights .scroll-box { overflow-y: hidden; overflow-x: scroll; }
.no-touch .cathighlights .scroll-box::-webkit-scrollbar {
    display:none;
}
.no-touch .cathighlights .scroll-box {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.cathighlight {display:block; text-decoration:none; float:left; width:25%; width:150px; float:none; display:inline-block; padding:5px 0px;}

.cathighlight div {padding:5px; position: relative;}
.cathighlight img {display:block; width:100%;}

.cathighlight span {display:block; background:#222; text-align: center; font-weight:400; color:#18abd8; padding:10px; font-size:12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cathighlight:hover span {background:#18abd8; color:#ffffff;}

.cathighlight:hover {}
.cathighlight:hover img {filter: brightness(120%) !important; -webkit-filter: brightness(120%);}

.cathighlights .cathighlight .crop {padding:0px; margin:0px; background:#222; width: 140px; height: 100px; overflow: hidden;}

.pparrowleft, .pparrowright {color:#fff; z-index:100; position: absolute; top: 0; vertical-align: middle; /*height: 185px; line-height:185px;*/ height:100%; width:50px; text-align:center; font-size:40px;}
.pparrowleft:hover, .pparrowright:hover {}
.pparrowleft
{left:0;
    background: -moz-linear-gradient(left,  rgba(51,51,51,1) 0%, rgba(51,51,51,1) 1%, rgba(51,51,51,0.5) 100%);
    background: -webkit-linear-gradient(left,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 1%,rgba(51,51,51,0.5) 100%);
    background: linear-gradient(to right,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 1%,rgba(51,51,51,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#80333333',GradientType=1 );
}
.pparrowright
{right:0;
    background: -moz-linear-gradient(left,  rgba(51,51,51,0.5) 0%, rgba(51,51,51,0.5) 1%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(51,51,51,0.5) 0%,rgba(51,51,51,0.5) 1%,rgba(51,51,51,1) 100%);
    background: linear-gradient(to right,  rgba(51,51,51,0.5) 0%,rgba(51,51,51,0.5) 1%,rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333333', endColorstr='#333333',GradientType=1 );
}

.cathighlights .pparrowleft, .cathighlights .pparrowright,
#prdcontent .pparrowleft, #prdcontent .pparrowright
{display:flex; justify-content: center; flex-direction: column; text-decoration:none;}

.cathighlights .pparrowleft, .cathighlights .pparrowright{height:156px; position: absolute;}

.newprods h2 {background:#1a300a;}
.newprods a.prdhighlight div span {color:#4f8f1e; font-weight:400; background:#1a300a !important;}
div.newprods {border:#355f14 1px solid; background:#1a300a; border-radius:5px;}


.offerproducts h2 {background:#6c0a07 !important; border-top:#a20f0a 1px solid !important;}
.offerproducts .prdhighlight {background:#360503;}
.offerproducts .prdhighlight:hover {background:#6c0a07;}
.offerproducts a.more {background:#6c0a07 !important;}
.offerproducts a.more:hover {background:#a20f0a !important;}

.newproducts h2 {background:#355f14 !important; border-top:#4f8f1e 1px solid !important;}
.newproducts .prdhighlight {background:#1a300a;}
.newproducts .prdhighlight:hover {background:#355f14;}


/* texttarget */
:target::before {
    content: "";
    display: block;
    visibility: hidden;
    height: 165px; /* fixed header height*/
    margin: -165px 0 0; /* negative fixed header height */
}

#prdcontent {}
#prdcontent h1 {margin-bottom: 0px; padding-top:10px;}
#prdcontent .starsblock {padding:0px 30px 15px 25px;}
#prdcontent p img, .contentblock p img {max-width:100%; margin:0 auto;}

.prdmain {}
.prdmain img {width:100%; max-width:564px; display:block; margin:0px auto; clear:both;}
.prdmain img.left, .prdreview img.left {float:left; margin:0px 15px 15px 0px;}
.prdmain img.right, .prdreview img.right {float:right; margin:0px 0px 15px 15px;}
.prdcolumn {}

.prdreview {background:#222; margin:15px; padding:30px;}
.prdreview h3 {padding:5px; font-size:18px; line-height:150%; margin:0px; clear:both;}
.prdreview .date {padding:5px; margin:0px; font-size:12px; color:#999;}
.prdreview .date span {text-transform: uppercase;}
.prdreview p {padding:5px; margin:0px; font-size:16px; color:#999;}
.prdreviewreply {background:#333; margin:15px 0px 0px 0px; padding:15px;}
.prdreviewreply p {color:#69be28; padding:5px; margin:0px; font-size:16px; line-height:normal; font-style:italic;}

.prdreviewreplyglow {text-align:right; padding:0px 20px;}
.prdreviewreplyglow strong {display:inline-block; padding:10px 15px 0px 0px; color:#69be28; font-size:14px;}
.prdreviewreplyglow div.comment {float:right; clip-path: polygon(100% 0, 0 0, 0 100%); height:30px; width:30px; background:#333;}

#prdreviewbuttons a { display: block; width: auto; margin: 15px; text-align: center;}

/* Quotes */

.quotes {padding:5px 10px; margin:0px auto;}
#quotes {padding:15px;}

#quotes .feedback-quote {background:#222; width:75%; height:auto; min-height:auto; padding:10%; margin:2.5%;}

.quote {
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-top:#333 1px solid;  border-bottom:#222 1px solid; border-radius:5px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}

.quoteleft {float:left;}
.quoteright {float:right;}

.quote span {display:block; padding:20px; text-align:center; color:#fff;}
.quote span small {font-size:10px; color:#999;}

#col-comments
{display:block; clear:both;}

#col-comments a.col-comments-header 
{/*background: url(../images/glow-customer-comments.png) center center no-repeat;*/ display:block; z-index:100; position:absolute; margin:-15px 0px 0px 0px; width:100%; height:70px; text-align:center;}

#col-comments .quote
{vertical-align:top;}
#col-comments .quote span {padding:0px 20px 20px 20px; color:#e1f2d4;}
#col-comments .quote span div {padding:55px 0px 0px 0px;}

.quotes-grid-container {padding:15px;}
.quotes-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 1rem;}

.quote-item {position:relative; padding-bottom:40px;}
.quote-feedback {display:table; width:100%; text-align:center; height:100%;}
.quote-feedback-middle {background:#222222; display:table-cell; vertical-align: middle; border-radius:15px;}
.quote-feedback-pad {padding:30px; color:#ffffff;}

.quote-author {position:absolute; bottom:0px; left:0px; width:100%; height:40px;}
.quote-author-tail {background:#222222; clip-path: polygon(0 0, 0% 100%, 75% 0); height:30px; width:50px; float:right; margin-right:10px;}
.quote-author-name {display: block; font-size:12px; line-height:15px; text-align:right; padding:5px 10px; margin-right:60px; color:#999999;}

.quote-reply-block {padding:15px 0;}
.quote-reply-comment {background:#333333; padding:15px; color:#69be28; font-style:italic; border-radius:15px;}
.quote-reply-author {}
.quote-reply-tail {background:#333333; margin-left:10px; clip-path: polygon(100% 0, 25% 0, 100% 100%); height:20px; width:40px; float:left;}
.quote-reply-glow {float:left; padding:5px 10px; color:#69be28; font-weight:700; font-size:12px; text-align:left;}

/* Customer Services */

.csbuttons {padding:10px;}
.csblock {display:block; float:left; width:50%;}
.csblockpad {padding:10px;}
.csblockpad a {display:block; background:#111; border-radius:5px; padding:20px; text-decoration:none; text-align:center; height:175px;}

.csblockpad a i {display:block; font-size:60px; margin:5px auto; color:#18abd8;}
.csblockpad a strong {display:block; color:#fff; font-size:24px;}
.csblockpad a span {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size:12px; color:#999; max-width:250px; margin:0 auto;}

.csblockpad a:hover {background:#222;}
.csblockpad a:hover i {color:#74cde7;}

.customerservice {
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top,  #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-top:#333 1px solid;  border-bottom:#222 1px solid; border-radius:5px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
text-align:center;
display:block;
width:92%; margin:1% 2%; padding:2%; float:none;  overflow: normal; height:auto;
cursor:pointer;
font-size:16px;
}

.customerservice:hover {background: #222222;}

.customerservice strong
{color:#fff;}

/*** Section ***/

.sections {}

.section {}
.sectionpad {padding:10px;}

.section a {
    display: block;
    position: relative;
    overflow: hidden;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
    border: #1281a2 1px solid;
    border-radius: 5px;
}

.section .sectiondesc {
    background: rgba(34, 34, 34, 0.9);
    position: relative;
    overflow: hidden;
    top: 200px;
    height: 0;
    transition: top 0.25s ease-in-out, height 0.25s ease-in-out;
}

.section .title {
    top: 200px;
    transition: top 0.25s ease-in-out;
    position: relative;
    background: #1281a2;
    color: #fff;
    display: block;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 15px;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
}
.section .title span {display: inline; }

.section .title i {
    float: right;
    color: #74cde7;
}

.section .description {
    display: block;
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    color: #a3deef;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Product Page */

#prdcontainer {}

#prdimg {padding:5px;}
#prdimg .prdimgpad {padding:5px;}
#prdimg .prdimgpad img {width:100%; height: auto;}


#prdimg .arrow
{background:#fff000;}

#prdimg .leftArrow,
#prdimg .rightArrow
{
    display: block; /* start hidden */
    position: absolute;
    top: 45%;
    background: rgba(255,255,255,0.2);
    height: 20px;
    /*width: 20px;*/
    z-index: 20;
    cursor: pointer;
	padding:15px 15px;

    text-align: center;
    vertical-align: middle;
    color: #333;


}

#prdimg .leftArrow {
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#prdimg .rightArrow {
    right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#prdimg .leftArrow i,
#prdimg .rightArrow i
{font-size:20px; color:#fff; display:block; width:20px; margin:0px; padding:0px;}

#prdimg .leftArrow i {text-align:left;}
#prdimg .rightArrow i {text-align:right;}

#prdimgthumbs {padding:0px;}
#prdimgthumbs .prdimgthumb,
#prdimgthumbs .prdvidthumb {display: inline;}
#prdimgthumbs .prdimgthumb .pad,
#prdimgthumbs .prdvidthumb .pad { display: inline-block; width: calc(20% - 7px); padding: 5px 5px 5px 0;}
#prdimgthumbs .prdimgthumb img,
#prdimgthumbs .prdvidthumb img {width:100%; height: auto; vertical-align:top;}

#prdimgthumbs .prdimgthumb a:hover img {filter: brightness(120%) !important; -webkit-filter: brightness(120%);}

#prdimgthumbs img.active {
-webkit-filter: grayscale(100%) opacity(50%);
filter: grayscale(100%)  opacity(50%);
filter: gray;}

.prddesc {color:#fff; font-size:18px;}

#prdoptions
{clear:both; max-width:650px; margin:0 auto;}
.skublock {padding:0px 3%;}
.sku {font-size:10px; color:#666;}
.skublock select {width:100%;}

#prdoptions select {border-collapse: collapse; border:0px;}
.prdopt {background:#111; border-radius:5px; margin:5px 10px; position: relative;}

.specialoffer {background:#360503; color:#d8130d; font-size:16px;}
.specialoffer div {padding:12px;}
.specialoffer div strong {color:#fff; text-transform:uppercase; font-size:18px;}

.prdoptsoccards {text-align:center;}
.prdoptsocial {display:inline-block; font-size:30px; white-space: nowrap;}
.prdoptsocial a {color:#444;}
.prdoptsocial a:hover {color:#666;}
.prdoptsocial a.sendfriend:hover {color:#a3deef;}
.prdoptsocial a.facebook:hover {color:#3b5998;}
.prdoptsocial a.twitter:hover {color:#55acee;}
.prdoptsocial a.pintrest:hover {color:#cb2027;}
.prdoptsocial a.instagram:hover {color:#e95950;}
.prdoptcards {display:inline-block; font-size:48px; white-space: nowrap; color:#666;}
.prdoptcards a {color:#666;}
.prdoptcards a:hover {color:#a3deef;}


.prdoptship, .prdoptcheck {text-align:center; font-size:14px;}
.prdoptship {padding:15px 2% 0 2%;}
.prdoptcheck {padding:5px 2% 15px 2%;color:#c3e5a9;}
.prdoptcheck span {white-space:nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 5px;}
.prdoptship span {white-space: normal;}
.prdoptcheck span {color:#c3e5a9;}
.prdoptcheck span i {color:#fff;}

.prdoptblock {float:left; width:64%; padding:2.5% 2%;}

.prdoptmsg {
background: #111111; /* Old browsers */
background: -moz-linear-gradient(left,  #111111 0%, #d8130d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#111111), color-stop(100%,#d8130d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #111111 0%,#d8130d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #111111 0%,#d8130d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #111111 0%,#d8130d 100%); /* IE10+ */
background: linear-gradient(to right,  #111111 0%,#d8130d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#d8130d',GradientType=1 ); /* IE6-9 */

padding:5px 10px; text-align:right; border-radius:5px 5px 0px 0px; font-size:10px; font-weight:bold; color:#fff;}

.prdqty {width:40%; float:left; padding:0.5% 0%; font-size:14px;}
.prdqty label {color:#999; font-size:12px; line-height:12px; width:auto; padding:10px 5px; background:#333;}
.prdqty input {width:30px; border:#222 0px solid; text-align:center;}

.prdsold {width:40%; float:left; padding:2% 0%; font-size:16px; text-transform:uppercase; color:#d8130d;}

/*.prdpack {width:60%; float:left; padding:2% 0%; font-size:16px; text-transform:uppercase; color:#69be28;}*/
.prdpack {width:40%; float:left; padding:0; font-size:16px; color:#fff;}
.prdpack div {font-size:24px; line-height:24px; padding:0px 0px 0px 0px;}
.prdpack .prdpackunit {color:#999; font-size:9px; line-height:9px; float:left; padding:2px 0px 0px 0px;}
.prdpackunit small {font-size:9px; white-space: nowrap; line-height:9px; text-transform:none; color:#999;}
.prdpack span {color:#fff;}

.prdopttitle div {font-size:14px; line-height:17px; font-weight:700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.twofor {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#fff; text-align: center; background:#d8130d; border-radius: 3px; -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%); clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);}

.prddetail {width:40%; float:left; padding:1% 0%; font-size:14px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.prddetail small {display:block; font-size:10px; text-transform:uppercase;}
.prddetail small span {white-space: nowrap;}

.prdprice {width:60%; float:left; text-align:right;}
/*.prdprice strong {display:block; font-weight:700; font-size:24px; line-height:24px; color:#fff;}*/
.prdprice strong .pence {font-size:14px;}
.prdprice strong .old-price { display:block; color:#d8130d; text-transform:uppercase; font-weight:400;}
.prdprice strong .old-price .price {text-decoration:line-through; font-style:normal; font-weight:bold;}
.prdprice strong .special-price .price-label {display: none;}
.prdprice small {display:block; font-size:9px; color:#999;}

.prdbutton {float:left; width:30%; padding:1%;}
.prdbutton button, .prdbutton .button, .prdbutton input {width:100%; padding:15px 0px; font-size:15px; font-weight:400; text-align: center;}
.prdbutton button i {font-size:25px; vertical-align:top;}
.prdbutton button strong {display:inline-block; margin-top:3px;}
.prdbutton button.adding {background:#333; cursor:default;}

.prdoptstock {
    background: #d8130d;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    text-transform: uppercase;
    width: 80px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    border: #222 1px solid;
    padding: 3px 2px;
    float: left;
    margin-left: 7px;
    margin-top: 6px;
    clear: left;
    position: relative;
    bottom: -6px;
    z-index: 100;
    clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
}

.prdoptsale {
    background: #d8130d;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 10px;
    height: 10px;
    text-transform: uppercase;
    width: auto;
    border-radius: 5px 5px 1px 1px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
    border: #a20f0a 0px solid;
    padding: 7px 10px;
    float: right;
    margin-right:18px;
    clear: right; /*clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);*/
}

.ooops {
background: #d8130d;
background: -moz-linear-gradient(left,  #d8130d 0%, #a20f0a 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d8130d), color-stop(100%,#a20f0a));
background: -webkit-linear-gradient(left,  #d8130d 0%,#a20f0a 100%);
background: -o-linear-gradient(left,  #d8130d 0%,#a20f0a 100%);
background: -ms-linear-gradient(left,  #d8130d 0%,#a20f0a 100%);
background: linear-gradient(to right,  #d8130d 0%,#a20f0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8130d', endColorstr='#a20f0a',GradientType=1 );

border:#a20f0a 1px solid;}
.ooops .prdpack {color:#fff; text-transform:none; width:100%;}

.onsale {
    background: #d8130d;
    background: -moz-linear-gradient(left,  #111111 0%, #d8130d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#111111), color-stop(100%,#d8130d));
    background: -webkit-linear-gradient(left,  #111111 0%,#d8130d 100%);
    background: -o-linear-gradient(left,  #111111 0%,#d8130d 100%);
    background: -ms-linear-gradient(left,  #111111 0%,#d8130d 100%);
    background: linear-gradient(to right,  #111111 0%,#d8130d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#d8130d',GradientType=1 );
    border:#a20f0a 1px solid;}
.onsale .prdpack {color:#fff; text-transform:none; width:100%;}
.onsale .prdqty label {}
.onsale .prdprice span, .onsale .prdprice small {color:#fff;}
.onsale .prdprice strong .old-price {font-size: 22px; line-height:22px; font-weight: 700;}
.onsale .prdprice .old-price .price-label {display: none;}
.onsale .prdprice strong .old-price .price {text-decoration: line-through;}
.onsale .prdprice strong .old-price .price-label {font-weight: 400;}
.onsale .prdprice .special-price .price-label {display: none;}
.onsale .prdprice .special-price { font-size: 16px; line-height: 16px; font-weight: 700; display: block; }
.onsale .prdprice .special-price .price{ text-decoration: underline; }
.onsale .prdprice .special-price:before {font-family: 'Font Awesome 5 Pro'; font-size: 16px; font-weight: 700; content: '\e455'; display: inline-block; }

.savertheme {
    background: #f1ed1b;
    border:#b5b214 1px solid;
}
.savertheme .prdpack {color:#222; text-transform:none; width:100%;}
.savertheme .prdqty label {}
.savertheme .prdprice span, .savertheme .prdprice strong, .savertheme .prdprice small {color:#222;}
.savertheme.prdoptsale {background: #f1ed1b; color:#222;}
.prdthumb .savertheme {background: #f1ed1b !important; color:#222 !important;}

/*.prdprice strong .old-price .price {text-decoration: underline;}*/
.prdprice strong .old-price .pence {font-size: inherit; }
.added {background:#fff; border:#d84500 0px solid;}
.added .prdpack {color:#d84500; text-transform:none; width:100%;}
.added .prdpack .loading {float:right; margin:0px 5px;}

.backorder {
background: rgb(216,69,0);
background: -moz-linear-gradient(left,  rgba(216,69,0,1) 0%, rgba(162,15,10,1) 100%);
background: -webkit-linear-gradient(left,  rgba(216,69,0,1) 0%,rgba(162,15,10,1) 100%);
background: linear-gradient(to right,  rgba(216,69,0,1) 0%,rgba(162,15,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84500', endColorstr='#a20f0a',GradientType=1 );

border:#a20f0a 1px solid;}
.backorder .prdpack {color:#fff; text-transform:none; width:100%;}
.backorder .prdpack .loading {float:right; margin:0px 5px;}

.loading span {color:#ccc;}

/* Loading Animation */
.one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
      animation: dot 1.3s infinite;
      animation-delay: 0.2s;
}

.three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
     animation: dot 1.3s infinite;
     animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}


.prdbuttonright {padding:1%; text-align:center;}
.prdbuttonright button {width:100%; max-width:350px; margin:0 auto;}
.prdbuttonright button i {font-size:25px; vertical-align:top;}
.prdbuttonright button strong {display:inline-block; margin-top:3px;}

.plusminusblock {margin:4.5% auto; text-align:center; width:90px;}
.plusminusblock div {text-align:center; width:30px; float:left; padding:4px 0px 0px 0px; color:#999;} /* ALL text*/
.plusminusblock input {width:30px; padding:5px 0px; margin:0px 0px; text-align:center; float:left; border:0px; color: #000;}
.plusminusblock .button {margin-top:4px; padding:5px 12px;}

.plusminusbt {display:block; float:left; vertical-align:middle; color:#666;}
.plusminusbt i {font-size:24px; padding:3px 0px;}

/*a.circlebutton {display:block; float:left; font-size:14px; padding:2px; background:#999; width:20px; height:20px; text-align:center; border-radius:15px; border:#000 1px solid; text-decoration:none; color:#fff; margin:1px 0px;}*/
/*a.circlebutton i {display:table-cell; vertical-align:middle; width:20px; height:20px; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}*/

/*a.plus*/
/*{*/
/*border:#4f8f1e 1px solid;*/
/*background: rgb(135,203,83); !* Old browsers *!*/
/*!* IE9 SVG, needs conditional override of 'filter' to 'none' *!*/
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3Y2I1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OWJlMjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
/*background: -moz-linear-gradient(top,  rgba(135,203,83,1) 0%, rgba(105,190,40,1) 100%); !* FF3.6+ *!*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,203,83,1)), color-stop(100%,rgba(105,190,40,1))); !* Chrome,Safari4+ *!*/
/*background: -webkit-linear-gradient(top,  rgba(135,203,83,1) 0%,rgba(105,190,40,1) 100%); !* Chrome10+,Safari5.1+ *!*/
/*background: -o-linear-gradient(top,  rgba(135,203,83,1) 0%,rgba(105,190,40,1) 100%); !* Opera 11.10+ *!*/
/*background: -ms-linear-gradient(top,  rgba(135,203,83,1) 0%,rgba(105,190,40,1) 100%); !* IE10+ *!*/
/*background: linear-gradient(to bottom,  rgba(135,203,83,1) 0%,rgba(105,190,40,1) 100%); !* W3C *!*/
/*}*/
/*a.minus*/
/*{*/
/*border:#6c0a07 1px solid;*/
/*background: rgb(216,19,13); !* Old browsers *!*/
/*!* IE9 SVG, needs conditional override of 'filter' to 'none' *!*/
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4MTMwZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjBmMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
/*background: -moz-linear-gradient(top,  rgba(216,19,13,1) 0%, rgba(162,15,10,1) 100%); !* FF3.6+ *!*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,19,13,1)), color-stop(100%,rgba(162,15,10,1))); !* Chrome,Safari4+ *!*/
/*background: -webkit-linear-gradient(top,  rgba(216,19,13,1) 0%,rgba(162,15,10,1) 100%); !* Chrome10+,Safari5.1+ *!*/
/*background: -o-linear-gradient(top,  rgba(216,19,13,1) 0%,rgba(162,15,10,1) 100%); !* Opera 11.10+ *!*/
/*background: -ms-linear-gradient(top,  rgba(216,19,13,1) 0%,rgba(162,15,10,1) 100%); !* IE10+ *!*/
/*background: linear-gradient(to bottom,  rgba(216,19,13,1) 0%,rgba(162,15,10,1) 100%); !* W3C *!*/
/*}*/

/* Special Order */
.specialorder {margin:0 auto; padding:5px;}
.specialorder .prdoptblock {width:100%; box-sizing:border-box; float:none;}
.specialorder .prdoptblock input {width:100%; max-width:100%; box-sizing:border-box; margin-bottom:5px; !important}
.specialorder .prdoptblock textarea {width:100%; max-width:100%; box-sizing:border-box; !important}
.specialorder .prdbutton {float:right; width:200px; max-width:100%; box-sizing:border-box;}

.prdrelated {padding:10px 10px; font-size:16px; position:relative;}
.prdrelated em {display:block; width:120px; background:#69be28; padding:5px 10px 5px 15px; font-weight:normal; font-style:normal; color:#fff; clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);}
.prdrelated div {text-align:right; clear:both; padding:0px; color:#999; padding-bottom:5px;}
.prdrelated div div {width:100%; min-width:300px; text-align:right; margin:0; float:right;}
.prdrelated div div a {min-width:235px; font-size:14px; line-height:22px; display:block; padding-top:2px;}
.prdrelated div div span {white-space:nowrap; display:inline-block; vertical-align: top;}
.prdrelated strong {color:#fff; font-size:16px;}
.prdrelated div img {float:right; width:50px; height:50px; vertical-align: middle; display:block; padding-left:5px;}

.prdrelated a.btorange {width:auto !important; min-width:auto !important; text-align: center; padding:0 10px !important; display:inline-block !important; color:#fff; text-transform: uppercase; border-radius:5px; cursor:pointer;}
.prdrelated a.btorange strong { font-size:12px !important;}

.prdrelated div label {display: inline; color: inherit; float: none; width: auto;}

.related-products {padding:10px 10px; font-size:16px; position:relative;}
.related-products em {display:block; font-weight:700; font-style:normal; color:#fff; padding:5px 10px 5px 15px; margin-bottom:5px;}
.related-product {margin-bottom:5px;}
.related-product div {display:grid; grid-template-columns: 50px auto 55px 100px; width:100%; height:50px; background:#111111; border-radius: 0px 5px 5px 0px;}
.related-product div div {height:50px; display: flex; align-items: center; }

.related-image a {margin:0px; padding:0px; vertical-align: top;}
.related-image a img {display:block; width:50px; height:50px; vertical-align: top; margin:0px; padding:0px;}

.related-title a {font-size:14px; line-height:16px; /* max-height:32px; */ padding:0px 5px 0px 10px; text-decoration:none;}
.related-price div {text-align:center; padding:0px; margin:0px; font-size:12px; font-weight:700; width:100%;}
.related-add div {padding:0px 5px; margin:0px; width:100%;}
.related-add div button {margin:0px auto; padding:5px; flex-grow: 1; }

.related-product div.clear {display:block; background:none; grid-template-columns:auto; height:auto;}

.stock {font-size:12px; margin:5px 20px; color:#ccc;}
.stock i {font-size:14px;}
.stock strong {text-transform:uppercase; font-size:14px;}
.stock span {white-space:nowrap;}

.reviewstars {width:100px; height:20px; float:left; margin:0px 5px 0px 5px;}
.reviewlink {display:inline-block; font-size:12px; padding:0px;}

.stars {color:#666; display:block; width:100px; height:20px;}
.starson {display:block; position:relative; z-index:100; left:0px; width:100px; height:20px; overflow:hidden; white-space:nowrap; top:-20px; color:#f9f8a4;}

.stars i, .starson i {font-size:16px; padding:2px; display:inline-block; width:16px;}

.sociallinks {margin:10px; padding:0px 5px;}
.sociallinks a {background:#333; display:inline-block; margin:0px; font-size:18px; padding:6px 5px 4px 5px; min-width:25px; color:#fff; text-decoration:none; text-align:center; vertical-align:middle; border-radius:3px;}
.sociallinks a span {display:inline-block; font-size:14px; padding:2px; vertical-align:top;}


.facebookblock {width:100px; margin:4px 0px 2px 5px; display:inline-block; vertical-align:middle;}

.iconhighlights {padding:10px;}
.iconhighlight {width:20%; float:left; text-align:center;}
.iconhighlight strong {display: block; font-size:14px; text-transform: uppercase;}
.iconhighlight .iconholder {background:#222; max-width:70px; height:70px; margin:auto; border-radius:100%;}
.iconhighlight i {font-size:42px; line-height:70px; color:#fff;}
.iconhighlight .icontext {font-size:10px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ padding:5px; color:#fff;}

.deliveryheader {font-size:18px; color:#fff; font-weight:700;}

.deltimer {white-space: nowrap; display:inline; padding:auto 5px; color:#fff; font-weight:700;}
.deltimer strong {color:#fff; display:inline-block; background:#333; padding:2px; width:20px; text-align:center;}

.ptadiscount {
    clear:both; padding:20px; text-align:center;
    background: rgb(17,17,17);
    background: -moz-linear-gradient(top,  rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(17,17,17,1) 0%,rgba(51,51,51,1) 100%);
    background: linear-gradient(to bottom,  rgba(17,17,17,1) 0%,rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333',GradientType=0 );
}

.ptadiscount strong {display:block; font-size:18px; color:#fff; padding-bottom:10px;}
.ptadiscount .button {width:200px; max-width:250px; margin:0px auto;}

#columnnavi, .columnnavi {display:block; margin:10px; padding:0px;}
#columnnavi li, .columnnavi li {display:block; list-style-type:none; position:static; padding:0px;}

#columnnavi li a, .columnnavi li a {background:#222; display:block; list-style-type:none; color:#18abd8; text-decoration:none; font-size:16px; margin:0px; padding:15px 10px 15px 15px; line-height:normal; border-bottom:#333 1px solid; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#columnnavi li a:hover, .columnnavi li a:hover {background:#18abd8; color:#fff;}
#columnnavi li a i, .columnnavi li a i {float:right; color:#666; padding:3px 0px;}
#columnnavi li a:hover i, .columnnavi li a:hover i {color:#74cde8;}

#columnnavi li.weeklyoffers a {color:#fff; background:#360503;}
#columnnavi li.weeklyoffers a i {color:#a20f0a;}
#columnnavi li.weeklyoffers a:hover i {color:#fff;}


/* Order Confirmation Screen */

#confirmblock {width:96%; max-width:800px; margin:0px auto;}
.confirmbg {padding:10px; background:#222; border-radius:0px;}
.confirmcolbg {margin:0px; padding: 15px 0px; background:#222; font-size:14px;}

/* Base */

#base {background:#111; width:100%; padding:0px; margin:0px; border-bottom:#18abd8 5px solid;min-width:320px;}
#base .container { margin:0px auto;}

#newsletter {border-bottom:rgba(255,255,255,0.1) 1px solid; padding:5px;}
#newsletter .newslettertitle {padding:10px 10px 5px 10px; text-align:center; font-size:18px; font-weight:700; color:#fff;}
#newsletter .newslettertitle span {white-space: nowrap;}
#newsletter .newsletterform {padding:5px 10px 10px 10px; text-align:center;}
#newsletter .newsletterinput {background:#fff; max-width:420px; padding:5px 10px; margin:0 auto;}
#newsletter .newsletterinput input[type=email] {background:#fff; width:80%; vertical-align:top; text-align:left; outline:none; height:15px !important; padding:5px 0px; margin:0px; color:#18abd8; font-size:15px; border:0px; border-radius:0px;}
#newsletter .newsletterinput input[type=email]:focus {outline: none;  box-shadow: none;}
#newsletter .newsletterinput .button {padding:0px; margin:0px; width:18%; outline:none; border:0px; background:#fff; color:#18abd8; border-radius:0px; box-shadow: none; font-size:25px; line-height:25px; text-align:right;}
#newsletter .newslettercheck {font-size:12px; padding:5px; color:#74cde8;}
#newsletter .newslettercheck input[type=checkbox] {vertical-align:top;}
#newsletter .newslettercheck label {display:inline; float:none;}


.feedback-container
{display:flex; display: -webkit-flex; width:100%; flex-flow:wrap;}

.feedback-icon-header
{text-align:center; display:flex; justify-content: center; flex-direction: column; min-width:200px; width:100%; flex-wrap:wrap; padding:10px 10px 5px 10px;}

.prdhighlights .feedback-icon-header {min-width:150px;}

.feedback-icon-header div {padding:15px 15px 0px 15px;}
.feedback-icon-star {color:#f9f8a4; font-size:24px;}
.prdhighlights .feedback-icon-star {font-size:18px;}
.feedback-quote-block {display:flex; display: -webkit-flex; flex-grow:2;}

.feedback-prev, .feedback-more
{display:flex; justify-content: center; flex-direction: column; text-align: center; padding:1%; text-decoration:none; color:#18abd8;}

.feedback-prev:hover, .feedback-more:hover
{color:#fff;}

.feedback-prev {order:1;}
.feedback-more {order:3;}

.feedback-quote
{padding:5px 10px 20px 10px; display:flex; justify-content: center; flex-direction: column; text-align: center; flex-grow:2; order:2; min-height:160px; width:50%; font-size:16px; line-height:150%; color:#fff;}

.feedback-author
{font-size:12px; line-height: normal;color:#666; padding-top:10px; text-transform:uppercase;}
.feedback-author a {font-size:10px;}

#linksblock {}
#linksblock .links {}
#linksblock .linkspad {padding:5px 10px 0px 10px;}
#base .links a.linkheader  {background:#232323; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; font-size:12px; padding:10px 15px; color:#999; font-weight:bold; text-decoration:none;}
#linksblock .links a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; padding:5px 15px; margin:0px;}
#linksblock .links a i {float:right;}
#linksblock .links a:hover {color:#fff;}
#footerlinks1, #footerlinks2, #footerlinks3, #footerlinks4 {display:none;}

#socialicons {width:100%; text-align:center; font-size:36px; padding:0px 0px 15px 0px;}
#socialicons div {padding:15px 15px 0px 15px;}
#socialicons a {color:#666;}
#socialicons a.facebook:hover {color:#3b5998;}
#socialicons a.twitter:hover {color:#1da1f2;}
#socialicons a.youtube:hover {color:#ff0000;}
#socialicons a.pintrest:hover {color:#c8232c;}
#socialicons a.tiktok:hover {color:#ffffff;}
#socialicons a.instagram:hover {color:#e95950;}

#base .address {display:block; font-size:12px; color:#666; text-align:center; width:100%;}
#base .address strong {color:#fff;}
#base .address span {white-space:nowrap;}
#base .address div {padding:15px;}

#boffer {text-align:center;}
#boffer img {width:100%; height:auto; max-width:576px; margin:0 auto;}
#boffer .button {margin:5px; width:248px;}


/*** Checkout ***/

body.checkout {background:#222;}

div.checkoutband #glowlogo {margin:0px auto; padding:0px;}
div.checkoutband #glowlogo img {width:100%;}

div.checkoutsignin {padding:0px; text-align:center;}