/*
 * CellGS
*/
html,
button,
input,
select,
textarea {
    color: #333;
        font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
}
html {
    font-size: 1.063em;
    line-height: 1.3;
}
body {
    background: #FFF;
	min-width:320px;
}
::-moz-selection, ::selection  {
    background: #6298c8;
    color: #FFF;
    text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dfdfdd;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers
 */
audio,
canvas,
img,
video {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}
/*
 * Box sizing - override content-box by default
 */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
p {
    margin: .75em 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:normal;
	color:#2e75b6;
}
h1 {
    font-size: 1.75em;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix {
    zoom: 1;
}
.fl-right {
    float: right;
}
.fl-left {
    float: left;
}
/*
 * Anchors
 */
a {
    color: #333;
    text-decoration: none;
}
    a:hover {
        color:#2e75b6;
		text-decoration: none;
    }
a, a:hover, a:active, a:focus {outline: 0 none;}
img {
    height: auto;
    max-width: 100%;
}
.full-width {
    width: 100%;
}
.horizontal-list li {
    display: table-cell;
}
.vertical-list {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
    .vertical-list li {
        display: block;
    }
.show-mob {
    display: none;
}
.text-center{
   display: flex;
   justify-content: center;
}
/*
 * Forms
 */
.field {
    margin: .5em 0;
    clear: both;
    display: table;
    width: 100%;
}
    .field > label {
        min-width: 250px;
        float: left;
        padding: .25em 0;
    }
.fieldX > :not(label) {
    padding: .5em .25em;
    background-color: #FFF;
}
.checkout, .create-account {
    margin-bottom: 1em;
}
    .checkout fieldset {
        border-bottom: 1px solid #e4ebef;
        padding-bottom: 1em;
        margin-bottom: .5em;
    }
	
	   .create-accountX fieldset {
        border-bottom: 1px solid #e4ebef;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
        .checkout fieldset legend, .create-account fieldset legend {
            padding: .75em 0;
            font-size: 1.333em;
			color:#2e75b6;
        }
            .checkout fieldset legend > span {
	background-color: #175983;
    color: #fff;
    padding: 0.25em 0.5em;
	margin-right:.25em;
            }
.error input:not([type="submit"]):not(.button), .error select, .error textarea{border:1px solid #ce152a;}
.error.field > label {color:#ce152a}
.helper {
    float: left;
    font-size: 0.889em;
    padding: .25em 10px .25em 250px;
	color:#d5d5d5;
}
aside.display-box {
    border-bottom: 0;
    padding: 0;
}
    aside.display-box h2 {
        border-bottom: 1px solid #38aae1;
        font-size: 1.333em;
        padding-bottom: 0.3em;
        position: relative;
		margin-bottom:0;
    }
table .order-summary {
    margin-top: 0;
}
.order-summary td {
    padding: .25em 0;
}
.order-summary tr:last-of-type {
    border-top: 1px solid #e4ebef;
}
    .order-summary tr:last-of-type td {
        font-weight: 700;
    }
table {
    margin: 0.75em 0;
    width: 100%;
	 border-collapse: collapse;
    border-spacing: 0;
}


td, th {
    text-align: left;
}
.field--chk-box {
    margin: 1em 0 1em 250px;
}
    .field--chk-box > input[type="checkbox"] {
        display: inline-block;
        margin: 0.5em 0;
        width: 5%;
    }
.form-buttons {
    margin: 0 0 .5em 250px;
}

.form-buttons .fl-left {float:none !important}
.create-account .form-buttons {margin: 0 0 .5em 225px;}


    .form-buttons span {
        vertical-align: middle;
    }
.field > select {
    width: auto;
}
input:not([type='submit']):not(.button),
select,
textarea {
    border: 1px solid #d2d2d3;
    padding: .25em;
    border-radius: 0;
    -webkit-border-radius: 0;
}
input.required:not([type='submit']):not(.button),
select.required,
textarea.required {
	border:1px solid #d5d5d5;
	}
input[type="search"] {
    box-sizing: border-box;
}
input:not([type='submit']):not([type='radio']):not([type='checkbox']) {
    -webkit-appearance: none;
}
.field > input:not([type='submit']), .field > select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm), .field > textarea {
    float: left;
    width: 45%;
}

.field > button {
    float: right;
}

.create-account .field > label {width:225px !important;min-width:0;}
.create-account .form-error  {margin-left:225px!important;}
.create-account .field > input:not([type='submit']), .create-account .field > select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm) { 
	max-width:365px;
	width: -webkit-calc(100% - 225px);
    width: -moz-calc(100% - 225px);
    width: calc(100% - 225px);
}

.crt-acc .field > label {width:40% !important;min-width:0;} 
.crt-acc .field > input:not([type='submit']) { 
	max-width:365px;
	width: 60%;
}

.crt-acc .form-error  {margin-left:40%!important;}


/*
 * Single Column Forms

.single-column {text-align:center;}
.single-column > [class*="col--"] {float:none;text-align:left;margin:0 auto; background:#f0f0f0;} 

.create-account [class*="col--"] {width:100%; max-width:600px;}

/*
input:not([type='submit']) {
    -webkit-appearance: none;
}
*/
*:focus {
    outline: 0 !important;
}
#AmazonAddressWidget, #AmazonWalletWidget {margin-bottom:2%;}
#AmazonAddressWidget iframe, #AmazonWalletWidget iframe, #AmazonAddressWidget *, #AmazonWalletWidget * {border-radius:0!important}
#amazon-pad .button {min-width:150px;}
#amazon-pad input[value="Previous"] {float:left;background:#ededed;color: #333 !important;}
#amazon-pad input[value="Next"], #amazon-pad [value="Confirm"] {float:right;}
/* ==========================================================================
   OBJECTS
   ========================================================================== */
.full-width:not(.nav-wrapper) > * {
    max-width: 1240px;
    margin: 0 auto;
}
/* override fullwidth colour for traditional style 
header, .main-content, .testimonial, .box-links, footer, .footer-copyright {
    max-width: 1120px;
    margin: 0 auto;
}
*/
.box-links {
    padding: 0 1em;
}
.section-header {
    border-bottom: 3px solid #38aae1;
    font-size: 1.556em;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    position: relative;
    padding-bottom: .4em;
}
    .section-header:not(.no-arrow):after {
        content: "";
        width: 50px;
        height: 15px;
        background: #FFF;
        background-image: url(../images/arrow-down.svg);
        background-repeat: no-repeat;
        background-position: center center;
        bottom: -10px;
        left: 50%;
        margin: 0 0 0 -25px;
        position: absolute;
        display: inline-block;
        text-align: center;
    }
    .section-header.no-arrow {
        text-align: left;
        font-size: 1.333em;
        padding-bottom: .3em;
    }

.main-content h1:first-of-type {
    margin-top: 0;
}
.main-content a {
    text-decoration: underline;
    color: #529ed0;
}

/* ==========================================================================
   COMPONENTS
   ========================================================================== */
/*
 * Header 
 */
.header-wrapper {
    width: 100%;
	border-top:4px solid #2e75b6;
	
}
header {
    position: relative;
    text-align: center;
	padding-bottom:10px;
}
.header-logo {
    display: inline-block;
    vertical-align: top;
    float: left;
    text-align: left;
    max-width: 190px;
}
.header-logo img {
        margin: 15px 0 0 0;
}

.header-content {
    margin-top: 5px;
	float:right;
	clear:right;
	width: 80%;
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: calc(100% - 250px);
}
.header-search {
    display: flex;
    width: 63%;
	width: -webkit-calc(100% - 255px);
    width: -moz-calc(100% - 255px);
    width: calc(100% - 255px);
	position: relative;
	border: 1px solid #d5d5d5;
    height: 44px;
}

.header-search .search-box{
    display: flex;
    flex-grow: 1;
}
.header-search .search-box input{
    
}

#mob-search-form {display:none;}
    .header-search input[type="search"] {
		border:0;
        line-height: 42px;
        background: #FFF;
        color: #666;
        font-size: 1em;
        float: left;
        padding: 0 0 0 10px;
        width: 90%;
        width: -webkit-calc(100% - 45px);
        width: -moz-calc(100% - 45px);
        width: calc(100% - 45px);
		height: 42px;
    }
    .header-search button {
        height: 42px;
        border: none;
        cursor: pointer;
        
		background: #FFF url(../images/search.svg) no-repeat 50% 50%;
		width: 42px;
	
    }
        .header-search button span {
            display: none;
}

.header-search button:hover {background: #FFF url(../images/search.svg) no-repeat 50% 50% !important;opacity:.5}

.header-basket {
    position: relative;
    height: 32px;
    display: block;
	float:right;
	line-height:32px;
	padding-top:.5em;
	min-width:181px;
	text-align:left;
	white-space:nowrap;
}


    .header-basket:before {
        background: rgba(0, 0, 0, 0) url("../images/basket.svg") no-repeat scroll 0 0;
        content: " ";
        display: inline-block;
        float: left;
        height: 32px;
        left: 0;
        top: -5px;
        width: 37px;
		margin-right:6px;
		position:relative;
    }
	
	.header-basket:hover:before {opacity:.7}

#BasketItems em {
    font-style: normal;
}
#BasketItems {
    padding-right: .5em;
}

#BasketTotal {border-left: 1px solid #d5d5d5;padding-left: .5em;}

.header-wrapper.smaller header {
    height: 75px;
}
.header-wrapper.smaller .header-logo {
    max-width: 70px;
}
    .header-wrapper.smaller .header-logo img {
        margin: .5em 0;
        max-width: 100%;
    }
.header-wrapper.smaller .main-nav > li > a {
    padding: 1.5em .75em;
}
.header-wrapper.smaller #showLeft {
    margin: .75em 0;
    width: 50px;
    height: 50px;
    background: url(../images/mob-nav-but-2.png) no-repeat;
}
header a {
    color: #666666;
    text-decoration: none;
	
}


header .horizontal-list {font-size:0.875em;padding:0;}
header .horizontal-list li {border-left:1px solid #dfdfdd;}
header .horizontal-list li a {margin: 0;padding:0 .95em 0 .75em;}
header .horizontal-list li:last-of-type a {padding-right:0;}

.country-selectx {float:right;clear:right;margin-top:10px;}
.country-select {float:right;clear:right;margin-top:10px;width: 180px;text-align:left; white-space:nowrap;}



.country-select a {color:#2e75b6}
.country-select a span:before {
	background: rgba(0, 0, 0, 0) url("../images/flag-uk.png") no-repeat left center;
	content: " ";
	float: left;
    height: 23px;
    width: 42px;
	top:0;
	background-size: 35px 23px;
	position:relative;
	}
	
	.country-select a span.USD:before {	background: rgba(0, 0, 0, 0) url("../images/flag-USA.jpg") no-repeat left center;
	content: " ";
	float: left;
    height: 23px;
    width: 42px;
	background-size: 35px 23px;
	top:0;
	position:relative;}
	
	.country-select a span.EUR:before {	background: rgba(0, 0, 0, 0) url("../images/flag-EU.jpg") no-repeat left center;
	content: " ";
	float: left;
    height: 23px;
    width: 42px;
	background-size: 35px 23px;
	top:0;
	position:relative;}
	
	.country-select a span.ROW:before {	background: rgba(0, 0, 0, 0) url("../images/flag-ROW.png") no-repeat left center;
	content: " ";
	float: left;
    height: 23px;
    width: 42px;
	background-size: 35px 23px;
	top:0;
	position:relative;}

.promo-wrapper, .product-grid {border-bottom: 1px solid #d5d5d5;padding-bottom:4%;}
.news-list h2 {margin-bottom:.125em;}
.news-list ul {margin-top:0;}
.news-list a {
	display:block;
	border-bottom: 1px solid #d5d5d5;
	padding:.6em 0;
	background:url(../images/arrow.svg) right center no-repeat;
	
	}
.news-list a:hover {color:#2e75b6}
.blog-home-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-slider{
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 4%;
}
.homepage-blog-text{
    height: 135px;
    overflow-y: hidden;
}

.newsletter{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.newsletter h2{
   margin-bottom: 0.4em;
}

.newsletter .sign-up{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 450px;
}

.newsletter input{
    height: 38px;
    margin: 0 7px;
    width: 100%;
}
@media (max-width: 849px) {
   .newsletter {
      flex-direction: column;
   }
}

.video-container-wrap {width:66%;margin-bottom:2%;float:left;}

.video-container {
	position:relative;
	padding-bottom: 56.25%; /*56.25%;*/ /* 16:9 */
	padding-top: 0;/* 57px; /*30px;*/
	height:0; /*0; 60%*/
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.promo-wrapper h1:first-of-type {margin-top:0;}
.promo {
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
}
    .promo ul {
        margin: 0;
        padding: 0;
    }
    .promo li {
        text-align: left;
        padding: .5em 1em;
        text-transform: uppercase;
    }
    .promo em {
        font-style: normal;
        text-transform: none;
    }



.promo a:hover {
    color: #38aae1;
}
.content {padding:2% 0}
.content .row h1:first-of-type {margin-top:0;}
.main.row .content {}
.breadcrumb {
    text-decoration: none;
    margin: 0 0 1em 0;
    display: table;
    width: 100%;
    clear: both;
}
    .breadcrumb a {
        text-decoration: none;
    }
        .breadcrumb a:after {
            background: rgba(0, 0, 0, 0) url("../images/arrow.svg") no-repeat scroll 0 0 / cover;
            content: " ";
            display: inline-block;
            height: 10px;
            margin: 0 6px 0 7px;
            width: 10px;
        }
        .breadcrumb a:last-child:after {
            display: none;
        }
/*
 * Footer 
 */
.nwsltr-wrapper {
    background-color: #828c77;
    color: #fff;
    padding: 20px 0 35px;
	text-align:center;
	position:relative;
	max-width:1240px;
	margin:0  auto;
}
.nwsltr-wrapper:before {
  content: "";
  background: url(../images/nwsltr-bg.jpg);
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  display: block;  
  background-size:cover;
  
}
.nwsltr {
    border-bottom: 1px solid #605d54;
    padding-bottom: 30px;
	max-width:550px;
	margin:0 auto;
	position: relative;
	z-index:+1;
	
}
.input-box {
    position: relative;
}
.nwsltr .input-box input[type="text"] {
    width: 100%;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #605d54;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: #666;
    float: left;
    font-size: 1em;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 10px;
    width: calc(100% - 55px);
	background-clip: padding-box;
 	overflow: hidden;
}
.nwsltr .input-box button {
    position: absolute;
    right: 0;
    top: 0;
    background: #605d54;
    border: 0 none;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    float: right;
    height: 42px;
}
.nwsltr h3 {
    font-size: 1.556em;
}




/*
 * trust pilot

.trust-plt {
    padding-top: 20px;
}
    .trust-plt > div:first-of-type {
        display: none;
    }
    .trust-plt h4 a {
        color: #FFF;
    }
        .trust-plt h4 a span {
            color: #b2b2b2;
            text-decoration: underline;
			white-space:nowrap;
        }
.trust-plt-banner:after {
    border-color: #48972a transparent;
    border-style: solid;
    border-width: 14px 14px 0;
    bottom: -14px;
    content: "";
    display: block;
    right: 35px;
    position: absolute;
    width: 0;
}
.trust-plt-banner {
    width: 23.5%;
    background: #48972a;
    background-image: url(../images/tp-banner-bg.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 1em 0 1em 0;
    padding: 15px;
    position: relative;
    color: #b2b2b2;
    float: left;
    font-size: 0.889em;
    text-align: center;
    height: 175px;
}
    .trust-plt-banner.trust-plt-checkout {
        width: 100%;
        max-width: 350px;
        float: none;
		margin: 0 auto 2em auto;}
    .trust-plt-banner img {
        max-width: 100%;
        height: auto;
        margin: auto;
    }
.trust-plt-review:after {
    border-color: #0f2d41 transparent;
    border-style: solid;
    border-width: 14px 14px 0;
    bottom: -14px;
    content: "";
    display: block;
    right: 35px;
    position: absolute;
    width: 0;
}
.trust-plt-review {
    width: 23.5%;
    background: #0f2d41;
    margin: 1em 0 1em 2%;
    padding: 15px;
    position: relative;
    color: #b2b2b2;
    float: left;
    font-size: 0.889em;
    height: 175px;
}
    .trust-plt-review a {
        color: #FFF;
    }
.trust-plt-review a:hover {
            color: #38aae1;
}
.tp-title {
    color: #FFF;
    font-weight: 700;
    font-size: 1.125em;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	width:100%;
	display:inline-block;
}
.trust-plt-review p {
    margin: 0 0 .5em 0;
    height: 2.6em;
    overflow: hidden;
}
.tp-score em {
    background: rgba(0, 0, 0, 0) url("../images/star.svg") repeat scroll 0 0;
    display: inline-block;
    font-size: 0;
    height: 14px;
    margin: 2px 0 0 0;
    vertical-align: top;
    width: 14px;
}
.tp-score span {
    border-left: 1px solid #b2b2b2;
    vertical-align: top;
    padding-left: 5px;
    margin-left: 5px;
}
 */
 
 
 /*
 * Footer
  */
  
.footer-wrapper {
    padding: 2% 0 4% 0;
	border-top:2px solid #2e75b6;
}
footer {
    padding: 0 1em;
}
footer h3 {margin-bottom:.65em;}
.footer__list li {
        margin-bottom: .3em;
}
footer  address {font-style:normal;}
.footer-icons img {
        margin: 0;
        height: auto;
		max-width:245px;
		width:100%;
}
.footer-social .horizontal-list {
    display: flex;
    margin:0;
    padding:0;
}
.footer-social a {display:block;width:45px;height:45px;}
.footer-social a:hover {opacity:.7}
.footer-social span {display:none;}
.fb-icon {background: url(../images/fb.svg)}
.tw-icon {background: url(../images/tw.svg)}
.in-icon {background: url(../images/in.svg)}
.x-icon {background: url(../images/x.png?v=3)}
.yt-icon {background: url(../images/yt.png)}

/*
 * BUTTONS
 */
.button, button {
    color: #FFF !important;
    text-decoration: none !important;
    background-color: #2e75b7;
    display: inline-block;
    width: auto;
    cursor: pointer;
    padding: .5em 1em;
    border: 0;
    position: relative; 
	vertical-align:middle;
    display: inline-block;
	
}

.button:hover, button:hover {
        text-decoration: none;
        opacity:.7;
    }
/*
 * testimonial
 */
/* ==========================================================================
   NAVIGATION
   ========================================================================== */
.nav-overlayx {
background:rgba(0, 0, 0, 0.3);
display:none;
position: fixed;
top: 0;
bottom: 0;
width: 100%;
z-index: 99;
}
   
.nav-overlay {
position: fixed;
top: 0;
bottom: 0;
width: 100%;
z-index: 99;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background:rgba(49, 97, 141, 0.4);
height:0;
opacity:0;
}
  
.nav-overlay.hover-nav {opacity:1;height:auto;
}
.nav-wrapper {
    background: #f8f8f8;
    color: #FFF;
    text-align: left;
	border-top:1px solid #d5d5d5;
	border-bottom:4px solid #2e75b6;
    z-index: 999;
    top: 0;
}
    .nav-wrapper > div {
        max-width: 1240px;
        margin: 0 auto;
		position:relative;
    }




.nav-wrapper nav {
    height: 44px;
	max-width: 1240px;
}

.nav-wrapper nav > ul > li {border-right:1px solid #d5d5d5}
.nav-wrapper nav > ul > li:first-of-type, .nav-wrapper nav > ul > li:last-of-type {border-left:1px solid #d5d5d5}

.nav-wrapper nav > ul > li > a {
	line-height:44px;
    height: 44px;
	padding:0 1.2em;
	display:block;
	font-size: 1em;
	width:120px;
	text-align:center;
}

.nav-wrapper nav li a:hover, .nav-wrapper nav li:hover a  {color:#FFF;background:#2e75b7}

.main-nav a:hover, .main-nav li:hover a {background:#f8f8f8}

#nav {
    position: relative;
    z-index: 100;
    display: block;
}
#nav ul {
        margin: 0;
        padding: 0;
       
}
#nav > ul > li {float:left;}
#nav > ul > li:last-of-type {float:right;}
#nav > ul > li > a {}
#navx > ul {width: 255px;}


.nav-mainX > li {
    display: inline-block;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;}
	
	
.nav-mainX > li > ul {
    position: absolute;
    z-index: 1000;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    padding: 0;
    overflow: hidden;
    height: 0;
    opacity: 0;}
	
	
.main-nav > ul {width: 255px;float:left;height:100%; /*position:absolute;*/}

#navX > ul {position:relative;}

.nav-button {
    width: 255px;
    line-height: 55px;
    height: 55px;
    cursor: pointer;
    position: relative;
    padding: 0 15px;
    text-transform: uppercase;
}
.nav-button .icon {
        width: 30px;
        height: 22px;
        background: rgba(0, 0, 0, 0) url("../images/nav-icon.svg") no-repeat scroll center center / cover;
        display: inline-block;
        margin: 16px 20px 0 0;
        float: left;
}

.nav-button .label:after {
        background: rgba(0, 0, 0, 0) url("../images/arrow-wt.svg") no-repeat scroll center center / cover;
        content: "";
        display: inline-block;
        height: 25px;
        margin-top: -12px;
        position: absolute;
        right: 15px;
        top: 50%;
        width: 25px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .nav-button:hover, #nav li:hover .nav-button {
        background: #134362;
    }


#nav li:hover .sub-nav {display: block;}
.sub-nav {
	z-index: 1000;
    display: none;
	position:absolute;
	min-width: 255px;
 }
.sub-nav > li:not(:last-of-type) {
border-bottom: 1px solid #6598c8;}


#nav li:hover .main-nav {display: block;}
.main-nav {
	z-index: 1000;
    display: none;
	width:100%;
	position:absolute;
	left:0;
	right:0;
	border-top:4px solid #2e75b7; 
	background:#FFF;
	 
}
.menu-products {float:right;width:50%;padding:0 15px 15px 0;}
.menu-products h2 {margin:.5em 0;}

.m-nav-btn {
    display: none;
}

.main-nav li {border-bottom:1px solid #6598c8;}
.main-nav ul li:last-of-type {
	border-bottom:0;
	}
.main-nav li a, .sub-nav li a {
        display: block;
        padding: .5em .75em;
        color: #333;
        text-decoration: none;
        min-height: 100%;
        height: 100%;
		}	
		
.nav-wrapper nav li .sub-nav li a:hover { background-color: #f8f8f8;
	background-image:url(../images/arrow-grey.svg);
	background-size:15px 15px;
	color: #333;
	background-repeat:no-repeat;
	background-position:right 10px center;}		
		
.main-nav  ul li  a {  
        background-image: url("../images/arrow.svg");
        background-position: right 12px center;
        background-repeat: no-repeat;
        background-size: 14px 14px;
}
	
.main-nav > ul > li > a:hover, .main-nav > ul > li:hover > a {
    background-color: #f8f8f8;
	background-image:url(../images/arrow-grey.svg);
	background-size:15px 15px;
	color: #333;
	background-repeat:no-repeat;
	background-position:right 10px center;
}

.main-nav li ul {text-align:left;z-index:1000;padding:10px 0 10px 10px;position:absolute;top:0;}
.main-nav ul li ul {display:none;top:0;}


.sub-nav-wrapperX {left:255px; background:#f0f0f0;display:inline-block;width:100%; width: -webkit-calc(100% - 255px);width: -moz-calc(100% - 255px); width: calc(100% - 255px);height:100%;}
.sub-nav-wrapper {left:255px;float:left;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;width:255px;height:100%;background:#f8f8f8}
.sub-nav-wrapper ulX {width:255px;float:left;border-left:1px solid #f0f0f0}

.main-nav ul li:hover ul {display:block;}
.main-navX ul li ul li ul {left:255px}
.main-nav .sub-nav-wrapper li {
	border-bottom:1px solid #eaeaea;
	}

.main-nav .sub-nav-wrapper li:last-of-type {
	border-bottom:1px solid #eaeaea;
	}

.sub-nav-wrapper a {background:#f8f8f8!important;padding-right:30px;text-overflow: ellipsis;
	white-space:nowrap;overflow:hidden;color:#333!important;}
.sub-nav-wrapper a:hover {color: #2e75b6!important;}
.viewall {font-weight:bold;}
#nav > ul > li:last-of-type > a {padding-left:.75em}
#nav > ul > li:last-of-type a:before {
 		background: rgba(0, 0, 0, 0) url("../images/account.svg") no-repeat scroll 0 0;
        content: " ";
        display: inline-block;
        float: left;
        height: 25px;
        left: 0;
        top: 9px;
        width: 27px;
		margin-right:8px;
		position:relative;}

#nav > ul > li:last-of-type a:hover:before {background: rgba(0, 0, 0, 0) url("../images/account-hover.svg") no-repeat scroll 0 0;}
/*
 * Side nav
 */

.menu {border:1px solid #d7d7d7;margin-bottom:1em}
.menu ul {margin:0;padding:0;list-style:none;}
.menu > ul > li > a {background:#f8f8f8 url(../images/arrow-grey.svg) no-repeat right 12px center ;border-top:1px solid #d7d7d7; background-size:15px 15px;padding:.5em 30px .5em .5em;display:block;}
.menu > ul > li:first-of-type > a {border-top:0;}
.menu > ul > li.active > a {background:#2e75b7 url(../images/arrow-wt-down.svg) no-repeat right 12px center ;color:#FFF;margin:0 -1px 0 -1px;border-top:0;background-size:15px 15px;padding:.5em 30px .5em .7em;}
.menu ul ul a {padding:.3em .3em .3em .5em ;display:block;}
.menu ul ulZ {border-top:1px solid #d7d7d7;}
.menu  li.active + li {border-top:0;}




/*
 * Slideshow
 */
.main-slider-wrapper {
    width: 100%;
	max-height:360px;
	overflow:hidden;
}
.main-slider {
	margin: 0 auto;
}
    .main-slider img {
        width: 100%;
        height: auto;
    }
	
.parallax-window {width: 100%;height:360px;background: transparent;}	
.homepage-banner {
	width: 100%;
	/*height:360px;*/
	background: transparent;
	position: relative;
	overflow: hidden;
}

.homepage-banner video {
    object-fit: cover;
    width: 100% !important;
    display: block;
}

.homepage-banner .overlayed {
    position: absolute;
    margin: 0;
    padding: 0px;
    width: 100%;
	display: flex;
    align-items: center;
    height: 100%;
}
	.overlayed-inner {
		float: left;
		font-size: 3em;
		margin: 0 0 0 4%;
	}
	
	.overlayed-inner h2 {
		color: #fff;
		font-weight: bold;
		font-size: 100%;
		padding: 0;
		margin: 0;
		line-height: 1.5em;
		text-shadow: 1px 1px 2px black;
	}
	
@media (max-width: 926px) {
	.overlayed-inner {
		width:75%
	}
	.overlayed-inner h2 {
		font-size: 81%;
	}
}

@media (max-width: 850px) {
	.overlayed-inner h2 {
		font-size: 81%;
	}
}

@media (max-width: 799px) {
    .overlayed-inner h2 {
        font-size: 70%;
    }
}

@media (max-width: 625px) {
    .overlayed-inner h2 {
		font-size: 54%;
		line-height: 1.8em;
    }
}

@media (max-width: 520px) {
	.overlayed-inner {
		width:100%
	}
	.overlayed-inner h2 {
		font-size: 46%;
		line-height: 1.5em;
	}
}

@media (max-width: 390px) {
	.overlayed-inner h2 {
		font-size: 39%;
	}
}

	
/*
 * grid from E2EXpress
 */
.row:after,
.grid:after {
    content: "";
    display: table;
    clear: both;
}
/* row column gutters */
[class*='col--'] {
    padding-right: 20px;
    float: left;
}
    [class*='col--']:last-of-type {
        padding-right: 0;
    }
/* row column widths - */
.col--1-1 {
    width: 100%;
}
.col--2-3 {
    width: 66.66%;
}
.col--1-3 {
    width: 33.33%;
}
.col--1-2 {
    width: 50%;
}
.col--1-4 {
    width: 25%;
}
.col--3-4 {
    width: 75%;
}
.col--1-8 {
    width: 12.5%;
}
.col--1 {
    width: 8.33333%;
    padding-left: 1%;
}
.col--2 {
    width: 16.66667%;
    padding-left: 1%;
}
.col--3 {
    width: 25%;
    padding-left: 1%;
}
.col--4 {
    width: 33.33333%;
    padding-left: 1%;
}
.col--5 {
    width: 41.66667%;
    padding-left: 1%;
}
.col--6 {
    width: 50%;
    padding-left: 1%;
}
.col--7 {
    width: 58.33333%;
    padding-left: 1%;
}
.col--8 {
    width: 66.66667%;
    padding-left: 1%;
}
.col--9 {
    width: 75%;
    padding-left: 1%;
}
.col--10 {
    width: 83.33333%;
    padding-left: 1%;
}
.col--11 {
    width: 91.66667%;
    padding-left: 1%;
}
.col--12 {
    width: 100%;
    padding-left: 1%;
}
[class*=col--]:first-of-type {
    padding-left: 0;
}
/*
 * multiple rows grid 
 * ( mainly for lists of products and categories).
 */

 
.anchors ul {padding:0;width:100%;margin:0;} 
.anchors li {width: 33.33%; width: 32%;display:inline-block;max-width:200px;margin:0 2% 1% 0;float:left;}
.anchors li:last-of-type {margin-right: 0;}
.anchors a {display:block;background:#f8f8f8;border:1px solid #d5d5d5;padding: .65em 35px .65em 1em;position:relative; white-space:nowrap;}


.anchors a:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/arrow-grey-down.svg) center no-repeat;
    background-size: cover;
    top: 50%;
    margin-top: -8px;
    right: 12px;
    position: absolute;
    display: inline-block;
}
.anchorsX li:last-of-type a:before  {background: url(../images/arrow-grey.svg) center no-repeat; content: "";
    width: 20px;
    height: 20px;
    background-size: cover;
    top: 50%;
    margin-top: -10px;
    right: 12px;
    position: absolute;
    display: inline-block;}

 
.prd-docs.horizontal-list {padding:20px 0 0 0;} 
.prd-docs.horizontal-list li {padding-right:30px;}
.pdf-link {color:#2e75b6;display:block;display:inline-block;padding:1em 0;margin-right:2em;}
.pdf-link:before {
        background: rgba(0, 0, 0, 0) url("../images/pdf-icon.png") no-repeat scroll 0 0;
        content: " ";
        display: inline-block;
        float: left;
        height: 50px;
        left: 0;
        top: -15px;
        width: 45px;
		margin-right:8px;
		position:relative;
		background-size:cover;
}
 
.aasequence p { font-family:"Courier New", Courier, monospace;}


	
.product-details {
    margin-bottom: 2%;
	padding-bottom:1em;
	border-bottom:1px solid #d5d5d5;
}
.product__images {
    text-align: center;
}
.images__zoom {
    font-family: "e2e";
    font-size: 1em;
    z-index: 9;
}
    .images__zoom > * {
        color: #757575;
        cursor: pointer;
        display: inline-block;
        height: 1.5em;
        width: 1.5em;
        font-size: 1.5em;
        text-align: center;
        line-height: 1.75em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
        .images__zoom > *:not(:first-child) {
            display: none;
        }
    .images__zoom .js-zoom-show,
    .images__zoom .js-zoom-hide {
        background-color: transparent;
        color: #e0e0e0;
        height: 100%;
    }
        .images__zoom .js-zoom-show:before,
        .images__zoom .js-zoom-hide:before {
            content: '\e85b';
        }
        .images__zoom .js-zoom-hide:before {
            content: "\e80c";
        }
.js-zoom-in.zoom--in,
.js-zoom-out.zoom--out {
    display: inline-block;
    width: 50px;
}
    .js-zoom-in.zoom--in:before,
    .js-zoom-out.zoom--out:before {
        content: '\e86f';
    }
    .js-zoom-out.zoom--out:before {
        content: '\e870';
    }
.product__images .images__thumbs {
    margin: 1em auto;
    padding: 2px;
    text-align: center;
    width: 100%;
    position: relative;
}
    .product__images .images__thumbs .image-container {
        cursor: pointer;
        display: inline-block;
        width: 20%;
    }
.product__images .image-container {
    /*margin: 0 1.5%;*/
    max-width: 600px;
}
.product__data h1 {
    margin: 0;
    text-transform: uppercase;
    line-height: 1;
    font-size: 1.556em;
}
.product__data .offer {
    color: #ce152a;
}
.product__data .rev-score {
    float: left;
    clear: left;
    display: inline-block;
    width: -webkit-calc(100% - 145px);
    width: -moz-calc(100% - 145px);
    width: calc(100% - 145px);
}
    .product__data .rev-score em {
        width: 20px;
        height: 20px;
        background-size: cover;
    }
    .product__data .rev-score span {
        font-size: 0.889em;
    }
.prd-brand {
    float: left;
    margin-top: 10px;
}
.rev-score + .prd-brand {
    float: right;
    margin-top: -30px;
}
.product-details .product__data .price {
}
.product__price {
    margin: 1.75em 0;
}
    .product__price .price--rrp, .product__price .price, .product__price .price--dif {
        display: block;
        clear: both;
    }
    .product__price .price {
        font-size: 2.000em;
        line-height: 1;
    }
span.del-label {
    font-size: 0.444em;
    font-weight: 400;
}
.price--rrp {
    color: #b2b2b2;
    text-decoration: line-through;
    font-size: 0.889em;
}
.price--dif {
    font-size: 0.889em;
}
.product__basket {
    background: #f0f0f0;
    padding: 1em;
    text-align: right;
}
    .product__basket input[name="Qty"] {
        width: 45px;
        text-align: center;
        font-size: 1.222em;
        margin: 0 .5em 0 .25em;
		vertical-align:middle;
    }
    .product__basket label {
        font-size: 1.222em;
		vertical-align:middle;
    }
    .product__basket button {
        padding: .75em 50px .75em 17px;
        text-align: left;
        position: relative;
        width: 165px;
    }
        .product__basket button:after {
            content: "";
            width: 22px;
            height: 22px;
            background: url(../images/basket-wt.svg) center no-repeat;
            background-size: cover;
            top: 50%;
            margin-top: -12px;
            right: 15px;
            position: absolute;
            display: inline-block;
        }
#StockMsg {
    display: inline-block;
    float: left;
    text-align: left;
    padding: .55em 0 .75em 0;
	font-size: 1.222em;
	vertical-align:middle;
}
.InStock {
    color: #48972a;
    background: url(../images/tick.svg) no-repeat left center;
    padding: 0 0 0 30px;
}
.OutStock {
	color:#ce202b;
	background: url(../images/cross.svg) no-repeat left center;
	padding: 0 0 0 30px;
}
.ref-code {
    color: #b2b2b2;
    font-size: 0.889em;
}
.suggested-links ul {
    list-style: none;
    padding: 0;
}
.suggested-links li {
    margin-bottom: .25em;
}
.suggested-links a:hover {
    text-decoration: underline;
}
.suggested-links a {
    display: inline-block;
    padding: .25em 0;
}
    .suggested-links a:after {
        background: rgba(0, 0, 0, 0) url("../images/arrow.svg") no-repeat scroll 0 0;
        background-size: cover;
        content: " ";
        display: inline-block;
        height: 14px;
        width: 14px;
        margin: 0 0 -2px 5px;
    }
.table {
    border-collapse: collapse;
    margin: 1em 0 1em 0;
    width: 100%;
	border:1px solid #d5d5d5;
	border-top:0;
}
.table td {border-top:1px solid #d5d5d5;padding: .5em;}

.table  th {
        background: #2e75b7;
        border: 0 none;
        color: #fff;
        padding: 0.65em 0.5em;
        text-align: left;
        font-weight: 400;
		font-size:1.059em;
		border-top:1px solid #2e75b7;
    }
.table  th:first-of-type {border-left:1px solid #2e75b7}
.table  th:last-of-type {border-right:1px solid #2e75b7} 	
.table:not(.prd-details)  tr:nth-of-type(odd), .table:not(.prd-details)  tr:nth-of-type(odd) td {
        background: #f8f8f8;
} 
.prd-table {margin-top:0;}
.prd-table td:first-of-type span {white-space:nowrap;}
.prd-table td:nth-of-type(2) {width: 99%;}
.prd-table th:nth-of-type(3) {text-align:right;}
.prd-table th:nth-of-type(4), .prd-table td:nth-of-type(4) input {
	width: 45px;
	text-align: center;
	padding: 0.45em 0;}

.prd-table td:nth-of-type(3) 
{		font-weight:bold;
		color:#2e75b6;
		text-align:right;
		white-space:nowrap;}

.prd-table tr:nth-of-type(2) td, .prd-details tr:nth-of-type(2) td {border-top:0;}

#add-to-basket {font-size:1.118em;float:right;padding-left:55px;}

#add-to-basket:before {
    content: "";
    width: 27px;
    height: 25px;
    background: url(../images/basket-lt.svg) center no-repeat;
    background-size: cover;
    top: 50%;
    margin-top: -13px;
    left: 15px;
    position: absolute;
    display: inline-block;
}

.prd-details td:first-of-type {background:#f8f8f8;font-weight:bold;border-right:1px solid #d5d5d5;}
.prd-details td:first-of-type {}

	
	
.subcat-table td:first-of-type {width: 99%;}   
	
.subcat-table td:first-of-type span {
        display: block;
        clear: both;
		color:#2e75b6;
		padding-bottom:.5em;
    }
	
	
.subcat-table td:first-of-type span a {text-decoration:none;}

		.subcat-table td:first-of-type select {
		 width:100%;
		 max-width:320px;
    }
	
    	
    .subcat-table td:nth-of-type(2) {
		font-weight:bold;
		color:#2e75b6;
		text-align:right;
		white-space:nowrap;
		
    }
	
	
            .subcat-table td:nth-of-type(3) input {
            width: 45px;
            text-align: center;
            padding: 0.45em 0;
        }
    .subcat-table td:nth-of-type(4), .subcat-table td:nth-of-type(5) {text-align: center;white-space:nowrap;}
	 .subcat-table td:nth-of-type(4) button {background:#b0b0b0;
    }
    .subcat-table td:nth-of-type(5) {
		text-align: center;
    }
  

	
.grid__item {
    overflow: hidden;
    position: relative;
}	

.grid__item .item__data {padding-top:.5em;}
.grid__item .item__data p:first-of-type {margin-top:0;}
	
.grid__item .legend {
	position:absolute;
    background-color: rgba(255,255,255,0.75);
    bottom: 0;
	height:90px;
	padding: 12px;
	line-height:1.2em;
	right:0;
	left:0;
	width:100%;
	color:#333!important;
}
.grid__item .legend span {overflow:hidden;height:3.6em;display:block;}


.grid__item .legend h3 {font-weight:600;height:auto;margin:0;color:#333;}
.grid__item .legend p {margin:0;}
.grid__item a:hover .legend {color:#333!important;}
[class*='grid--'] {
    width: 100%;
    display: table;
}
    [class*='grid--'] .grid__item {
        margin-right: 2%;
        margin-bottom: 2%;
        float: left;
    }
.grid--1 .grid__item {
    width: 100%;
    padding-right: 0;
}
.grid--2 .grid__item {
    width: 49%;
}
.grid--3 .grid__item {
    width: 32%;
}
.grid--4 .grid__item {
    width: 23.5%;
}
.grid--5 .grid__item {
    width: 18.4%;
}
.grid--8 .grid__item {
    width: 10.75%;
}
.grid--2 .grid__item:nth-of-type(even),
.grid--3 .grid__item:nth-of-type(3n+3),
.grid--4 .grid__item:nth-of-type(4n+4),
.grid--5 .grid__item:nth-of-type(5n+5),
.grid--8 .grid__item:nth-of-type(8n+8) 
{
    margin-right: 0;
}
/* 
 *  Grid media queries 
 */
/*base tablet to small desktop styles*/
@media (min-width: 800px) and (max-width: 849px) {
    .col--1-2,
    .col--1-3,
    .col--2-3,
    .col--3-4 {
        width: 100%;
        padding-right: 0;
    }
    .col--1-4,
    .col--1-8 {
        width: 100%;
        padding-right: 0;
    }
    [class*='col--']:nth-of-type(even) {
        padding-right: 0;
    }
    .listing-controls__pagination {
        width: 25%;
    }
    .listing-controls > div {
        width: 75%;
    }
}
/*base tablet styles*/
@media (max-width: 800px) {
    .col--1-8 {
        width: 50%;
    }
    .col--1-4,
    .col--1-2,
    .col--1-3,
    .col--2-3,
    .col--3-4,
    .col--5,
    .col--7 {
        width: 100%;
        padding-right: 0;
    }
    [class*='col--']:nth-of-type(even) {
        padding-right: 0;
    }
    [class*='col--'] {
        width: 100%;
		padding:0;
    }
    .footer-social .horizontal-list {
        margin: 0;
        display: flex;
        padding: 0;
        justify-content: center;
    }
	
	
}
/*base mobile styles - everything 100%*/
@media (max-width: 480px) {
    .col--2-3,
    .col--1-3,
    .col--1-2,
    .col--1-4,
    .col--3-4,
    .col--1-8 {
        width: 100%;
        padding-right: 0;
    }
}
@media (max-width: 800px) {
    /*
     * Separate grid for the items that wrap across multiple rows and are 
     * all the same size(namely lists of products and categories).
     */
    .grid--2 > .grid__item {
        width: 100%;
    }
    .grid--3:not(.one-row) > .grid__item {
        width: 49%;
    }
    .grid--4:not(.one-row) > .grid__item {
        width: 32%;
    }
        .grid--2 > .grid__item:nth-of-type(even),
        .grid--3:not(.one-row) > .grid__item:nth-of-type(3n+3),
        .grid--4:not(.one-row) > .grid__item:nth-of-type(4n+4) {
            margin-right: 2%;
        }
        .grid--3:not(.one-row) > .grid__item:nth-of-type(even),
        .grid--4:not(.one-row) > .grid__item:nth-of-type(3n+3) {
            margin-right: 0;}
}
@media (max-width: 749px) {
    .grid--4:not(.one-row) > .grid__item,
    .grid--4 > .grid__item {
        width: 49%;
    }
        .grid--4.one-row > .grid__item:nth-of-type(even),
        .grid--4:not(.one-row) > .grid__item:nth-of-type(even) {
            margin-right: 0 !important;
        }
        .grid--4:not(.one-row) > .grid__item:nth-of-type(odd) {
            margin-right: 2%;
        }
    .grid--3.one-row > .grid__item {
        width: 100%;
        margin-right: 0 !important;
    }
}
@media (max-width: 468px) {
    .grid--3:not(.one-row) > .grid__item,
    .grid--4:not(.one-row) > .grid__item,
    .grid--4.one-row > .grid__item {
        width: 100%;
    }
    .grid--2 > .grid__item:nth-of-type(even),
    .grid--3 > .grid__item:nth-of-type(3n+3),
    .grid--4 > .grid__item:nth-of-type(4n+4),
    .one-row > .grid__item {
        margin-right: 0;
    }
    .grid--3 > .grid__item:nth-of-type(even),
    .grid--4 > .grid__item:nth-of-type(3n+3) {
        margin-right: 0;
    }
}
/*[class*='grid--']  {
    font-size: 0;  close white-space 
}
 */
.green {background-color:#828c77;color:#FFF;}
.brown {background-color:#605d54;color:#FFF;}
.product-grid {}
.grid__item h3 {
    font-size: 1.1em;
	line-height:1.1em;
    height: 2.2em;
    margin: 0 0 .25em 0;
    overflow: hidden;
	color:#333;
}
.grid__item:hover h3 
{color:#2e75b6}
    .grid__item h3 a {
        text-decoration: none;
		
    }
.grid__item a:hover {
    text-decoration: none;
	
}
.grid__item .image-container {
    border: 1px solid #d5d5d5;
    width: 100%;
    height: auto;
    margin: auto;
	
}

.homepage-box .image-container {
    border: none;
    width: 100%;
    height: auto;
    margin: auto;
	
}

.grid__item .image-container img {
        width: 100%;
        height: auto;
}

.grid__item.slick .image-container img {}

.price {
    font-weight: 700;
    color: #2e75b6;
    padding: 0 .1em 0 0;
}
.price span {font-size:1rem; font-weight:normal;color:#333;}
.grid--8 .grid__item .price {font-size: 1em;}
.rrp {
    text-decoration: line-through;
    color: #9e9f9e;
    padding: 0 0 0 .1em;
}
.rev-score {
    padding-top: 2px;
}
    .rev-score em {
        background: rgba(0, 0, 0, 0) url("../images/star.svg") repeat scroll 0 0;
        display: inline-block;
        font-size: 0;
        height: 15px;
        margin: 0 1px 0 0;
        vertical-align: top;
        width: 15px;
    }
.flag--fd {
    position: relative;
}
.flag--fd:before {
        background: rgba(0, 0, 0, 0) url("../images/fd--flag.png") no-repeat scroll center center / 100% auto;
        content: "";
        height: 35px;
        position: absolute;
        left: 5px;
        top: 5px;
        width: 40px;
        z-index: 5;
		cursor: pointer;
}
	
.flag {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
	z-index: 5;
}
.flag img {width:100%; height:auto}
	
.wrapperX .flag--fd:before {
    height: 75px;
    width: 80px;
}
.grid__item.cat-box h3 {
    line-height: 1.1em;
    font-size: 1.375em;
    height: 2.3em;
    margin-bottom: 0;
}
.grid__item.cat-box p {
    margin: 0;
    font-size: 0.889em;
    height: 3.9em;
    overflow: hidden;
}
/*
 * brands slider
 */
.clients-slider {
    background: #605d54;
}
.clients-slider {
    padding: 15px 10px;
}
.clients-slider img {}
    .clients-slider h3 {
        color: #FFF;
    }

    .brands-slider ul {
    }
    .brands-slider li {
        display: inline-block;
        margin: 0 10px;
    }
/*
 * display boxes
 */
.list__item h3 {
    color: #575756;
    font-size: 0.889em;
    height: 2.6em;
    margin: 0 0 .125em 0;
    overflow: hidden;
}
.list__item {
    display: table;
    margin-bottom: 5%;
    width: 100%;
}
.list__item .image-container {
        display: table-cell;
        width: 90px;
        padding: 8px 10px 0 0;
        vertical-align: top;
}
.list__item .item__data {
        display: table-cell;
        vertical-align: top;
}
    .list__item h3 a {
        text-decoration: none;
    }
    .list__item a:hover {
        text-decoration: none;
    }
    .list__item .image-container img {
        width: 100%;
        height: auto;
    }
    .list__item .rrp {
        font-size: 0.889em;
    }
    .list__item .price {
        font-size: 1.111em;
    }
/*
 * display boxes
 */
.display-box {

}
.product-filters {margin-bttom:1em;}
    .display-box.filters {
        border-bottom: 0;
        padding: 0;
    }
.section-header + .display-box {
    padding: 0 0 15px 0;
    margin: 0 0 25px 0;
}
.filters > ul {border-bottom:1px solid #d7d7d7;}
.filters h4 {
    font-size: 1em;
	background:#f8f8f8 url(../images/arrow-grey.svg) no-repeat right 12px center ;border:1px solid #d7d7d7; background-size:15px 15px;padding:.5em;
	cursor:pointer;
	margin:0;
	border-bottom:0;
	color:#333;
}




.filters li label:hover {
    cursor: pointer;
}
.filters h2 {
	margin:0 0 .5em 0;
}
/*
 * ##PRICE-SLIDER
 */
form[name="Filters"] .slider-amount {
    border: 0;
    background-color: transparent;
    opacity: 1;
    padding: .5em 0;
}
    form[name="Filters"] .slider-amount:hover, form[name="Filters"] .slider-amount.button.active, form[name="Filters"] .header-wrapper header .slider-amount.active.header__basket, .header-wrapper header form[name="Filters"] .slider-amount.active.header__basket, form[name="Filters"] .tab-box nav a.slider-amount.active, .tab-box nav form[name="Filters"] a.slider-amount.active {
        border: 0;
    }
form[name="Filters"] .slider-range {
    margin-bottom: 10px;
    height: 5px;
}
    form[name="Filters"] .slider-range .ui-slider-handle {
        background-color: #575757;
    }
        form[name="Filters"] .slider-range .ui-slider-handle:last-of-type {
            margin-left: -16px;
        }
form[name="Filters"] .ui-slider-range {
    background-color: #575757;
}
.slider-range {
    width: 100%;
    height: 3px;
    position: relative;
    background-color: #575757;
    margin-top: 20px;
}
.slider-amount {
    width: 100%;
}
.ui-slider-handle {
    height: 16px;
    width: 16px;
    background-color: #575757;
    display: inline-block;
    position: absolute;
    top: -6px;
}
    .ui-slider-handle:last-of-type {
        margin-left: -10px;
    }
.ui-slider-range {
    background-color: #575757;
    height: 3px;
    position: absolute;
    top: 0;
    border: 0;
}
.mgr-itemsX {
    border-top: 3px solid #38aae1;
    padding: 1em 0;
}
    .mgr-itemsX .callout {
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .mgr-itemsX .pagination {
        float: right;
    }
.paginationX .horizontal-list {
    margin-top: 5px;
}
.mgr-itemsX .pagination li:not(:last-child) a {
    padding: 0 0.75em 0 0;
}
.mgr-itemsX .pagination a {
    line-height: 1;
}


.horizontal-list li a, .horizontal-list--even li a {
    display: block;
    margin: 0 5px;
    text-align: center;
}


/*
 * sorting
 */
.mgr-items {
 border-top: 3px solid #38aae1;
    padding: .5em 0 .125em 0;
    height: 45px;
    line-height: 45px;
    margin-bottom: 2%;
}
.mgr-items > nav, .listing-controls > div {display:inline-block;}
.mgr-items > div {float:right;}
.listing-controls__pagination {
        width: 25%;
    }
.listing-controls__sorting {
    text-align: right;
}


.listing-controls__pagination a {
padding:0 .25em;
}

.mgr-items ul {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.mgr-items li {
    display: inline-block;
	margin:0 .125em;
}
.mgr-items li[class^="page"] a:hover{
	background:#f0f0f0;
}
.activePageNo a { background:#185983;color:#FFF}
.nextLink span, .prevLink span  {display:none;}
.nextLinkX:after {content:'\276F';padding:0 .25em;}
.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;}

.prevLink:afterX {content:'\276E';padding:0 .25em;}

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

.listing-controls__layout a {
    color: #345CA7;
}

.mgr-items li.grid:nth-child(2) {
    display: none;
}
#PageBySelect {margin-right:.5em;}
.mgr-items form {
    display: inline-block;
}






.ctr {
    text-align: center;
}
.banner {
    border: 0;
    display: table;
}

.cat-banner {
	margin-bottom:2%;
}

.cat-banner h1 {

        margin-top: 0;
 
    }
.cat-banner-txt {
	margin-bottom:2%;

}

.filters ul {
    list-style: none;
}

.filters > ul {
    padding: 0;
	margin:0;
	
}

.filters ul ul {
    padding: 1em;
	margin:0;
	border:1px solid #d5d5d5;
	border-bottom:0;
}

.filters li span {
    color: #b2b2b2;
}
.filters li {
    margin-bottom: 0;
}
.filters input[type="checkbox"] {
    margin-right: 7px;
}
.ui-slider-handle {
    border-radius: 0;
    width: 12px;
}
.ui-slider-handle, .ui-slider-range {
    background-color: #345ca7;
    outline: 0 none;
}
.slider-range > span:last-of-type {
    margin-left: -10px;
}
.ui-slider-handle, .ui-slider-range {
    background-color: #345ca7;
    outline: 0 none;
    position: absolute;
}
.ui-slider-handle {
    display: inline-block;
    height: 16px;
    top: -6px;
    width: 16px;
}
.grid__item.subcat-box {}
.grid__item.subcat-box h3 {font-size:1.5em;color:#2e75b6; border-bottom:1px solid #d5d5d5;height:auto;padding-bottom:.25em;margin-top:0;}
.grid__item.subcat-box h3 a {color:#2e75b6;}
.subcat-box ul {margin:0;padding:0;}
.subcat-box li {margin:.5em 0}
.subcat-box a {text-decoration:none;color:#333;display:block; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.subcat-box a:hover {color:#2e75b6;}
.subcat-box li:last-of-type a {display:inline-block;padding: .5em 2em .5em 1em;}

.subcat-box li:last-of-type a:before  {background: url(../images/arrow-wt.svg) center no-repeat; content: "";
    width: 15px;
    height: 15px;
    background-size: cover;
    top: 50%;
    margin-top: -7px;
    right: 10px;
    position: absolute;
    display: inline-block;
	}



.anchors li:last-of-type a:before  {background: url(../images/arrow-grey.svg) center no-repeat; content: "";
    width: 20px;
    height: 20px;
    background-size: cover;
    top: 50%;
    margin-top: -10px;
    right: 12px;
    position: absolute;
    display: inline-block;}


/* ==========================================================================
   slick carousel 
   ========================================================================== */
.slick-slide {padding:0 10px;}



.prd-carousel-4 .prod-box, .img-carousel-2 .prod-box  {visibility: hidden;} 
.prd-carousel-4 .prod-box:first-child, .img-carousel-2 .prod-box:first-child {} 
.prd-carousel-4.slick-initialized .prod-box, .img-carousel-2.slick-initialized .prod-box {visibility: visible;}


/* ==========================================================================
   reponsive tabs
   ========================================================================== */
ul.resp-tabs-list {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
}
.resp-tabs-list li {
    background-color: #175983 !important;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    list-style: outside none none;
    margin: 0 1px 0 0;
    padding: 0.65em 0;
    text-align: center;
    width: 175px;
    font-size: 18px;
}

.resp-tabs-list li a {color: #fff!important;}
    .resp-tabs-list li:hover {
        background-color: #38aae1 !important;
    }
    .resp-tabs-list li.resp-tab-active, .resp-tabs-list li a.active {
        background-color: #38aae1 !important;
    }
.resp-tabs-container {
    background-color: #f0f0f0 !important;
    border-top: 3px solid #38aae1 !important;
    clear: left;
    padding: 0;
}
h2.resp-accordion {
    cursor: pointer;
    display: none;
    padding: 5px;
}
.resp-tab-content, .ma-section {
    display: none;
    padding: 15px;
}
.ma-content {margin-bottom:2%;}
    .resp-tab-content > p:first-of-type {
        margin-top: 0;
    }
.resp-content-active, .resp-accordion-active {
    display: block;
}
h2.resp-accordion {
    background-color: #175983 !important;
    color: #fff;
    font-size: 1em;
    margin: 0 0 1px 0;
    padding: 0.65em 12px;
    cursor: pointer;
}
h2.resp-tab-active {
    background-color: #38aae1 !important;
    margin-bottom: 0;
}
h2.resp-tab-title:last-child {
    background: blue none repeat scroll 0 0;
    border-bottom: 12px solid #c1c1c1 !important;
}
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}
.resp-vtabs .resp-tabs-list li {
    cursor: pointer;
    display: block;
    float: none;
    margin: 0 0 4px;
    padding: 15px !important;
}
.resp-vtabs .resp-tabs-container {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    clear: none;
    float: left;
    min-height: 250px;
    padding: 0;
    width: 68%;
}
.resp-vtabs .resp-tab-content {
    border: medium none;
    word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    border-color: #5ab1d0 #fff #5ab1d0 #5ab1d0 !important;
    border-image: none !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 4px !important;
    margin-bottom: 4px !important;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
    position: relative;
    z-index: 1;
}
.resp-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
    display: none;
    float: right;
    height: 0;
    margin-top: 3px;
    width: 0;
}
h2.resp-tab-active span.resp-arrow {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color transparent #9b9797;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 6px 12px;
}
h2.resp-tab-active {
}
.resp-easy-accordion h2.resp-accordion {
    display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}
    .resp-easy-accordion .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1;
    }
.resp-jfit {
    margin: 0;
    width: 100%;
}
.resp-tab-content-active {
    display: block;
}
h2.resp-accordion:first-child {
}



.order-header {
    margin-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
    padding: 0 0 5px;
}

.order-header span:not(:last-child) {
    float: left;
    display: inline-block;
    padding: .5em 1.5% 0 0;
    white-space: nowrap;
    vertical-align: middle;
}

.order-header span:first-child {
     min-width: 170px;
}

.order-header span:nth-child(2) {
     min-width: 200px;
}

.order-header span:nth-child(3) {
    min-width: 125px;
}

.order-header span:nth-child(4) {
     min-width: 210px;
}

.order-header span:last-child {
    float: right;
}

.order-header.track span:last-child {
     float: left;
    display: inline-block;
    padding: .5em 1.5% 0 0;
    white-space: nowrap;
    vertical-align: middle;
}

.order-header span:last-child button {
    width: 80px;
}

.resp-tabs-listX li:nth-child(3) span:before {
    content: "Addresses";
}



#personal-details-table tr td:first-child {
    font-weight: 700;
}

#personal-details-table td {
    padding: .5em;
}

#personal-details-table tr:nth-last-child(1) td {
    padding-top: 10px;
}

#personal-details-table tr:nth-child(2) td:nth-child(2) {
    table-layout: fixed;
    word-wrap: break-word;
}


@media (max-width: 800px) {
    ul.resp-tabs-list {
        display: none;
    }
    h2.resp-accordion {
        display: block;
    }
    .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1;
    }
    .resp-vtabs .resp-tabs-container {
        border: medium none;
        clear: none;
        float: none;
        min-height: 100px;
        width: 100%;
    }
    .resp-tabs-container {
        border-top: 0 !important;
    }
    .resp-accordion-closed {
        display: none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}
.cookie-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(46, 117, 182, 0.85);
    padding: 2%;
}
    .cookie-alert > div {
        margin: 0 auto;
        max-width: 1240px;
		color:#FFF;
    }
        .cookie-alert > div > p {
			margin:.5em 0;
    display: inline-block;
	width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
			
        }
		
		.cookie-alert  a {color:#FFF;text-decoration:underline;}
.button#btnacceptcookie {
    float: right;
	 background:#f8f8f8;
	 color:#2e75b6 !important;
	 
	
}



#basket-table {
    margin: 0 0 2%;
    background: #FFF;
}
    #basket-table td {
        border-bottom: 1px solid #fe3e3e3;
        padding: .5em;
    }
    #basket-table thead {
        background-color: #175983;
        color: #FFF;
        font-size: 1.5em;
    }
    #basket-table th {
        padding: 3px;
        font-weight: 200;
        height: 50px;
        text-align: left;
    }
        #basket-table th:first-child {
            padding-left: 15px;
        }
        #basket-table th:last-child {
            padding-right: 15px;
        }
    #basket-table .img-container {
        display: inline-block;width:20%;max-width:100px;
    }
.basket-info-container {
    display: inline-block;
    padding-left: .75em;
    vertical-align: middle;
	width:75%;
}
.basket-name {
    display: block;
}
#basket-table td span.card-message {
    display: block !important;
    clear: both;
    color: #999;
    font-size: .933em;
}
.basket-info-container .button {
    clear: left;
    background: #f4f4f4;
    padding: .1em .5em;
    width: auto;
    font-weight: 300;
    margin-top: 3px;
    border: 1px solid #ebebeb;
    color: #333 !important;
    box-shadow: none;
    text-shadow: none;
    font-size: 0.889em;
}
    .basket-info-container .button:after {
        content: attr(title)"";
        padding: 0 0 0 5px;
        font-size: 0.889em;
    }
#basket-table td:first-child {
}
#basket-table td:nth-child(2){width: 15%;}
#basket-table td:nth-child(3), #basket-table td:nth-child(4), #basket-table th:nth-child(3), #basket-table th:nth-child(4) {
    width: 10%;
    text-align: right;
}
#basket-table td:nth-child(2) span:nth-child(2) {
    white-space: nowrap;
}
#basket-table td:nth-child(5) {
    width: 12%;
    text-align: center;
}
.basket-shipping {
	vertical-align:top;
}
.ship-region {margin-bottom:.25em;}
.discount-code span:first-child {
    line-height: 2em;
    color: #222;
}
#discount-error {
    font-weight: 700;
    color: red;
}
.show-mob {
    display: none;
}
#basket-table input[type="text"], #basket-table input:not([type="submit"]):not([type="button"]), #basket-table select {
    vertical-align: middle;
    margin-right: 5px;
}
.basket-product input.button {
    padding: .3em .75em;
    vertical-align: middle;
    background: #ededed;
    color: #333 !important;
}
.discount input.button {
    padding: .3em .75em;
    vertical-align: middle;
    background: #575756;
    color: #FFF !important;
}
.basket-qty {
    width: 40px;
    text-align: center;
    margin-right: 5px;
}
.basket-product td, .basket-shipping td {
    border-bottom: 1px solid #e3e3e3;
}
.basket-total, .basket-total td {
    background-color: #ededed;
}
    .basket-total td:not(:first-of-type) span {
        font-size: 1.5em;
    }
	
.basket__shipping-method {padding: 5px 0;}


.basket__shipping-method .data__label {width:100%;}

.ship-list span {
    display: inline-block;
    font-weight: 600;
    padding-bottom: 0.25em;}
	
.secure-checkout:before {
        background: rgba(0, 0, 0, 0) url("../images/padlock-blk.svg") no-repeat scroll 0 3px;
        content: " ";
        display: inline-block;
        float: left;
        height: 28px;
        left: 0;
        top: 0;
        width: 25px;
		margin-right:5px;
}
.checkout-options {
    padding-top: 1em;
}

.checkout-options [class*="col--"]:first-of-type {padding-right: 0;} 

.login-form {padding: 1em 0;}
.co-opts .display-box, .login-form .display-box, .pymt-opts .display-box, .crt-acc .display-box {border: 1px solid #e4ebef; background:#f8f8f8;padding:1em;}
.login-form h2, .crt-acc h2, .co-login h2, .f-password h2 {
   /* border-bottom: 3px solid #38aae1;
    font-size: 1.556em;
    text-transform: uppercase;
    color: #333;
    position: relative;
	text-align: left;
    font-size: 1.333em;
    padding-bottom: .3em;*/
	margin-top:0;
}
.crt-acc .display-box {margin-bottom:1em;}
/* REMOVE*/
.co-opts .display-box {min-height:265px;}
 
.crt-acc .button {float:right;}
.co-opt p {margin-bottom:1em;min-height:4.4em;}
#AmazonPayButton img {height:42px !important}
.co-opts .display-box:first-of-type {padding-bottom:0;}
.co-opts .display-box  .field:first-of-type {margin-top:0;}
.co-opts .display-box  .field {margin-bottom:.75em;}
.co-opt .field > label {width:125px;min-width:0}
.co-opt .field > input:not([type="submit"]) {width: 30%;
        width: -webkit-calc(100% - 125px);
        width: -moz-calc(100% - 125px);
        width: calc(100% - 125px);}
.co-opts > div:first-of-type .button {margin:.125em 0 .5em 0;}
	
.co-opts > div:first-of-type a {text-decoration:underline;font-size:0.889em}
.co-opts > div:first-of-type div:nth-of-type(4) {text-align:right;}
.co-opts {padding:0 0 2em 0;}
.pymt-optsX .display-box p {height: 50px;}
/* REMOVE*/
.login-formX {text-align:center;}
.login-formX > div {float:none !important;margin:0 auto;}
.display-box.co-login {}
.co-login fieldset, .f-password fieldset, .trk-order fieldset {width:100%; max-width:365px;text-align:left; margin:0 auto}
.co-login .form-error, .f-password .form-error, .trk-order .form-error {margin-left:0!important;}


/* REMOVE.co-login:not[type="submit"], .f-password input[type="email"], .trk-order input[name="postCode"]{margin-bottom:.5em}*/
.co-login input:not([type="radio"]):not([type="submit"]), .f-password input:not([type="radio"]), .trk-order input:not([type="radio"]) {margin-bottom:.5em}
.co-login input:not([type="radio"]), .f-password input:not([type="radio"]), .trk-order input:not([type="radio"]) {width:100%;max-width:360px}
.co-login .field > label, .co-login legend, .f-password .field > label, .f-password legend, .trk-order .field > label {width:100%;display:block;font-weight:600}
.radios {padding:.125em 0;}
.radios > div {margin: .5em 0;}
.radios label {cursor:pointer;}
input[type="radio"] {margin-right:.25em;}
		
.acc-pass a {text-decoration: underline;font-size: 0.889em;}
.field-buttons {margin: .5em 0;
clear: both;
display: table;
width: 100%;}
.pymt-opts {float:right;width:275px;padding:0 0 2em 0;}
.pymt-option {padding-bottom:1em;display:block;}
.pymt-opts .display-box { text-align:center;}
.pymt-opts button, .pymt-opts .button, .co-opt button, .co-opt .button  {width:100%;max-width:350px;text-align:center;}
.co-logo, .pp-logo, .amz-logo {
    background-color: #fff;
    background-image: url("../images/visa.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 110px 35px;
    height: 35px;
    margin: -35px auto 0;
    padding: 0 10px;
    width: 130px;
}
.pp-logo {
    background-image: url("../images/pp.png");
}
.amz-logo {
    background-image: url("../images/amz.png");
}
.checkout-options p {margin-top:0;line-height:2.25em !important}
.display-box.payment-options {padding:0 !important;}
.button.checkout {
    min-width: 254px;
    text-align: center;
    width: 100%;
}
.show_hide {
    cursor: pointer;
}
.discount span {
    float: left;
}
    .discount span:first-of-type {
        padding-right: 5px;
    }
.basket-total td:first-of-type span:first-child {
    line-height: 2em;
}
.basket-total td span em {
	line-height: 2em;
	font-style:normal;
	color: #ce152a;
}
.disc-code {padding-right:5px;}
#ShipRegion {
}
#basket-right {
    display: inline-block;
    float: right;
    width: 40%;
    text-align: right;
}
#basket-left {
    display: inline-block;
    float: left;
    width: 55%;
}
    #basket-left .title {
        margin-bottom: 0;
    }
#basket-butts {
    text-align: right;
    margin-bottom: 2%;
}
.checkout-button {
    display: inline-block;
    vertical-align: middle;
    min-width: 210px;
    font-size: 1.25em;
    padding-left: 50px;
    padding-right: 40px;
}
    .checkout-button:before {
        content: "";
        width: 28px;
        height: 28px;
        background: url(../images/padlock.svg) center no-repeat;
        background-size: cover;
        top: 50%;
        margin-top: -15px;
        left: 12px;
        position: absolute;
        display: inline-block;
    }
    .checkout-button:after {
        content: "";
        width: 18px;
        height: 18px;
        background: url(../images/arrow-wt.svg) center no-repeat;
        background-size: cover;
        top: 50%;
        margin-top: -9px;
        right: 10px;
        position: absolute;
        display: inline-block;
    }
.continue-shopping {
    float: left;
    display: inline-block;
    vertical-align: middle;
    color: #333 !important;
    min-width: 210px;
    text-align: center;
    font-size: 1em;
    background: #ededed;
}
    .continue-shopping:before {
        content: "";
        width: 14px;
        height: 14px;
        background: url(../images/arrow.svg) center no-repeat;
        background-size: cover;
        top: 50%;
        margin-top: -5px;
        left: 10px;
        position: absolute;
        display: inline-block;
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .continue-shopping:hover {
        background: #f1f1f1;
    }
	
	.pp { background:#0070ba}
	.pp:hover {background:#4094cb}
	
.icon-wrap {
    color: #fff;
}
.progress-done, .progress-current {
    border-top: 5px solid #46972a;
}
    .progress-done .icon-wrap {
        background-color: #46972a;
    }
    .progress-current .icon-wrap {
        background-color: #FFF;
        border: 4px solid #46972a;
    }
.progress-todo {
    border-top: 5px solid #DDD;
    color: black;
}
    .progress-todo .icon-wrap {
        background-color: #FFF;
        border: 4px solid #DDD;
        color: #fff;
    }
	
	
	.what-next {margin-bottom:2em}
	
	.what-next > div {margin-bottom:1em;padding-left:70px;background-repeat: no-repeat;
    background-position: left top;
    background-size: 50px 50px;min-height:50px}
	.what-next > div > span {font-weight:bold;}
	
		.what-next > div:first-of-type {
    background-image: url(../images/email.svg);
  }
	
	
	
	.what-next > div:nth-of-type(2) {
    background-image: url(../images/delivery.svg);
	
}
	
		.what-next > div:nth-of-type(3) {
    background-image: url(../images/review.svg);
}
	
	
	
.hidden {
    display: none;
}
/* mobile nav */
.ovrf-hide {
    overflow: hidden;
}
.mob-nav-head {padding: .5em;background:#feb61e;color:#FFF;height:47px;}
.m-nav-btn-close {color:#FFF;
	display: inline-block;
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 25px;
	float:right;
	margin-top:-2px;}
.m-nav-btn-close:before, .m-nav-btn-close:after {
    height: 8px;
    margin-top: -4px;
	background: #FFF none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.m-nav-btn-close:before {
    transform: rotate(45deg);
}
.m-nav-btn-close:after {
    transform: rotate(-45deg);
}
.mobile-nav-wrap {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 98;
}
    .mobile-nav-wrap .mobile-nav {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 250px;
        height: 100%;
        overflow-y: scroll;
        background-color: #f0f0f0;
    }
        .mobile-nav-wrap .mobile-nav .head {
            padding: .4em;
            background: #2e75b6;
            color: #FFF;
        }
		        .mobile-nav-wrap .mobile-nav .head-link {
            background: #2e75b6;
            color: #FFF;
			margin-bottom:1px;
        }
		.head-link a {color: #FFF;}
		
        .mobile-nav-wrap .mobile-nav form {
            position: relative;
            padding: .5em; 
			background: #b2b2b2;
			
        }
        .mobile-nav-wrap .mobile-nav form .radio-btns-mobile{
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            margin-top: 0.25em;
            padding: 0.3em;
            background-color: #fff;
            font-size: 0.9em;
        }
        .mobile-nav-wrap .mobile-nav form .radio-btns-mobile div{
            display: flex;
            align-items: center;
        }
        .mobile-nav-wrap .mobile-nav form .radio-btns-mobile .radio-btn-mobile{
            height: 18px;
            width: 18px;
        }
            .mobile-nav-wrap .mobile-nav form .input-box input {
                width: 100%;
				border:1px solid #FFF;
            }
            .mobile-nav-wrap .mobile-nav form button {
				position:absolute;right:0;top:0;bottom:0;
				        background: #FFF url(../images/search.svg) no-repeat 50% 50%;
						background-size:28px 28px;
        height: 100%;
        width: 35px;
        border: none;
        cursor: pointer;
        float: right;
       
				
				
				
            }
.expanded .mobile-nav-wrap .mobile-nav form button {
    display: block;
}
.mobile-nav-wrap .mobile-nav ul {
    margin: 0;
    padding: 0;
    display: block;
}
    .mobile-nav-wrap .mobile-nav ul li {
        display: block;
        padding: 0;
    }
        .mobile-nav-wrap .mobile-nav ul li a {
            margin: 0;
            display: block;
            width: 100%;
            padding: .25em .5em;
            text-align: left;
            position: relative;
        }
            .mobile-nav-wrap .mobile-nav ul li a .with-child {
                display: block;
                font-size: 15px;
                height: 100%;
                width: 40px;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                line-height: 2.75em;
                text-align: center;
            }
                .mobile-nav-wrap .mobile-nav ul li a .with-child:after {
                    content: ">";
                }
        .mobile-nav-wrap .mobile-nav ul li:first-child span {
            display: block !important;
            visibility: visible;
        }
        .mobile-nav-wrap .mobile-nav ul li ul {
            display: none;
            padding: 0;
            background-color: #808080;
        }
            .mobile-nav-wrap .mobile-nav ul li ul li a {
                background-color: #e7e7e7;
                color: #3f3f3f;
                font-size: .9em;
            }
            .mobile-nav-wrap .mobile-nav ul li ul ul a {
                font-size: .9em;
                background-color: #a53e3b;
                color: #fff;
            }
.mobile-nav-wrap .nav--search {
    width: 100%;
    transition: width 0.2s;
}
    .mobile-nav-wrap .nav--search .mob-search--close {
        display: block;
        background-color: #3f3f3f;
        color: #fff;
        border: none;
        font-size: 13px;
        padding-right: 15px;
        padding-left: 15px;
    }
.m-nav-btnX:before {
    content: "MENU";
    height: 1.75em;
    width: 2em;
    position: absolute;
    top: 45px;
    bottom: 0.21em;
    display: block;
    background: linear-gradient(to bottom, white, white 20%, transparent 20%, transparent 40%, white 40%, white 60%, transparent 60%, transparent 80%, white 80%, white 100%);
    z-index: 9;
}
.m-nav-btn:beforeX {
    content: "MENU";
    display: inline-block;
}
.m-nav-btn {
    background: rgba(0, 0, 0, 0) url("../images/nav-icon.svg") no-repeat scroll left top 11px;
    background-size: 30px 22px;
    margin: 0 0 0 15px;
    color: #2e75b6;
    width:auto;
    height: 45px;
    line-height: 45px;
    padding-left: 45px;
}
.horizontal-list.ma-btns {padding-left:0;}
.horizontal-list.ma-btns li a:first-of-type {margin-left:0;}
 
.ma-section h2 {
        border-bottom: 3px solid #38aae1;
        color: #333;
        font-size: 1.333em;
        padding-bottom: 0.3em;
        position: relative;
        text-transform: uppercase;
		margin-bottom:.5em;
    }
.display-box.ma-content {padding:0 0 20px 0;}
#personal-details .col--6 {margin-bottom:1em;}
#personal-details .field > label {float:none;font-weight:600;}
.button.checkout#ChangePasswordBtn{width:auto !important}
.btn-row {margin: .5em 0;
clear: both;
display: table;
width: 100%;}




/*
     * E2E Shop basket 
*/


/*
 * BASKET
 */

.basket table {
    width: 100%;
	border-collapse: collapse;
    margin: 1em 0 1em 0;
    width: 100%;
	border:1px solid #d5d5d5;
	border-top:0;
	
}





.basket tr :nth-child(3),
.basket tr :nth-child(4) {
    text-align: right;
}

.basket__product td:first-child {
    width: 50%;
}

.basket__product .image-container {
    max-width: 50px;
    width: 20%;
}

.basket__product td:first-child span {
    vertical-align: top;
    display: inline-block;
    width: 75%;
    padding: .5em 0;
}

tr.basket__product td:first-child > div {
    display: inline-block;
    margin-right: 1em;
}

tr.basket__product td:first-child .cancel {
    margin: .5em 0;
    width: auto;
}

.basket__product td:nth-child(2) {
    width: 20%;
}

.basket input[name="Qty"] {
    width: 30px;
    text-align: center;
    display: inline-block;
}

.basket input {vertical-align: middle;}

.basket__product input[value="Update"] {
    width: auto;
}

.basket__product td:nth-child(3),
.basket__product td:nth-child(4) {
    width: 15%;
}

.basket__data {
  border: 1px solid #d5d5d5;
  background:#f8f8f8;
  padding:1em;
  margin-bottom:1em;
  

}
.basket__data > div {
    display: table;
    width: 100%;
    margin: 1em 0;
}
.basket__data > div:first-of-type {margin-top:0;}


.data__label {
    width: 70%;
    float: left;
    font-weight: 600;
    margin-bottom: .25em;}
.basket__discount  .data__label{width: 100%;}

.data__price {
    width: 30%;
    float: left;
    text-align: right;
}

.ship-region,
.ship-list {
width: 100%;
clear: both;
padding-top: .5em;
}

.basket__shipping-region .data__label{width:100%}

 
.basket {} 
.basket h1 {
}
 

.basket th {
    background: #2e75b7;
    border: 0 none;
    color: #fff;
    padding: 0.65em 0.5em;
    text-align: left;
    font-weight: 400;
    font-size: 1.059em;
    border-top: 1px solid #2e75b7;

}
.basket th:first-of-type {border-left:1px solid #2e75b7}
.basket th:last-of-type {border-right:1px solid #2e75b7} 	
	
	
    
    .basket__total td {
        background-color: #174E9E;
        color: #FFF;
    }
    
    .basket__product td {
        border-bottom:1px solid #d5d5d5;padding: .5em;}
    
    
        .basket__product td:first-child span {
            vertical-align: middle;
        }
.basket table {}
    
    .basket__promotional-code,
    .basket__total td   {
        background-color: rgba(0, 0, 0, 0);
        color: #000;
    }
    
.basket__product button.button:after {
    content: "\e809";
    font-family: e2e;
}

.basket__product a.button:after {
    content: "\e80c";
    font-family: e2e;
    padding-left: .5em;
}

.basket__product a.a2b-button:after {
    content: "Reorder" !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    padding-left: .5em;
}


.basket__product button.button span,
.basket__product a.button span {
    display: none;
}
    
.basket__shipping td {
    background-color: #919193;
    padding: 1.25em 0;
}
    
.basket__product td:nth-child(5) .button {
    float: right;
    margin-right: 5px;
}

tr.basket__total,
tr.basket__promotional-code {
    font-family: 'open_sans_condensedbold', sans-serif;
    font-size: 1.5em;
}

tr.basket__promotional-code {
    font-size: 1.25em;
}

.basket-totals {
    width: 100%;
    padding-right: 0;
}



 /*.basket__discount .data__label, #discount-wrap {
	width:100%;
	text-align:left !important;
} */



.basket__total, .data__sub-total {
	padding-bottom:0.25em;
	border-bottom:1px solid #d5d5d5;
}

.basket input[name="Qty"] {width:40px;}
.basket__product .button, .basket__product button, #discount-wrap button {padding: .3em .75em;vertical-align: middle;}

 /*
 * CHECKOUT
*/
 
.button.checkout {min-width:200px}
 
.checkout fieldset legend {
	 padding:0;
}
.confirm-order-button {
	margin:1em 0;
}

.field--chk-box>input[type=checkbox] {width:5%;margin:1em 0;display:inline-block;}

.checkout fieldset {margin-bottom:1em;}

/* ==========================================================================
   Template Documents
   ========================================================================== */

.doc-2 .col--5 img {margin-bottom:1em;width:100%;}
.address {margin-bottom:2%;}  
.address img { max-width:none;width:100%;}
.address h2 {margin-top:0;}
.email-table span {width:200px;display:inline-block;}
.news-item {padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #d5d5d5}

.distributor {padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #d5d5d5;width:100%;}
.distributor > div {display:inline-block; vertical-align:middle;padding-right:15px}

.distributor > div:first-of-type {width:12.5%;max-width:150px;}
.distributor > div:nth-of-type(2) {width:10%;font-weight:bold;}
.distributor > div:nth-of-type(3) {width:25%;padding-right:25px}
.distributor > div:nth-of-type(4) {width:25%}
.distributor > div:nth-of-type(5) {width:25%;padding-right:0;}
.distributor > div img {max-width:100%; height:auto;}

.distributor > div:nth-of-type(3) img {max-height:100px;}

.contact-form {margin-top:1em;border-top:1px solid #d5d5d5;}
.contact-form  form div:last-of-type {	width: -webkit-calc(45% - 250px);
    width: -moz-calc(45% + 250px);
    width: calc(45% + 250px);
	text-align:right;}


/* ==========================================================================
   Media Queries
   ========================================================================== */
 @media screen and (max-width: 1249px) {  
.content {padding:2%;}
.full-width.header-wrapper > header {
	 padding-left: .75em;
     padding-right: .75em;
	}

 }
 
 
@media screen and (max-width: 1049px) {
    .full-width:notX(.nav-wrapper):not(.promo-wrapper):not(.main-wrapper) > * {
        padding-left: 15px !important;
        padding-right: 15px;
    }
	
.header-search {

	width: -webkit-calc(100% - 230px);
    width: -moz-calc(100% - 230px);
    width: calc(100% - 230px);

}


    .hero-banner,
    .hero-slides li > div {
        height: auto;
        padding-left: 0 !important;
        padding-right: 0;
    }
    .main-nav > li > a {
        font-size: 0.889em;
        padding: 2.5em .75em;
    }
    .del em:before, .rev em:before {
        display: none;
    }

    .nwsltr h3 span {
        display: block;
        clear: left;
    }
        .nwsltr h3 span:before {
            content: "";
        }
    #newsletter-subscribe {
        margin-top: .5em;
    }
    .nwsltr .col--8 {
        width: 55%;
    }
    .nwsltr .col--4 {
        width: 45%;
    }
    .trust-plt > div:first-of-type {
        display: block;
    }
    .trust-plt-banner:not(.trust-plt-checkout) {
        display: none;
    }
    .trust-plt-review {
        width: 32%;
    }
    .trust-plt > div:nth-of-type(3) {
        margin-left: 0;
    }
    .trust-plt {
        padding-top: 0;
    }
        .trust-plt h4 {
            margin-bottom: .5em;
        }
}
@media screen and (max-width: 1025px) {
    .m-nav-btn {
        display: inline-block;
    }
    #nav {
        display: none;
    }

    .order-line {
        padding-top: 13px;
    }
	.nav-wrapper {height:49px}

	.nav-wrapper > div {height:45px;}
	.parallax-window {height:300px;}	
	.homepage-banner {/*height:300px;*/}	
	
	.homepage-banner h2 {}	
	.homepage-banner p {font-size: 0.9em;}	
	
	.sub-nav {
    display: none;
    position:relative;
    min-width:0;
}

[class*='sub-nav-'] li {
    border-bottom: 1px solid #6598c8;
}
}

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

    .my-account span, .rev, #BasketTotal, .order-line span, .promo li:nth-of-type(4), #BasketItems em {
        display: none;
    }
	.country-select span {font-size:0;}
	.country-select {width: auto;}
	.country-select a span:before {width:35px;}
	
	
	
	.header-basket {min-width:0;}
	
	.country-select a:before {width:30px;}
	.header-basket:before {margin-right:5px;}
	#BasketItems {padding-right:0;}

    .promo li:nth-of-type(1) {
        padding-left: 0;
    }
    .promo li:nth-of-type(3) {
        padding-right: 0;
    }
    .header-links li:first-of-type {
        border-right: 1px solid #b2b2b2;
        padding-right: 5px;
    }
    .header-links li:not(:first-of-type) {
        padding-left: 10px;
    }
	
	#BasketItems {margin-right:0;font-size:1.5em;color:#bcbcbc;}
	.header-basket {line-height:30px;}
	
	.header-search {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
	
}
.anchors3 li {width: 49%;max-width:none;}
.anchors3 li:nth-of-type(2) {margin-right: 0;}

}
@media only screen and (min-width:801px) and (max-width: 1024px) {
    #StockMsg {
        display: block;
        float: none;
    }
    .product__basket {
        text-align: left;
    }
        .product__basket label {
            clear: left;
        }
}
@media screen and (max-width: 849px) {
	
	 .product__price {margin:1em 0;}
.filters ul ul {}
    .footer-logos img {
        width: 140px;
        height: auto;
    }
    .grid__item .overlay {
        bottom: 0;
        height: 55px;
    }
    .grid__item:hover .overlay span {
        display: none;
    }
    .footer-copyright {
        text-align: center;
    }
        .footer-copyright > span:first-of-type {
            display: block;
            clear: both;
            text-align: center;
        }
        .footer-copyright a {
            padding: 1em;
            display: inline-block;
            text-align: center;
            float: none;
        }
    .footer-copyright {
        padding-bottom: 0;
    }
}
@media screen and (max-width: 800px) {
	
	.address {padding-bottom:1em;margin-bottom:1em;border-bottom:1px solid #d5d5d5}
	.address h2 {margin-top:0.5em;margin-bottom:0;}
	.address .col--5 p:first-of-type {margin-bottom:0;}
	.home-info {padding-top:2%}
	.promo-wrapper {border-bottom:0;padding-bottom:0;}
	
	.parallax-window {height:250px;}	
	.homepage-banner {/*height:250px;*/}	
	
	.homepage-banner h2 {}	
	.homepage-banner p {font-size: 0.9em;}	
	
	.prd-table {margin-bottom: 0}
	
	
    .list__item {
        margin-bottom: 2%;
    }
        .list__item h3 {
            height: auto;
            max-height: 2.6em;
        }

    footer [class*='col--'] {
        padding: 0;
		text-align: center;
    }
	footer  h3 {margin-bottom:0;}
	footer [class*='col--'] p:last-of-type{margin-bottom:0;}
	footer [class*='col--'] p:first-of-type{margin-top:0;}
	
    .footer__list {
        text-align: center;
    }
	.footer__list li {margin-bottom: 0;}
	
	.footer-social .horizontal-list li {display:inline-block;}
	.footer-social .horizontal-list, .footer-icons {margin-top:.5em;}
	
    .footer-payment-icons {
        text-align: center;
    }
        .footer-payment-icons img {
            margin: .5em auto 0 auto;
        }
    .footer-logos {
        padding: 1em 0;
        text-align: center;
    }
        .footer-logos img {
            max-width: 140px;
            width: 50%;
            height: auto;
        }
		
		
	.suggested-links ul {margin-bottom:0;}
	
	.product__images .image-container {margin:0 auto;}
	
	.abv-ftr-wrapper {padding-bottom:15px;}
	
	.subcat-table {border-top:1px solid #d5d5d5}
	.subcat-table tr {border-bottom:1px solid #d5d5d5;}
	.subcat-table tr td:first-of-type {display:block;width:100%;clear:right;}
	.subcat-table tr td:not(:first-of-type) {padding-bottom:1em;}
	.subcat-table tr td:nth-of-type(2)X {clear:left;display:block;float:left;padding-top:1em;}
	.subcat-table tr td:nth-of-type(2) {border-top: 0 none;}
	.subcat-table tr tdX {float:left;}
	.subcat-table tr td {display:inline-block;border-top: 0 none;width:auto;}	
	.subcat-table td:first-of-type select {max-width:none;}
	
	
	.product-details .col--6:last-of-type {padding-top:1em;}
	.prd-table th {display:none}
	.prd-table tr td  {display:block;width: 100% !important;text-align:left;}
	
	.prd-table tr td:before {content: attr(data-th);
font-weight: 700;
display: inline-block;
width: 25%;
min-width:110px;
padding-left:.5em;


}
.prd-table tr:nth-of-type(2) td {border-top:1px solid #d5d5d5}
.prd-table tr td:last-of-type {border-bottom:1px solid #d5d5d5}
.prd-table tr{border-bottom:15px solid #FFF;}

.table.prd-table tr:nth-of-type(odd) td {
        background: #FFF;
} 

.prd-table td {padding:0;}
.prd-table  td span  {border-left:1px solid #d5d5d5;padding:.5em;display:inline-block}

.prd-table td:nth-of-type(3) 
{

		text-align:left;}
		
		
		.prd-table td:nth-of-type(3):before {color:#333} 

		
		
	
}
@media screen and (max-width: 55em) {
    nav .slicknav_menu {
        background: #CB272F;
    }
    .nav-wrapper nav {
        height: auto;
    }
    .nav-wrapper > nav > .nav--main {
        display: none;
    }
    .header__info {
        position: absolute;
        right: 1em;
    }
    .header__contact a {
        font-size: 1.25em;
    }
    .header__search {
        width: 95%;
    }
}
@media screen and (max-width: 40em) {
    .header__info {
        font-size: .9em;
        top: initial;
        right: initial;
    }
    .header__contact {
        display: none;
    }
    .header__search {
        clear: both;
        width: 100%;
        margin: 1em 0;
    }
    .header__logo {
        width: 100%;
        text-align: center;
        float: none;
        display: table;
    }
        .header__logo img {
            float: none;
        }
    .bottom-footer > :last-child {
        width: 100%;
        text-align: center;
    }
    .footer__payment-icons {
        text-align: center;
    }
    .footer__e2e {
        display: block;
        text-align: center;
        width: 100%;
    }
}
@media (max-width: 849px) {
	
	.pymt-opts {padding-bottom:.5em;}
	
	.pymt-opts > div:not(:last-of-type) {margin-bottom:2em;}
	
	.co-opt p  {height:auto;min-height:0;}
    .about-us {
        display: none;
    }
    tr.basket__product td {
       
    }
    .basket tr.basket__product td:first-child {

    }
    .header__logo {
        float: left;
    }
    .stacked tbody tr td:first-childX {
        background-color: initial;
        color: initial;
    }
    .basket__shipping td:first-child {
        background-color: #919193 !important;
        padding-left: 1em;
        font-weight: bold;
        text-transform: uppercase;
    }
	
	
	.promos {margin:0; background:none; border-top:1px solid #e4ebef;border-bottom:1px solid #e4ebef;}
	.order-summary td {padding:.5em;}
	.order-summary tr:last-of-type {background:#f8f8f8;border-top:0;}
	table.order-summary {margin-top:0 }
	aside.display-box h2 {margin:0;}
	.trust-plt-banner.trust-plt-checkout {margin: 1em auto 2em auto}
	
	}
@media (max-width: 767px) {
    
	.header-wrapper header{
		height:auto;}
	
	.header-search {
			width: -webkit-calc(100% - 125px);
    width: -moz-calc(100% - 125px);
    width: calc(100% - 125px);
    
    }
	
	
    .nwsltr .col--4, .nwsltr .col--8 {
        width: 100%;
        float: none;
        clear: both;
    }
	.nwsltr, .trust-plt h4 {text-align:center;}
    .nwsltr .col--4 {
        padding: .5em 0;
    }
    .promo li:nth-of-type(3), .trust-plt-review {
        display: none;
    }
	brands-slider h4:after
    .header-wrapper header {
        height: 80px;
    }
    .header-logo {
        max-width: 150px;
    }
        .header-logo img {
            margin: 1.25em 0 0 0;

        }
		
	.header-content {
    margin-top: 0;
    width: -webkit-calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: calc(100% - 180px);}
    .header-links {
        margin: .75em 0 0 0;
    }
    .mobile-nav-wrap {
    }
	
	.breadcrumb {font-size:0.889em}
	
/*	.breadcrumbX a:first-of-type {font-size:0; background:}
	
	
	
#basket-table thead {
        display: none;
    }
    #basket-table td {
        display: block;
        padding: .5em;
        width: 100% !important;
        border: 0;
    }
    #basket-table .image-container {
        vertical-align: top;
    }
    #basket-table tr:first-child > td {
        padding-top: inherit;
    }
    #basket-table td:nth-child(5) {
        text-align: left;
    }
    #basket-table td:nth-child(5) .button {
        margin-left: 40%;
    }
	.basket-total td:first-of-type {height:45px;}
    #basket-table td:last-child {
        border-bottom: 1px solid #CCC;
        padding-bottom: 3%;
    }
    #basket-table td:nth-child(3),#basket-table td:nth-child(4) {
		clear:left;
    }
    #basket-table td span:not(.basket-name):not(.show-mob) {
        display: inline-block;
    }
	.show-mob {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		font-weight: 600;
		float: left;
		text-align: left;
    }
	
	#basket-table td:nth-child(2), .basket-shipping td {text-align:right;
	}
	#basket-table .discount-code td span {display:block;}
    label[for="ShipRegion"] {
        display: inline-block;
		float:left;
		font-weight:600;
		padding-top: .125em;
    }
    select#ShipRegion {
        width: 56%;
    }
    #basket-table tr.basket-shipping td:nth-child(2),#basket-table tr.basket-shipping td:nth-child(3), #basket-table tr.basket-total td:nth-child(2){
        display: none;
    }
	  */
	
	
	
	   /* E2E Shop responsive table style */
	   
	   .basket__discount  .data__label{width: 100%;}
	   .basket table {border-bottom:0;border-top: 1px solid #d5d5d5}
	   .ship-region, .ship-list {text-align: left;}
	   .basket__product:nth-of-type(odd) td { background:#f8f8f8;}
	   .basket__product td:nth-of-type(2) {text-align:right;}
	   .basket__product td:last-of-type {border-bottom: 1px solid #d5d5d5}
	   
	   .basket__product td {padding:.6em 1em;border-bottom:0;}
	   
	   .data__label {text-align:left;}

    .stacked {
        width: 100%;
    }

        .stacked td * {
            display: inline-block;
        }

        .stacked caption {
            background-image: none;
        }

        .stacked thead, table.stacked th {
            display: none;
        }

        .stacked tbody td {
            display: block;
            padding: .6em;
            width: 100% !important;
        }


        .stacked tbody td:before {
            content: attr(data-th);
            font-weight: 700;
            display: inline-block;
            width: 40%;
			float:left;
			text-align:left;
        }

    .basket__product .image-container {
        max-width: 50px;
    }

    .basket__product td:last-child .button {
        width: auto;
    }

    .basket .stacked tbody tr td:first-child:before,
    .basket__promotional-code td:nth-child(2),
    .basket__total td:not(:last-child) {
        display: none;
    }

    .basket__promotional-code td:nth-child(3):before {
        content: "Sub Total";
    }

    .basket__total td:last-child:before {
        content: "Total";
    }

    .basket__shipping td:nth-child(2) label {
        width: 40%;
        display: inline-block;
        font-weight: bold;
    }

    .basket__shipping td:first-child label {
        width: 40%;
        float: left;
    }

    .basket__shipping td:first-child select {
        width: 60%;
        float: left;
    }

    .basket__shipping td:first-child fieldset {
        width: 100%;
        display: block;
    }
	
	
	
	
	
	.brands-slider h4 em, .brands-slider h4:after {
        display: none;
    }
	.brands-slider {padding:10px}
	.brands-slider h4 {text-align:center;margin-bottom:0;display:none}
	.brands-slider h4 span {float:none;}
	ul.bxslider {margin:0;}
	
	.sku-table thead {display:none;}
    .sku-table td {}
	.sku-table tr {}
	.sku-table tr td{display:inline-block;}
	.sku-table tr td:nth-of-type(4){clear:left;color:#b2b2b2;}
	.sku-table tr td:nth-of-type(4), .sku-table tr td:nth-of-type(5) {text-align:left;}
	
	.sku-table tr:nth-of-type(2n){
    background: #f0f0f0;
}
	
	
	
	.sku-table td:nth-of-type(3) span:first-of-type{display:block}
	.sku-table td:nth-of-type(3) span:first-of-type:before {content: "Code: ";}
	.sku-table td:nth-of-type(2) {display:none;}
	.sku-table td:nth-of-type(3) {
	 width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);}
	.sku-table td:nth-of-type(3):after {content: attr(data-title);font-size:10px;}
	.distributor > div:first-of-type {width:25%;}
	.distributor > div:nth-of-type(2) {width:20%;} 
	.distributor > div:nth-of-type(3) {width:50%; padding-right:0;} 
	.distributor > div:nth-of-type(4) {clear:left;width:50%;padding-top:1em; vertical-align:top}
	.distributor > div:nth-of-type(5) {width:48%;padding-top:1em;vertical-align:top}
	
	
}
@media (max-width: 649px) {
    .header-links li:first-of-type {
        display: none;
    }
    .field > label, .field > *:not(label):not(select):not(button) {
        width: 100%;
    }
	.contact-form  form div:last-of-type {width:100%;text-align:left;}

	
.create-account .field > label, .crt-acc .field > label {width: 100%!important;}
.create-account .form-error, .crt-acc .form-error, .checkout .form-error   {margin-left:0!important;}


.field > input:not([type='submit']), .field > select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm), .field > textarea, .create-account .field > input:not([type='submit']), .create-account .field > select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm), .crt-acc .field > input:not([type='submit']) {
        width: 100%;
        float: none;
		max-width:none;
    }
	
	
	
	.helper {float: none;padding: 0.25em 0}
	.form-buttons, .create-account .form-buttons {margin-left:0;padding-top:.25em;}
	.form-error {margin-left:0;margin-bottom: 0;line-height:1;}
	
	
		
	#BasketItems > span:before {content: ""}
			  
	#BasketItems > span:after {content: ""}
	
	#BasketItemsX > span {width:20px;height:20px; text-align:center;display:inline-block;color:#0f2d41;line-height:20px;margin:14px 0 0 -28px;color:#FFF;}
	
	.header-basketX {height:40px}
	.horizontal-list li a.header-basket {margin:0;}
	
	.header-links {margin-top:.25em;}
	
	.header-basketX { background:url(/images/basket.svg) center center / cover no-repeat; width:38px;height:38px; text-align:center;display:inline-block;color:#0f2d41;line-height:40px;color:#FFF;padding-top:6px;line-height:32px;}
	.header-basket:hove X{color:#FFF;}
	
			.listing-controls__pagination {width:40%;}
		.listing-controls__sorting label {display: none;}
		

		.header-search {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);	
	
}


}
@media (max-width: 579px) {
	.header-search {display:none;}
#mob-search-form {display:block;}
.header-logoX {text-align:center;width: 100%;max-width:none;}
.header-logoX img {margin:10px auto;max-width:150px;}
.country-selectX {position:absolute;right:10px;top:0;}
.header-basketX {position:absolute;right:10px;top:35px;}
.header-basket {margin-top:18px;}
.header-logo img {margin:10px 0 0 0}
header {padding-bottom: 10px;}

	.parallax-window {height:200px;}	
	.homepage-banner {/*height:200px;*/}	
	
	.homepage-banner h2 {}	
	.homepage-banner p {font-size: 0.8em;}	

.anchors4 li {width: 49%;max-width:none;}
.anchors4 li:nth-of-type(2) {margin-right: 0;}
	

}

@media (max-width: 549px) {
    .menu-listings li .button:nth-of-type(3) {
        clear: left;
    }
    .promo li:first-of-type {
        display: none;
    }
	
	.pymt-opts {float:none;width:100%;text-align:center;padding-bottom:0;}
	.pymt-opts .button {max-width:none;}
	.pymt-opts img {margin:0 auto;}
	
	.button.continue-shopping, .button.checkout-button, .button.pp {width:100%;}
	

}

@media (min-width: 624px) {
	.homepage-banner
	{
		height: 500px;
	}
	
}

@media (max-width: 794px) {
	.homepage-banner
	{
		height:60%;
	}
	.homepage-banner .overlayed {
    position: absolute;
    margin: 0;
    padding: 0px;
    width: 100%;
	display: flex;
    align-items: center;
    height: 90%;
}

}


@media (max-width: 524px) {
	
	.homepage-banner .overlayed {
    position: absolute;
    margin: 0;
    padding: 0px;
    width: 100%;
	display: flex;
    align-items: center;
    height: 90%;
}
	
	.brands-slider {display:none;}
    #StockMsg {
        display: block;
        float: none;
		padding-top:0;
    }
    .product__basket {
        text-align: left;
    }
        .product__basket label {
            clear: left;
 }
 .product__basket button {width:auto;}
 
 .mgr-items > nav, .mgr-items > div {display: block;float: none;}
 .mgr-items {height:auto;}
 .listing-controls__sorting {text-align:left;}
 
 .subcat-table td:nth-of-type(2) {line-height:2.25}
 .subcat-table td:nth-of-type(2), .subcat-table td:nth-of-type(3)  {float:left;display:block}
 .subcat-table td:nth-of-type(4) {float:left;clear:left; display:block;width:auto;} 
 .subcat-table td:nth-of-type(5) {text-align: left;width:auto;display:block;float:left;}
 .subcat-table tr td:not(:first-of-type) {padding-bottom:.5em;}
 
 
}
/* General styles for all menus */
.cbp-spmenu {
    background: #FFF;
    position: fixed;
}
    .cbp-spmenu h3 {
        color: #FFF;
        font-size: 1em;
        padding: 1em;
        margin: 0;
        font-weight: 200;
        background: #529ed0;
    }
    .cbp-spmenu a {
        display: block;
        color: #333;
        font-size: 1em;
    }
        .cbp-spmenu a:hover {
            background: #f5f5f5;
        }
        .cbp-spmenu a:active {
            background: #afdefa;
            color: #47a3da;
        }
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}
    .cbp-spmenu-vertical a {
        border-bottom: 2px solid #529ed0;
        padding: 1em;
        text-decoration: none;
    }
        .cbp-spmenu-vertical a:nth-of-type(2) {
            border-bottom: 2px solid #ffb65b;
        }
        .cbp-spmenu-vertical a:nth-of-type(3) {
            border-bottom: 2px solid #f396ab;
        }
        .cbp-spmenu-vertical a:nth-of-type(4) {
            border-bottom: 2px solid #b67cc5;
        }
        .cbp-spmenu-vertical a:nth-of-type(5) {
            border-bottom: 2px solid #4eccb7;
        }
        .cbp-spmenu-vertical a:nth-of-type(6) {
            border-bottom: 2px solid #ff855b;
        }
    .cbp-spmenu-vertical a {
    }
.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}
    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }
    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #258ecd;
    }
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
    left: -240px;
}
.cbp-spmenu-right {
    right: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(51, 91, 118, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(51, 91, 118, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(51, 91, 118, 0.5);
}
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
.cbp-spmenu-push-toright {
    left: 240px;
}
.cbp-spmenu-push-toleft {
    left: -240px;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* Example media queries */
@media screen and (max-width: 55.1875em) {
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }
    .cbp-spmenu-top {
        top: -110px;
    }
    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}
@media screen and (max-height: 26.375em) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }
    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }
    .cbp-spmenu-right {
        right: -190px;
    }
    .cbp-spmenu-push-toright {
        left: 190px;
    }
}
/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
    display: table;
}
.stacktable.small-only {
    display: none;
}
@media (max-width: 800px) {
    .stacktable.large-only {
        display: none;
    }
    .stacktable.small-only {
        display: table;
    }
}
/*
     * ##POP-UPS.CSS
*/

.popup-ie 
{
    margin: 200px auto; padding: 10px; width: 40%; min-height: 100px; background-color: rgb(255, 255, 255);
}

.pop-wrapper, .pop-wrapper2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2147483647;
    background:rgba(49, 97, 141, 0.4);
    box-sizing: border-box;
    overflow-y: scroll;
}


.pop-wrapper .popup, .pop-wrapper2 .popup2  {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  top: 100px;
  background-color: #fff;
  padding: 20px;
}


.popup, .popup2  {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    top: 100px;
    position: relative;
    background-color: #FFF;
    padding: 20px;
}

.popup__header {
    padding-top: 40px;
}

.popup__close {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    top: 0;
    right: 0;
    line-height: 30px;
    color: #BBB;
    cursor: pointer;
}

.popup__close:before {
    font-family: e2e;
    content: "\e80c";
	left:12px;
	top:5px;
	position:relative;
}

.popup__message {
    color: #a5a5a5;
    font-size: .9em;
    margin: 1em 0;
}

.popup__label {
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.pop-form-container {
    position: relative;
    height: 40px
}

.pop-form-container input {
    position: absolute;
    width: 70%;
    left: 0;
    border-color: #FFF;
    height: 40px;
}

.pop-form-container .button {
    position: absolute;
    right: 0;
    width: 30%;
    border: 0;
    height: 40px;
}

.popup label[for=updates],
.popup__footer a {
    font-size: .8em;
    margin-bottom: .25em;
}



.popup--close {display:none;}
#selectregionpopup .popup2 {width: 300px;text-align:left;}
#selectregionpopup ul {margin-bottom:1em;}
#selectregionpopup li {margin-bottom:.5em;}

#selectregionpopup .popup__label {background:#f8f8f8;border-bottom:1px solid #d5d5d5; margin:-20px -20px 20px -20px;padding:.5em 20px; font-weight:normal;}
#region-button {width:100%}

.pop-wrapper .popup .popup__close, .pop-wrapper2 .popup .popup__close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  padding: 0.5em;
  text-align: center;
  color: #2e75b7;
  line-height:.8em;
  z-index:10;
}

.pop-wrapper .popup .pop__container, .pop-wrapper2 .popup2 .pop__container {
  display: table;
  width: 100% !important;
}
.pop-wrapper .popup .pop__container > *, .pop-wrapper2 .popup2 .pop__container > * {
  width: 100% !important;
}
.add2bsk-prod h3 {
    color: #333;
    font-size: 0.889em;
    margin: 0 0 .125em 0;
}
.add2bsk-prod {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}
.add2bsk-prod .image-container {
        display: table-cell;
        width: 150px;
        padding: 0 15px 0 0;
        vertical-align: top;
}
.add2bsk-prod  .item__data {
        padding:0 1.5em 0 0;
		border:0;display: table-cell;
        vertical-align: top;
}
.add2bsk-prod p {margin:0;font-weight: bold;}
    .list__item .image-container img {
        width: 100%;
        height: auto;
    }
.add2bsk-prod  .price {
        font-size: 1em;
    }
.add2bsk-prod {border-bottom: 1px solid #e4ebef;padding-bottom:15px;}
.add2bsk-total { text-align:right;font-weight:bold;margin-bottom: 15px;}
.add2bsk-total:before {
        background: rgba(0, 0, 0, 0) url("../images/popup-basket.svg") no-repeat scroll 0 0;
        content: " ";
        display: inline-block;
        height: 24px;
        left: 0;
        top: 0;
        width: 30px;
		margin: 0 0 -5px 0;
    }
.stage-buttons .button {width:100%;text-align:center;}
.stage-buttons .button.regress {color: #333 !important;background: #ededed;}
.stage-buttons .button.regress:hover {
        background: #f1f1f1;
}
.grid__item.sm h3, .grid__item.sm .price, .grid__item.sm .rrp  {
 font-size: 0.889em;}
@media screen and (max-width: 600px) {
  .pop-wrapperX .popup {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/*


#adv_autocomplete{margin-right:auto;margin-left:auto}
#adv_autocomplete form{position:relative;height:3rem;border:2px solid #529ed0}
#adv_autocomplete form input{height:100%;width:100%;background-color:#000;font-size:1.125rem;border:0;padding-right:3rem}
#adv_autocomplete form button{position:absolute;top:0;right:0;bottom:0;padding-right:0.75rem;padding-left:0.75rem;background-color:#fff;border:0}
#adv_autocomplete form button:before{content:"\e85a";font-family:e2e;font-size:1.5rem;color:#529ed0}
*/
#adv_autocomplete.rich{position:absolute;list-style:none;margin:0;padding:0;background-color:#f0f0f0;font-size:.875em;display:none;z-index:300000;width:100%;text-align:left;padding:.75em}
#adv_autocomplete.rich ul{list-style:none;padding:0;margin:0}
#adv_autocomplete.rich .logo{text-align:right}
#adv_autocomplete.rich li{list-style:none;padding:0;margin:0;position:relative}
#adv_autocomplete.rich li h2{background:#175983;padding:.5em;color:#FFF;display:block;margin:0;font-size:1rem;}
#adv_autocomplete.rich li ul li{padding:.5em 0;cursor:pointer;border-bottom:1px solid #FFF;}
#adv_autocomplete.rich li ul li:nth-child(even){background:#f0f0f0}
#adv_autocomplete.rich li ul li:nth-child(odd){background-color:#f0f0f0}
#adv_autocomplete.rich li ul li.adv_ac_active{background-color:#e0e0e0}
/*#adv_autocomplete.rich li ul li:nth-child(2n+1){background-color:transparent !important;background:0}
#adv_autocomplete.rich li ul li:nth-child(2n+1).adv_ac_active{background-color:#e0e0e0 !important;background:0}*/

#adv_autocomplete.rich.mobile li div{line-height:32px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adv_autocomplete.rich.mobile li.logo{padding-right:3px;line-height:18px}
#adv_autocomplete.rich.mobile li ul li.adv_ac_active{background-image:none}
#adv_autocomplete.rich.mobile .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion{color:#333;color:#333}
#adv_autocomplete.rich.mobile .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion b{color:#333}
#adv_autocomplete.rich.mobile .adv_ac_products li.adv_ac_active{color:#333}
#adv_autocomplete.rich.mobile .adv_ac_products li.adv_ac_active b{color:#333}
#adv_autocomplete.rich.mobile .adv_ac_products li.adv_ac_active h3{color:#333}


#adv_autocomplete.rich .adv_ac_products li{padding:5px 0;position:relative;overflow:hidden;}
#adv_autocomplete.rich .adv_ac_products li:last-child{border-bottom:0}
#adv_autocomplete.rich .adv_ac_products li h3{color:#000;margin:0;padding:0;letter-spacing:normal;padding-right:80px;padding-left:60px;margin:2px 0 5px;font-size:1rem;}
#adv_autocomplete.rich .adv_ac_products li h3 a{text-decoration:none;display:block;max-height:3.6em;line-height:1.2em;overflow:hidden;color:#333}
#adv_autocomplete.rich .adv_ac_products li .adv_ac_iwrap{width:50px;height:50px;float:left;margin:5px 5px 5px 0;position:relative;overflow:hidden;text-align:center}
#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}
#adv_autocomplete.rich .adv_ac_products li p{margin:0;padding:0;padding-right:52px;padding-left:70px}
#adv_autocomplete.rich .adv_ac_products li span{float:right;font-weight:700;position:relative}
#adv_autocomplete.rich .adv_ac_products li.adv_ac_active b{text-decoration:underline}
#adv_autocomplete.rich .adv_ac_products li>span{display:inline-block;color:#48972a;position:absolute;top:8px;right:10px}
#adv_autocomplete.rich .adv_ac_products li img.adv_ac_image{width:50px;height:50px;margin:5px;float:left;position:relative}
#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion{color:#333;text-decoration:underline}
#adv_autocomplete.rich .adv_ac_suggestions li.adv_ac_active .adv_ac_suggestion b{color:#333;text-decoration:underline}
#adv_autocomplete.adv_rac_fixed{position:fixed;top:55px !important}
adv_autocomplete.rich .adv_ac_suggestion{padding-top:-10px}


@media screen and (max-width: 40em){.top-bar__nav ul{display:none}
	#adv_autocomplete{clear:both;width:100%;margin:1em 0}
	#adv_autocomplete input[type="search"],
	#adv_autocomplete input[type="file"]+label,
	#adv_autocomplete .testimonials article input[type="file"]+.tag,
	.testimonials article #adv_autocomplete input[type="file"]+.tag{width:100%;box-sizing:border-box}
	#adv_autocomplete input[type="submit"]{position:absolute;right:1em;position:absolute;right:1em}
}

.cat-banner-txt a img:hover{
	object-fit: cover;
	transition: all .3s ease;
	margin: 0px;
	transform: scale(1.05);
}

.content p a img:hover{
	object-fit: cover;
	transition: all .3s ease;
	margin: 0px;
	transform: scale(1.05);
}
img.homepage-image:hover{
	object-fit: cover;
	transition: all .3s ease;
	margin: 0px;
	transform: scale(1.05);
}