/*
 * UK Water Features.
/*

 * CONTENTS
 *
 * GENERIC
 * Anchors
 * Fonts
 *
 * BASE
 * Form Fields.............Fields and labels
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 * feature box .........Client specific theme
 *
 * COMPONENTS
 * Page-head............The main page header.
 * Page-foot............The main page footer.
 * Buttons..............Button elements.
 * Product..............Product Page.
 * Basket...............Basket Page.
 * Checkout.............Checkout Page
 *
 * NAVIGATION
 * Main ................Main site navigation
 * Breadcrumb ..........Path Bar
 *
 * SPECIAL
 * Slideshow ...........Default carousel overlays
 * Boxes ...............Products and categories
 * Filters..............Product Filter navigation
 * Add to basket........Custom add to basket appearance
 * Sorting .............Controls for sub cat view
 *
 * MEDIA QUERIES
 * Header................Header and responsive navigation
 * 
 */

/* ==========================================================================
   GENERIC
   ========================================================================== */

/*
 * Anchors
 */

a {
	-o-transition: color .25s ease-out, background .25s ease-in;
	-ms-transition: color .25s ease-out, background .25s ease-in;
	-moz-transition: color .25s ease-out, background .25s ease-in;
	-webkit-transition: color .25s ease-out, background .25s ease-in;
	transition: color .25s ease-out, background .25s ease-in;
}
.content p a {
	/*color: #05546c;*/
	font-weight: bold;
}
.content a:hover {
	color: #55b7d6;
}
a:hover {
	text-decoration: none;
}
body {
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	font-size: 1em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: .75em 0;
	padding: 0;
	letter-spacing: -0.03em
}
p {
	margin: .75em 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}


.content h1:first-of-type, .content p:first-of-type {
	margin-top: 0 !important
}
/* homepage grid */

.col--main {
	width: 75%;
	float: right;
	display: inline-block;
	padding-right: 0;
}
.col--right {
	width: 25%;
	float: right;
	display: inline-block;
}
.col--left {
	width: 25%;
	float: left;
	padding-right: 20px !important;
	display: inline-block;
}
.grid__item.list p {
	display: block !important;
	text-align: left;
	width: 85%;
	float: right;
	margin: 0;
	font-size: .9em;
}
.grid__item.list .button {
	position: absolute;
	width: auto;
	bottom: 10px;
}
/* ==========================================================================
   BASE
   ========================================================================== */

/*
 * Forms
 */

.field {
	margin: .5em 0;
	clear: both;
	display: table;
	width: 100%;
}
.field>label {
	min-width: 15em;
	padding: .5em 0;
}
.form-buttons button.fl-left {
	float: none !important
}
.form-buttonsX {
	line-height: 3
}
.field> :not(label) {
	padding: .5em;
	border: 1px solid #cde5f0;
}
input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select, textarea {
	background-color: #FFF;
	border: 1px solid #cde5f0;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: .5em;
	color: #666;
}

input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0;
}


.cmscontent img {
	max-width: 100%;
	height: auto;
}
.compact {
	background-color: #335ba7;
	color: #fff !important;
	display: inline;
	padding: 0.25em 0.5em;
}
.basket tr td:last-child, .basket tr th:last-child {
	padding-right: .5em;
}
.button.cancel {
	display: inline-block;
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	text-shadow: none;
	color: #999 !important;
	font-weight: 400;
	font-size: 0.875em;
}
.button.cancel:hover {
	background: #fff;
	border: 1px solid #e6e6e6;
	text-shadow: none;
	color: #999 !important;
	font-weight: 400;
}
.button.cancel::before {
	content: "X ";
}
.basket input[name="Qty"] {
	padding: .5em;
	width: 60px;
	vertical-align: middle;
	text-align: center !important;
}
.basket__data>div {
	display: table;
	margin: 1em 0;
	width: 100%;
}
.basket__data>div.basket__discount {

	margin-top: 2em
}
.basket__total, .data__sub-total {
	border-bottom: 1px solid #cde5f0;
	font-weight: 700;
	padding-bottom: .25em;
}
#ShipSelectFrm {
	line-height: 2em;
	font-size: 0.875em;
	display: inline-block;
	width: auto;
}
.button.progress, .button.regress {}
.button.checkout {
	min-width: 230px;
	font-size: 1.250em;
	text-align: center;
}
.basket__product td {
	border-bottom: 1px solid #cde5f0
}
input:not([type='submit']) {
	/*-webkit-appearance: none;*/
}
legend {
	font-size: 1.75em;
	color: #2b88c0;
}
h1 {
	margin: 1em 0 1em 0;
}
/* ==========================================================================
   OBJECTS
   ========================================================================== */

body {
	background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.wrapper.full-width>*:not(.top-bar):not(.hero-banner):not(.content) {
	max-width: 1240px;
	margin: 0 auto;
	padding-right: 1.5em;
	padding-left: 1.5em;

}
.full-width>.display-box {
	max-width: none;
}
.content {
	max-width: 1240px;
	margin: 0 auto;
	background-color: #FFF;
	padding: 1.75%;
	display: block;
}

.tp-wrapper {
	background: #05546c;
	padding-bottom: .5em;
	padding-top: .75em;
}

.top-bar-wrapper {
	background: #ffc90d;
}

.tp-reviews-wrapper {
	padding-top:1em
}

@media screen and (max-width:649px) {
	
	.tp-reviews-wrapper {
	padding-top:1.5em;
	padding-bottom:1.5em;	
}
	
}




.top-bar {
	max-width: 1240px;
	margin: 0 auto;
	font-size: 1em;
	text-align: center;
    font-weight:bold;
    text-transform:uppercase;
    padding:.25em;
}
#head-links {
	float: left;
	display: inline-block;
	padding-top: 0.175em;
	vertical-align: top;
}
#head-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
    display:none;
}

#head-links li {
	float: left;
}
#head-links a {
	padding: 0 .5em;
	display: block;
	color: #FFF;
}
#head-links a:hover {
	color: #55b7d6;
}
#xmas-countdown {
	display: none;
}

#header-contact {
   height: 50px; 
   padding-top:5px;
    
}

.checkout-header #header-contact {
   padding-top:30px;
    
}


#head-social {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: -2px;
}
#head-social li {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	float: left;
}
#head-social li a {
	display: block;
	width: 25px;
	height: 25px;
	padding: 0;
	text-indent: -9999px
}
#head-social li:first-child a {
	background: url(../images/fb.svg) no-repeat;
}
#head-social li:nth-child(2) a {
	background: url(../images/tw.svg) no-repeat;
}
#head-social li:nth-child(3) a {
	background: url(../images/pin.svg) no-repeat;
}
#head-social li:nth-child(4) a {
	background: url(../images/gplus.svg) no-repeat;
}
/* 
#basket-preview {
	min-width: 320px;
	width: 101%;
	width: -webkit-calc(100% + 2px);
	width: -moz-calc(100% + 2px);
	width: calc(100% + 2px);
	background: #e9eef1;
	padding: 9px;
	border: 1px solid #cde5f0;
	border-top: 0;
	position: absolute;
	right: -1px;
	left: -1px;
	z-index: 300000;
	display: none;
}
#basket-preview .button {
	padding: .5em 0.75em;
	width: 100%;
	text-align: center;
}
.basket-prod {
	display: block;
	clear: both;
	margin-bottom: 1em;
	padding-bottom: .75em;
	border-bottom: 1px solid #cde5f0;
}
.basket-desc p:first-of-type a {
	color: #333;
}
.basket-desc span:nth-of-type(2) {
	color: #666666;
	text-decoration: underline;
}
.basket-desc span:nth-of-type(3) {
	float: left;
	width: 45%
}
.basket-desc span:nth-of-type(4) {
	float: right;
	text-align: right;
	width: 45%
}
.basket-prod p {
	margin: 0;
}
.basket-prod span {
	font-size: 0.875em;
	display: block;
}
.basket-prev-image {
	width: 75px;
	float: left;
	margin-right: 10px;
}
.basket-desc {
	float: left;
	width: 200px;
	width:-webkit-calc(100% - 85px);
	width: -moz-calc(100% - 85px);
	width: calc(100% - 85px);
}
.basket-prev-total {
	padding: 0 0 .75em 0;
	text-align: right;
	display: block;
	clear: both;
	font-weight: 700;
}
.basket-prev-total span {
	float: left;
	text-align: left;
}*/


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	text-align: left;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
	background-color: #eee;
}
.ac_over {
	background-color: #0A246A;
	color: white;
}
/* -------------------------------------------------------
	ADVANCED SEARCH
----------------------------------------------------------*/

ul#adv_autocomplete.rich {
	position: absolute;
	z-index: 300000;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #e9eef1;
	font-size: 0.875em;
	display: none;
}
ul#adv_autocomplete.rich b {}
ul#adv_autocomplete.rich ul {
	list-style: none;
	padding: 0;
	margin: 0
}
.adv_ac_suggestions ul {}
ul#adv_autocomplete.rich .logo {
	text-align: right
}
ul#adv_autocomplete.rich li {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}
ul#adv_autocomplete.rich li ul li {
	padding: .5em;
	cursor: pointer
}
ul#adv_autocomplete.rich li:last-child ul li:last-child {}
ul#adv_autocomplete.rich li ul li:nth-child(even) {
	background: #fff
}
ul#adv_autocomplete.rich li ul li:nth-child(odd) {
	background-color: #e9eef1;
}
ul#adv_autocomplete.rich li h2 {
	margin: 0;
	background: #2b88c0;
	color: #fff;
	display: block;
	padding: 5px 10px
}
ul#adv_autocomplete.rich .adv_ac_products li {
	padding: 4px 6px;
	_padding-bottom: 2px;
	height: 55px;
	position: relative;
	overflow: hidden;
}
ul#adv_autocomplete.rich .adv_ac_products li:last-child {
	border-bottom: 0
}
ul#adv_autocomplete.rich .adv_ac_products li h3 {
	color: #666;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
}
ul#adv_autocomplete.rich .adv_ac_products li .adv_ac_iwrap {
	width: 50px;
	height: 50px;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	line-height: 50px;
	text-align: center;
}
ul#adv_autocomplete.rich .adv_ac_products li img.adv_ac_image {
	width: 50px;
	height: 50px;
	margin: 5px;
	float: left;
	position: relative
}
ul#adv_autocomplete.rich .adv_ac_products li .adv_ac_iwrap img.adv_ac_image {
	width: auto;
	height: auto;
	margin: 0;
	float: none;
	max-height: 50px;
	max-width: 50px;
	vertical-align: middle
}
ul#adv_autocomplete.rich .adv_ac_products li p {
	margin: 0;
	padding: 0;
	padding-right: 52px;
	padding-left: 70px;
}
ul#adv_autocomplete.rich .adv_ac_products li span {
	float: right;
	font-weight: 700;
	position: relative
}
ul#adv_autocomplete.rich li ul li.adv_ac_active {
	background-color: #467db6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.13, #477db7), color-stop(0.79, #26527f));
	background: -moz-linear-gradient(center top, #477db7 13%, #26527f 79%)
}
ul#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion, ul#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion b, ul#adv_autocomplete.rich .adv_ac_products li.adv_ac_active b {
	color: #fff
}
ul#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion, ul#adv_autocomplete.rich .adv_ac_products li.adv_ac_active, ul#adv_autocomplete.rich .adv_ac_products li.adv_ac_active h3 {
	color: #dfefff
}
ul#adv_autocomplete.rich.mobile li div {
	line-height: 32px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
ul#adv_autocomplete.rich.mobile li.logo {
	padding-right: 3px;
	line-height: 18px
}
ul#adv_autocomplete.rich.mobile li ul li.adv_ac_active {
	background-image: none
}
ul#adv_autocomplete.rich.mobile .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion, ul#adv_autocomplete.rich.mobile .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion b, ul#adv_autocomplete.rich.mobile .adv_ac_products li.adv_ac_active b {
	color: #333
}
ul#adv_autocomplete.rich.mobile .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion, ul#adv_autocomplete.rich.mobile .adv_ac_products li.adv_ac_active, ul#adv_autocomplete.rich.mobile .adv_ac_products li.adv_ac_active h3 {
	color: #333
}
ul#adv_autocomplete.rich.mobile li {
	-webkit-tap-highlight-color: #75b9f0
}
ul#adv_autocomplete.rich .adv_ac_products li>span {
	display: inline-block;
	color: #000;
	position: absolute;
	top: 8px;
	right: 10px;
}
/* -------------------------------------------------------
	ADVANCED SEARCH custom 
----------------------------------------------------------*/

ul#adv_autocomplete.rich li h2 {
	background-color: #2b88c0;
	color: #fff;
	display: block;
	margin: 0;
}
ul#adv_autocomplete.rich {
	margin-left: -6px;
	z-index: 300000;
	width: 100%;
	width: -webkit-calc(100%+2px);
	width: -moz-calc(100% + 2px);
	width: calc(100% + 2px);
	text-align: left;
	border: 1px solid #cde5f0;
	border-top: 0;
	padding: 5px;
}
#adv_autocomplete.rich .adv_ac_suggestion {
	padding-top: -10px
}
ul#adv_autocomplete.rich li ul li {
	background-color: #fff!important;
	background: 0;
}
ul#adv_autocomplete.rich li ul li.adv_ac_active {
	background-color: #e9eef1!important;
	background: 0;
}
ul#adv_autocomplete.rich li ul li:nth-child(2n+1) {
	background-color: rgba(0, 0, 0, 0) !important;
	background: 0;
}
ul#adv_autocomplete.rich li ul li:nth-child(2n+1).adv_ac_active {
	background-color: #e9eef1!important;
	background: 0;
}
ul#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion, ul#adv_autocomplete.rich .adv_ac_products li.adv_ac_active, ul#adv_autocomplete.rich .adv_ac_products li.adv_ac_active h3 {}
ul#adv_autocomplete.rich .adv_ac_products li h3 {
	padding-right: 70px;
	padding-left: 70px;
	margin: 2px 0 5px;
}
ul#adv_autocomplete.rich .adv_ac_products li h3 a {
	text-decoration: none;
	display: block;
	height: 3.6em;
	line-height: 1.2em;
	overflow: hidden;
}
ul#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion, ul#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion b, ul#adv_autocomplete.rich .adv_ac_products li.adv_ac_active b {
	text-decoration: underline
}
ul#adv_autocomplete.rich .adv_ac_products li {
	height: 70px
}
ul#adv_autocomplete.adv_rac_fixed {
	position: fixed;
	top: 55px!important
}
ul#adv_autocomplete {}
.header-wrapper, .full-width>header {
	background-color: #05546c !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.feature.shop-by-cat {
	padding: 1.75% !important
}
.feature.shop-by-cat {
	background: #e9eef1;
	padding: 1.75%;
}
.shop-by-cat [class*='grid--']>.grid__item {
	margin-bottom: 0;
}
h1.section-title, h2.section-title {
	color: #FFF;
	font-weight: normal;
	font-size: 1.750em;
	background: url(../images/h2-line.png) repeat-x center center;
	margin: 0 0 2% 0;
}
h1.section-title span, h2.section-title span, h2.section-title>em {
	padding: .25em .5em;
	background: #2b88c0;
	border-right: 10px solid #FFF;
	display: inline-block;
	font-style: normal;
}

.section-title.xmas span {background-color:#ac1807;}

.feature .grid__item .button, .hero-slide__overlay .button {
	background: #ffcc00;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffcc00 0%, #fff482 100%, #fff482 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcc00), color-stop(100%, #fff482), color-stop(100%, #fff482));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffcc00 0%, #fff482 100%, #fff482 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffcc00 0%, #fff482 100%, #fff482 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffcc00 0%, #fff482 100%, #fff482 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffcc00 0%, #fff482 100%, #fff482 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#fff482', GradientType=0);
	/* IE6-9 */
	color: #000;
}
/* ==========================================================================
   COMPONENTS
   ========================================================================== */

/*
 * Page header 
 */

.top-bar-tel {
	display: none
}
header {
	padding: .5em;
	text-align: center
}
header > .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom:5px;
}


#header-logo {
	width: 300px;
	text-align: left;
}



#header-logo img {
	max-width: 275px;
	height: auto;
}

#header-contact span:first-of-type {
	font-size: 1.5em;
	color: #FFF;
	letter-spacing: -1px;
	line-height: 20px;

}
#header-contact span:first-of-type a {
	font-weight: 700;
	color: #76cadf
}
#header-middle {
	text-align: center;
	flex-grow: 1;
    padding: 0 5%;

}
#header-search {
	display: block;
	clear: both;
	margin-top: 10px;
	position: relative;
}
.opening-times {
	font-size: 0.875em;
	display: block;
	line-height: 20px;
	color: #FFF;
}
#header-right {
	text-align: right;
    width: 285px;
}

.header-print-txt, .print-title, .print-code {
	display: none;
}
.border-wrap {
	padding: 5px;
	background: #FFF;
 	border-radius: 7px;
    position:relative;
}



#header-search div:first-of-type:not(.adv_ac_suggestion):not(.adv_ac_iwrap){
	height: 38px;
	line-height: 38px;
    text-align:left;
}

#click-collect {
	margin: 1px 0 4px 0
}
button, .button {
	background: #23b266;
	background: -webkit-gradient(linear, left top, left bottom, from(#47cc85), to(#23b266));
	background: -webkit-linear-gradient(top, #47cc85, #23b266);
	background: -moz-linear-gradient(top, #47cc85, #23b266);
	background: -ms-linear-gradient(top, #47cc85, #23b266);
	background: -o-linear-gradient(top, #47cc85, #23b266);
	background: linear-gradient(top bottom, #47cc85, #23b266);
	border: 1px solid #20a45e;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 1.125em;
	vertical-align: middle;
}
button:hover, .button:hover {
	background: #23b266;
	background: -webkit-gradient(linear, left top, left bottom, from(#32bd73), to(#23b266));
	background: -webkit-linear-gradient(top, #32bd73, #23b266);
	background: -moz-linear-gradient(top, #32bd73, #23b266);
	background: -ms-linear-gradient(top, #32bd73, #23b266);
	background: -o-linear-gradient(top, #32bd73, #23b266);
	background: linear-gradient(top bottom, #32bd73, #23b266);
	color: #FFF!important;
}



#header-search button {
	background-color: transparent!important;
	background-image: url("../images/search-icon.svg");
	background-position: center;
    background-size: 32px 32px;
	background-repeat: no-repeat;
	padding: 0;
	border: 0 none;
height: 48px;
	width: 48px;
    opacity: .7;
    position:absolute;
    right:1px;
    top:1px;
}
#header-search button:hover{
	opacity: .85;
}

#header-search button span {display: none;}


#header-search input[type="search"] {
	border: 0 none;
	height: 38px;
	line-height: 38px;
	background-color:transparent;
	color: #666;
    padding-left:5px;
	width: -webkit-calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: calc(100% - 50px);
}

.header-basket {
	position: relative;
}

.basket-link-wrapper {

    
    position: relative;
    
    display:inline-block;
}


.basket-link {
	color: #111;
	display: inline-block;
    padding: 5px 10px;
    background: #FFFFFF;
    height:48px;
    border-radius: 7px;

}

.basket-link, .basket-link:before {
	    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;}



.basket-link:hover .basket-items:before {opacity:.85;}

.basket-link:hover #BasketTotal {}

.basket-link > span {display: inline-block;height:38px;line-height:38px;vertical-align: middle;}
#BasketTotal {font-weight:bold;}


.basket-items:before {
	background: url("../images/shopping-basket.svg") no-repeat scroll 0 0;
	content: " ";
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
	position:absolute;
	left:0;
	top:5px;
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.basket-items {
	width: 28px;
	position: relative;
	margin-right: 1em;
}

.basket-items span {
	background: #22b165;
	border-radius: 50%;
	height: 21px;
	width: 21px;
	display: inline-block!important;
	line-height: 21px;
	text-align: center;
	top:3px;
	right:-13px;
	position: absolute;
	font-size:12px;
	font-weight:bold;
    color:#FFF;
}

/*.basket-link:after {
  content:"";
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ebebeb;
  dispaly:block;
  position:absolute;
  bottom:0;
  opacity:0;
  -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
  left:8px;
  z-index:+1
}

.basket-link.active:after {
  opacity:1;
}*/



.basket-dropdown:before {
  content:"";
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  dispaly:block;
  position:absolute;
  top:0;
  -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
  right:75px;
  z-index:+1
}




.basket-dropdown {
	display:none;
	width:285px;
	height:auto;
	font-size: 0.889em;
	position:absolute;
	/*top:62px;*/
    padding-top:10px;
	/*transform:translateX(-50%);	*/
	color: #333333;
	text-align:left;
	right:0;
    z-index:100;
}

.basket-dropdown > .row {
   background: #FFF;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
    
    
}

.basket-dropdown > .row > div:not(.bkt-prods-wrap), .bkt-prod {padding:.75rem 1rem;}


.bkt-summary,  .bkt-total {font-weight:bold;}

.bkt-summary {background:#ededed;}


.bkt-prods-wrap {max-height:200px;overflow-y: auto}

.bkt-prod-desc {flex-grow:1;}
.bkt-prod-desc > div:last-of-type {font-size: 0.889em;padding-top:.35em;display:flex;justify-content: space-between;padding-right:.25em}
.bkt-prod-desc > div:last-of-type > span:not(:last-of-type) {font-weight:700;padding-right:1em;}
.bkt-prod-desc > div:last-of-type > span:last-of-type {flex-grow:1;color:#777777}

.bkt-total > span {text-align: right;float:right;}
.bkt-prod {display: flex;border-bottom:1px solid #e7e7e7;flex-wrap: nowrap;}
.bkt-img {flex: 0 0 57px;padding-right:12px;}
.bkt-img img {width:45px}
.button.bsk-remove {min-width:0;margin: 0 ;padding: 0;background: transparent!important;border:0!important}

.button.bsk-remove:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/bkt-remove.svg) center no-repeat;
    background-size: cover;
    display: inline-block;
    opacity: .5;
	margin:0 0 -4px 0;

}

.bkt-footer {display:block;clear:both;background:#ededed;}
.bkt-footer .button {width:100%;text-align:center;}





.featured-cat-box {
	position: relative;
}
.cat-box-overlay {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(156, 212, 237, 0.85) url("../images/circle-arrow.svg") no-repeat center 80%;
	padding: 0 5%;
	height: 35%;
	background-size: 30px 30px
}
.cat-box-overlay h2 {
	max-width: 100%;
	font-size: 1.25em;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: .5em 0;
}
.cat-box-overlay em {
	font-style: normal;
	display: none
}
.featured-cat-box:hover .cat-box-overlay {
	background: rgba(156, 212, 237, 0.95) url("../images/circle-arrow.svg") no-repeat center 80%;
	background-size: 30px 30px
}
.cat-banner img {
	margin-bottom: 2%
}
.cat-box *, .featured-cat-box *, .guide-box *, .video-box * {
	-o-transition: all 0.15s ease-in-out 0s;
	-ms-transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-webkit-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
}
.featured-cat-box:hover .image-container img {
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
}
.cat-box:hover .image-container img, .guide-box:hover .image-container img, .video-box:hover .image-container img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}
.cat-box:hover, .guide-box:hover {
	cursor: pointer;
}
.cat-box:hover h3, .guide-box:hover h3 {
	color: #55b7d6
}
.home-text {
	border-top: 1px solid #cde5f0;
	padding-top: 1.5em;
}
.home-text img {
	max-width: 100%;
	width: 35%;
	height: auto;
	margin: 0 0 1em 1em;
	min-width: 300px;
	float: right;
}

.grid__item.cat-box h3, .grid__item.guide-box h3 {
	height: 2.8em
}
.video-box h4 {
	background: #2b88c0;
	color: #FFF;
	margin: 0 !important;
	font-size: 1.25em;
	text-align: center;
	padding: .5em;
	height: 2.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.video-box h4 a {
	color: #FFF;
}
.video-name {
	background: #2b88c0;
	color: #FFF;
	font-size: 1.25em;
	text-align: left;
	padding: .5em;
	height: 2.4em;
}
.video-name a {
	color: #FFF;
}
.video-name a:hover {
	color: #333;
}
.video-name span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	width: calc(100% - 60px);
	display: inline-block;
	vertical-align: top;
}
.fb-like {
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: 30px;
	float: right;
	padding-top: 5px
}
.addthis_16x16_style .at4-icon, .addthis_16x16_white_style .at4-icon, .addthis_default_style .at4-icon, .at4-icon, .at-16x16 {
	width: 20px !important;
	height: 20px !important;
	background-size: 20px 20px!important;
	background-position: center center !important
}
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
	padding: 0 0 0 2px!important
}
.video-banner {
	float: left;
	width: 32%;
	margin: 0 2% 2% 0;
}
.video-banner img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.video-container-wrap {
	width: 66%;
	margin-bottom: 2%;
	float: left;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.video-container.prod-page {
	margin: 15% 0 18% 0
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100% auto;
}
.main-video {
	margin: 0 0 2% 0
}
.grid--4#foot-icons {
	margin: 2% 0 0 0;
}

.promo-banner img {width:100%;height:auto;margin-bottom:1.75%}


.hero-banner + .promo-banner img, .mob-hero-banner + .promo-banner img  {margin-top:1.75%}

.mob-hero-banner, .mob-promo-banner {display:none;}


#foot-icons {
	padding-top: 2%;
	border-top: 1px solid #cde5f0;
}
.foot-icon {
	text-align: center;
}
.foot-icon div:first-of-type {
	white-space: nowrap
}
foot-icon * {
	-o-transition: all 0.25s ease-in-out 0s;
	-ms-transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
.foot-icon span {
	font-size: 2em;
	font-weight: 300;
	display: block;
	line-height: 1.1em
}
.foot-icon .image-container {
	max-width: 135px;
	margin: 15px auto;
}
.foot-icon:hover img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}
.foot-icon:hover span {
	color: #05546c;
}
/*
 * Page Footer 
 */

.footer-wrapper {
	background-color: #f2f2f2;
}
.wrapper.full-width footer {
	background-color: #f2f2f2;
}
.bottom-footer-wrapper {
	background-color: #05546c;
}
.bottom-footer {
	padding-top: 2%;
	padding-bottom: 2%;
	color: #FFF;
}
.bottom-footer a {
	color: #FFF;
}
#foot-social li {
	width: 50px !important;
	height: 50px;
	margin-right: 6px;
	display: inline-block;
	float: left;
	vertical-align: top;
}
#foot-social {
	margin-top: 2.5em;
	padding-left: 0;
}
#foot-social li a {
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	text-indent: -9999px;
}
#foot-social li a:hover {
	opacity: 0.7;
}
#foot-social li:nth-child(1) a {
	background: url(../images/fb-circle.svg) no-repeat;
	background-size: 50px 50px
}
#foot-social li:nth-child(2) a {
	background: url(../images/tw-circle.svg) no-repeat;
	background-size: 50px 50px
}
#foot-social li:nth-child(3) a {
	background: url(../images/pin-circle.svg) no-repeat;
	background-size: 50px 50px
}
#foot-social li:nth-child(4) a {
	background: url(../images/gplus-circle.svg) no-repeat;
	background-size: 50px 50px
}
#foot-social li:nth-child(5) a {
	background: url(../images/blog-circle.svg) no-repeat;
	background-size: 50px 50px
}
.footer-list {
	margin-top: 1em;
}
.footer-list li:first-child {
	font-size: 1.125em;
	margin-bottom: 1em;
	font-weight: 700;
	color: #05546c
}
.newsltr-wrapper {
	background-color: #9dd4ed;
	padding: .75em 0;
}
.newsltr-wrapper h2 {
	margin: 0;
	color: #FFF;
}
.newsltr-wrapper span {
	margin: 0;
	color: #FFF;
}
.newsltr-wrapper input[type="email"] {
	border: 1px solid #2d89a5
}
.newsltr-wrapper button {
	border: 1px solid #2d89a5;
	border-left: 1px solid #68963d;
}
#AmazonAddressWidget, #AmazonWalletWidget {
	margin-bottom: 2%;
}
#AmazonAddressWidget iframe, #AmazonWalletWidget iframe {
	border-radius: 0!important
}
#amazon-pad .button {
	font-size: 1.25em;
	width: 150px;
}
#amazon-pad input[value="Previous"] {
	float: left;
	background: #f1f1f1;
	border: 1px solid #e6e6e6;
	color: #999;
	text-shadow: none;
}
#amazon-pad input[value="Next"], #amazon-pad [value="Confirm"] {
	float: right;
}
@media screen and (max-width:849px) {
	.newsltr-wrapper {
		text-align: center;
	}
	.newsltr-wrapper h2+span {
		display: block;
		margin-bottom: .5em;
	}
}
footer li {
	width: auto !important;
}
footer>ul:last-of-type li {
	float: none;
}
.footer-list:last-of-type a {
	display: inline-block;
	word-wrap: break-word;
}
.footer-list:not(last-of-type) a {
	padding: .25em 0;
	display: block;
}
.footer-list a:hover {
	color: #55b7d6;
}
.footer-list li:last-child a {
	border-right: 0;
}
#foot-security {}
#foot-security img {
	max-width: 265px;
	height: auto;
	width: 100%;
	border-top: 1px solid #e3e3e3;
	padding-top: 1em
}
.footer__copyright {}
.footer__copyright a {
	float: none;
	margin-left: .5em;
	border-left: 1px solid #808080;
	padding-left: .5em;
}
address {
	font-style: normal;
	margin-bottom: 1em;
}
/*
 * BUTTONS
 */

.button {
	color: #FFF;
	border-radius: 0;
	display: inline-block;
	width: auto;
	cursor: pointer;
	background-color: #000;
}
.button:hover {}
.feature.display-box .button {
	background: #2b88c0;
	border: 0;
	margin: 1em 0;
	display: inline-block;
}
.feature.display-box .button a {
	color: #FFF;
	font-size: 1em;
}
.progress {
	font-size: 1.25em;
	display: inline-block;
	margin: .25em 0;
	padding-right: 30px;
	position: relative;
}
.progress:after {
	content: "\e82c";
	font-family: e2e;
	position: absolute;
	right: 10px;
}
.grid__item .button {
	display: inline-block !important;
	background-color: #000;
	padding: .35em !important;
	width: 100%;
}
*:disabled {
	opacity: .5;
	color: #CCC;
}
/*
 * PRODUCT
 */

.images__thumbs .active {
	border: 2px solid #355DA7;
}
.product__images .bx-viewport .image-container {
	margin-top: -1em !important;
}
.product__images .bx-viewport {
	padding-top: 0;
}
.product__images .bx-controls-direction a {
	background-color: #345CA7;
	padding: 3px;
	top: 0;
}
.product__images .bx-wrapper {
	margin: .5em auto !important;
}
.price {
	font-size: 1.5em;
	font-weight: 700;
}
.delivery-tab {
	-o-transition: opacity 0.45s ease-in-out 0s;
	-ms-transition: opacity 0.45s ease-in-out 0s;
	-moz-transition: opacity 0.45s ease-in-out 0s;
	-webkit-transition: opacity 0.45s ease-in-out 0s;
	transition: opacity 0.45s ease-in-out 0s;
	opacity: 0;
	padding: 10px;
	position: absolute;
	color: #FFF;
	background: rgba(156, 212, 237, 0.9);
	bottom: 0;
	left: 0;
	display: none;
}
.prod-box {
	text-align: left;
	position: relative;
}
.prod-box:hover .delivery-tab {
	opacity: 1;
}
.promo-tab, .sale {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
	height: 75px;
}
.promo-tab img {
	width: 100%;
	height: auto;
}
.sale {
	font-weight: 700;
	text-align: center;
	color: #FFF;
	padding-top: 15px;
	background: #ac1807;
	line-height: 1.3em;
	display: none;
}
.sale span {
	display: block;
	clear: both;
}
#promo-banner {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.prod-box .image-container img {
	-o-transition: all ease-in-out 0.15s;
	-ms-transition: all ease-in-out 0.15s;
	-moz-transition: all ease-in-out 0.15s;
	-webkit-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;
}
.prod-box:hover .image-container>img {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.prod-box button {
	width: 49%;
	padding: .5em 0;
	float: left;
	font-size: 1rem;
	margin-top: .5em;
}
.prod-box button:not(:last-of-type) {
	background: #b7dff1;
	background: -webkit-gradient(linear, left top, left bottom, from(#def0f8), to(#bce2f3));
	background: -webkit-linear-gradient(top, #def0f8, #bce2f3);
	background: -moz-linear-gradient(top, #def0f8, #bce2f3);
	background: -ms-linear-gradient(top, #def0f8, #bce2f3);
	background: -o-linear-gradient(top, #def0f8, #bce2f3);
	background: linear-gradient(top bottom, #def0f8, #bce2f3);
	border: 1px solid #91c7e1;
	color: #003a4b;
	text-shadow: none;
}
.prod-box button:not(:last-of-type):hover {
	background: #a8ca86;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6f4fa), to(#cde9f6));
	background: -webkit-linear-gradient(top, #e6f4fa, #cde9f6);
	background: -moz-linear-gradient(top, #e6f4fa, #cde9f6);
	background: -ms-linear-gradient(top, #e6f4fa, #cde9f6);
	background: -o-linear-gradient(top, #e6f4fa, #cde9f6);
	background: linear-gradient(top bottom, #e6f4fa, #cde9f6);
	border: 1px solid #add5e9;
	color: #003a4b!important;
}
.prod-box button.pre-order {
	border: 1px solid #ff6b06;
	background: #ff7f28;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8e41), to(#ff7f28));
	background: -webkit-linear-gradient(top, #ff8e41, #ff7f28);
	background: -moz-linear-gradient(top, #ff8e41, #ff7f28);
	background: -ms-linear-gradient(top, #ff8e41, #ff7f28);
	background: -o-linear-gradient(top, #ff8e41, #ff7f28);
	background: linear-gradient(top bottom, #ff8e41, #ff7f28);
}
.prod-box button.pre-order:hover {
	background: #ff7f28;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff822c), to(#ff7f27));
	background: -webkit-linear-gradient(top, #ff822c, #ff7f27);
	background: -moz-linear-gradient(top, #ff822c, #ff7f27);
	background: -ms-linear-gradient(top, #ff822c, #ff7f27);
	background: -o-linear-gradient(top, #ff822c, #ff7f27);
	background: linear-gradient(top bottom, #ff822c, #ff7f27);
}
.prod-box button:last-of-type {
	float: right;
}


.item-data-wrap {display: flex;justify-content: space-between;}

.prod-box-banner {
    width: 38%;
	padding-right:1px;
}

.prod-box-banner img {
    width: 100%;
    height: auto;

}



.in-stock, .out-stock {
	display: flex;
    padding: 0 0 0 35px;
    font-size: 0.875em;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: left center;
    line-height: 1;
    height: 30px;
    align-items: center;
}

.in-stock {
	color: #22b165;
	background-image: url(../images/circle-tick.svg);
}
.out-stock {
	color: #ff7f27;
	background-image: url(../images/circle-calendar.svg);
	line-height: 1em;
	padding: 0 0 0 35px;
}
.grid__item .prices {
	display: block;
	clear: both;
}
.click-collect {
	font-size: 0.875em;
	color: #55b7d6;
	display: block;
	position: absolute;
	bottom: 2.5em;
}
.rrp {
	text-decoration: line-through;
}
.prod-code {
	font-size: 0.889em;
    color: #a1a1a1;
}


.product__price {
   margin-bottom: 1.25em;
   position: relative;
   padding-top: 1.25em; 
 
}


.prod-box .rrp {
	line-height: 1;
	margin-top: -5px;
	clear: left;
}
.product-details h1 {
	margin: 0;
	line-height: 1.2em;
	color: #55b7d6
}

.product-details .highlight {
  display:flex;
}

.product-details .rrp {
	padding-right: .5em;
	color: #a1a1a1;
}
.product-details .price {
	color: #22b165
}
.product-details .save {
	display: block;
}
.footer-copyright, .e2e-link {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	float: left;
}
.e2e-link {
	text-align: right;
	float: right;
}
.show-mob {
	display: none;
}
.checkout fieldset legend {
	padding: 1em 0;
}
.checkout fieldset legend>span {
	color: #FFF;
	background: #2b88c0;
	padding: 0.175em 0.5em;
	margin-right: .25em;
}
.checkout-options .col--1-4 {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.checkout-options .col--1-8 {
	width: 12.5%;
	padding: 1em 0 0 0 !important
}
.checkout-options .button.checkout {
	min-width: 0;
	width: 100%;
	height: 62px;
}
.checkout-options {
	text-align: center;
}
.checkout-options .col--1-4, .checkout-options .col--1-8 {
	float: none!important;
	display: inline-block;
}
.btn-img {
	margin: 20px auto;
	max-width: 100%;
}
@media (min-width: 850px) and (max-width: 1160px) {
	.checkout-options button:first-of-type span {
		display: none;
	}
}
.checkout-page {
	padding-top: 1.25em;
}
.checkout-page .image-container {
	text-align: center;
}
.checkout-page .image-container img {
	max-width: 300px;
	margin: 0 auto
}
.bespoke-info {
	background: #98bc99;
	padding: 20px;
	color: #FFF;
	margin-top: 1.25em;
	text-align: center;
}
.bespoke-info span {
	color: #333;
	display: block;
}
.bespoke-info em {
	font-style: normal;
	font-size: 1.75em;
}
#accessories h5 {
	font-size: 1.5em;
	background: #2b88c0;
	color: #FFF;
	padding: 0.25em .5em;
}
.ac-box {
	float: left;
	font-size: 0.875em;
	background: #e9eef1;
	padding: 15px;
	margin: 0 2%;
}
.ac-box img {
	width: 85px!important;
	height: auto;
	margin: 0 10px 0 0;
	float: left;
}
.ac-info {
	float: left;
	width: -webkit-calc(100% - 100px);
	width: -moz-calc(100% - 100px);
	width: calc(100% - 100px);
}
.ac-info p {
	margin: 0;
	height: 2.4em;
	overflow: hidden;
	line-height: 1.2em;
}
.ac-info>span {
	display: block;
	color: #55b7d6;
	font-weight: bold;
	padding: .125em 0
}
.ac-info button {
	padding: .25em .5em;
}
#scroll-left, #scroll-right {
	background: rgba(0, 0, 0, 0) url("/images/chevron_prev.svg") no-repeat scroll 0 0 / 100% 100%;
	display: block;
	float: left;
	height: 25px;
	margin-top: 45px;
	text-indent: -9999px;
	width: 25px;
}
#scroll-right {
	background: rgba(0, 0, 0, 0) url("/images/chevron_next.svg") no-repeat scroll 0 0 / 100% 100%;
}
#accessories-carousel, #accessories-owl {
	float: left;
	width: calc(100% - 50px);
}
#accessories-carousel-wrap {
	width: 100%;
}
@media(min-width: 900px) {
	.product__images {
		width: 50%;
	}
	.product__data {
		width: 50%;
	}
}
.product__images .image-container {
	max-width: 100%;
}
.grid__item .price {}
.product__images .wrapper {
	border: 0 none;
}
.product__mod .selection {
	color: #345CA7;
}
.selection span {
	background-color: #345CA7;
}
.mod__grid {
	display: block;
}
.mod__grid li {
	border: 1px solid #898787;
	width: 10%;
}
.mod__grid li.active {
	border: 2px solid #345CA7;
}
abbr {
	cursor: default;
	border: 0 none;
}
abbr[title], acronym[title] {
	border-bottom-width: 0;
}
abbr span {
	display: none;
}
abbr:before {
	content: attr(title);
}
#add-to-basket {
	background: #22b165 url(/images/basket-wht.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0.5em 50px;
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	border: 0;
    margin-bottom: .5em
}

.delivery-promo {
    text-align: center;
    background:#ffc90d;
    padding: .5em 1em;
    font-size: .9em;
    text-transform: uppercase;
}


#tabContentArea {
	padding: 15px;
	background-color: #e9eef1
}
#tabContentArea>div>h2 {
	background: #2b88c0;
	border-bottom: 1px solid #FFF;
	font-weight: normal;
	color: #FFF;
	padding: 0.25em 0.5em;
	margin: 0 -15px 15px -15px;
	border-top: 1em solid #FFF;
}
#tabContentArea>div {
	padding-bottom: 1em;
}
#tabContentArea>div:first-of-type>h2:first-of-type {
	margin-top: -15px;
	border-top: 0 none;
}
#tabContentArea>div:first-of-type>h2:not(:first-of-type) {}
.resp-tabs-container {
	background-color: #e9eef1;
}
h2.resp-accordion {
	background: #2b88c0 !important;
	color: #FFF;
	padding: 0.25em 0.5em;
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: 1px solid #FFF!important;
	margin: 0;
	cursor: pointer;
}
h2.resp-tab-active {
	border-bottom: 0!important
}
h2.resp-accordion:first-child {
	border-top: 0!important
}
h2.resp-tab-title:last-child {}
.FAQsAccordion {
	list-style: none;
	margin: 0 0 2% 0;
	padding: 0
}
.FAQsAccordion li {
	margin: 0;
}
.FAQsAccordion h2.section-title {
	margin-top: 2%;
}
.li_top_element h3 {
	background: #e9eef1 url(/images/faq-chevron.svg) no-repeat right .5em center;
	padding: 0.25em 0.5em;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid #cde5f0;
	background-size: 30px 30px;
}
.li_pane {
	display: none;
}
.li_pane.display-box {
	background: #FFF;
}
table.add-info {
	width: auto;
}
table.add-info td {
	padding: .25em 2em .25em 0
}
table.add-info tr td:first-of-type {
	font-weight: 700;
}
.product__basket {
	display: block;
	padding: 1em 0;
	background: transparent;
}



.qty-wrap {
	white-space: nowrap;
	display: block;
    flex-grow: 1;
    
}

.qty-wrap input {width:60px;padding: .5em;text-align:center;}

.product__basket--fields .qty-select {
	width: 60px;
	min-width: 0!important;
	display: inline-block!important;
	padding: .3em!important;
	text-align: center;
}







.product__basket--fields {
	margin-top: .5em
}

.product__basket--fields fieldset {
    float:none;
    width:100%;

}

.product__basket--fields fieldset:first-child {

}
.product__basket--fields fieldset:nth-child(2) {
	
}
.product__basket--fields fieldset:nth-child(3) {
	
}

.product__basket--fields fieldset:first-child label[for="Qty"] {
	padding-right: .25em
}


.qty-phone-wrap {display:flex; align-items: center;justify-content: space-between;flex-direction: row-reverse;padding: 1em 0;}





.phone-order {
	font-size: 0.875em;
	color: #666666;
    
}
.phone-order>span {
	text-align: left;
	display: inline-block;
	margin: 0 auto
}
.phone-order>span:before {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url(/images/phone-symbol.svg);
	background-repeat: no-repeat;
	margin: 1px .5em 0 0;
	float: left;
}
.product__stock {}
.product__stock span {
	background: url(../images/circle-tick.svg) no-repeat left center;
	background-size: 30px 30px;
	padding: 0 1em 0 40px;
	min-height: 40px;
	align-items: center;
    display: flex;
	font-weight: bold;
    margin: .5em 0;
}
.product__stock span.InStock {
	color: #22b165;
}
.product__stock span.OutStock {
	background: url(../images/circle-cross.svg) no-repeat left center;
	background-size: 30px 30px;
}

.product__stock span.LowStock {
	background: #e38e11;
	color: #FFF;
	padding: .5em 1em .5em .5em;
    display:inline-block;
}
.product__stock .LowStock:before {
	background: url("../images/low-stock.svg") no-repeat scroll 0 0;
	content: " ";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	float: left;
}
.del-date {
	display: none;
	float: right;
	padding: 5px 0 0 92px;
	background: url(../images/del-date-icon.png) no-repeat left top;
	background-size: 84px 50px;
	min-height: 50px;
}
.del-date em {
	font-style: normal;
	font-weight: bold;
	display: block;
	color: #af1f0f
}
.del-date>span {
	background: none;
	float: none;
	display: block;
	clear: both;
	padding: 0;
	min-height: auto;
	margin: 0;
	font-size: 0.875em;
	color: #999;
}
#NDDOuter {
	display: block;
	clear: left;
	font-size: 0.875em;
	color: #666666;
}
#NDDOuter p {margin:0;}
#NDDOuter strong {}
#NDDOuter span {
	font-weight: 600;
}
.product__basket ul {
	list-style-type: none;
	padding: 1.75em 0 0 0;
	margin: 0;
}
#in-the-box ul, #features ul {
	list-style-type: none;
	padding: 0 0 0 .5em;
	margin: 0;
}
.product__basket li, #in-the-box li, #features li {
	background: url('../images/tick.svg') no-repeat left center;
	padding: 0 0 0 35px;
	margin: 0 0 0.5em;
	background-size: 27px 21px;
}
.product__basket--selected {
	color: #345CA7;
	font-size: 1em;
}
.product__share {
	margin: -15px 0 10px 0;
	float:right;
}
.share__button {color:#FFF!important;}

.product__share h5 {
	font-size: 1em;
}
.images__thumbs .image-container {
	border: 0 none;
}
.images__zoom {
	padding: 0;
	margin: 10px;
}
.images__zoom>* {
	background-color: transparent;
}
.js-zoom-show {
	background-color: #2b88c0;
	color: #FFF;
	height: 100%;
}
.js-zoom-in.zoom--in, .js-zoom-out.zoom--out {
	display: inline-block;
	width: 50px;
	background-color: #e9eef1;
	color: #000;
}
.content .stacked th {
	border-bottom: 1px solid #335BA7;
	padding: .25em 0;
}
.content .stacked tr:nth-child(odd) td {}
.stacked td {
	padding: .75em .5em;
}
.product__review {
	border-bottom: 1px solid #cde5f0;
	margin-bottom: 1em;
}
.document--pdf:before {
	font-family: e2e;
	content: "\e863";
	padding-right: .5em;
}
.product__mod h2 {
	font-family: 'open_sans_condensedbold', sans-serif;
}
/*
 * BASKET
 */

 
}
.basket tr th:first-child {
	padding-left: 0;
}
.basket th {
	background-color: #2b88c0;
	color: #FFF;
	border-bottom: 0!important;
	padding: 0.25em 0.5em;
	font-size: 1.5em;
}
.basket tr th:first-child {
	padding-left: 0.5em
}
.basket__total td {
	background-color: #174E9E;
	color: #FFF;
}
.basket__product td {
	padding: .5em 0;
}
.basket__product .image-container {
	border: 0;
	background-color: #DDD;
}
.basket__promotional-code, .basket__total td {
	background-color: rgba(0, 0, 0, 0);
	color: #000;
}
.basket__shipping td {
	background-color: #DDD;
}
.basket__product td:nth-child(5) .button {
	float: right;
}
tr.basket__total, tr.basket__promotional-code {
	font-size: 1.5em;
}
tr.basket__promotional-code {
	font-size: 1.25em;
}
.basket__total, .data__sub-total {}
.data__label {
	width: 90%;
	float: left;
	font-weight: 600;
	margin-bottom: .25em;
	text-align: right
}
.data__price {
	width: 10%;
	float: left;
	text-align: right
}
.ship-list, .ship-region {
	width: 100%;
	clear: both;
	padding-top: .5em;
	text-align: right;
}
.basket__shipping-region .data__label, .basket__shipping-method .data__label {
	width: 100%;
}
.basket__discount .data__label {
	width: 100%;
}
#discount-wrap {
	white-space: nowrap
}
#discount-wrap form {
	display: inline;
}
/*
 * CHECKOUT
 */

/* ==========================================================================
   NAVIGATION
   ========================================================================== */



/*

#main-nav>ul>li>ul li {
	clear: both;
	margin: 0 0 3px 0;
	padding: 0;
	width: 215px;
	height: auto;
}
#main-nav>ul>li>ul li a {
	display: block;
	text-align: left;
	height: auto;
	line-height: normal;
	padding: 5px 18px 5px 10px;
	color: #FFF;

}
#main-nav>ul>li>ul li a:hover {
	background-color: #e9eef1;
	color: #111;
	background-image: none;
}*/


.nav-wrapper, .slicknav_btn {
	background: #abdaef;
	background: -moz-linear-gradient(top, #d3eaf5 0%, #9ad3ed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3eaf5), color-stop(100%, #9ad3ed));
	background: -webkit-linear-gradient(top, #d3eaf5 0%, #960108 100%);
	background: -o-linear-gradient(top, #d3eaf5 0%, #9ad3ed 100%);
	background: -ms-linear-gradient(top, #d3eaf5 0%, #9ad3ed 100%);
	background: linear-gradient(to bottom, #d3eaf5 0%, #9ad3ed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3eaf5', endColorstr='#9ad3ed', GradientType=0);
}
.nav-wrapper nav {
	padding: 0 !important;
	border-right: 1px solid #689db0;
}
.nav-wrapper .nav-main {
	display: block;
	width: 100% !important;
	margin: 0;
	position: relative;
}
.nav-main {
	margin: 0;
	padding: 0;
}
.nav-wrapper>nav>.nav-main>li {
	display: inline-block;
	float: left;
	text-align: center;
}
.nav-wrapper>nav>.nav-main {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.nav-wrapper>nav>.nav-main>li {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
/* 
.nav-wrapper > nav > .nav-main > li{display:inline-block;float:left;text-align:center;position:relative;}
.nav-wrapper > nav > .nav-main > li:first-child{width:15%}
.nav-wrapper > nav > .nav-main > li:nth-child(2){width:16%}
.nav-wrapper > nav > .nav-main > li:nth-child(3){width:10.5%}
.nav-wrapper > nav > .nav-main > li:nth-child(4){width:8%}
.nav-wrapper > nav > .nav-main > li:nth-child(5){width:13.75%}
.nav-wrapper > nav > .nav-main > li:nth-child(6){width:13%}
.nav-wrapper > nav > .nav-main > li:nth-child(7){width:14.75%}
.nav-wrapper > nav > .nav-main > li:nth-child(8){width:9%}*/

.nav-wrapper>nav>.nav-main>li>a {
	color: #05546c;
	display: block;
	padding: .75em 0;
	border-left: 1px solid #689db0;
	text-transform: uppercase;
	font-weight: 700;
}

.nav-wrapper > nav > .nav-main > li.sale-link > a {
	color: #fff;
	display: block;
	padding: .75em 0;
	border-left: 1px solid #689db0;
	text-transform: uppercase;
	font-weight: 700;
	background-color: firebrick;
}
.nav-wrapper>nav>.nav-main>li>a:hover, .nav-wrapper>nav>.nav-main>li:hover a {
	background-color: #e9eef1;
	-webkit-box-shadow: inset 0px 1px 0px 0px #cde5f0;
	-moz-box-shadow: inset 0px 1px 0px 0px #cde5f0;
	box-shadow: inset 0px 1px 0px 0px #cde5f0;
}
	.nav-wrapper > nav > .nav-main > li.sale-link > a:hover, .nav-wrapper > nav > .nav-main > li.sale-link:hover a {
		background-color: #eee;
		color: firebrick;
		-webkit-box-shadow: inset 0px 1px 0px 0px #cde5f0;
		-moz-box-shadow: inset 0px 1px 0px 0px #cde5f0;
		box-shadow: inset 0px 1px 0px 0px #cde5f0;
	}
.nav-wrapper nav li.slicknav_parent ul {
	position: relative;
}
.nav-wrapper>nav>.nav-main>li ul li a {
	color: #333;
	padding: .25em .5em;
	text-align: left;
	display: block;
	height: auto;
}


.nav-wrapper > nav > .nav-main > li.xmas-link > a{background-color:#ac1807;color:#FFF;}
.nav-wrapper > nav > .nav-main > li.xmas-link > a:hover{background-color:#e9eef1;color:#ac1807;}
.nav-wrapper > nav > .nav-main > li.xmas-link > ul > li a:hover{background-color:#ac1807;color:#FFF;}
.nav-wrapper>nav>.nav-main>li.xmas-link:hover > a {background-color:#e9eef1;color:#ac1807;}

.xmas{background:#ac1807;}
.slicknav_nav > .nav-main > li.xmas-link > a {
	background-color: #ac1807;
	color: #FFF;
}


.nav-wrapper>nav>.nav-main>li ul li.sale-link {}
.nav-wrapper>nav>.nav-main>li ul li.sale-link a {
	background-color: #2b88c0;
	color: #FFF;
}
.nav-wrapper>nav>.nav-main>li ul li.sale-link a:hover {
	background-color: #9bd4ed;

}
.nav-wrapper>nav>.nav-main>li>ul>li a:hover {
	background-color: #9bd4ed;
	color: #FFF;
}
.nav-wrapper>nav>.nav-main>li ul li.nav-nextday a {
	background-color: #9bd4ed !important;
	color: #FFF !important;
}
/* .nav-wrapper>nav>.nav-main>li ul li.nav-sale a {
	background-image: url(../images/sale-flag.png);
	background-size: 40px 26px;
	background-position: right center;
	background-repeat: no-repeat;
}*/
.menu-banners a {
	padding: 0!important
}
.menu-banners a:hover {
	background-color: transparent!important;
}
/* 
.nav-wrapper > nav > .nav-main > li ul{position:absolute;z-index:1000;-webkit-transition:opacity 0.25s ease-in-out;-moz-transition:opacity 0.25s ease-in-out;-o-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;padding:0;overflow:hidden;height:0;opacity:0;}
.nav-wrapper > nav > .nav-main > li:hover ul{overflow:visible;height:auto;opacity:1;padding:.5em 1em .75em 1em;width:auto;min-width:275px;margin-top:0;}

.nav-wrapper nav ul > li > ul > li{height:auto;}
.nav-wrapper nav ul > li:hover ul{background:#345CA7;height:auto;}
.nav-wrapper nav ul > li:hover ul{background:#f1f1f1;min-width:250px;}
.nav-wrapper nav ul ul li:hover ul{display:block;left:180px;top:-2.5em;}
.nav-wrapper > nav > ul ul{margin-top:0;left:1px;border-bottom:4px solid #22b165;}
.nav-wrapper > nav > ul >li:last-of-type > ul {
    left: auto;
    right: 1px;
}*/

@media screen and (min-width:860px) {
	.nav-main>li:hover ul.mega-menu {
		display: block;
		background: #f1f1f1;
		position: absolute;
		-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
	}
	.mega-menu {
		z-index: 1000;
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		background: #FFF;
		margin: 0;
		padding: 0;
	}
	.mega-menu h2 {
		font-family: 'Merienda', cursive;
		font-size: 1.5em;
		color: #7f7f7f;
		margin: 0 0 .75em 0
	}
	.mega-menu>.row {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.mega-menu .nav-col {
		float: left;
		width: 48%;
		text-align: left;
		padding: 2%;
		vertical-align: top;
		min-width: 275px;
	}
	.nav-wrapper nav li .mega-menu a {
		background: none;
	}
	.mega-menu a:hover, .drop-menu a:hover {
		color: #00adef;
	}
	.nav-wrapper>nav>.nav-main>li .mega-menu a:hover {
		background-color: #9bd4ed;
		color: #FFF;
	}
	.nav-col ul {
		margin: 0 0 .5em 0;
		padding: 0;
	}
	.menu-banners {
		width: 50%;
		height: 100%;
		float: right;
		padding: 2% 0;
	}
	.menu-banners img {
		width: 46%;
		float: left;
		height: auto;
		margin: 2% 4% 2% 0;
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
		-webkit-backface-visibility: hidden;
	}
	.menu-banners img:hover {
		opacity: .7;
	}
}
.banner__overlay .button {
	background: #FFF;
	color: #000;
}
#contact-form {}
#contact-form .field>select {
	width: 55%;
}
/* mobile nav */

/*.slicknav_menu {
    display:none;
}

.slicknav_nav {
    font-size: 1em;
}

.slicknav_btn {
    padding: .5em;
    font-size: 1.25em;
    text-transform: uppercase;
	color:#FFF;
}

.slicknav_nav > ul >li {
    border-top: 1px solid #FFF;
}

.slicknav_menu li {
    display: block !important;
	width:100%;
    padding: 0 1em;
    height: auto !important;
}

.slicknav_menu nav ul ul li ul {
    display: block;
}

.slicknav_menu li,
.slicknav_menu ul,
.slicknav_menu nav ul ul ul {
    position: static !important;
    height: auto !important;
    opacity: 1 !important;
}

.slicknav_menu nav ul > li ul li a {
    background-color: rgba(0, 0, 0, 0);
    padding-left: 1em !important;
}

.slicknav_menu nav ul > li:hover ul,
.slicknav_menu nav ul > li:hover a {
    background-color: transparent;
    color: #FFF;
}

.slicknav_nav a {
    width: 100% !important;
    padding: .25em !important;
    height: auto !important;
}

*/

/*
 * Breadcrumb
 */

.breadcrumb a:after {}
.breadcrumb a:hover {
	color: #55b7d6
}
/* ==========================================================================
   SPECIAL
   ========================================================================== */

/*
 * Slideshow
 */

.hero-banner__container {
	position: relative;
}
.hero-slides {}
.hero-slides img {
	max-width: 100%;
}
.about-us {
	position: relative;
}
.hero-slides li .button {
	width: auto;
	position: static;
	padding: .5em 1em;
	font-size: 1.25em;
	font-weight: bold;
}
.hero-slides_tabs {
	list-style: none;
	margin: 0;
	position: absolute;
	bottom: .5em;
	padding: .25em;
	z-index: 30;
	text-align: center;
	width: 100%;
}
.hero-slides_tabs li {
	display: inline;
	padding-left: .5em;
}
.hero-slides_tabs li a, .hero-banner .prev, .hero-banner .next, .hero-slides_tabs li a, .mob-hero-banner .prev, .mob-hero-banner .next  {
	font-size: 0;
}
.hero-slides_tabs li a:focus {
	outline: 0;
}
.hero-banner .prev:before, .hero-banner .next:before, .hero-slides_tabs li a:before {
	display: none;
}
.hero-banner .hero-slides_tabs li:not(:first-child):not(:last-child) a:before {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	background-color: #e9eef1;
	border-radius: 100%;
	border: 1px solid #e1e9e1;
}
.hero-banner .hero-slides_here a:before {
	background-color: #2b88c0 !important;
}
/*
 * Brand banner
 */

.brand-wrapper .brand-banner {
	background-color: #000;
	padding: 1em 0;
}
.brand-banner ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.brand-banner li {
	display: inline-block;
	background-color: #FFF;
}
.bx-controls-direction a {
	position: absolute;
	top: 0;
	color: #FFF;
	font-family: e2e;
	font-size: 3em;
	display: table-cell;
	height: 100%;
}
.bx-controls-direction a:focus {
	outline: 0;
}
.bx-prev {
	left: -25px;
}
.bx-prev:before {
	content: "\e82b";
}
.bx-wrapper {
	position: relative;
	margin: auto;
}
.bx-next {
	right: -25px;
}
.bx-next:after {
	content: "\e82c";
}
.bx-viewport {
	text-align: center;
	margin: auto;
}
/*
 * product and category boxes
 */

.grid__item {
	box-shadow: none;
	background: rgba(0, 0, 0, 0);
}
.grid__item h3 {
	white-space: initial;
	max-width: 100%;
	height: 3em;
	margin: .5em 0 0 0 !important;
	font-size: 1em;
	overflow: hidden;
	color: #333;
}
.grid__itemX>:not(.image-container) {
	display: block;
}
.grid__item .image-container {
	border: 0;
}
.grid__item p
/*,
.grid__item .js-basket--add*/

	{
	display: none !important;
}
.grid__item:hover {}
/*
 * display boxes
 */

.display-box {
	background-color: #e9eef1;
	margin-bottom: 2%;
	padding: 20px;
}
.display-box.filters {
	padding: 20px;
}
.display-box.filters:after {
	content: "";
	display: table;
	clear: both;
}
.display-box h2 {
	color: #333 !important;
	background-color: rgba(0, 0, 0, 0);
	margin-top: -10px;
}
.display-box.filters h2 {
	padding: 5px 20px;
	text-align: center;
	margin-bottom: 0;
}
.display-box.filters h2>span {
	cursor: pointer;
}
.display-box.filters h2>span:hover {
	opacity: .7;
}
.display-box.filters h2>span:after {
	content: "";
	width: 40px;
	height: 30px;
	background: url(/images/filter.svg) center no-repeat;
	background-size: cover;
	margin-top: -3px;
	display: inline-block;
	vertical-align: middle;
}
.display-box.filters h2 span>span {
	display: none;
}
.display-box ul {
	display: block;
	clear: both;
	list-style: none;
	padding-top: 1em;
}
.filterul {
	padding: 0!important;
	margin: 0!important;
}
.display-box li {
	margin: 0 0 .5em 0;
}
.filterul>li {
	margin-right: 2%;
	float: left;
	width: 49%;
}
.filterul>li:nth-of-type(even) {
	margin-right: 0;
}
.filterul>li:nth-of-type(2n+3) {
	clear: left;
}
.filterul label {
	cursor: pointer;
}
.filters>ul ul {
	padding: .5em;
}
.filters>ul ul>li {
	width: 48%;
	display: inline-block;
}
.filters h4 {
	background: #FFFFFF;
	border: 1px solid #ccddcc;
	padding: .5em;
	cursor: pointer;
}
.filters h4:after {
	content: "";
}
.filters ul ul li a:before {
	background-color: rgba(0, 0, 0, 0);
}
.filters ul ul li a.active:before {
	color: #345CA7;
}
.slider-range {
	background-color: #cde5f0;
	margin: 10px auto 25px auto;
	width: 97%
}
.ui-slider-handle {
	background-color: #345CA7;
	border-radius: 0;
	width: 12px;
}
.ui-slider-handle, .ui-slider-range {
	background-color: #2b88c0;
	outline: none;
}
.ui-slider-handle {
	top: -7px;
}
.slider-range>span:last-of-type {
	margin-left: -10px;
}
#js-amount {
	border: 0;
	color: #666;
	outline: none;
	background-color: rgba(0, 0, 0, 0);
}
/* 
 *  Sub-cat product listing add/remove AJAX controls
 */

.basket__count {
	background-color: #345CA7;
	color: #FFF;
}

/*
 * homepage viewlets
 */

.feature.col--right .image-container {
	height: 120px !important;
}
.feature.col--right .grid__item {
	margin-bottom: 10px;
}
.latest-products {
	margin-top: 2.5em;
}
/*
 * Trustpilot reviews
 */

.review {
	margin-bottom: 1.5em;
}
.review>* {
	margin: .5em 0;
	font-size: .9em;
}
.review h3 {
	font-family: open_sans_condensedbold, sans-serif;
}
[class^="review__rating"]:before {
	width: auto;
	background-color: #51AE32;
	display: inline-block;
	font-family: e2e;
	letter-spacing: .25em;
	color: #FFF;
	padding: 1px 2px;
}
.review__rating--1:before {
	content: "\e801";
}
.review__rating--2:before {
	content: "\e801 \e801";
}
.review__rating--3:before {
	content: "\e801 \e801 \e801";
}
.review__rating--4:before {
	content: "\e801 \e801 \e801 \e801";
}
.review__rating--5:before {
	content: "\e801 \e801 \e801 \e801 \e801";
}
.review time {
	float: right;
}
.review__author {
	display: block;
}
.review__author:before {
	content: "\e80a";
	font-family: e2e;
	padding-right: .5em;
}
/*
 * special viewlet 
 */

.banner {
	background-color: #DDD;
	border: 0;
	padding: 1em;
	display: table;
}
.promo {
	padding: 0;
	background-image: url(../images/promo-bg.jpg);
}
.col--left .promo img {
	width: 100%;
}
.promo h2, .promo p {
	font-family: 'open_sans_condensedbold', sans-serif;
	text-shadow: 0 0 1px #000;
	text-transform: uppercase;
	margin: 5px 0;
	text-align: center;
}
.promo h2 {
	font-size: 4em;
	color: #FECB04;
	margin: 0;
	padding: 0;
	line-height: 1.25;
}
.promo p {
	font-size: 2em;
	color: #000;
	margin: 0;
}
/* Accordion */

.accordion-section-title {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.accordion-section-title:after {
	font-family: e2e;
	content: "\e82e";
	display: block;
	position: absolute;
	padding: 0 .25em;
	right: .5em;
	top: .5em;
	background: #90b76b;
	background: -webkit-gradient(linear, left top, left bottom, from(#a9cc88), to(#69973e));
	background: -webkit-linear-gradient(top, #a9cc88, #69973e);
	background: -moz-linear-gradient(top, #a9cc88, #69973e);
	background: -ms-linear-gradient(top, #a9cc88, #69973e);
	background: -o-linear-gradient(top, #a9cc88, #69973e);
	background: linear-gradient(top bottom, #a9cc88, #69973e);
	border: 1px solid #55b7d6;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	vertical-align: middle;
}
.accordion-section-title.active:after {
	content: "\e82d";
}
/*
 * Responsive Tabs
 */

ul.resp-tabs-list {
	display: none;
}
h2.resp-accordion {
	display: block;
}
.resp-vtabs .resp-tab-content {}
.resp-vtabs .resp-tabs-container {
	border: none;
	float: none;
	width: 100%;
	min-height: 100px;
	clear: none;
}
.resp-accordion-closed {
	display: none !important;
}
.resp-vtabs .resp-tab-content:last-child {}
/* .field > :not(label) {
        width: 100%;
    }*/

.resp-arrow {
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 7px;
	background: url(../images/butt-chevron-down.svg) no-repeat;
	background-size: 25px 25px;
}
h2.resp-tab-active span.resp-arrow {
	background: url(../images/butt-chevron-up.svg) no-repeat;
	background-size: 25px 25px;
}
.resp-tab-active {}
.resp-tab-content {
	border: 0 none !important;
}
.resp-tab-content :first-child {
	margin-top: 0;
}
.error input {
	border: 2px solid #960007;
}
/*
 * Prices Text
 */

.pence {
	font-size: .75em;
}
#countdown {
	color: #FFF;
	background-color: #960007;
	padding: .5em .5em 1em 1em;
	margin: 0 0 2% 0;
	position: relative;
	z-index: 300;
}
#countdown>div {
	float: left;
	width: 40%;
}
#countdown>div>span {
	display: block;
	clear: both;
	font-size: 1.75em;
	font-weight: 700;
}
#countdown>ul {
	float: right;
	width: 45%;
	margin: 0;
	padding: 0;
}
#countdown li {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	font-size: 1em;
	float: left;
	text-align: center;
}
#countdown li>span:first-of-type {
	display: block;
	font-weight: 700;
	font-size: 1.75em;
}
/* ==========================================================================
   First Time Visitor Popup
   ========================================================================== */

.popup-message {
	margin: 1em 0;
}
.popup-fieldset input {
	width: 100%;
	margin: 0 0 1em 0;
}
#continueLink {
	display: inline-block;
	margin: .5em 0;
	color: #76cadf;
}
.popup__close__btn {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
	cursor: pointer;
}
.popup__close__btn:hover {
	opacity: 1;
}
.popup__close__btn:before, .popup__close__btn:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #333;
}
.popup__close__btn:before {
	transform: rotate(45deg);
}
.popup__close__btn:after {
	transform: rotate(-45deg);
}

.cookie-alert p {
	margin:.75em 1em;
}

.stock-status {
	color:#05546C; 
	font-weight:bold;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}

/*
.product__stock {display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap; }
*/
.pallet-del {margin-top:10px;width:225px;height:42px;background:url("../images/del-by-pallet-network.png");background-size:cover;position: relative;background-repeat:no-repeat;flex-basis:225px;flex-shrink: 0}
.pallet-tool-tip {background:#e9eef1;padding:.75em;position: absolute;font-size:0.750em;top:-105px;right:0;transition:opacity .25s ease;}
.mob-tooltip-but {width:30px;height:30px;background: url("../images/mob-tooltip-but.svg");background-size:cover;background-repeat:no-repeat;display: none;}
.pallet-tool-tip:before{
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    right:10px;
    bottom:-20px;
    border-top: 20px solid #e9eef1;
    border-left: 20px solid transparent;
}

@media screen and (min-width: 525px) {
.pallet-tool-tip {visibility: visible;opacity: 0;}
.no-touch .pallet-del:hover .pallet-tool-tip {visibility: visible;opacity: 1;}
}


@media screen and (max-width: 524px) {
.pallet-del {cursor: pointer}	


	
.pallet-tool-tip {display:none;}

.pallet-tool-tip:before{
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    right:10px;
    bottom:-15px;
    border-top: 15px solid #e9eef1;
    border-left: 15px solid transparent;
}
}

@media screen and (max-width: 374px) {
.pallet-del {width:175px;flex-basis:175px;height:50px;background:url("/images/del-by-pallet-network-mob.png");background-size:cover;position: relative;background-repeat:no-repeat;}	
	
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

/* header  */

@media screen and (max-width: 1260px) {
	.header-wrapper, .full-width>header {
		padding: .25em !important;
	}
}
@media screen and (max-width:1160px) {


	#header-contact span:first-of-type {
		white-space: nowrap;
		font-size: 1.500em
	}
	#xmas-countdown {
		display: none;
	}
	h1.section-title, h2.section-title {
		font-size: 1.5em
	}
	.foot-icon span {
		font-size: 1.75em;
	}
	.cat-box-overlay, .featured-cat-box:hover .cat-box-overlay {
		background-image: none;
	}
}
@media screen and (max-width:1023px) {


	#header-right {
		
	}
	#free-ship {
		display: none;
	}
	#click-collect {
		height: 60px;
	}
	#click-collect img {
		max-width: 100%;
	}
	.nav-wrapper>nav>ul>li>a {
		font-size: .875em !important;
	}
	.footer-list li:not(:first-child) {
		font-size: 0.875em;
	}
	footer #foot-social li {
		width: 40px!important;
		height: 40px;
		margin-right: 5px;
	}
	#foot-social li a, #foot-social li:nth-child(1) a, #foot-social li:nth-child(2) a, #foot-social li:nth-child(3) a, #foot-social li:nth-child(4) a, #foot-social li:nth-child(5) a {
		height: 40px;
		width: 40px;
		background-size: 40px 40px
	}
	.cat-box-overlay, .featured-cat-box:hover .cat-box-overlay {
		background-image: none;
	}
}
@media screen and (max-width:900px) {
	.header-wrapper, .full-width>header {
		position: relative
	}
	#header-logo {
		width: 200px;
	}


	#header-searchX div:first-of-type:not(.adv_ac_suggestion):not(.adv_ac_iwrap){
		height: 40px;
	}

	ul#adv_autocomplete.rich {
		margin-left: -5px;
		padding: 5px
	}
	#click-collect {
		margin: 0;
		width: 165px;
	}
	#header-right {
		width:auto;
		text-align: right;
	}
	
	#header-middle {
    padding: 0 5%;

}
	
	#header-contact span:first-of-type {
		font-size: 1.313em;
		line-height: 1.2em;
	}

	.foot-icon {
		font-size: 0.938em;
	}
	#tabContentArea {
		padding: 0;
	}
	#tabContentArea>div>h2 {
		background: none;
		border: 0 none;
		font-weight: normal;
		color: #333;
		padding: 0;
		margin: 0 0 .75em 0;
	}
	#tabContentArea>div:first-of-type>h2:first-of-type {
		margin-top: 0;
		border-top: 0 none;
	}
}
@media screen and (max-width:900px) and (min-width:850px) {
	.del-date {
		clear: left;
		float: none;
		padding-top: 10px;
		padding-bottom: 5px
	}
}
@media screen and (max-width:860px) {
	.basket tr *:nth-child(3), .basket tr *:nth-child(4) {
		text-align: left
	}
	.basket tr td:not(:first-of-type) span, .basket tr fieldset {
		text-align: right;
		float: right;
		clear: right
	}
	.basket tr fieldset {
		padding-bottom: .75em;
	}
	#discount-wrap {
		display: block;
		padding: 10px 0 0 0;
	}
	.grid__item.footer-list {
		width: 48%!important;
	}
	.grid__item.footer-list:nth-of-type(3) {
		clear: left;
	}
	.footer-list li:not(:first-child) {
		font-size: 1em;
	}
	.nav-wrapper>nav>.nav-main {
		display: none;
	}
	.nav-wrapper nav {
		border-right: 0;
	}
	.nav-wrapper .slicknav_menu {
		display: block;
	}
	.promo h2 {
		font-size: 3em;
	}
	.promo p {
		font-size: 2em;
	}
	.menu-banners, .mega-menu h2 {
		display: none;
	}
	.filters>ul ul>li {
		width: 100%;
		display: block;
	}
}
@media (max-width:849px) {
	#countdown li span:nth-of-type(2) {
		display: none;
	}
	#countdown li:first-of-type:after {
		content: 'DAYS';
	}
	#countdown li:nth-of-type(2):after {
		content: 'HRS';
	}
	#countdown li:nth-of-type(3):after {
		content: 'MINS';
	}
	#countdown li:nth-of-type(4):after {
		content: 'SECS';
	}
	.show-mob {
		display: block;
	}
	.hide-mob {
		display: none;
	}
	.checkout {
		margin-bottom: 1em;
	}
	tr.basket__product td {
		background: rgba(0, 0, 0, 0);
	}
	.basket__product td {
		border-bottom: 0;
	}
	.basket tr.basket__product td:first-child {
		border-top: 1px solid #cde5f0;
	}
	.video-container.prod-page {
		margin: 0
	}
	X.basket__product td:nth-child(2) {
		text-align: right
	}
	.stacked tbody td:before {
		text-align: left;
	}
	.stacked tbody td span, .stacked tbody td fieldset {}
	.data__label {
		width: 80%;
	}
	.data__price {
		width: 20%;
	}
	.header__logo {
		float: left;
	}
	.header__search {
		padding-right: 2em;
		font-size: 13px;
		margin-top: .75em;
	}
	.header__contact {
		padding-top: 1em;
	}
	.header__contact a {
		font-size: 1.25em;
	}
	.header__basket a, .header__basket span {
		display: inline-block;
		font-weight: normal !important;
		padding-left: 0;
	}
	.basket tr.basket__product td:first-child {}
	tr.basket__product td {
		background-color: rgba(0, 0, 0, 0);
	}
	.stacked tbody tr td:first-child {
		background-color: initial;
		color: initial;
	}
	.bx-wrapper {
		max-width: 80% !important;
	}
	.brand-banner li {
		max-width: 115px;
	}
	.brand-banner img {
		max-width: 100%;
	}
	.checkout-options .col--1-8 {
		width: 100%;
		padding-top: 0 !important;
		margin-bottom: 0
	}
	
		.product__data {
		margin-top: 1em;
	}
    
    .product-details h1 {
        margin-bottom:.5em;
        text-align: center;
    }
	
	.product__share {

    margin: -25px 0 10px 0;


}
	
	
}
@media (max-width: 800px) {
	.grid--4>.grid__item.featured-cat-box {
		width: 23.5%!important;
		margin-right: 2%!important;
	}
	.grid--4>.grid__item.featured-cat-box:nth-child(4) {
		margin-right: 0!important;
	}


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

	.cat-box-overlay h2 {
		font-size: 1em
	}
    
    #mob-head-links {width:100%;}
    
	#header-logo {
		margin-top: -25px;
	}
	#click-collect {
		position: absolute;
		top: 20px;
		right: 1px;
		display: none;
	}
    
    	header .row {
		position: relative;
            flex-wrap:wrap;
	}
    #header-right {width:auto;flex-grow:1;}
    
    
	.xmas-countdown {
		display: none;
	}
    
    
    #header-middle {
    width: 100%;
    order: 4;
    padding:0;

}
    	#header-contact span:first-of-type {
		font-size: 1.5em;
	}

    
    
    #BasketTotal {display:none;}
	
	.basket-dropdown:before {
  right:25px;

}
	
	
	
	
	
    .basket-items {
    margin-right: 10px;

}
    
	#header-search {
		width: 100%;
	}
	.opening-times {
		display: none;
	}

	#header-contact, .checkout-header #header-contact  {
		position: absolute;
		bottom: 68px;
        left:58%;
transform: translate(-50%, 0px);
        height:auto;
        padding:0;
	}
    
    .checkout-header #header-middle {
        width:auto;
        
    }

    .checkout-header header {
     
        
    }
    
    	.checkout-header #header-contact {
		bottom: 20px;

	}
    .checkout-header #header-logo {
      
    }
    
    
	#header-contact span:first-of-type a:before {
		content: '\A';
		white-space: pre;
	}
	#header-contact span:first-of-type {
		
	}

	#head-social {
		display: none;
	}
	#mob-head-links .slicknav_menu {
		display: block;
	}


	#countdown-social-wrap {
		float: right;
		margin-top: -25px;
	}

	#head-social {
		margin: -5px 0 0;
	}
	.grid__item.footer-list {
		width: 100% !important;
		margin-right: 0 !important;
		float: none;
		text-align: center;
	}
	.footer-list li:first-child {
		margin-bottom: .25em;
	}
	footer ul#foot-social {
		margin-top: 0;
	}
	footer #foot-social li {
		float: none;
	}
	.foot-icon div:first-of-type {
		display: none;
	}
	.foot-icon .image-container {
		width: 80%;
	}
	.foot-icon .image-container:before {
		font-size: 1.125em;
		margin-bottom: .5em;
		display: block;
	}
	.foot-icon:nth-child(1) .image-container:before {
		content: "Delivery";
	}
	.foot-icon:nth-child(2) .image-container:before {
		content: "Guarantee";
	}
	.foot-icon:nth-child(3) .image-container:before {
		content: "Returns";
	}
	.foot-icon:nth-child(4) .image-container:before {
		content: "Contact";
	}
	.field>:not(label):not(select) {
		width: 100%;
	}
	.field>label {
		width: 100%;
	}
	.form-buttons {
		margin-left: 0;
	}
    
    	#header-basket {
		position: absolute;
		right: 3px;
		top: 60px;
	}
    

    
}
@media (max-width: 699px) {
	.breadcrumb {
		background-color: #e9eef1;
		padding: .75em;
		margin: 0 0 2% 0;
	}
	.col--main, .col--right, .col--left {
		width: 100%;
		padding: 0 !important;
	}
	.grid__item .button {
		width: 100%;
	}
	.cat-box-overlay, .featured-cat-box:hover .cat-box-overlay {
		background-image: none;
	}
	.footer-copyright, .e2e-link {
		display: block;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 649px) {
	#head-socialX {
		display: none;
	}
	#header-contactX {
		position: absolute;
		top: 10px;
		left: auto;
		right: 0;
		text-align: right;
		line-height: 1em;
		display: none;
	}
    #header-contact {
        left:62%;
    }
    

	#header-contact span:first-of-type {
		font-size: 1.2em;
	}


	footer>* {
		width: 100% !important;
	}
	footer>ul:last-of-type li {
		display: block;
	}
	.footer__list a {
		font-size: 1.5em;
		padding-right: 0;
		margin-right: 0;
		border: 0;
	}
	/* homepage */
	.hero-banner, .promo, .promo-banner.hp-promo {
		display: none
	}
	
	.mob-hero-banner, .mob-promo-banner {display:block}
	.shop-by-cat .grid__item .image-container {
		float: left;
		width: 100px;
		margin-right: 2%;
	}
	.shop-by-cat .grid__item>:not(.image-container) {
		margin: 0;
	}
	.shop-by-cat .grid__item {
		width: 100%;
		padding: 0;
	}
	.grid--4>.grid__item.featured-cat-box {
		width: 100% !important;
		margin: 0 0 2% 0 !important
	}
	.grid--4>.grid__item.featured-cat-box:last-child {
		margin-bottom: 0!important;
	}
	.cat-box-overlay {
		position: relative;
		float: left;
		width: 70%;
		width: -webkit-calc(100% - 100px - 2%);
		width: -moz-calc(100% - 100px - 2%);
		width: calc(100% - 100px - 2%);
		text-align: left;
	}
	.cat-box-overlay>span:first-of-type {
		display: table;
		height: 100px;
	}
	.cat-box-overlay h2 {
		display: table-cell;
		vertical-align: middle;
		border-bottom: 0;
		text-overflow: initial;
		white-space: normal;
		font-size: 1.5em;
	}
	.featured-cat-box:hover .image-container img {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	abbr span {
		display: inline-block;
	}
	abbr:before {
		content: '';
		display: none
	}
	.video-name span {
		white-space: normal;
		height: 1.25em;
		overflow: hidden;
	}
}
@media (max-width:567px) {


	.home-text img {
		margin: 0 auto 1em auto;
		float: none;
		display: block;
		clear: both
	}
	#countdown>div, #countdown>ul {
		float: none;
		width: 100%
	}
	#countdown>div {
		padding-bottom: 1em;
	}
}
@media (max-width:525px) {
	#header-contact {
		display: none;
	}
    
    #header-search div:first-of-type:not(.adv_ac_suggestion):not(.adv_ac_iwrap){
	height: 33px;
	line-height: 33px;
}

    .basket-link {
     height: 45px;
 }
    
    .basket-link > span {
        height: 33px;
        line-height: 33px;
        
    }
    
    
    #header-search input[type="search"] {
    height: 33px;
    line-height: 33px;

}
    
    
    #header-search button {
    background-size: 30px 30px;
    height: 43px;
    width: 43px;


}
    
	.product__stock img {
		/*width: 45%;
		margin: 1em 0;*/
	}

	.product__basket--fields .button[value="Add to Basket"] {}
	.cat-box-overlay h2 {
		font-size: 1.25em;
	}
	.foot-icon:nth-child(1) .image-container:before, .foot-icon:nth-child(1) .image-container:before, .foot-icon:nth-child(2) .image-container:before, .foot-icon:nth-child(3) .image-container:before, .foot-icon:nth-child(4) .image-container:before {
		content: "";
		display: none
	}
	.foot-icon:hover img {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	.button.checkout {
		width: 100%;
		line-height: normal;
	}
	.stage-buttons {
		display: table;
		width: 100%;
	}
	.stage-buttons div:first-of-type {
		display: table-footer-group;
		float: none;
	}
	.stage-buttons div:first-of-type .button {
		background: #f5f5f5;
		border: 1px solid #e6e6e6;
		color: #999;
		text-shadow: none;
	}
	.stage-buttons div:last-of-type {
		display: table-header-group;
		float: none;
	}
	.stage-buttons .button {
		margin: 0 0 .5em 0
	}
	.field>:not(label) {
		width: 100%;
	}
	.data__label {
		width: 75%;
	}
	.data__price {
		width: 25%;
	}
	.filterul>li {
		margin-right: 0;
		margin-bottom: 2%;
		float: none;
		width: 100%;
	}
	.flag {
		font-size: .8em;
	}
	.product-details h1 {
		font-size: 1.5em;
        font-weight: bold;
	}
	.prod-code {
		margin-bottom: .5em
	}
	.product__basket--fields fieldset:nth-child(2) {
		width: 100%;
		display: block;
	}

	
	.product__price {
    margin-bottom: .5em;
    padding-top: .5em;
}
	

    div[class^="product__mod"] select {width:100%;}
    
    

	.product__basket {
		padding: 0 0 1em 0;
	}

    .in-stock, .out-stock {
    padding: 0 0 0 30px;
    font-size: 13px;
    background-size: 25px 25px;

}
	
	.product__share {
    margin: 10px 0;
	float:none;

}
 
}
@media (max-width:468px) {
	.video-banner {
		display: none;
	}
	.video-container-wrap {
		width: 100%;
	}
	.grid__item h3 {
		height: 3em;
		margin-bottom: 0 !important;
	}
	.grid__item .price {
		font-size: 1em;
	}
	.grid__item .rrp {
		font-size: 0.875em;
	}
	.prod-box button {
		width: 100%;
		float: none;
	}
	.prod-box button:last-of-type {
		float: none;
		margin-top: .25em;
	}

	.del-date {
		clear: left;
		float: none;
		padding-top: 10px;
		padding-bottom: 5px
	}
}
@media print {
	.top-bar-wrapper, #header-search, #header-contact, #header-middle, #header-right, .nav-wrapper, .breadcrumb, .newsltr-wrapper, .footer-wrapper, .footer-wrapper, #foot-icons, .bottom-footer-wrapper, .cookie-alert, #pnlacceptcookie, #GTS_CONTAINER, #GTS_CONTAINER *, .low-stock, .product__stock, .product__mod, #accessories, .images__thumbs, .images__zoom, .also-like, h1.show-mob, .description, #DescriptionHeader, #DescriptionHeader+div, #PromotionsHeader, #PromotionsHeader+div #AdditionalInformationHeader, #AdditionalInformationHeader+div, .hide-print, .product__share {
		display: none!important;
	}
	@page {
		size: auto;
		margin: 0mm;
	}
	a[href]:after {
		content: none !important;
	}
	body {
		color: #000;
		font-size: 12px;
	}
	.header-wrapper header {
		padding: 0;
	}
	.print-title {
		display: block;
		margin: 2px 0 8px 0;
	}
	.print-code {
		display: block
	}
    header .row {
       display:block; 
    }
	#header-logo {
		width: 30%;
		display: inline-block;
		margin: 0 1.75%;
		vertical-align: top;
	}
	.header-print-txt {
		display: inline-block;
		text-align: left;
		vertical-align: top;
		width: 55%;
	}
	.header-print-txt strong {
		font-weight: bold;
		display: block;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.header-print-txt p:first-of-type {
		text-decoration: underline
	}
	.header-print-txt p:last-of-type {
		color: #666
	}
	.product__images {
		display: inline-block!important;
		width: 35%!important;
		margin-right: 2%;
		vertical-align: top;
	}
	.product__data {
		display: inline-block!important;
		width: 60%!important;
		vertical-align: top;
	}
	#in-the-box ul, #features ul {
		list-style: disc;
		padding: 0 0 0 35px;
	}
	h1.hide-mob {
		display: block;
		margin-top: 0;
		padding-top: 0;
		line-height: 1;
	}
	#in-the-box li, #features li {
		background: none;
		padding: 0;
	}
	#tabContentArea {
		padding: 0;
		background-color: transparent;
		margin-bottom: 1em;
		display: block;
		clear: both;
	}
	#tabContentArea>div>h2 {
		color: #000;
		background: transparent;
		border-bottom: 2px solid #000;
		font-weight: bold;
		padding: 0;
		margin: 0 0 15px 0;
		text-align: left;
	}
    .product-details h1 {text-align: left;}
}

/* basket-preview */

body.no-scroll {
  height: 100%;
  overflow: hidden;
}

.basket-preview {
  height: 100%; /* 100% Full-height */
  width: 90%; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Stay on top */
  top: 0; /* Stay at the top */
  right: -400px;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.35s; /* 0.5 second transition effect to slide in the sidenav */
  display:flex;
  flex-direction: column;
  bottom:0;
  background:#FFF;
  max-width: 400px!important;
	
}

.basket-preview .closebtn {
  position: absolute;
  top: 15px;
  right: 22px;
  width:18px;
  height:18px;
  font-size: 2em;
  cursor: pointer;
  z-index: 10;
  color:#333;
  opacity: 0.3;

}

.basket-preview .closebtn:hover {
	opacity: 1;
}


.basket-preview .closebtn:before, .basket-preview .closebtn:after {
	position: absolute;
	left: 8px;
	content: ' ';
	height: 18px;
	width: 2px;
	background-color: #333;
}
.basket-preview .closebtn:before {
	transform: rotate(45deg);
}
.basket-preview .closebtn:after {
	transform: rotate(-45deg);
}

.bkt-prev-header {text-align: center;font-weight:bold;font-size:1.25em;}


.basket-preview > .row {

	display: flex;
	flex-direction: column;
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	min-height: 0;
 
}

.bkt-prev-prods-wrap {flex-grow:1;overflow: auto;min-height: 0;}

.bkt-prod-desc {flex-grow:1;}
.bkt-prod-desc > div:last-of-type {font-size: 0.889em;padding-top:.35em;display:flex;justify-content: space-between;align-items: center;padding-right:.25em}
.bkt-prod-desc > div:last-of-type > span:not(:last-of-type) {font-weight:700;padding-right:1em;}
.bkt-prod-desc > div:last-of-type > span:last-of-type {flex-grow:1;color:#777777}

.bkt-prev-total {font-weight:bold;border-top: 1px solid #e7e7e7;padding: .75em 0;}
.bkt-prev-total > span {text-align: right;float:right;}

.bkt-prev-prod {display: flex;flex-wrap: nowrap;padding:1em 0}
.bkt-prev-prod:not(:last-of-type) {border-bottom:1px solid #e7e7e7;}

.bkt-img {flex: 0 0 57px;padding-right:12px;}
.bkt-img img {width:45px}
.button.bsk-remove {min-width:0;margin: 0 ;padding: 0;background: transparent!important;border:0!important}

.button.bsk-remove:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/bkt-remove.svg) center no-repeat;
    background-size: cover;
    display: inline-block;
    opacity: .5;
	margin:0 0 -4px 0;

}

.bkt-footer {display:block;clear:both;background:#ededed;}
.bkt-footer .button {width:100%;text-align:center;}


.bkt-prev-btns .button {width:100%;text-align:center;margin-bottom:.75em;}

.bkt-prev-btns .button.secondary {
    border: 1px solid #8c8c8c;
    background: #919191;
    background: -webkit-gradient(linear, left top, left bottom, from(#b4b4b4), to(#939393));
    background: -webkit-linear-gradient(top, #b4b4b4, #939393);
    background: -moz-linear-gradient(top, #b4b4b4, #939393);
    background: -ms-linear-gradient(top, #b4b4b4, #69973e);
    background: -o-linear-gradient(top, #b4b4b4, #939393);
    background: linear-gradient(top bottom, #b4b4b4, #939393);
}

.bkt-prev-btns .button.secondary {
	background: #b7dff1;
	background: -webkit-gradient(linear, left top, left bottom, from(#def0f8), to(#bce2f3));
	background: -webkit-linear-gradient(top, #def0f8, #bce2f3);
	background: -moz-linear-gradient(top, #def0f8, #bce2f3);
	background: -ms-linear-gradient(top, #def0f8, #bce2f3);
	background: -o-linear-gradient(top, #def0f8, #bce2f3);
	background: linear-gradient(top bottom, #def0f8, #bce2f3);
	border: 1px solid #91c7e1;
	color: #003a4b;
	text-shadow: none;
}
.bkt-prev-btns .button.secondary:hover {
	background: #a8ca86;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6f4fa), to(#cde9f6));
	background: -webkit-linear-gradient(top, #e6f4fa, #cde9f6);
	background: -moz-linear-gradient(top, #e6f4fa, #cde9f6);
	background: -ms-linear-gradient(top, #e6f4fa, #cde9f6);
	background: -o-linear-gradient(top, #e6f4fa, #cde9f6);
	background: linear-gradient(top bottom, #e6f4fa, #cde9f6);
	border: 1px solid #add5e9;
	color: #003a4b!important;
}







.bkt-prev-footer {text-align:center;padding-top:.5em;}
.bkt-prev-footer img {margin:auto}

 .bkt-overlay  {
 	position: fixed;
 	top: 0;
 	bottom: 0;
 	width: 0;
 	z-index:999998;
 	background: rgba(0, 0, 0, 0.5);
 	height: 100%;
 	opacity: 0;
	right:0;
	transition: opacity .3s;
 }
 .bkt-overlay.show-overlay {
 	opacity: 1;
 	width: 100%;
	left:0;
 }

/* basket-preview */

/*
 * sorting
 */

.listing-controls {
	border-bottom: 1px solid #cde5f0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.listing-controls > .col--1-4 {flex-grow: 1;width: auto;padding-right:2em;} 
.listing-controls > .col--3-4 {width: auto} 

.listing-controls ul {
	display: inline-block;
}
.listing-controls__layout a {
	color: #345CA7;
}
.listing-controls li.grid:nth-child(2) {
	display: none;
}

.listing-controls__pagination a {
	padding: 0 .25em;
	width: 30px;
	height: 30px;
	display: block;
	border: 1px solid #9fa594;
	line-height: 29px;
	text-align: center;
	background: #f8f9fb!important;
	color: #004d72;
	text-decoration: none;
}

.activePageNo {
    background: #4090c3 !important;
}
.activePageNo a {
	background: #4090c3 !important;
	border: 1px solid #4090c3 !important;
	color: #FFF!important;
	text-decoration:none!important;
}

.listing-controls__pagination a:hover,
.activePageNo a:hover {
	background: #17baf7;
}

.mgr-items li[class^="page"] a:hover {
	background: #e7e7e7;
}

.nextLink span,
.prevLink span {
	display: none;
}

.nextLink:after,
.prevLink:after {
	background: rgba(0, 0, 0, 0) url("/images/arrow.svg") no-repeat scroll 0 0 / cover;
	content: " ";
	display: inline-block;
	height: 14px;
	margin: 0 0 -2px 0;
	width: 14px;
	opacity:.5;
}

.prevLink:after {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.listing-controls form {display:inline-block;}

.listing-controls form:first-of-type {margin-right:.5em}

@media (max-width:849px) {
.listing-controls {
	display: block;
	padding-bottom: .5em;
}
	
.listing-controls > .col--1-4, .listing-controls > .col--3-4 {width: 100%;} 
.listing-controls__sorting {padding:.5em 0 0 .125em}
}

.d-none { display:none; }
.d-lg-block { display:block; }
@media (max-width:649px) {

.listing-controls__sorting label {
    display:none;
}

}
@media (max-width:740px) {
.d-lg-block { display:none; }
.d-sm-block { display:block; }
}