@charset "utf-8";

/*
  BF Internet HTML boilerplate - an ever-evolving start point for HTML development on BF Internet projects
  This Boilerplate started life as HTML5 Boilerplate [http://html5boilerplate.com]

  It is intended for large groups of styles for pages beyond the home page (contact form, gallery etc.) are separated into a different sheet
  There is no point in every user downloading ALL styles for the whole site, when they only wanted to view the home page

*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}body {margin: 0;}a {background: transparent;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: 500;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark {background: #ff0;color: #000;}code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre-wrap;}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; padding: 0; }button,input,select,textarea {font-family: inherit; font-size: 100%; margin: 0; }button,input {line-height: normal;}button,select {text-transform: none;}button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; }button[disabled],html input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; }input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; vertical-align: top;}table {border-collapse: collapse;border-spacing: 0;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
}

body {
    margin:0; padding:0;
    color:#4f4f4f;
    font-size:16px;
    line-height:24px;
    font-family:'Roboto', Arial, Sans-serif;
    min-width: 767px;
    width:100%;
    height:100%;
    overflow-x: hidden;
}

img {
    border:none;
    margin:0;
    padding:0;
    max-width: 100%;
}

.clear { clear:both; }
.clear-line {
    clear:both;
    border-bottom:1px solid #dde2e8;
    margin-bottom: 10px;
}

article, aside, figcaption, figure, footer, header, hgroup, nav, div {
    display:block;
}
a.gdpr {
	display: inline-block;
	background: #5D92CF;
	color: #FFF;
	padding: .75em 1.25em;
	border-radius: 3px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1;
}

/* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
/* Blended with classes from responsive.gs v3.0 */
.container:after, .row:after, .col:after, .group:after, .cf:before,.cf:after{content:"";display:table;}
.container:after, .row:after, .col:after, .group:after, .cf:after{clear:both;}
.container, .row, .col, .group, .cf{*zoom:1;}


.finance_option {
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
}
.for-mobile {
    display: none;
}

/* GRID */

.row {
    clear:both;
    margin:0;
    padding:0;
}

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

.col, .viewed_item {
    float: left;
    display: block;
    margin: 10px 0 10px 1.6%;
}

.col:first-child, #product-listing form:first-child .col, .viewed_item:first-child {
    margin-left: 0;
}

#product-listing form:nth-child(4n+1) .col,
.col.sub-grid:nth-child(4n+1) { margin-left: 0; }
#product-listing form:nth-child(4n) .col,
.col.sub-grid:nth-child(4n) { margin-right: 0; }

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

.align-left {
    text-align:left;
}

.align-center {
    text-align:center;
}

.twelve {
    width: 100%;
}

.eleven {
    width: 91.53%;
}
.ten {
    width: 83.06%;
}

.nine {
    width: 74.6%;
}

.eight {
    width: 66.13%;
}

.seven {
    width: 57.66%;
}

.six {
    width: 49.2%;
}

.five {
    width: 40.73%;
}

.four {
    width: 32.26%;
}

.three {
    width: 23.8%;
}

.two {
    width: 15.33%;
}

.one {
    width: 6.866%;
}

.cta .row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 1em 0;
}
	.cta .row:last-child {
		margin-bottom: 0;
	}

		.cta .row .col {
			margin: 0;
		}

			.cta .row .col iframe {
				width: 100%;
				height: 100%;
				min-height: 265px;
			}

/* Headings */

p,
h1,
h2,
h3,
h4 {
    margin:5px 0;
    padding:5px 0;
}

h1 {
    font-size: 24px;
    line-height: 30px;
}

h2 {
    font-size:26px;
    line-height:30px;
}

h2,
h3,
h4 {
    color:#10498a;
    font-weight:500;
}

h3 {
    font-size:20px;
    line-height:24px;
}

h4 {
    font-size:15px;
    line-height:19px;
}

/* Structure */

#nav,
.carousel-content,
.strip-content,
.sales-wrapper,
#main,
#featured-items,
#discount-banner,
#brands,
.footer-navigation #nav,
#footer,
#sub-nav-wrapper,
#secondary-nav nav,
.details-content,
#product-details,
#recent-items,
#sub-holder,
#content,
#hp-copy,
#why-buy-carousel,
#homepage_feefo,
.wrapper {
	max-width: 1600px;
	margin: 0px auto;
	padding: 0 2%;
}

#product-listing {
	max-width:1600px;
	margin:0 auto;
	padding: 0 2%;
}

.logo,
#nav-container,
#carousel,
#strip,
#footer-navigation,
#footer-container,
#company-details {
    width:100%;
}

.carousel-content {
    padding: 0;
}

#content,
#product-details {
    min-height:600px;
}

#product-details,
#product-listing {
    padding-bottom:30px;
}

#product-listing aside,
#footer-navigation #nav {
    padding:20px 0;
}

.carousel-content,
#brands,
header,
.rel-col,
.strip-content,
#sub-holder {
    position:relative;
}

.mobile, .col.nopad {
    display: none;
}


/* =====Header======= */

/* ==top banner general== */
.top-banner {
	background-color: #EEE;
}
	.top-banner .wrapper {
		display: flex;
		justify-content: space-between;
	}
		.top-banner a {
			display: flex;
			align-items: center;
			font-size: 14px;
			padding: 12px 25px 12px 50px;
			font-weight: 600;
			color: #FFF;
			background: #049d71 url(/images/icons/list.svg) no-repeat;
			background-size: 26px auto;
			background-position: 13px center;
		}

        .top-banner a.book-consult{
            background: #0F498A url(/images/icons/zoom.svg) no-repeat;
            background-size: 30px auto;
            background-position: 13px center;
            margin-left: 3px;
        }

        .top-banner a.price-match-promise{
            background: #049d71 url(/images/icons/price-promise.svg) no-repeat;
            background-size: 30px auto;
            background-position: 13px center;
            margin-right: auto;
            margin-left: 3px;
        }
        

		.top-banner .shop-links {
			display: flex;
		}
			.top-banner .shop-links a {
				position: relative;
				background-color: #b0c3d8;
				margin-right: 3px;
			}
			.top-banner .shop-links a.account {
				background-image: url(/images/icons/avatar.svg);
			}
			.top-banner .shop-links a.basket {
				background-image: url(/images/icons/trolly.svg);
			}
			.top-banner .shop-links a:last-child {
				margin: 0;
			}

				.top-banner .shop-links .item-count {
					width: 23px;
					height: 23px;
					background: #10498a;
					display: flex;
					font-size: 1em;
					padding: 0 0 0 5px;
					overflow: hidden;
					border-radius: 50%;
					position: absolute;
					left: 36px;
					top: 10px;
				}
				.top-banner .shop-links .total {
					margin: 0 0 0 1em;
					font-size: 1.4em;
				}

		

.top-banner.owl-carousel .owl-item img {
    display: inline;
    width: auto;
    -webkit-transform-style: preserve-3d;
}

.top-banner .owl-controls {
    display: none;
}

.top-banner h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75em;
    text-align: right;
    margin: 0;
    text-align: center;
	font-size: .95em;
	letter-spacing: 0.02em;
}

.top-banner img {
    vertical-align: bottom;
    margin: 0 25px;
    max-height: 30px;
}

.top-banner h2 span {
    color: #ffffff;
}

.top-banner h2 span.white {
    color: #ffffff;
    font-weight: 400;
}

.top-banner h2 span.divider {
    margin: 0 20px;
}

.top-banner h2 span.opening-hour {
	text-shadow: 1px 1px 0 rgb(0 0 0 / 45%);
	font-size: 1.1em;
}
	.phone-message {
		text-align: center;
		padding: 1em 0;
		background: #dde2e8;
	}
		.phone-message h3 {
			margin: 0;
			padding: 0;
			line-height: 1.3;
			color: #EB1E4E;
		}
			.phone-message h3 span {
				font-size: 1.3em;
			}

/* next day delivery banner */
.top-banner .ndd {
	background: rgb(226,137,39);
	background: -moz-linear-gradient(left,  rgba(226,137,39,1) 0%, rgba(243,152,51,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(226,137,39,1) 0%,rgba(243,152,51,1) 100%);
	background: linear-gradient(to right,  rgba(226,137,39,1) 0%,rgba(243,152,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e28927', endColorstr='#f39833',GradientType=1 );
	border-bottom: 5px solid #f3c32f;
	
}

.top-banner .ndd h2 span.divider {
    color: #c57925;
}

/* instant finance banner */
.top-banner .inf {
    background: #118108;
    border-bottom: 5px solid #96c292;
}

.top-banner .inf span {
    color: #fff;
    font-weight: 300;
}

.top-banner .inf h2 span.divider {
    color: #96c292;
}

input#search {
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border:2px solid #5d92cf;
    padding:10px;
    text-transform:uppercase;
}

#logo.six {
    margin-left: 0;
    margin-top: 1.2em;
}
#logo .mobile-logo {
	display: none;
}

.logo {
    max-width: 377px;
	max-height: 60px;
    height: auto;
    margin: 0;
}

.unicount {
    position: relative;
    float: right;
    width: 100%;
    background: #fff;
    padding: 0 0.7em 0;
}

.unicount .inner {
    padding: 0.3em 0;
    background: #ffffff;
    max-height: 60px;
    clear: both;
}

.unicount .inner .slogan {
    position: absolute;
    bottom: -30px;
    width: 100%!important;
    color: #10498a;
    font-weight: 700;
    margin: 0!important;
    text-transform: uppercase;
    padding: 0!important;
    border: none!important;
    box-shadow: none!important;
}

.unicount #saleslines {
    display: block;
}

.unicount #saleslines div {
    float: left;
    width: 30%;
    padding: 0.2em 0.3em;
    border: 1px solid #5d92cf;
    margin-right: 5%;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    background: #FFF;
}

.unicount #saleslines div.open {
    width: 100%;
    padding: 0.4em 0;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
}

.unicount #saleslines div.open span:first-of-type {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 500;
}

.unicount #saleslines div.open span:last-of-type {
    font-size: 1.3em;
    color: #ed993e;
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 500;
}

.unicount #saleslines div:nth-of-type(3) {
    margin-right: 0;
}

.unicount #saleslines div span:first-of-type {
    display: block;
    text-align: center;
    color: #10498a;
    width: 100%;
    padding: 0.1em 0 0;
    font-size: 1.4em;
}

.unicount #saleslines div span:last-of-type {
    display: block;
    font-size: 0.55em;
    color: #96BBDF;
    line-height: 1.2em;
    text-align: center;
    width: 100%;
    padding: 0 0 0.2em;
} 

.phone-number {
    float: right;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    color: #10498a;
    display: inline-block;
    clear: both;
}

img.header-icon {
    display:inline;
    margin-right:10px;
    width:36px;
    height:36px;
	background: #FFF;
	border-radius: 50%;
}

.notop {
    margin-top: 5px;
    margin-bottom: 0;
    float: right;
    width: inherit;
}

.sales-details {
    display: block;
    width: 100%;
    background: #10498a;
    text-align: center;
}

.sales-details .sales-wrapper {
    padding: 0.5em 0;
}

.sales-title {
    color: #ff4949;
    font-weight: 500;
    font-size: 14px;
	line-height: 25px;
	display: inline-block;
	vertical-align: top;
}

.sales-title:after {
    content: " |";
    color: #5d92cf;
    padding: 0 1em;
}

/** For Covid-19 notice */
.sales-title {
	display: block;
}
.sales-title:after {
	display: none;
}
/** END - For Covid-19 notice */

.days-title {
    color: #ff9e32;
    font-size: 14px;
	line-height: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}

.days-title:after {
    content: " |";
    color: #5d92cf;
    padding: 0 1em;
}
.service-title {
    color: #ffcc32;
    font-size: 14px;
	line-height: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: top;
}
.service-title:after {
    content: " |";
    color: #5d92cf;
    padding: 0 1em;
}

#feefo-overall-summary {
	line-height: 40px;
	display: inline-block;
	vertical-align: top;
}
	#feefo-overall-summary img {
		float: left;
		height: 25px;
		margin: 0;
	}
	#feefo-overall-summary .feefo_review_stars {
		background-image: url(/images/feefo/stars-empty.png);
		float: left;
		width: 100px;
		height: 25px;
		margin: 0 0 0 10px;
	}
	#feefo-overall-summary .feefo_review_stars span {
		background-image: url(/images/feefo/stars-full.png);
		height: 25px;
		float: left;
	}

    .ff-reply {
        margin-top: 10px;
    }
    .ff-reply span {
        font-weight: 800;
        color: #ec9a33;
    }

#account-basket {
    float: left;
    width: 45%;
}

#summary-items {
    float: left;
    width: 55%;
}

.quote p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

.quote p a:hover {
    color:#eb9b33;
}

#quoteframe_front {
    line-height: 7px;
}

.basket-items {
    display: inline-block;
    line-height: 12px;
}

.basket-items iframe {
    height: 15px;
}

img.live-chat {
    position:absolute;
    top:0;
    right:0;
}

.LPMcontainer {
    outline: none!important;
}

.live-chat {
    width: 119px;
    position: fixed;
    bottom: 55px;
    right: -10px;
    z-index: 999;
}

.live-chat img {
    opacity: 0.85;
}

.live-chat img:hover {
    opacity: 1;
}

.lpchat-container {
    background: none!important;
    border: none!important;
}

.lp_desktop #lpChat>.lp_maximized {
    height: 400px;
    right: 12px!important;
}

/* Search */
.shop-section {
    float: left;
    width: 50%;
}

.shop-section .col {
    margin-top: 13px;
    margin-bottom: -8px;
    width: 100%;
}
.shop-section .col.advanced-search {
    text-align: right;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 0;
}
.shop-section .col.advanced-search a:hover {
    text-decoration: underline;
}

.gsc-search-box {
    border: 2px solid #5d92cf;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#search form {
	width: 100%;
	height: 52px;
	border-radius: 5px;
	border: 1px solid #dddddd;
	background: #f2f2f2;
	position: relative;
}
	#search form input {
		border: 0;
		width: 100%;
		background: none;
		line-height: 51px;
		padding: 0 10px;
		border-radius: 5px;
		background-image: url(/images/icons/search-black.svg);
		background-position: calc(100% - 1em) 50%;
		background-repeat: no-repeat;
		background-size: 25px;
	}
    #search form input:focus {
        outline: none;
    }
#search form input[type="submit"] {
    width: 35px;
    position: absolute;
    top: 7px;
    right: 5px;
    line-height: 30px;
    border-radius: 3px;
    background url(/images/icons/search-black.svg) no-repeat 50%;
    background-size: 60%;
}
    #search form input[type="submit"]:hover {
        background-color: #004484;
    }

table.gsc-search-box {
    /* margin-bottom: -1px!important; */
}

#gsc-i-id1 {
    padding: 0!important;
    margin: 0!important;
}

.gsib_a {
    padding: 0!important;
}

.gsc-input-box, .gsc-input-box:hover, .gsc-input-box-hover, .gsc-input-box:focus, .gsc-input-box-focus {
    border: none !important;
    box-shadow: none!important;
    padding-left: 1.5em;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important;
}
input.gsc-search-button-v2 {
  height: 26px !important;
  width: auto !important;
}

input.gsc-search-button-v2 {
  height: 26px !important;
  width: auto !important;
}

input.gsc-search-button.gsc-search-button-v2 {
  background-color: #5d92cf !important;
}

input.gsc-search-button.gsc-search-button-v2:hover {
  background-color: #10498a !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #fff!important;
    margin: 6px 0 0px!important;
}

td.gsc-clear-button {
    width: 6px!important;
}

div.gsc-clear-button {
    display: none!important;
}

.cse input.gsc-search-button, input.gsc-search-button {
    text-indent: -9999px;
    width: 30px;
    height: 25px;
    border: none !important;
    border-radius: 0.2em;
    background: #5d92cf url(/images/icons/search.svg) no-repeat 50%!important;
    background-size: 54%!important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 6px 10px !important;
    min-width: 13px !important;
    margin-top: 8px !important;
    margin-right: 5px;
}

/* Christmas Theme */
/* .flake{
    -webkit-border-radius:10px;
    border-radius:10px;
    position: absolute;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
    z-index: 200
}
#flake {
    z-index: 200;
    text-shadow: 1px 1px 0 #000;
}
.header_christmas_gradient {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(165,189,195,1) 100%); 
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(165,189,195,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(165,189,195,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bdc3',GradientType=1 );
}
.header_christmas_image {
	background-image: url(/images/christmas-theme/snow.png);
	background-position: top center;
}
header#header {
	min-height: 180px;
	position: relative;
}
header#header:before {
	content: '';
	position: absolute;
	width: 275px;
	height: 180px;
	left: -300px;
	top: 0;
	background-image: url(/images/christmas-theme/header-appliances.png);
}

div#nav-container #nav .left-nav > ul:before {
	content: '';
	position: absolute;
	top: -41px;
	left: -275px;
	width: 250px;
	height: 150px;
	background: url(/images/christmas-theme/snow-left.png);
}
div#nav-container #nav .left-nav > ul:after {
	content: '';
	position: absolute;
	top: -41px;
	right: -275px;
	width: 250px;
	height: 150px;
	background: url(/images/christmas-theme/snow-right.png);
}

*/

.christmas-banner {
    /* position:absolute; */
    background-image: url(../images/christmas-theme/decoration.gif);
    left:0px;
    width:100%;
    height:30px;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.christmas-banner .christmas-lights {
    /* position: absolute;
    background-image: url(../images/christmas-theme/christmaslightline.gif);
    top:0px;
    height:22px;
    width:100%; */
}
#christmas-white-space {
    position: absolute;
    z-index: -1;
    background-color: #fff;
    width: 100%;
    height: 220px;
}
.christmasborder {
    position:fixed;
    z-index:-2;
    top:0px;
    height:100%;
    width:15%;
    opacity: .45;
}
#footer-background {
    position:absolute;
    margin-top: -50px;
    z-index:-1;
    background-color:#fff;
    width: 100%;
    height:75px;
    border:solid 1px #fff;
}
.cleft {
     left: 0px;
     background: url(../images/christmas-theme/caterkwik-christmas.jpg) 100%;
}
.cright {
     right: 0px;
     background: url(../images/christmas-theme/caterkwik-christmas.jpg) 0%;
}

/* POA Tab */
.poa {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 300;
    padding: 13px 15px;
    margin-bottom: 1em;
    border-radius: 6px;
    background-color: #5d92cf;
}

.poa:hover {
    background-color: #10498A;
}

.poa-terms {
    display: block;
    color: #a0a0a0;
    clear: both;
    font-size: small;
}

#question-form fieldset {
    width: 100%;
    
    
}

.checkout_textarea{
	width: 100%;
}

@media only screen and (max-width: 1450px) {
    .christmasborder {
        width:10%;
    }
}
#snowflakeContainer {
    position: absolute;
    top:0px;
    width: 100%;
    height: 200px;
    z-index:-1;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #b3b3b3;
    user-select: none;
}
.snowflake:hover {
    cursor: default;
}

/* Logged in green sidepanels */

.side-panel {
    position: fixed;
    z-index: -2;
    top: 0px;
    height: 100%;
    width: 45px;
}

.green-left {
    left: 0;
    background: #118108;
    border-right: solid 5px #96c292;
}

.green-right {
    right: 0;
    background: #118108;
    border-left: solid 5px #96c292;
}

#header {
	padding: 1.5em 0;
}
	#header .wrapper {
		display: flex;
		justify-content: space-between;
	}
		#header .toggleMenu,
		#header #mobile-basket {
			display: none;
		}
	
	.search-feefo {
		display: flex;
		width: 50%;
		justify-content: flex-end;
	}
		.search-feefo .search {
			max-width: 480px;
			width: 100%;
			display: flex;
			align-items: center;
		}
			.search-feefo #search {
				width: 100%;
			}
		
		.search-feefo .feefo {
			display: flex;
			align-items: center;
			margin-left: 30px;
		}
			.search-feefo .feefo a {
				display: flex;
			}
				.search-feefo .feefo img {
					max-height: 60px;
					width: auto;
					max-width: initial;
				}
@media (max-width: 767px){
	.search-feefo .feefo {
		display: none;
	}
}
.bottom-banner {
	background: #10498a;
	color: #FFF;
}
	.bottom-banner .wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	}
		.bottom-banner .days {
			padding: 20px;
			font-size: 30px;
			margin: 0 30px;
			background: #049d71;
			text-align: center;
		}
			.bottom-banner .days span {
				font-size: 40px;
				font-weight: 600;
			}
		.bottom-banner a {
			display: flex;
			align-items: center;
			padding: 0;
			margin: 0 30px;
			font-size: 40px;
			line-height: 1;
			color: #FFF;
			font-weight: 600;
		}
			.bottom-banner a img {
				height: 40px;
				margin-right: 8px;
			}

.why-carousel {
	width: 100%;
	padding: 0 40px;
}
	.col .why-carousel .owl-prev {
		left: 0;
	}
	.col .why-carousel .owl-next {
		right: 0;
	}
	.col .why-carousel img {
		margin: 0 auto;
	}


@media (max-width: 1200px){
	.bottom-banner a {
		font-size: 30px;
	}
	.bottom-banner .days {
		font-size: 20px;
	}
		.bottom-banner .days span {
			font-size: 30px;
		}

}
@media (max-width: 900px){
	.bottom-banner a {
		font-size: 24px;
		margin: 0 10px;
	}
	.bottom-banner a img {
		height: 25px;
	}
	.bottom-banner .days {
		font-size: 15px;
		margin: 0 10px;
	}
		.bottom-banner .days span {
			font-size: 24px;
		}
	.top-banner a:not(.basket) {
		text-indent: -999em;
		padding: 12px 25px 12px 25px;
		background-position: center;
	}
	.top-banner .shop-links .total {
		font-size: 1.1em;
	}

}
@media (max-width: 650px){
	.bottom-banner a {
		font-size: 18px;
	}
		.bottom-banner a img {
			height: 18px;
		}

	.bottom-banner .days {
		font-size: 14px;
	}
		.bottom-banner .days span {
			font-size: 18px;
		}
}
@media (max-width: 550px){
	.bottom-banner .wrapper {
		flex-flow: column;
		align-items: stretch;
		text-align: center;
		padding: 0;
	}
		.bottom-banner .days {
			margin: 0;
			padding: 10px;
		}
		.bottom-banner a {
			margin: 0;
			padding: 10px;
			text-align: center;
			align-self: center;
		}

	#logo {
		justify-content: flex-end;
	}
}

.benefit-bar {
	background: #b0c3d8;
	color: #FFF;
	list-style: none;
	padding: 15px 0;
}
	.benefit-bar .wrapper {
		display: flex;
		justify-content: center;
		max-width: 1200px;
	}
		.benefit-bar ul {
			display: flex;
			width: 100%;
			margin: 0;
			padding: 0;
		}
			.benefit-bar ul li {
				display: flex;
				justify-content: flex-start;
				width: 100%;
				align-items: center;
				list-style: none;
				margin: 0 30px 0 0;
				line-height: 1.3;
			}
			.benefit-bar ul li:last-child {
				margin-right: 0;
			}
				.benefit-bar ul li img {
					max-height: 40px;
					max-width: 40px;
					margin-right: 15px;
				}
				.benefit-bar ul li.book img {
					max-width: 37px;
				}
				.benefit-bar ul li.box img {
					max-width: 35px;
				}

@media (max-width: 1200px){
	.benefit-bar ul li {
		margin: 0 10px 0 0;
		font-size: 14px;
	}
}
@media (max-width: 900px){
	.benefit-bar ul li img {
		max-height: 30px;
		max-width: 30px;
		margin-right: 10px;
	}
	.benefit-bar ul li {
		font-size: 13px;
	}
}

/* Navigation */

#side-nav {
    display: none;
}

#nav-container {
    background-color:#FFF;
}

#nav-container #nav ul,
#footer-navigation #nav ul,
#featured-items ul,
.sub-nav-content ul,
aside .filter ul,
ul.detail-tabs,
#sub-nav ul,
ul#address-list {
    margin:0;
    padding:0;
    list-style-type:none;
}

#nav-container #nav ul {
    float: left;
    width: 100%;
    position: relative;
}
#nav-container #nav .left-nav > ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
	#nav-container #nav .left-nav > ul > li > a {
		display: flex;
		min-height: 65px;
		padding: 0;
		align-items: center;
		justify-content: center;
	}
		#nav-container #nav .left-nav > ul > li > a span {
			padding: 8px;
		}
		#nav-container #nav .left-nav > ul > li.red > a span {
			font-weight: 600;
			color: #EB1E4E;
		}


#nav-container #nav ul li {
    float: left;
    width: 11.11%;
    text-align: center;
    line-height: 17px;
    font-size: 14px;
    background:url(../images/separate.png) no-repeat right center;
    position: relative;
}


#nav-container #nav ul li:hover {
    background: #0c3462;
}
	#nav-container #nav .left-nav ul li:hover > a span {
		color: #FFF;
	}

#nav-container #nav ul li:hover a,
#nav-container #nav ul li:hover span {
    /* color: #ffebab; */
    cursor: pointer;
}

#nav-container #nav ul li span {
    color: #10498a;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
    display: block;
    font-size: 13px;
}
#nav-container #nav ul li:hover span {
	color: #FFF;
}

/* #nav-container #nav ul li.single a, #nav-container #nav ul li.single span {
    padding-top: 24px;
    padding-bottom: 24px;
}

#nav-container #nav ul li.triple a, #nav-container #nav ul li.triple span {
    padding-top: 11px;
    padding-bottom: 11px;
} */

.left-nav ul li:nth-child(1) {
 padding-left:0 !important;
}

#nav-container #nav ul li:last-of-type {
    background-image: none;
}

@media (max-width: 1200px){
	#nav-container #nav .left-nav > ul {
		flex-flow: wrap;
	}

	#nav-container #nav ul li {
		width: auto;
	}

	#nav-container #nav .left-nav > ul > li > a span {
		padding: 8px 15px;
	}

	#nav-container #nav .left-nav > ul > li > a {
		min-height: 50px;
	}
}

/* dropdown */

#nav-container #nav li .sub-nav-content {
    position: absolute;
    left: -999em;
    z-index: 9999;
    background-color: #0c3462;
    color: #fff;
    top: auto;
    z-index: 9999;
    width: 270px;
    padding: 10px 0;
}

#nav-container #nav li:hover .sub-nav-content { left: auto; }
#nav-container #nav li.right:hover .sub-nav-content { right: 0; }

#nav-container #nav li ul.last {
    border-right: none;
}

#nav-container #nav li ul li {
    float:none;
    width: 100%;
}

#nav-container #nav li ul li {
    float: none;
    width: 100%;
    text-align: left;
    text-transform: none;
    border: none;
    font-size: 13px;
}

#nav-container #nav li ul a, #nav-container #nav li.single ul a, #nav-container #nav li ul span, #nav-container #nav li.single ul span {
    margin: 0px;
    font-weight: normal;
    padding: 8px 30px 8px 15px;
    display: block;
}

#nav-container #nav ul li li {
    background-color: none;
    background-image: none;
}

#nav-container #nav li ul li.parent {
    background: url(../images/icons/arrow-right-nav.png) 95% 50% no-repeat;
}

#nav-container #nav ul li:hover li {
    background-color: none;
    cursor: pointer;
}

#nav-container #nav ul li li a,
#nav-container #nav ul li li span  {
    color: #fff;
    background-image: none;
}

#nav-container #nav ul li:hover li span  {
    padding: 0;
}

#nav-container #nav ul li li:hover {
    background: #082546;
}

#nav-container #nav ul li li.parent:hover {
    background: #082546 url(../images/icons/arrow-right-nav.png) 95% 50% no-repeat;
}

#nav-container #nav ul li ul li:hover a {
        color: #ffebab;
}


/* 2nd level dropdown */
#nav-container #nav li .sub-nav-content li ul {
    position: absolute;
    width: 300px;
    left: -999em;
    z-index:9999;
    background: #082546;
    padding: 10px 0;
}

#nav-container #nav li .sub-nav-content li:hover ul { left: 270px; top: 0; }
#nav-container #nav li.right .sub-nav-content li:hover ul { left: -300px; top: 0; }
#nav-container #nav li .sub-nav-content li li { float:none; }

#nav-container #nav li .sub-nav-content li:hover li a { color: #fff; }
#nav-container #nav li .sub-nav-content li li:hover a { color: #ffebab; }

#nav-container #nav li .sub-nav-content li li a {
    margin: 0px;
}


/* Secondary Nav */

#secondary-nav {
    background: #10498A;
}

#secondary-nav nav ul {
    padding: 0;
    margin: 5px 0;
}

#secondary-nav nav ul li {
    display: inline-block;
    list-style: none;
    border-left: 1px solid #0C3462;
    margin: 7px 0px 0 5px;
    font-size: 13px;
    text-transform: uppercase;
}

#secondary-nav nav ul.left li {
    float: left;
}

#secondary-nav nav ul li.no-border {
    border-left: none;
}

#secondary-nav nav ul li a {
    padding: 0 0 0 8px;
    display: block;
    color: #96BBDF;
}

#secondary-nav nav ul li.home,
#secondary-nav nav ul li.home a {
  padding: 2px 0 0px 6px;
  margin: 0px;
  height: 38px;
}

#secondary-nav nav ul.right-nav li a {
    color: #fff;
}

#secondary-nav nav ul li a:hover {
    color: #ffebab!important;
}

#secondary-nav nav ul.right-nav li a.jan-sale {
    color: #ff3b3b;
    font-weight: 600;
}

/** Third nav */
	#nav-container #nav li .sub-nav-content li li ul,
	#nav-container #nav li .sub-nav-content li:hover li ul {
		background: #031c32;
		left: -999em;
	}
	#nav-container #nav li .sub-nav-content li li:hover ul {
		left: 300px;
	}
	#nav-container #nav li .sub-nav-content li li ul a,
	#nav-container #nav li .sub-nav-content li:hover li ul a {
		color: #FFF;
	}
	#nav-container #nav li .sub-nav-content li li ul li:hover {
		background: #031c32;
	}
	#nav-container #nav li .sub-nav-content li li ul li:hover a {
		color: #ffebab;
	}




#carousel h1,
#carousel h2,
.brand-overlay h2,
.discount-overlay h2,
#discount-banner h3,
.phone-number {
    display:inline-block;
    text-transform:uppercase;
}

span.white,
#carousel h1,
.brand-overlay h2,
.discount-overlay h2 {
    color:#ffffff;
}

span.light-blue {
    color:#c1d7e9;
    font-weight:300;
}


/* Breadcrumb */

.breadcrumb {
    color:#9da2a8;
    font-size:12px;
}


/* Carousel */

#carousel {
    background-color: #EEE;
    overflow: hidden;
    /* height: 270px; */
    position:relative;
}
.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    margin-top:-10px;
    width:15px;
    height:20px;
    text-indent:-9999px;
}
.owl-prev {
    left: 40px;
    background:url('/images/icons/arrow-left-2.png') no-repeat center;
}

.owl-next {
    right: 40px;
    background:url('/images/icons/arrow-right-2.png') no-repeat center;
}
.why-carousel .owl-prev {
    left: -40px;
}

.why-carousel .owl-next {
    right: -40px;
}

.why-carousel .owl-item img {
    width:auto !important;
}

.why-carousel .benefit {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}


#carousel h1,
#carousel h2,
.brand-overlay h2,
.discount-overlay h2 {
    margin:0 0 5px 0;
}

#carousel h1,
#strip,
#footer-navigation {
    background-color:#10498a;
}

#carousel .col-pad {
    margin-top:0;
    margin-bottom:0;
}

#carousel h1 {
    padding:20px;
    font-size:30px;
}

#carousel h2 {
    background-color:#fff;
    padding:10px 15px;
    font-size:24px;
    color:#10498a;
    font-weight:300;
}


/* Slider controls */

#slider-controls {
    margin: 0;
}

ul#slider-nav {
    margin: 0px;
    padding: 0px;
    text-align: center;
    position: absolute;
    z-index: 2000;
    top: 245px;
    right: 50%;
}

#slider-nav li {
    display: inline-block;
    list-style:none;
}

ul#slider-nav li a {
    background-color: #666666;
    border: 2px solid #fff;
    border-radius:50%;
    width: 13px;
    height: 13px;
    text-indent: -999em;
    display: block;
    margin: 0 5px;
}

#slider-nav li a:hover { background-color: #004484; box-shadow:0 0 5px rgba(0,0,0,0.3); }
#slider-nav li a.active { background-color: #fff; border-color: #004484; }

#slider-controls .next,
#slider-controls .prev {
    text-decoration:none;
    color:#FFFFFF;
    font-size:2em;
    background-color:#004484;
    padding:0 10px 4px;
    position:absolute;
    top: 140px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    opacity:0;
    filter: alpha(opacity=0);
    z-index:150;
    border-radius:50%;
}

.shop-page #slider-controls .next,
.shop-page #slider-controls .prev {
    top:40px;
}

#slider-controls .prev  { left: 10%; }
#slider-controls .next  { right: 10%; }

#slider-wrapper:hover #slider-controls .prev,
#slider-wrapper:hover #slider-controls .next {
    opacity:0.4;
    filter: alpha(opacity=40);
}

#slider-wrapper:hover #slider-controls .prev:hover,
#slider-wrapper:hover #slider-controls .next:hover {
    opacity:1;
    filter: alpha(opacity=100);
}


/* Delivery strip */

#strip {
    clear: both;
}

span.yellow {
    color:#f9dd85;
}

#strip span.yellow {
    margin-right:1.6%;
}

#strip span.margin-del {
    margin-left:60px;
}

#strip span.margin-ins {
    margin-right:60px;
}

.strip-icon {
    display:inline-block;
    z-index:100;
    width:49px;
    height:50px;
    position:absolute;
    top:-2px;
}

.delivery-icon {
    background:url(../images/icons/delivery-icon) no-repeat center;
    left:0;
}

.install-icon {
    background:url(../images/icons/installation-icon) no-repeat center;
    right:0;
}


/* Main homepage content */

#main img {
    width:100%;
    height:auto;
}

div.feefowidget-feefo-logo img {
width: auto!important;
}

feefowidget-container-carousel .feefowidget-carousel-container-snapshot {
width: 100%!important;
}

.feefowidget-carousel-snapshot-body .feefowidget-left-button, .feefowidget-carousel-snapshot-body .feefowidget-right-button {
padding-left: 0px;
padding-right: 0px;
}

div#feefo-service-review-carousel-widgetId {
    display: block;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

#main .col {
    position:relative;
}

#main a {
	width: 100%;
	float: left;
}

	#main a img {
		width:100%;
		height:auto;
		float: left;
		transition: all 1s;
	}
		#main a:hover img {
			opacity: .55;
		}

	#main .overlay {
    position:absolute;
    z-index:100;
		width: 100%;
		height: 100%;
	}
	#main .key-accounts .overlay {
		height: auto;
		top: 50%;
		transform: translateY(-50%);
	}
		#main .overlay h2 {
			position: absolute;
			top: 15px;
			padding: 0 20px;
			text-align: center;
			width: 100%;
			font-size: 30px;
			line-height: 1;
			margin: 0;
			padding: 0 20px;
			color: #FFF;
		}
		#main .special-offers .overlay h2 {
			color: #494545;
		}
		#main .key-accounts .overlay h2 {
			position: relative;
			top: inherit;
		}
		#main .finance .overlay h2 {
			color: #494545
		}
		#main .special-offers .overlay .second-text {
			position: absolute;
			margin: 0;
			padding: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 50%;
			right: 0;
			text-align: center;
			color: #FFF;
			font-size: 30px;
			line-height: 1.2;
			font-weight: bold;
			text-transform: uppercase;
			text-shadow: 0 0 25px rgba(0,0,0,0.15);
		}
		#main .our-projects .overlay .second-text {
			width: 100%;
			position: absolute;
			text-align: center;
			font-size: 15px;
			line-height: 20px;
			bottom: 45px;
			padding: 0;
			margin: 0;
			color: #FFF;
		}
		#main .finance .overlay .second-text {
			width: 100%;
			position: absolute;
			text-align: center;
			font-size: 20px;
			line-height: 20px;
			top: 45px;
			padding: 0;
			margin: 0;
			color: #494545;
		}
		#main .case-studies .overlay .second-text {
			width: 100%;
			position: absolute;
			bottom: 0;
			text-align: center;
			font-size: 17px;
			line-height: 40px;
			padding: 0;
			margin: 0;
			color: #FFF;
            background: #494544;
		}
		#main .key-accounts .overlay ul.second-text {
			list-style: none;
			text-align: center;
			width: 100%;
			padding: 0;
			color: #FFF;
			font-size: 18px;
			line-height: 25px;
			margin: 1em 0 0;
		}
		#main .news .overlay ul.second-text {
			width: 70%;
			position: absolute;
			text-align: left;
			font-size: 14px;
			line-height: 21px;
			bottom: 9%;
			left: 8%;
			padding: 0;
			margin: 0;
			list-style: none;
			color: #ff6c41;
		}


		#main .finance .overlay .third-text {
			width: 100%;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			text-align: center;
			font-size: 20px;
			line-height: 25px;
			padding: 0;
			margin: 10px 0 0;
			color: #494545;
		}

		#main .overlay span.link {
			position: absolute;
			bottom: 10px;
			right: 0;
			padding: 10px 20px;
			font-size: 18px;
			line-height: 20px;
			color: #FFF;
		}
		#main .special-offers .overlay span.link {
			color: #494545;
		}
		#main .our-projects .overlay span.link {
			color: #f08079;
		}
		#main .finance .overlay span.link {
			color: #494545;
		}
		#main .reconditioned-graded .overlay span.link {
			background: rgba(58,91,100,.8);
		}

    #main .sales .overlay {
		width: calc(80% - 1em);
		text-align: center;
		height: auto;
		margin: 0 10%;
		top: 50%;
		transform: translateY(-50%);
	}
		#main .sales h2 {
			font-size: 22px;
			line-height: 1.4em;
			margin: 0;
			padding-bottom: 0.4em;
			border-bottom: 1px solid #eb9b33;
			position: relative;
			top: initial;
			width: auto;
			padding: 0;
			padding-bottom: 0.4em;
			border-bottom: 1px solid #eb9b33;
		}
		#main .sales h3 {
			padding: 10px 0 0 0;
			font-size: 1.3em;
			color: #ffffff;
			font-weight: 300;
			line-height: 1em;
			margin: 0;
		}

.brand-overlay,
.discount-overlay,
.build-quote-overlay {
    top:40px;
    width:80%;
    text-align:center;
    height:84%;
    margin:0 10%;
}

.discount-overlay,
.build-quote-overlay {
    top:20px;
}

.brand-overlay h2,
.discount-overlay h2,
.build-quote-overlay h2 {
    line-height:1.0em;
    padding:20px 0 0;
    font-size:36px;
}

.brand-overlay h2 {
    padding: 0;
}

.brand-overlay h2 span {
    color: #ffebab;
}

.discount-overlay p {
    color:#aac7e9;
    font-weight:400;
    text-transform:uppercase;
    margin:5px 0 10px;
}

.build-quote-overlay h2 {
    padding:20px;
    text-align:center;
    color:#fff;
    background-color:#eb9b33;
    text-transform:uppercase;
}

.chef-overlay {
    bottom:0;
    left:0;
    width:100%;
    background-color:#10498a;
}

.chef-overlay article {
    padding: 10px 20px;
    color:#c0cdde;
    position:relative;
}

.chef-overlay a {
    color:#fff;
    text-decoration:underline;
    font-size:14px;
    font-weight:400;
}

#main .chef-overlay article img {
    position:absolute;
    top:-25px;
    right:5px;
    width:50px;
    height:50px;
}
.chef-overlay article h3 {
    text-transform:uppercase;
    font-weight:300;
    font-size:17px;
    color:#5d92cf;
    margin:0;
    padding:0;
}

.chef-overlay article p {
    margin:0;
    padding:0;
}

.lease-overlay {
    top:0;
    left:0;
    width:65%;
    color:#c0cdde;
    font-size:14px;
}

.feefo-home {
	width: 77% !important;
}

.feefo-badge-home {
	background-color: #494545;
}

.lease-overlay article {
    padding: 30px 12% 0 10%;
}

.lease-overlay h2 {
    font-size:26px;
    color:#fff;
}
.productbox span.quote_btn input.order_button {
	margin: 0 1% .7em 0;
	padding: 8px 5px !important;
}
.productbox span.order_btn input.order_button {
	float: right;
	width: 48%;
	margin: 0 0 .7em 2%;
	padding: 8px 5px !important;
	display: block;
	font-size: .9em;
	line-height: 1.2;
}
.productbox .lease-info {
    padding: 0;
    border: none;
    width: 100%;
    float: none;
}
.productbox .tooltip-wrap span {
	width: 600%;
	left: -250%;
}
p .lease-info {
    background-color: #10498A;
    padding: 0.6em 1.2em;
}
p .lease-info:hover {
    background-color: #1d5ba2;
}

.productbox .lease-info a {
    color: #FFF;
    color: #5d92cf;
    text-decoration: none
}
.productbox .webexclusive.lease-info a {
	color: #FFF;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	left: 0;
}


.lease-info {
    margin-top: 20px;
    display: block;
    color: #fff;
    font-weight: 500;
    padding: 0.6em 1.2em;
    text-transform: uppercase;
    text-align: center;
}


.lease-info a {
    color: #fff;
}

.lease-info small {
    position: relative;
    bottom: 1px;
    font-size: 0.65em;
    padding-left: 0.3em;
}

.lease-info small em {
    font-size: 1.4em;
}

.lease-info span.lease-terms {
    display: inline-block;
    font-size: 11px;
    padding-top: 1em;
    margin-top: 1em;
    border-top: 4px solid #ffffff;
}

.lease-info span.lease-terms em {
    padding: 0 0.5em;
}

.hidden {
    display: none;
}

#fancybox-inner #flexible-leasing, #fancybox-inner #instance-finance {
    display: block!important;
    width: 300px;
    height: 500px;
}



#c2f.lease-info {
    background-color: #10498A;
    padding: 0.6em 1.2em;
    float: right;
}

#c2f.lease-info:hover {
    background-color: #1d5ba2;
}

.lease-info small em, .lease-info span.lease-terms em, .lease-apply em {
    color: #ebb933;
    font-style: normal;
}

#c2f.lease-info small em,
#c2f.lease-info span.lease-terms em,
span#c2f.lease-apply em {
    color: #ebb933;
    font-style: normal;
}


.hp-mail article {
    text-align: center;
    padding: 1em;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left:0
}

.hp-mail a, .hp-mail h2, .hp-mail p {
    color:#fff
}

.hp-mail h2 {
    font-size: 2.3em;
    line-height: 1;
}

.hp-mail a.secondary {
    background:#d52e0c;
}

.hp-mail a.secondary:hover {
    background:#c22a0b;
}

.recon-graded-overlay article {
    padding: 20px 30px 0;
}

.recon-graded-overlay h2 {
    font-size: 23px;
    color:#fff;
}

.recon-graded-overlay {
    top: 0px;
    left: 0px;
    width: 100%;
    color: #C0CDDE;
    font-size: 14px;
    text-align: center;
}

.recon-graded-overlay p.button-margin {
    margin-top: 70px;
}

#hp-copy {
    margin: 3em auto 4em auto;
    font-size: 14px;
}

#hp-copy h1 {
    margin-bottom: 1em;
    font-size: 24px;
}

#brands h2 {
    float: left;
}

#brands a.view-all {
    float: right;
    color: #5D92CF;
    margin-top: 15px;
}

#brands a.view-all:hover {
    color: #eb9b33;
}


/* Featured items */

#featured-nav {
    clear: both;
    margin: 20px 0px;
}

#featured-items ul li {
    display:inline-block;
    margin-left:2px;
}

#featured-items ul li a {
    padding: 5px 11px;
    background-color: transparent;
    border: 1px solid #D6DCE2;
    color: #5D92CF;
    font-weight: 300;
    font-size: 15px;
}

#featured-items ul li a:hover {
    border:1px solid #5d92cf;
}

#featured-items ul li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a,
ul.detail-tabs li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
    color:#fff;
    background-color: #eb9b33;
}
#featured-items ul li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a {
    border:1px solid #eb9b33;
}

#featured-items ul li a:focus,
ul.detail-tabs li a:focus {
    outline:none;
}

#featured-items h2 {
    margin-top:-10px;
}

#product-tabs {
    margin: 3em 0 2em 0;
}

#product-tabs .col {
    margin: 0;
}
#product-tabs #spares-tab .col.sub-grid {
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 23.5%;
}
ul.detail-tabs li a.payment-options {
	color: #FFF;
	background: #0599f7;
}
ul.detail-tabs li a.reviews {
	text-indent: -999em;
	width: 75px;
	background: #000;
	background-image: url(../images/feefo/feefo-tab.png);
}
ul.detail-tabs li:hover a.reviews {
	background: #5d92cf;
	background-image: url(../images/feefo/feefo-tab.png);
}
#payment-options h3 {
    margin-bottom: 1.5em;
}
#product-tabs #payment-options strong{
    margin-bottom: 0;
    color: #75a7e4;
}




div#tabs-1,
div#tabs-2,
div#tabs-3,
div#downloads-tab,
div#info-tab,
div#requirements-tab,
div#dimensions-tab,
div#spares-tab,
div#videos-tab,
div#associated-products-tab {
    font-size:14px;
    line-height:20px;
}

#product-tabs strong {
    text-transform: uppercase;
    margin-bottom: 1em;
    display: block;
}

#identifiers {
    border-bottom:1px solid #ccc;
    margin: 0 0.5em 1em 0
}

#identifiers p {
    display:inline-block;
    margin-right:1em;
    margin-bottom: 0;
    padding-bottom: 0;
}

#identifiers strong {
    float:left;
    color:#5d92cf;
}

.ui-tabs-panel {
    clear: both;
    border-top: none;
    padding: 1em 0;
}



#product-listing form {
    display: inline-block;
    width: 23.8%;
    vertical-align: top;
    box-sizing: content-box;
    margin: 10px 1.6% 10px 0;
}
#product-listing form:nth-child(4n+4) {
    margin-right: 0;
}
    #product-listing form .three {
        width: 100%;
        display: inline-block;
        margin: 10px 0;
    }
.item,
.item-viewed,
.item-sub {
	border: 3px solid #dde2e8;
	padding: 20px 6%;
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	text-align: center;
}

.item-viewed {
    text-align:center;
}

#associated-products .item-viewed,
#associated-products .item-viewed:hover,
#spares-tab .item-viewed,
#spares-tab .item-viewed:hover {
    border: none;
}

#featured-items .item {
    padding-bottom: 20px;
}

#featured-items .item img {
    max-height: 140px;
    width: auto;
}

#featured-items .ui-tabs-panel {
    border: none;
   padding: 0;
}

#featured-items .item-price {
    margin-bottom: 1.2em;
}

#review-content {
    border-bottom: 1px solid #e1e1e1;
    padding: 1.5em 0;
}

#review-content p {
    font-style: italic;
}

#review-content p strong {
    font-style: normal;
    color: #5D92CF;
    margin: 1em 0;
}

#review-subtext p {
    margin: 1.9em 0 0 0;
    padding: 0px;
}

#review-subtext strong {
    display: inline;
    text-transform: none;
}

.item {
    overflow: visible;
}

.item-sub {
    height:260px;
}
.item:hover,
.item-viewed:hover,
.item-sub:hover {
    border:3px solid #5d92cf;
}

.item:hover h3,
.item-viewed:hover h3,
.item-sub:hover h3 {
    color:#ee931d;
}

.item h4 {
  overflow: hidden;
  display: block;
}

.item:hover .lease-content a,
a span.lease-price:hover,
a.lease-price:hover  {
    color:#ee931d;
}

.order_prod {
    height: 117px;
    position: relative;
}

.item input[type="submit"] {
    float: left;
    width: 48%;
    font-size: 13px;
    margin: 20px 3% 6px 0;
    padding: 5px !important;
}

.item span.order_btn input.order_button {
    margin-right: 0px;
    margin-top: 0;
}

.order_buttons {
    margin-top: 20px;
}

.item a.secondary-small {
	width: 100%;
	display: block;
	margin: 0 0 .7em;
	padding: 8px 5px !important;
	text-align: center;
	font-weight: 400;
	float: left;
	font-size: .9em;
	line-height: 1.2;
}

.item img,
.item-sub img {
    max-width: 100%;
/*  height: 140px;*/
}
.item-viewed img {
    height:150px;
    width:auto;
    margin:0 auto;
}

.product-image {
    text-align: center;
    margin: 0px;
    height: 150px;
    overflow:hidden;
    position: relative;
}

.product-image a {
    display: block;
    height: 230px;
    width: 230px;
}

.product-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* Deal badges */
.multibuy-sash img {
    position: absolute;
    top: -15px;
    left: -14px;
    z-index: 999;
}

.webexclusive-sash img {
    position: absolute;
    right: -15px;
    margin-top: -66px;
}

.badge-1 img,
.badge-2 img,
.badge-3 img,
.badge-4 img,
.badge-5 img,
.badge-6 img,
.badge-7 img,
.badge-8 img,
.badge-9 img,
.badge-10 img,
.badge-11 img,
.badge-12 img,
.badge-13 img,
.badge-14 img,
.badge-15 img {
    position: absolute;
    right: -15px;
    margin-top: -72px;
}

#prod-left .multibuy-sash img {
    position: absolute;
    top: initial;
    bottom: 100px;
    left: 0;
    z-index: 100;
}

#prod-left .webexclusive-sash img {
    bottom: 50px;
    left: -10px;
}

#prod-left .badge-1 img,
#prod-left .badge-2 img,
#prod-left .badge-3 img,
#prod-left .badge-4 img,
#prod-left .badge-5 img,
#prod-left .badge-6 img,
#prod-left .badge-7 img,
#prod-left .badge-8 img,
#prod-left .badge-9 img,
#prod-left .badge-10 img,
#prod-left .badge-11 img,
#prod-left .badge-12 img,
#prod-left .badge-13 img,
#prod-left .badge-14 img,
#prod-left .badge-15 img {
    right: -35px;
    left: initial;
    margin-top: -40px;
}
#prod-left h1 .sub-title {
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #999;
}

span.product-image-more {
    display: block;
    font-size: 11px;
    color: #999;
    margin: 5px 0;
}

.item-price {
    color: #71747A;
    font-weight: 500;
    font-size: 19px;
}

.vat-price {
	font-size: .7em;
	font-style: italic;
	font-weight: 400;
	display: block;
	color: #808081;
	line-height: 1.2em;
}

span.price-note {
    font-weight: 400;
    font-size: 11px;
    display: block;
    color: #999;
    height: auto;
    width: 100%;
}
.item-price span.price-note {
	font-size: 14px;
	line-height: 1.2;
	height: auto;
	margin: 5px 0 0 0;
}

.item-price span.price-note .was {
	display: inline-block;
	font-weight: 300;
	color: #a20e0e;
	text-decoration: line-through;
	margin: 0 5px;
}

.item-price span.price-note .sale {
	display: inline-block;
	color: #4f4f4f;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 5px;
}

.inline-details-link {
    font-size:13px;
    height:47px;
    line-height:17px;
    margin-left:5px;
    padding-top:5px;
}
.inline-details-link,
.inline-details-image {
    display:inline-block;
    vertical-align:middle;
}

p.item-dimensions {
    font-size: 12px;
    line-height: 14px;
    text-align: left;
    background: #f7f7f7;
    padding: 10px;
    color: #777;
    margin: 10px 0 15px 0;
}

p.item-dimensions span {
    font-weight: bold;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
}

p.item-dimensions br {
    display: block;
    margin-bottom: 6px;
}

a.ask-question,
a.why-caterkwik {
	float: left;
	display: table;
	text-decoration: none;
	color: #808081;
	width: 48%;
	line-height: 1.4em;
	font-size: .7em;
	height: 50px;
}
a.ask-question {
	margin: 0 2% 0 0;
}
a.why-caterkwik {
	margin: 0 0 0 2%;
}

.prod-icon {
    background: url("/images/product-icons/prod-icons.png") no-repeat left top transparent;
    width:50px;
    height:50px;
    border-radius:50px;
    float:left;
    margin-right:10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon-question {
    background: url("/images/product-icons/prod-icons.png") no-repeat left top #8491B1;
}

.item .icon-question {
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
    margin: 3px 12px 0 0;
}

.item a.ask-question,
.item a.why-caterkwik {
    color: #444;
    width: 100%;
    font-size: 12px;
    line-height: 15px;
    margin: 10px 0 0 0;
}

a.ask-question:hover,
a.why-caterkwik:hover {
    text-decoration:underline;
}

a.ask-question:hover .icon-question,
a.why-caterkwik:hover .icon-tick {
    background-color:#004485;
}

.icon-tick {
    background: url("/images/product-icons/icon-tick.png") no-repeat center center #0599f7;
}

span.prod-icon-text {
	vertical-align: middle;
	display: table-cell;
}

.selling-points {
    padding: 0;
}

.selling-points li,
#special-requirements li {
    list-style: outside none none;
    display: inline-block;
    margin: 0px 4px 0px 0px;
    float: left;
}

#special-requirements li {
    float: none;
}

.item .selling-points li {
    width: 20px;
}

.item .selling-points img {
    height: auto;
    max-width: 100%;
}

.tooltip-wrap {
    position:relative;
}

.tooltip-wrap span {
	position: absolute;
	width: 300%;
	left: -100%;
	background: none repeat scroll 0% 0% #10498a;
	color: #FFF;
	padding: 1em 1em;
	border-radius: 3px;
	bottom: 100%;
	display: none;
	font-size: .7em;
	line-height: 1.2em;
	margin-bottom: .5em;
	text-align: center;
	z-index: 1;}

.tooltip-wrap:hover span {
    display:block;
}

.video {
    width: 65% !important;
    float: left;
    margin-right: 20px;
    display:block
}

.video iframe {
    width:100%;
    height:300px
}

.video-sash {
    position: absolute;
    top: -7px;
    right: -6px;
    z-index: 3;
}

.trybeforebuy-sash{
    position: absolute;
    top: -7px;
    left: -8px;
    z-index: 3;
}

.video-sash a {
    display:block
}

.customer-favourite {
    position: absolute;
    top: -7px;
    left: -6px;
    z-index: 3;
    background-image: url('/images/product_icons/customerfavourite.png');
    width: 110px;
    height: 110px;
}

#selling-points {
	float: right;
	margin: 0;
}

#selling-points ul {
    padding: 0px;
    margin: 0px;
}

#selling-points ul li {
	list-style: none;
	background: url(../images/icons/check-mark.png) left 8px no-repeat;
	background-size: 18px;
	padding: 8px 0px 8px 25px;
	font-size: 13px;
	line-height: 17px;
}

.prod-vid {
	position: relative;
	margin: 0;
}

ul#associated-products {
    padding:0
}

#associated-products .col, #spares-tab .col {
    margin:10px 0px 10px 1.6% !important
}

#associated-products .col:nth-of-type(4n+1), #spares-tab .col:nth-of-type(4n+1) {
    margin-left:0 !important
}


/* Comments */

.comment-item,
.installat_box {
    display:block;
    margin-top:20px;
    border: 2px solid #f0f0f0;
}

p.commenttitle,
p.installat_title {
  background-color: #f0f0f0;
  margin: 0;
}

p.happy,
p.commenttitle,
p.installat_title,
p.installat_text,
.installat_box p {
  padding: 15px;
}


img.project-header {
	margin: 0 auto 4em;
	display: block;
	max-width: 1000px;
}
img.project-footer {
	margin: 4em auto 0;
	display: block;
}
.project-banner {
	width: 100%;
	background: #bfc8d9;
	float: left;
	margin: 50px 0;
	min-height: 150px;
    box-shadow: 3px 3px 0 rgba(148, 165, 192, 0.3);
}
.project-banner.nolink {
	cursor: default;
}
.project-banner:nth-child(odd) {
    box-shadow: -3px 3px 0 rgba(148, 165, 192, 0.3);
}
	.project-banner #content {
		min-height: 150px;
		padding: 0;
	}

		.project-banner .project-name {
			margin: 0;
			padding: 0;
			min-height: 150px;
			position: relative;
		}
			.project-banner .project-name .text-wrapper {
				padding: 15px 40px;
				left: 0;
			}
            .project-banner:nth-child(odd) .project-name .text-wrapper {
                right: 0;
            }
				.project-banner .project-name h3 {
					padding: 0;
					margin: 0;
				}
				.project-banner .project-name p {
					color: #4f4f4f;
					font-size: 16px;
					font-weight: 500;
					line-height: 20px;
					margin: 0;
				}
				.project-banner .project-name span {
					color: #4f4f4f;
					font-size: 15px;
					line-height: 18px;
					font-weight: 300;
				}
					.project-banner:hover .project-name span {
						text-decoration: underline;
					}
		.project-banner .project-image {
			margin: 0;
			padding: 0 40px;
			float: right;
		}
			.project-banner .project-image img {
				max-width: 100%;
				height: 200px;
				margin: -25px 0 25px;
				float: right;
				padding: 5px;
				background: #FFF;
				border: 1px solid #CCC;
				border-radius: 3px;
			}

		.project-banner:nth-child(odd) .project-name {
			float: right;
			text-align: right;
		}
		.project-banner:nth-child(odd) .project-image,
		.project-banner:nth-child(odd) .project-image img {
			float: left;
		}
		
/* Static get-ready page styling */

a#static-get-ready.project-banner #content {
	min-height: unset;
}

	a#static-get-ready.project-banner .project-name {
		text-align: left;
	}

		a#static-get-ready.project-banner .project-name .text-wrapper {
			position: unset;
			transform: unset;
			padding: 40px;
		}

			a#static-get-ready.project-banner .project-image iframe {
				max-width: 100%;
				height: 200px;
				margin: -25px 0;
				float: right;
				padding: 5px;
				background: #FFF;
				border: 1px solid #CCC;
				border-radius: 3px;
			}

/* Discount banner */

#discount-banner {
    background-color:#eb9b33;
    padding:5px 0;
    margin:30px auto;
}

#discount-banner h3 {
    color: #A96307;
    font-size: 19px;
    margin-top: 0;
}

#discount-banner h2 {
    color: #A96307;
    font-size: 16px;
    font-weight: normal;
    padding: 0px;
    line-height: 22px;
    margin: 0px 0px 0.4em;
}

#discount-banner a {
    background-color:#d52e0c;
    color:#fff;
    padding:5px 10px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    margin-left:5px;
}

#discount-banner a:hover {
    background-color:#c22a0b;
}


/* Product listing */

#prod-left {
	margin: 0;
}
#prod-left h1 {
    margin: 0 0 1.5em 0;
    padding: 0;
}
#prod-left .has_feefo h1 {
	margin: 0;
}
#review-stars-product-container,
#hp-feefo-overall-summary {
	width: 100%;
	height: 25px;
	display: inline-block;
	margin: 5px 0 1.5em ;
}
#hp-feefo-overall-summary {
	width: auto;
}
#review-stars-product-container a {
	color: #333;
	font-weight: bold;
	font-size: 12px;
    width: 100%;
    float: left;
    clear: both;
}
#review-stars-product-container span,
#hp-feefo-overall-summary span {
	line-height: 25px;
	float: left;
}
#hp-feefo-overall-summary span {
	color: #333;
	font-weight: bold;
}
#review-stars-product-container span.num_reviews {
	color: #10498a;
	font-weight: 800;
	border-bottom: 1px dotted #10498a;
	line-height: 1.25em;
	margin: 8px 0 0 10px;
}
#review-stars-product-container span.num_reviews:hover {
	border-color:  transparent;
}
#review-stars-product-container .feefo_review_stars,
#hp-feefo-overall-summary .feefo_review_stars {
	background-image: url(/images/feefo/stars-empty.png);
	float: left;
	width: 100px;
	height: 25px;
	margin: 0 0 0 10px;
}
#review-stars-product-container .feefo_review_stars span,
#hp-feefo-overall-summary .feefo_review_stars span {
	background-image: url(/images/feefo/stars-full.png);
	height: 25px;
	float: left;
}
#hp-feefo-overall-summary .feefo_review_summary {
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 0 0 0 10px;
	font-size: 12px;
}
#hp-feefo-overall-summary .feefo_review_summary p {
	margin: 0;
	padding: 0
}
.num_reviews {
    font-weight: 400;
    margin-left: 5px;
}

#product-listing form#product-ordering {
    margin: 0 0 10px 0;
    float: right;
    width: 100%;
    text-align:right;
}

#product-ordering label {
    display:inline-block;
    margin: 0 10px 0 0;
}

#product-ordering select {
    padding: 2px 5px;
    border: 2px solid #D6DCE2;
    font-size: 14px;
    color: #71747A;
    display:inline-block;
    margin: 0 10px 0 0;
}

#product-ordering button {
    display:inline-block;
    padding: 7px 15px;
}

#product-listing .item img {
    max-height: 120px;
    width: auto;
}

#product-listing p.lead,
#product-details p.lead {
	padding: 0;
	font-size: .8em;
	margin: 0 0 2em 0;
	line-height: 1.8em;
}

#product-details p.lead {
	margin: 0;
	/* border-top: 1px solid #dde2e8; */
	padding: 1.5em 0;
}

#product-details p.lead .logo-carousel {}

.logo-carousel .owl-item {
    height: 170px; // Set as required
    position: relative;
}
    
.logo-carousel .owl-item img {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0,-50%); // IE9
    transform: translate3d(0,-50%,0); // Modern Browsers - better performance
    margin: 0 auto;
}
    
.logo-carousel .owl-dots {
       display: table;
       margin: auto;
}

.logo-carousel .owl-dot {
    display: inline-block;
    float: left;
    margin: 0 0.1em;
}

.logo-carousel .owl-dot span {
        display: inline-block;
        width: 8px;
        height: 8px;
        float: left;
        margin: 0 0.1em;
        border-radius: 100%;
        background: #5d92cf;
}

.logo-carousel .owl-dot.active span {
    background: #eb9b33;
}

.price-main {
	display: block;
	color: #000;
	font-size: 2em;
	line-height: 1;
	font-weight: 800;
}

.price-details .price-note span.was {
	font-weight: 300;
	font-size: 1.6em;
	color: #a20e0e;
	text-decoration: line-through;
}

.price-details .price-note span.sale {
	width: 130px;
	float: right;
	display: flex;
	flex-flow: column wrap;
	position: relative;
	color: #FFF;
	background: #a20e0e;
	padding: 15px 10px 15px 50px;
	border-radius: 10px;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 48%);
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1;
}

.price-details .price-note span.sale strong {
	font-weight: 800;
	font-size: 1.5em;
}

.price-details .price-note span.sale::before {
	content: '';
	position: absolute;
	top: calc(50% - 8px);
	left: 19px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #deeaf7;
}

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

	.pricing-details .price-details,
	.pricing-details .align-right {
		width: 100%;
	}

		.pricing-details .align-right {
			margin: 0 0 10px;
		}

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

	.price-details .price-note span.sale::before {
		display: none;
	}
	.price-details .price-note span.sale {
		float: none;
		background: transparent;
		padding: 0;
		margin: 0 0 8px;
		color: #a20e0e;
		clip-path: none;
		flex-direction: revert;
		align-items: center;
		border-radius: 0;
		font-size: 1.3em;
		line-height: 1;
		font-weight: 800;
		text-transform: uppercase;
		width: auto;
	}
	.price-details .price-note span.sale strong {
		font-size: 1em;
		margin-left: 3px;
	}
}

.price-main {
	color: #4f4f4f;
}

aside h3 {
    color:#7c7f85;
    font-size:22px;
    line-height:24px;
}

aside .filter h4 {
    display:block;
    border-bottom:2px solid #d6dce2;
    padding-bottom:10px;
    margin-bottom:10px;
    color:#2954a0;
    font-size:16px;
}

aside .filter ul li {
    color:#7c7f85;
    font-size:14px;
    margin:2px 0;
    padding:1px 0;
}

aside input[type="checkbox"] {
  margin-right: 15px;
}

#product-details .main-image img {
    max-width: none;
}

#product-details label,
#product-details select,
.special-offers-page label,
.special-offers-page select {
    width: 100%;
    clear: both;
    margin-bottom: 0px;
    font-size: 13px;
}

.special-offers-page p.productname {
    color: rgb(93, 146, 207);
font-size: 15px;
line-height: 19px;
}

.special-offers-page p.product_price {
    color: #71747A;
font-weight: 500;
font-size: 19px;
}

.special-offers-page p.productdesc {
    font-size:15px
}

.special-offers-page .productimg {float:none}

.special-offers-page .ltblue .product_options_container {
    background:#F7F7F7;
    margin: 1em 0;
padding: 0 25% 1em;
}

.special-offers-page span.order_btn input.order_button {
    width: auto;
    padding: 10px 20px !important;
    font-size: 100%;
    float:none;
    margin-bottom:1em
}

.offers-page .col {
    margin:10px 0
}

label {
    color: #10498a;
    font-size: 14px;
}
select {
    height:30px;
    vertical-align:middle;
    line-height:30px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    margin-bottom:8px;
    border:1px solid #d6dce2;
    color:#4f4f4f;
}

select#sort_on {
    margin-bottom:0;
}

#product-details h2 {
    margin-top:0;
    padding-top:0;
}

.buy-area-container {
	background: #deeaf7;
	padding: 1.5em;
	border-radius: 5px;
}

.product_options_container p {
    margin: 0;
}


/* Product options inputs */
.option_wrapper{
	cursor:pointer;
}
.option_wrapper div{
	color:#fff;
	background:#4d8ff5;
	font-size:13px;
	border-radius:3px;
	padding:3px;
	margin:3px;
	position:relative;
}

.option_wrapper .prod_name {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: bottom;
}
.option_wrapper .prod_details {
	position: absolute;
	right: 5px;
}

.option_wrapper .product_select_options {
	display: none;
	position: relative;
	background: #fff;
	color: #494545;
}
.option_wrapper .product_select_options input {
	position:absolute;
	right:0px;
	width: 50px;
    margin-top: -5px;
}

.option_wrapper .product_select_options .desc {
	width:75%;
    display:block;	
}


/* Lease information */

#lease-grid {
	background: #deeaf7;
	border-radius: 5px;
	padding: 1em 1.5em;
	margin: 2em 0 0;
	float: left;
	width: 100%;
}

.lease-content {
	width: 100%;
	display: block;
	clear: both;
	padding: 16px 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
    background-color: #f0f0f0;
    color: #5d92cf;
}
.webexclusive .lease-content {
    position: relative;
    background-color: #c93030;
    color: #FFF;
    padding: 0;
}

.lease-content:hover a,
.item:hover .lease-content a {
    color: #ee931d;
}
.webexclusive .lease-content:hover a,
.item:hover .webexclusive .lease-content a {
    color: #FFF;
}
.webexclusive .lease-content:hover {
	background-color: #a01c1c;
}
.lease-content:hover {
    background-color: #f0f0f0;
}
.lease-content a,
a span.lease-price  {
    text-decoration:underline;
}
a span.lease-price {
    font-size:18px;
}

table#leaseTable,
table#leaseTablePage {
    width:100%;
    font-size:18px;
}

table#leaseTable td {
  padding: 7px 0 7px 14px;
}

table#leaseTablePage td {
  padding: 7px 14px 7px 0;
}

table#leaseTable td .price-style,
input#product_price,
.currency-sign,
input.lease-input {
    color:#3c74b4;
}

input#product_price,
input.lease-input {
  border: none;
  padding: 7px 10px 7px 0;
  background-color:#fff;
  display:inline-block;
}

input#product_price:focus {
    border:none;
    outline:none;
}

.currency-sign {
    display:inline-block;
    border: 3px solid #8bb9ed;
    background-color:#fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-left:10px;
}

.lease-select {
    display:inline-block;
    border: 3px solid #8BB9ED;
    background-color: #FFF;
    border-radius: 6px;
    padding: 5px;
    height: auto;
    width: 155px;
}

.lease-button-holder {
    margin:15px 0;
}

span.lease-button,
span.finance-button,
a.lease-button {
    padding:15px;
    display:inline-block;
    background-color:#75a7e4;
    color:#10498a;
    cursor: pointer;
}
.lease-button-holder span.lease-button {
	border-radius: 3px;
	padding: 10px 20px;
	background: #eb9b33;
	color: #4f4f4f;
	line-height: 1.2;
	display: inline-block;
	text-transform: none;
}
span.lease-button:hover {
	background-color: #e08816;
}

span.lease-button.selected,
span.finance-button.selected {
    color: #ffffff;
}

span.finance-button {
    float: left;
    line-height: 30px;
    margin-right: 10px;
}

.finance-link {
	display: block;
	font-size: 0.9em;
	background-color: #5d92cf;
	padding: 10px 20px;
	cursor: pointer;
	width: 48%;
	margin: 0 0 0 1%;
	float: right;
	border-radius: 3px;
}

.finance-link:hover {
    cursor: pointer;
    background-color: #4d7baf;
}

.finance-link .fa-check-circle:before {
    content: "\f058";
    color: #ffffff;
    margin-right: 0.3em;
}

.finance-link a.lease-price {
	display: block;
	line-height: 1.2;
	color: #ffffff;
}
.finance-link a.lease-price strong {
	font-size: .75em;
}

span.lease-apply,
a.lease-apply{
    display:block;
    background-color:#75a7e4;
    color:#fff;
    font-weight:500;
    padding: 12px;
    font-size: 15px;
    text-align:center;
}
span.lease-apply,
span.lease-button,
a.lease-apply,
a.lease-button {
    text-transform:uppercase;
    text-align: center !important;
}

span.lease-apply {
    width: inherit;
    margin: 2.5em 0;
}

span.lease-apply.calc {
	width: 100%;
	margin: 15px 0 0 0;
	background: #5d92cf;
	border-radius: 5px;
}

span#c2f.lease-apply {
    background-color: #10498a;
    border: 5px solid #EBB933;
    float: right;
    width: 50%;
    margin-top: 2.5em;
    padding: 7px 12px;
}

.lease-period {
    display:inline-block;
    margin-right:10px;
}

.lease-period,
table#leaseTable td .price-style,
span.lease-button,
input#product_price,
.currency-sign {
    font-size:20px;
    font-weight:500;
}

.lease-overall {
    padding:20px;
    background-color:#75a7e4;
    margin:20px 0;
}

.calc {
    width: 60%;
}

span.lease-arrow {
    display:inline-block;
    color:#fff;
    padding-left:20px;
    background-image:url(/images/icons/arrow-right-2.png);
    background-position:left center;
    background-repeat:no-repeat;
    margin-right:20px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
	margin-top: 15px;
}
span#lowest_weekly {
	border-radius: 3px;
	padding: 10px 20px;
	background: #5d92cf;
	color: #FFF;
	line-height: 1.2;
	display: inline-block;
	text-transform: none;
}
span#lowest_overall {
	border-radius: 3px;
	padding: 10px 20px;
	background: #5d92cf;
	color: #FFF;
	line-height: 1.2;
	display: inline-block;
	text-transform: none;
	margin: 0;
}
span#lowest_weekly:hover,
span#lowest_overall:hover {
	background-color: #4d7baf;
}


ul.leaselinks,
#sidebar ul {
    list-style-type:none;
    margin:0 0 30px;
    padding:0;
}

ul.leaselinks li {
    padding:5px 0 5px 25px;
    background:url(/images/lease-tick.png) no-repeat left center;
    margin:0;
    line-height:19px;
}

#sidebar ul li,
ul.leaselinks li {
    font-size:13px;
    margin:0;
    line-height:19px;
}

#sidebar ul li {
    padding:3px 0 3px;
}

/* Add to cart table */

table.productbody {
  width: 100%;
}

table.productbody tr {
  border-bottom: 1px solid #f0f0f0;
}

table.productbody th {
  background-color: #f0f0f0;
}

table.productbody th,
table.productbody td {
  padding: 10px;
  text-align:left;
}
	
	table.productbody td a {
		color: #4f4f4f;
		text-decoration: underline;
	}
	table.productbody td a:hover {
		text-decoration: none;
	}

table.productbody th span,
table.productbody td span {
  text-align:right;
}

span.options-small,
.basket-attr-holder p {
    font-size:13px;
    line-height:17px;
    text-align:left;
}


.error ul {
  margin: 0 0 10px;
  padding: 0;
  color: red;
}

span.error {
  font-size: 11px;
  color: red;
  margin-left: 5px;
  display:inline-block;
}

div#message.error {
    color: red;
}

div#message.success {
  /* font-weight: 500; */
  color: green;
}

div#message.info {
    background: none repeat scroll 0% 0% #F4E0B1;
    padding: 3px;
    border: 1px solid #E1B54D;
    font-size: 14px;
    text-align: center;
    margin: 0px 0px 15px;
    line-height: 20px;
}

div#message.info p {
    margin: 0;
}

div#message.info p a {
    color: #9a6213;
}

div#message.info p a:hover {
    color: #4f4f4f;
    text-decoration: underline;
}

a.basket-show-attr {
  padding: 5px;
  font-size: 12px;
  background-color: #f0f0f0;
  text-decoration: none;
}


/* Cross Merc */

input.quantity-cross {
  display: inline-block;
  width: 40px;
  text-align:center;
  margin-left:10px;
}


/* PRODUCT IMAGES */

#prod-right {
	position: relative;
	margin: 0px;
	padding-left: 2%;
	float: right;
}

/* #prod-right .col {
    margin: 10px 0 10px;
} */

#prod-right h1 {
    margin-top: 0;
    padding-top: 0;
}

.product-image-main {
    margin: 1em 0 3em 0;
    /* height: 460px; */
}

#prod-image #product_zoom { margin:0 auto; display:block; }
#prod-image #product_nozoom { cursor:default; }

.zoomWindow {
    left: 338px !important;
    top: 0 !important;
}

.zoomWrapper {
    width: 436px !important;
}

#thumbs {
	padding: 10px 0;
	clear: both;
	border-bottom: 2px solid #eaf1f9;
	overflow: auto;
}

ul.thumbs {
    list-style-type:none;
    margin:0;
    padding:0;
    text-align: center;
}

ul.thumbs li {
    display:inline;
    cursor:pointer;
}

ul.thumbs li a, ul.thumbs li a:hover {
    text-decoration:none;
    cursor:pointer;
}

ul.thumbs li {
    padding: 1px;
    border: 1px solid #CAD0DF;
    vertical-align: middle;
    position: relative;
    height: 54px;
    width: 54px;
    display: inline-block;
}

ul.thumbs li:hover {
    border-color:#999;
}

#prod-left .selling-points {
	margin: .8em 0 .5em;
	float: left;
	width: 100%;
}


#product-images {
    text-align:center;
}


#image-container .zoom-image {
    width:auto;
    display:block;
    border: 2px solid #ebedf3;
}

#reel-image-reel .reel-preloader {
    background-color:#004484;
}

#slider-wrapper-360 {
    position:relative;
}

#slider-wrapper-360 .ui-slider {
    margin:5px 0 20px;
}

#slider-wrapper-360 .ui-slider,
#slider-wrapper-360 .ui-slider-handle {
    cursor:e-resize;
}

#slider-wrapper-360 #slider-clue {
    border: medium none;
    bottom: 20px;
    left: 0px;
    padding: 0;
    position: absolute;
}

/* ==== Energy Efficiency styling ==== */

a.energy-rating {
    position: relative;
    display: block;
    margin-top: -52px;
    width: 55px;
    height: 29px;
    text-indent: -9999px;
    z-index: 10;
}

a.energy-rating-A {
    background: url(/images/energy-ratings/energy-rating-a.png) no-repeat;
    background-size: contain;
}

a.energy-rating-B {
    background: url(/images/energy-ratings/energy-rating-b.png) no-repeat;
    background-size: contain;
}

a.energy-rating-C {
    background: url(/images/energy-ratings/energy-rating-c.png) no-repeat;
    background-size: contain;
}

a.energy-rating-D {
    background: url(/images/energy-ratings/energy-rating-d.png) no-repeat;
    background-size: contain;
}

a.energy-rating-E {
    background: url(/images/energy-ratings/energy-rating-e.png) no-repeat;
    background-size: contain;
}

a.energy-rating-F {
    background: url(/images/energy-ratings/energy-rating-f.png) no-repeat;
    background-size: contain;
}

a.energy-rating-G {
    background: url(/images/energy-ratings/energy-rating-g.png) no-repeat;
    background-size: contain;
}

/* ==== 360 images ==== */
#reel-image-reel {
    overflow: initial !important;
    height: auto !important;
    cursor: pointer !important;
}

.easyzoom-flyout {
    /*border-left: 2px dashed #ebedf3;
    border-bottom: 2px solid #cad0df;*/
    border: 2px solid #cad0df;
    height: 460px !important;
    width: 540px !important;
    left: 350px !important;
    position: absolute;
    top: 0 !important;
}

/* Checkout imbulse buys */
h2.impulse-deals {
    font-size: 1.2em;
    text-align: center;
    padding: 0;
    margin: 0;
    color: white !important;
}

.impluse-container {
    background-color: rgba(235, 155, 51, 0.79) !important;
    margin: 2em 0 2em 0!important;
    color: white !important;
    border-radius: 2px;
    padding: 4px;
}

.impulse {
    width: 23%;
    margin: 15px;
}

.impulse .item {
    min-height: 500px;
}

.impulse .item p {
    min-height: 60px;
}

p.item-name {
    min-height: 110px!important;
}

.impulse .item button.order_button {
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 30px 3% 30px 0;
    padding: 5px !important;
}


/* Detail tabs */

ul.detail-tabs {
    border-bottom:4px solid #eb9b33;
}
ul.detail-tabs li {
	display: inline-block;
    margin: 0;
    font-size: 0.82em;
}
ul.detail-tabs li:focus,
ul.detail-tabs li.ui-state-focus {
	outline: none;
	border: none;
}
ul.detail-tabs li a {
	background-color: #10498a;
	padding: 0 15px;
	border-radius: 3px 3px 0 0;
	display: inline-block;
	color: #FFF;
	line-height: 35px;
}

ul.detail-tabs li:hover a {
	background: #5d92cf;
	color: #FFF;
}


/* Register forms */

fieldset {
    margin: 20px auto 0 auto;
    padding: 20px;
    width: 60%;
}

fieldset legend {
    font-size:18px;
}

form#register-form label,
form#existing_customer_login label,
form#change-password label,
form#change-email label,
form#add-address label,
#product-details .checkout-form_ label,
form#contact_form label,
form#sendquote label {
  float: left;
  width: 40%;
}

form#register-form input[type=text], form#register-form input[type=email], form#register-form input[type=password], form#register-form input[type=tel],
form#existing_customer_login[type=text], form#existing_customer_login input[type=email], form#existing_customer_login input[type=password],form#existing_customer_login input[type=tel],
form#change-password input[type=text], form#change-password input[type=email], form#change-password input[type=password], form#change-password input[type=tel],
form#change-email input[type=text], form#change-email input[type=email], form#change-email input[type=password], form#change-email input[type=tel],
form#add-address input[type=text], form#add-address input[type=email], form#add-address input[type=password], form#add-address input[type=tel],
#product-details .checkout-form_ input[type=text], #product-details .checkout-form_ input[type=email], #product-details .checkout-form_ input[type=password], #product-details .checkout-form_ input[type=tel],
form#contact_form input[type=text], form#contact_form input[type=email], form#contact_form input[type=password], form#contact_form input[type=tel],
form#sendquote input[type=text], form#sendquote input[type=email], form#sendquote input[type=password], form#sendquote input[type=tel],
form textarea {
    float: left;
    width: 40%;
    border: 1px solid #90b8e6;
    border-radius: 2px;
}

form#contact_form.proposal textarea,
form#contact_form.proposal input,
form#contact_form.proposal input[type="text"],
form#contact_form.proposal select {
  float: left;
  width: 100%;
}

form#contact_form.proposal input.currency {
    width: 50%;
    clear: both;
    float: none;
    margin: 0 10px 10px 10px;
}

form#existing_customer_login fieldset,
form#new_customer_reg fieldset {
    height:250px;
}

form#register-form label#full-label {
  width: auto;
}

input#quantity {
  text-align: center;
  margin-left: 10px;
  width: 50px;
}

.clear-form-row {
    clear: both;
    height: 15px;
}

/* HP News Feed */

#news-feed {
    max-width: 1080px;
    margin: 3em auto;
    position:relative;
}

#news-feed span.news-icon {
    background:url('/images/icons/news-icon.png') no-repeat center center scroll;
    width: 49px;
    height: 49px;
    display: block;
    position:absolute;left:0;top:10px
}

#news-feed h2 {
    padding-left:60px;
}

#news-feed .article {
    background: #DDE2E8;
    padding: 0.5em;
    width: 30%;
    margin: 0 1.6%;
    float: left;
    min-height:258px;
}

#news-feed .article img {
    width:100%;
    height:auto;
}

#news-feed strong a {color:#10498A;}

p.blog-content {
    border-top:3px solid #5D92CF;
    margin-top:10px;
    padding-top:10px;
}

/* Sidebar */

.sidebar {
    font-size:14px;
    line-height:22px;
}

.already-member {
    border:3px solid #d6dce2;
    padding:20px;
    text-align:center;
    margin-bottom:20px;
}


/* 404 */

input#goog-wm-qt {
  float: left;
  margin-bottom: 5px;
}

input#goog-wm-sb {
  float: left;
  clear: both;
  display: block;
}


/* Terms styling */

.terms_ {
  font-size: 12px;
  line-height: 16px;
}

.terms_ h3 {
  font-size: 16px;
}
.terms_ ol {
  margin: 0;
}

div#delivery-check {
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 22px;
}


/* Footer navigation */

#footer-navigation #nav ul li {
    text-align:center;
    margin:0 0.7%;
    display:inline-block;
}

#footer-navigation #nav ul li a {
    color:#fff;
    font-weight:300;
    font-size:0.9em;
}

/* Footer content */

#footer-container {
    background-color:#bfc7d9;
}

#footer {
    font-size:14px;
    padding-bottom:30px;
}

img.social-icon {
    margin-right:15px;
}

#footer #small-print p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
    padding: 0;
}

a.mail {
    color: #FFF;
    text-transform: uppercase;
    background:url('/images/hp-mail-bg.png') no-repeat center center scroll;
    padding:1.35em 1em;
    display: block;
    margin-top: 1em;
    background-size:cover;
    font-size:1.3em;
    text-align:center
}
	.feefo-badge {
		float: left;
		width: 45%;
	}
	.feefo-badge__image{
		display: block; 
		max-width: 100%;
		max-height: 121px;
		float: right;
	}
	p.footer-smaller {
		width: 55%;
		float: right
	}

/** Price Promise */
	#price-promise-notice {
		position: fixed;
		bottom: 0;
		left: 80px;
		z-index: 240;
		display: none;
		padding: 10px;
		flex-flow: column;
		align-content: center;
		justify-content: space-around;
		width: 180px;
		height: 185px;
		color: #FFF;
		border-radius: 10px 10px 0 0;
		background: rgb(4,157,113);
		background: linear-gradient(180deg, rgba(4,157,113,1) 0%, rgba(13,110,82,1) 100%);
		box-shadow: 0 0 20px rgb(0 0 0 / 35%);
		transition: all .3s;
	}
	#price-promise-notice.loaded {
		display: flex;
	}

		#price-promise-notice img {
			max-width: 100px;
			max-height: 130px;
			display: block;
			margin: 0 auto;
		}

		#price-promise-notice h3 {
			margin: 0;
			padding: 0;
			color: #FFF;
			font-size: 1em;
			text-align: center;
		}
		
		#price-promise-notice #close {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: .6em;
			color: #FFF;
			background: rgba(0,0,0,0.5);
			width: 20px;
			height: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50px;
			transition: all .3s;
		}
		#price-promise-notice #close:hover {
			background: rgba(0,0,0,0.8);
		}


/* Copy details */

.details-content p small {
    font-size:12px;
}

p#template-switch {
    margin-bottom: 0;
    padding-bottom: 0;
}

p#template-switch a, p.meet-the-team a {
    color: #4F4F4F;
    font-weight: bold;
    font-size: 15px;
}

p#template-switch a:hover, p.meet-the-team a:hover {
    text-decoration: underline;
    color: #10498a;
}

p.catalogue a {
    font-size: 1.1em;
    color: #4f4f4f;
    font-weight: 600;
}

p.catalogue a:hover {
    text-decoration: underline;
    color: #10498a;
}


/* Links */
/* .pricing-details {
	border-top: 1px solid #939da7;
	border-bottom: 1px solid #939da7;
	padding: .5em 0;
} */
.pricing-details {
	border-bottom: 1px solid #939da7;
	padding: 0 0 .5em 0;
}
/* .product-options {
	margin: 0 0 1em;
} */

.product-options > .row:first-child > .col.twelve:first-child {
	margin: 0;
}

.product-options .option_wrapper:last-child {
	margin-bottom: 10px;
}

.product-links {
	background: #FFF;
	padding: 1em 0.5em;
	border-radius: 3px;
}

/** Finance */
.caterkwik-easypay {
	background: #f1f7fd;
	margin: 1em 0 0;
	padding: 2em;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
	.caterkwik-easypay img {
		width: 100px;
	}
	.caterkwik-easypay .easypay-prices {
		font-weight: 800;
		font-size: 20px;
		margin: 0 0 0 1em;
		color: #4f4f4f;
		line-height: 1.3;
	}
		.caterkwik-easypay .easypay-prices .monthly-price {
			font-size: 1.25em;
		}
		.caterkwik-easypay .easypay-prices .monthly-price sup {
			color: #87be3a;
		}

	.caterkwik-easypay a {
		width: 100%;
		background-color: #7fba22;
		color: #fff;
		margin: 1.5em 0 0;
		border-radius: 3px;
		font-weight: 600;
		text-transform: initial;
		padding: 10px 20px;
		border: none;
		display: block;
		text-align: center;
	}
	.caterkwik-easypay a:hover {
		background-color: #9EC65F;
	}

.caterkwik-finance {
	margin: 1.5em 0 0;
	padding: 1.5em 0 0;
	border-top: 2px solid #000;
}

	.caterkwik-finance .finance-prices {
		margin: .5em 0;
	}

		.caterkwik-finance .monthly-price {
			display: block;
			color: #000;
			font-size: 2em;
			line-height: 1;
			font-weight: 800;
		}

		.caterkwik-finance .notice {
			font-size: .7em;
			font-style: italic;
			font-weight: 400;
			display: block;
			color: #808081;
			line-height: 1.2em;
		}

		.caterkwik-finance a {
			width: 100%;
			background-color: #2f9929;
			color: #fff;
			margin: 1em 0 0;
			border-radius: 3px;
			text-transform: initial;
			padding: 10px 20px;
			border: none;
			display: block;
			text-align: center;
		}
		.caterkwik-finance a:hover {
			background-color: #1f9250;
		}

	.basicform img.finance-logo {
		max-width: 500px;
		margin: 0 auto 1em;
		display: block;
	}

p.button-margin,
.cart_buttons {
    margin-top: 30px;
}

input.order_button,
input.button.checkout-btn, 
.cart_checkout {
    width: 48%;
}

form input.checkout-btn[type="submit"] {
	font-size: 16px;
}
.continue-shopping-btn {
	font: 400 13.3333px Arial;
	cursor: pointer;
	float: left;
	width: 48%;
	text-align: center;
}

.quote_btn input.order_button {
    float: left;
    margin: 0 2% 0 0;
}


div.cart_checkout,
div.cart_recalculate {
  float:none;
  border: none;
  background:none;
  width:auto;
  height:auto;
  cursor: pointer;
  display:inline-block;
}


a {
    text-decoration:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color:#5d92cf;
}

a.primary,
a.primary-inline,
span.quote_btn input.order_button,
span.order_btn input.order_button,
input.button.checkout-btn,
input.button.continue-btn,
span.order_btn input.order_button,
div.cart_checkout,
button,
input[type=submit],
a.secure_button,
a.continue-shopping-btn {
    background-color:#e08816;
    padding:10px 20px;
    border:none;

}

input.save-btn {
    padding:10px 20px;
    border:none;
}

a.primary:hover,
a.primary-inline:hover,
span.quote_btn input.order_button:hover,
span.order_btn input.order_button:hover,
input.button.checkout-btn:hover,
input.button.continue-btn:hover,
div.cart_checkout:hover,
span.order_btn input.order_button:hover,
button:hover,
input[type=submit]:hover,
a.secure_button:hover,
a.continue-shopping-btn:hover {
    background-color:#eb9b33;
}


a.primary,
a.primary-inline,
a.secondary,
span.secondary,
a.secondary-small,
span.secondary-small,
span.order_btn input.order_button,
input.button.checkout-btn,
input.button.continue-btn,
input.same-btn,
div.cart_checkout,
button,
div.cart_recalculate,
input[type=submit],
input.save-btn,
button.update-small,
input.cross_merch_order,
a.secure_button,
a.continue-shopping-btn {
    color:#fff;
	margin: 0 0 1em;
	border-radius: 3px;
	text-transform: initial;

}
span.order_btn input.order_button,
form input.checkout-btn[type="submit"] {
	background-color: #2f9929;
}
span.order_btn input.order_button{
	width: 100%;
}
span.order_btn input.order_button:hover,
form input.checkout-btn[type="submit"]:hover {
	background-color: #1f9250;
}

.discontinued-message {
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 800;
    color: #fc3b4d;
}

a.secondary,
a.secondary-small,
span.secondary-small,
span.secondary,
a.primary-inline,
input.same-btn,
div.cart_recalculate,
input.save-btn,
button.update-small,
input.cross_merch_order {
    background-color:#5d92cf;
    border:none;
}

a.secondary:hover,
span.secondary:hover,
a.secondary-small:hover,
span.secondary-small:hover,
a.primary-inline:hover,
input.same-btn:hover,
div.cart_recalculate:hover,
input.save-btn:hover,
button.update-small:hover,
input.cross_merch_order:hover {
    background-color:#3f7ec6;
}

span.quote_btn input.order_button {
	background: #eb9b33;
	width: 48%;
	float: left;
	margin: 0 1% 0 0;
	font-size: .9em;
	line-height: 1.2;
}

span.quote_btn input.order_button:hover {
    /*background-color:#965807;*/
    background-color:#e08816;
}


a.secondary,
span.secondary,
div.cart_recalculate {
    font-weight:400;
    padding:10px 20px;
}
a.secondary,
span.secondary {
    font-size:14px;
}
a.secondary-small,
span.secondary-small,
input.same-btn,
button.update-small,
input.cross_merch_order {
    font-weight:300;
    padding:5px 8px;
    font-size:12px;
}

div.sitemap-links a {
  text-decoration: underline;
}

/* C2F Finance */
    .c2f{
        width: 100%;
        overflow: auto;
    }
    .c2f tr {
        border-bottom: 1px solid #CCC;
        text-align: center;
    }
        .c2f tr:hover {
            background: #EEE;
        }
    .c2f::-webkit-scrollbar {
        background: #bfc7d9;
        height: 10px;
    }
    .c2f::-webkit-scrollbar-thumb {
        background: #5d92cf;
        border-radius: 50px;
    }
    .c2f th{
        padding: 5px 10px;
    }
    .c2f td{
        padding: 10px;
    }
    .c2f th{
        background: #10498A;
        color: #FFF;
        width: auto;
    }


/* ==== BF footer link */

p#bf {
    clear: both;
    font-size: 0.8em;
    font-weight: normal;
    padding: 20px 0;
    text-align: right;
}

p#bf a {
    font-weight:bold;
    text-decoration: none;
    color:#9370DB;
}

p#bf a:hover {
    color: #5a2abf;
    text-decoration: underline;
}


.options_message {
	width: 100%;
	line-height: 1.2;
	display: block;
	padding: 8px 5px;
	margin: 0 0 .7em;
	text-align: center;
	background-color: #eb9b33;
	color: #FFF;
	font-size: .9em;
	float: left;
	border-radius: 3px;
}

.options_message a {
    color:#fff !important
}

span.lease-terms {
    font-size: 11px;
    padding-top: 5px;
    border-top: 1px solid #efefef;
}

span.stars {
    font-size: 35px;
    color: #70bd67;
    display: inline-block;
    vertical-align: middle;
}


#backstage-tab strong {
    display: inline;
    text-transform: none;
    margin-bottom: 0;
}


/* ==== Feefo Integration */
	#homepage_feefo {
		min-width: auto;
	}
		#homepage_feefo .feefo {
			float: left;
			width: 100%;
			margin-bottom: 4em;
		}
		.ff-guide {
			width: 100%;
			float: left;
			margin: 0 0 1em;
		}
			.ff-guide img {
				height: 20px;
				line-height: 20px;
				float: left;
				margin: 0 5px 0 0;
			}
			.ff-guide span {
				margin: 0 1em 0 0;
				line-height: 20px;
				float: left;
			}
		#homepage_feefo .table-surround {
			float: left;
			overflow-x: auto;
			max-width: 100%;
		}
		.feefo table {
			width: 100%;
			float: left;
			min-width: 800px;
		}
			.feefo table tr:first-child {
				background: #EEE;
				color: #333;
			}
			.feefo table tr:nth-child(odd):not(:first-child) {
				background: #fff6f6;
			}
				.feefo table tr th {
					text-align: left;
				}
				.feefo table tr th {
					padding: 10px 5px;
				}
				.feefo table tr td {
					padding: 20px 5px;
				}
				.feefo table tr td:first-child {
					min-width: 180px;
				}
					#product_feefo .ff-score {
						float: left;
						margin: 0 1em 0 0;
					}
						.ff-score img {
							height: 25px;
							margin: 0 5px 0 0;
						}
					.ff-product-link a {
						font-weight: bold;
					}
					#homepage_feefo .feefo table tr td.ff-date {
						min-width: 105px;
					}
					#homepage_feefo .feefo table tr td.ff-score {
						min-width: 70px;
					}
					#homepage_feefo .feefo table tr td.ff-product-link {
						min-width: 250px;
					}
	        #homepage_feefo a#ff-all-reviews-link,
			#product_feefo a#ff-all-reviews-link {
				font-size: 14px;
				font-weight: 400;
				padding: 10px 20px;
				background-color: #5d92cf;
				border: none;
				color: #fff;
				text-transform: uppercase;
				text-decoration: none;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
				margin: 1em 0 0 0;
				float: right;
			}
				#homepage_feefo a#ff-all-reviews-link:hover,
				#product_feefo a#ff-all-reviews-link:hover {
					background-color: #3f7ec6;
				}


#review-stars-container {
	width: auto;
	height: 25px;
	display: inline-block;
	margin: 5px 0;
}
	#review-stars-container a {
		color: #333;
		font-weight: bold;
		font-size: 12px;
	}
	#review-stars-container span {
		line-height: 25px;
		float: left;
	}
	#review-stars-container .feefo_review_stars {
		background-image: url(/images/feefo/stars-empty.png);
		float: left;
		width: 100px;
		height: 25px;
		margin: 0 0 0 10px;
	}
	#review-stars-container .feefo_review_stars span{
		background-image: url(/images/feefo/stars-full.png);
		height: 25px;
		float: left;
	}


#pop-up-surround {
	position: fixed;
	bottom: 0;
	left: 0;
	max-width: 25%;
	min-width: 375px;
	z-index: 250;
}

#feefo-service-review-floating-widgetId {
	position: relative;
	z-index: 150;
}

/* Cookies */
	#cookie-message {
		width: calc(100% - 1em);
		padding: 1em 1.4em;
		background-color: rgb(191, 200, 217);
		color: #4f4f4f;
		border-radius: 20px;
		display: none;
		z-index: 250;
		font-size: 0.85em;
		line-height: 1.5em;
		text-align: center;
		margin: 0 0 1em 1em;
		transition: all 1s;
	}

	#cookie-message a { 
		color: #10488a;
		font-weight: bold;
	}

	#cookie-message a span {
		font-size: 0.9em;
	}

	#cookie-message p {
		margin-bottom: 1em;
	}

	#cookie-message p:last-of-type {
		margin-bottom: 0;
	}

/* Price promise */
	#price-promise {
		position: relative;
		width: 375px;
		display: none;
		z-index: 100;
		margin-bottom: -10px;
		text-align: center;
		transition: 1s;
	}
	/* #price-promise.loaded {
		display: block;
		left: -120%;
	} */
	#price-promise.load-from-left {
		transition: 1s;
		left: 0;
	}
		#price-promise img {
			width: 100%;
		}
		#price-promise a#close {
			position: absolute;
			bottom: 20px;
			left: 10px;
			color: #7fba22;
			text-shadow: 0 0 10px rgba(255,255,255,1);
			font-size: 1em;
			cursor: pointer;
		}

	/* Savings Badge */

	.savings-badge {
		position: absolute;
		background: #c22c2b;
		padding: 5px 10px;
		right: 5px;
		top: 5px;
		border-radius: 5px;
		aspect-ratio: 1;
		font-size: 1.4em;
		z-index: 5;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

	}
	.savings-badge p {
		color: white;
		margin: 0;
		padding: 0;
		font-weight: bold;
		line-height: 1;
	}
	.savings-badge p:nth-child(2) {
			font-size: 1.3em;
		}
		.savings-badge p sup {
			font-size: 60%;
		}

	.savings-badge-product {
			position: absolute;
			background: #c22c2b;
			padding: 5px 10px;
			right: 5px;
			top: 5px;
			border-radius: 5px;
			aspect-ratio: 1;
			font-size: 1.4em;
			z-index: 5;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
	
		}
		.savings-badge-product  p {
			color: white;
			margin: 0;
			padding: 0;
			font-weight: bold;
			line-height: 1;
		}
		.savings-badge-product p:nth-child(2) {
				font-size: 1.3em;
			}
			.savings-badge-product p sup {
				font-size: 60%;
			}

/* ==== Media Queries */

/* Respsonsive for smaller desktop screens */
@media only screen and (max-width: 1024px) {

    .row {
        /*background: red;*/
    }

    header #logo.six {
        width: 40%;
    }

    header #details.six {
        width: 58%;
    }

    #footer-navigation #nav ul li {
        font-size: 15px;
    }

    #featured-items ul li a {
        font-size: 13px;
    }

    .brand-overlay {
        top: 25px;
    }

    .discount-overlay {
        top: 15px;
    }

    p.button-margin {
        margin-top: 0;
    }

    .recon-graded-overlay article {
        padding: 10px 5% 0px;
    }

    .chef-overlay article h3 {
        font-size: 14px;
    }

    .chef-overlay article p {
        font-size: 14px;
    }

    .lease-overlay article {
        padding: 30px 10% 0 10%;
    }

    .item a.secondary-small {
        font-size: 11px;
    }

}

/* Respsonsive for smaller desktop screens */
@media only screen and (max-width: 959px) {

    .row {
        /*background: green;*/
    }

    .phone-number {
        font-size: 23px;
    }

    #nav-container #nav ul li {
        font-size: 11px;
    }

    #secondary-nav nav ul li {
        font-size: 12px;
        margin-left: 2%;
    }

    #secondary-nav nav ul li a {
        padding-left: 5%;
    }

    #footer-navigation #nav ul li {
        font-size: 12px;
    }

    #featured-items ul li a {
        font-size: 12px;
        padding: 5px 4px;
    }

    .brand-overlay {
        top: 17px;
    }

    .discount-overlay {
        top: 0;
    }

    .brand-overlay h2,
    .discount-overlay h2,
    .hp-mail h2 {
        font-size: 30px;
    }

    .recon-graded-overlay p.button-margin {
        margin-top: 55px;
    }

    .recon-graded-overlay h2 {
        font-size: 19px;
        line-height: 21px;
    }

    .lease-overlay h2 {
        font-size: 22px;
    }

    .lease-overlay p {
        font-size: 13px;
        line-height: 19px;
    }

    a.secondary, span.secondary {
        font-size: 12px;
        padding: 8px 20px;
    }

    .item a.secondary-small {
        font-size: 10px;
    }

    .item input[type="submit"] {
        font-size: 13px;
        margin: 0.5em 3% 0 0px;
        width: 100%;
    }
    
    .order_prod {
    	height: auto;
    }

    .item a.secondary-small {
    	position: relative;
    }

    #main .overlay h2 {
        font-size: 24px;
    }
    #main .case-studies .overlay .second-text {
        font-size: 14px;
        line-height: 30px;
    }
    #main .news .overlay ul.second-text {
        font-size: 11px;
        line-height: 13px;
    }
    #main .finance .overlay .second-text {
		font-size: 16px;
		line-height: 15px;
    }
    #main .finance .overlay .third-text,
    #main .our-projects .overlay .second-text {
		font-size: 16px;
		line-height: 20px;
		padding: 0 20px;
    }
    #main .key-accounts .overlay ul.second-text {
		font-size: 16px;
		line-height: 20px;
    }

}

@media only screen and (max-width: 848px) {
	#product-listing form {
		width: 32%;
		float: left;
	}

	#product-listing form:nth-of-type(4n) {
		margin-right: 1%;
	}

	#product-listing form:nth-of-type(3n) {
		margin-right: 0;
	}
}

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

	.row.middle {
		flex-direction: column;
	}

    .easyzoom-flyout {
        display: none;
    }

}

@media only screen and (max-width: 580px) {
	#product-listing form {
		width: 49%;
		float: left;
	}

	#product-listing form:nth-of-type(4n) {
		margin-right: 1%;
	}

	#product-listing form:nth-of-type(3n) {
		margin-right: 1%;
	}

	#product-listing form:nth-of-type(2n) {
		margin-right: 0;
	}

	#pop-up-surround {
		max-width: calc(100% - 2em);
		min-width: auto;
	}
}

@media only screen and (max-width: 420px) {
	#product-listing form {
		width: 100%;
		float: none;
	}

	#product-listing form:nth-of-type(4n) {
		margin-right: 0;
	}

	#product-listing form:nth-of-type(3n) {
		margin-right: 0;
	}

	#product-listing form:nth-of-type(2n) {
		margin-right: 0;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    /* General */
	    html {
	        overflow-y: scroll;
	    }

	    body {
	        /* position: relative; */
	        overflow-x: hidden;
	        font-size: 14px;
	        min-width: initial;
	    }

	    img {
	        max-width: 100%;
	        height: auto;
	    }

	    h2 {
	        font-size: 25px;
	    }

	    #main, #content {
	        padding: 0 0 20px;
	    }

	    .col, .viewed_item {
	        margin: 10px 0 10px 0;
	    }

	    .mobile {
	        display: block;
	    }

	    .owl-nav {
	        display: none;
	    }
	
    /* CTA */
		#body-container #main .four {
			width: calc(100% - 1em);
			padding: 0;
			margin: 0 0.5em 0.5em 0.5em;
		}
			#main .overlay h2 {
				font-size: 40px;
			}
			#main .overlay span.link {
				font-size: 22px;
				line-height: 24px;
			}
			#main .special-offers .overlay .second-text {
				font-size: 60px;
			}
			#main .our-projects .overlay .second-text,
			#main .key-accounts .overlay ul.second-text,
			#main .finance .overlay .third-text {
				font-size: 25px;
				line-height: 30px;
			}
			#main .case-studies .overlay .second-text {
				font-size: 25px;
				line-height: 45px;
			}
			#main .news .overlay ul.second-text {
				font-size: 25px;
				line-height: 35px;
				width: 70%;
				left: 8%;
				bottom: 9%;
			}
			#main .finance .overlay .second-text {
				font-size: 25px;
				line-height: 30px;
				top: 55px;
			}

    /* header */

		    #header, #nav, .carousel-content, .strip-content, #main, #featured-items, #discount-banner, #brands, .footer-navigation #nav, #footer, #sub-nav-wrapper, #secondary-nav nav, .details-content, #product-listing, #product-details, #recent-items, #sub-holder, #content, #hp-copy, #why-buy-carousel {
		        min-width: initial;
		    }

		    .details-left {
		        display: none;
		    }

		    #header {
		        min-height: 140px;
		    }

		    #header .row {
		        padding:0!important;
		    }

		    #header .col{
		        margin:0!important;
		    }

		    #header .six {
		        width: 100%;
		    }

		    header #logo.six {
		        width: 100%;
		    }

		    #mobile-basket {
		        position: absolute;
		        top: 73px;
		        left: 17%;
		        width: 33px;
		        height: 24px;
		        background: url(/images/mobile/basket.svg) no-repeat 50% 50%;
		        background-size: contain;
		    }
			#logo {
				display: flex;
				justify-content: center;
			}
		    .logo {
				float: right;
				max-width: 295px;
				width: 62%;
				margin: 0;
				padding: 0;
		    }

			.search-feefo {
				width: 100%;
				margin: 1.5em 0 0;
			}

				.search-feefo .search {
					max-width: 100%;
				}

		    header #details.six {
		        width: 100%;
		        padding: 0 4%;
		        margin: 0 0 0.7em!important;
		    }

		    .unicount {
		        position: absolute;
		        top: 0;
		        left: 0;
		        width: 100%;
		        background: #4e6f98;
		        padding: 0;
		    }

		    .phone-number {
		        position: absolute;
		        color: #fff;
		        line-height: 2em;
		        padding-left: 1.8em;
		        top: 0;
		        left: 0;
		        right: 0;
		        background: #10498a url(/images/mobile/phone.svg) no-repeat 4% 50%;
		    }

		    .unicount .inner {
		        position: absolute;
		        right: 4%;
		        padding: 0;
		        min-width: 124px;
		        background: none;
		    }

		    .unicount #saleslines div.open {
		        border: none;
		        padding: 0.2em 1em 0.9em;
		        max-height: 46px;
		        background: #eb9b33;
		        box-shadow: none;
		    }

		    .unicount #saleslines div.open span:first-of-type {
		        margin-top: 7px;
		        font-size: 0.8em;
		    }

		    .unicount #saleslines div.open span:last-of-type {
		        font-size: 0.9em;
		        line-height: 1.4em;
		        font-weight: 400;
		        color: #fff;
		    }

		    .unicount #saleslines div {
		        width: 32.66666%;
		        padding: 0em 0.3em;
		        margin-right: 1%;
		        border: 1px solid #10498a;
		        background: #ffffff;
		    }

		    .unicount #saleslines div span:first-of-type {
		        font-size: 0.85em;
		        line-height: 1em;
		    }

		    .unicount .inner .slogan {
		        font-size: 0.65em;
		        line-height: 18px;
		        text-align: center;
		        bottom: -20px;
		        background: #efd736!important;
		        border: 1px solid #10498a!important;
		        font-weight: 400;
		    }

		    #account-basket, #summary-items {
		        display: none;
		    }

		    .row {
		        padding: 0 4%;
		    }

		    .col.six {
		        margin: 10px 0 0;
		        width: 100%;
		    }

		    #nav-container {
		        display: none;
		    }

		    #secondary-nav {
		        display: none;
		    }

		    .shop-section {
		        width: 100%;
		    }

    /* Live chat */
	    .live-chat img {
	        opacity: 0.95;
	        max-width: 75%;
	        height: auto;
	        right: 2px;
	        left: initial!important;
	        top: 20px!important;
	    }
		
	/* cookie message */
		#cookie-message {
			width: 100%;
		}
		#price-promise {
			width: 300px;
		}
        .for-mobile {
            display: block;
            padding-bottom: 40px;
        }
        .for-desktop {
            display: none;
        }
        #price-promise a#close {
			bottom: 12px;
        }
	
		

    /* Mobile hamburger menu ================ */
	.benefit-bar {
		display: none;
	}
	.bottom-banner {
		margin-bottom: 10px;
	}
	#header .wrapper {
		flex-flow: column;
	}
		.mobile-top-header {
			position: relative;
		}
	    .toggleMenu {
			position: absolute;
			padding: 0;
			top: 50%;
			transform: translateY(-50%);
			left: 2%;
			z-index: 9999;
	    }

	    .toggleMenu.active {
	        /* width: 20%; */
	    }

	    .menu-close {
			height: 28px;
			width: 28px;
			padding: 0;
			position: relative;
			margin: 0;
			-moz-border-radius: 100%;
			-webkit-border-radius: 100%;
			border-radius: 100%;
			-moz-transition: 0.3s;
			-o-transition: 0.3s;
			-webkit-transition: 0.3s;
			transition: 0.3s;
			cursor: pointer;
			z-index: 9999;
	    }

	    /*.toggleMenu:after {
	        display: block;
	        position: absolute;
	        content: "Menu";
	        font-family: Tahoma,Geneva,Arial,Helvetica,sans-serif;
	        font-size: 16px;
	        color: #fff;
	        margin: 31px 0 0 5px;
	    }

	    .toggleMenu.active:after {
	        content: "Close";
	    } */

	    #nav-control {
	        display: block !important;
	    }

	    .bar {
	        height: 4px;
	        width: 27px;
	        display: block;
	        margin: 0 auto;
	        position: absolute;
	        background-color: #10498a;
	        -moz-transition: 0.3s;
	        -o-transition: 0.3s;
	        -webkit-transition: 0.3s;
	        transition: 0.3s;
	    }

	    .bar:nth-of-type(1) {
	        top: 3px;
	        -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
	        -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
	        -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
	        -webkit-transition-delay: 0.3s, 0.1s;
	        transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
	    }

	    .bar:nth-of-type(2) {
	        top: 12px;
	        -moz-transition: ease 0.3s 0.3s;
	        -o-transition: ease 0.3s 0.3s;
	        -webkit-transition: ease 0.3s;
	        -webkit-transition-delay: 0.3s;
	        transition: ease 0.3s 0.3s;
	    }

	    .bar:nth-of-type(3) {
	        top: 21px;
	        -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0.1s;
	        -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0.1s;
	        -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
	        -webkit-transition-delay: 0.3s, 0.1s;
	        transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0.1s;
	    }

	    .toggleMenu.active .menu-close {
	        -moz-transition: -moz-transform 0.3s ease 0.5s;
	        -o-transition: -o-transform 0.3s ease 0.5s;
	        -webkit-transition: -webkit-transform 0.3s ease;
	        -webkit-transition-delay: 0.5s;
	        transition: transform 0.3s ease 0.5s;
	        -moz-transform: rotate(45deg);
	        -ms-transform: rotate(45deg);
	        -webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	    }

	    .toggleMenu.active .menu-close .bar:nth-of-type(1) {
	        top: 12px;
	        -moz-transform: rotate(0deg);
	        -ms-transform: rotate(0deg);
	        -webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	        -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.5s;
	        -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.5s;
	        -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
	        -webkit-transition-delay: 0.1s, 0.5s;
	        transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.5s;
	    }

	    .toggleMenu.active .menu-close .bar:nth-of-type(2) {
	        opacity: 0;
	    }

	    .toggleMenu.active .menu-close .bar:nth-of-type(3) {
	        top: 12px;
	        -moz-transform: rotate(90deg);
	        -ms-transform: rotate(90deg);
	        -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	        -moz-transition: top 0.3s ease 0.1s, -moz-transform 0.3s ease-out 0.7s;
	        -o-transition: top 0.3s ease 0.1s, -o-transform 0.3s ease-out 0.7s;
	        -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out;
	        -webkit-transition-delay: 0.1s, 0.7s;
	        transition: top 0.3s ease 0.1s, transform 0.3s ease-out 0.7s;
	    }
	        
	    /* Slide in Side-menu styling */

	    #body-container {
	        z-index: 10;
	        min-width: 320px;
	        background: #fff;
	        -webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.3);
	        -moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.3);
	        box-shadow: -5px -5px 5px 0px rgba(0,0,0,0.3);
	    }

	    .cbp-spmenu, .nav-push {
	        -webkit-transition: all 0.3s ease;
	        -moz-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	    }

	    .nav-push {
	        position: relative;
	        left: 0;
	    }

	    .slide-right {
	        max-width: 100%;
	        left: 80%;
	    }

	    #side-nav {
	        display: block;
	        position: absolute;
	        background: #263e69;
	        top: 0;
	        left: -80%;
	        width: 80%;
	        line-height: initial;
	        -webkit-transition: all 0.3s ease;
	        -moz-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	        z-index: 9999;
	    }

	    #side-nav.menu-open {
	        left: 0;
	    }

	    #side-nav ul {
	        margin: 0;
	        padding: 0;
	    }

	    ul#responsive-nav li {
	        border-bottom: 1px solid #1d2a42;
	        /* border-left: 1px solid #171717; */
	        color: #eee;
	        background: #263e69;
	        display: block;
	        list-style: outside none none;
	        text-align: left;
	        width: 100%;
	    }

	    ul#responsive-nav li:first-of-type {
	        border-top: 1px solid #1d2a42;
	    }

	    ul#responsive-nav li a {
	        list-style: none;
	        color: #eee;
	        font-size: 1em;
	        background: #263e69;
	        text-align: left;
	        padding: 0.6em 1em;
	        width: 76%;
	        min-height: 55px;
	        display: inline-block;
	        border-bottom: none;
	        text-decoration: none;
	    }

	    ul#responsive-nav li.home-nav a {
	        font-size: 1.2em;
	        padding: 1.1em 0 0 1em;
	    }

	    ul#responsive-nav li.wimage a {
	        width: 100%;
	        line-height: 1.1em;
	    }

	    ul#responsive-nav li.wimage a img {
	        float: left;
	        margin: 4px 10px 0 0;
	    }

	    ul#responsive-nav li.wimage a span {
	        font-size: 0.76em;
	    }

	    ul#responsive-nav li.hasAccordion {
	        background: #304F87 url(/images/mobile/hp_menu-down-arrow.png) no-repeat scroll right 50%;
	        position: relative;
	        transition: background 0s;
	    }

	    ul#responsive-nav li.hasAccordion:last-of-type {
	        border-bottom: 0;
	    }

	    ul#responsive-nav li.hasAccordion ul li a {
	        min-height: 45px!important;
	    }

	    ul#responsive-nav li.hasAccordion ul li span {
	        display: block;
	        /* font-size: 0.9em; */
	        /* padding: 0.6em 1em; */
	        /* min-height: 45px!important; */
	    }

	    ul#responsive-nav ul.sub-nav {
	        border-left: 20px solid #304f87;
	    }

	    ul#responsive-nav ul.sub-nav ul.sub-nav {
	        border-left: 20px solid #46659c;
	    }

        ul#responsive-nav li.hasAccordion.accOpen,
	    ul#responsive-nav li li.hasAccordion.accOpen {
	        background: #304F87 url(/images/mobile/hp_menu-up-arrow.png) no-repeat scroll right 15px;
	    }

        ul#responsive-nav li ul li.hasAccordion.accOpen,
	    ul#responsive-nav li ul li li.hasAccordion.accOpen {
	        background: #46659c url(/images/mobile/hp_menu-up-arrow.png) no-repeat scroll right 8px;
	    }

        ul#responsive-nav li.hasAccordion.accOpen a,
	    ul#responsive-nav li li.hasAccordion.accOpen a {
	        background: #304F87;
	    }

        ul#responsive-nav li.hasAccordion.accOpen ul li.hasAccordion.accOpen a,
	    ul#responsive-nav li.hasAccordion.accOpen ul li li.hasAccordion.accOpen a {
	        background: #46659c;
	    }

        ul#responsive-nav li.hasAccordion.accOpen ul.sub-nav li.hasAccordion.accOpen ul.sub-nav a,
	    ul#responsive-nav li.hasAccordion.accOpen ul.sub-nav li li.hasAccordion.accOpen ul.sub-nav a {
	        background: #263e69;
	        width: 100%;
	        font-size: 0.9em;
	        min-height: initial;
	    }

        ul#responsive-nav li.hasAccordion.accOpen ul.sub-nav a,
        ul#responsive-nav li li.hasAccordion.accOpen ul.sub-nav a,
        ul#responsive-nav li.hasAccordion.accOpen li.hasAccordion.accOpen ul.sub-nav a,
        ul#responsive-nav li.hasAccordion.accOpen ul.sub-nav li.hasAccordion.accOpen ul.sub-nav li.parent a {
            background: #263e69;
            width: 77%;
            font-size: 0.9em;
            min-height: initial;
        }

	    ul#responsive-nav li.hasAccordion.accOpen ul.sub-nav li.hasAccordion.accOpen ul.sub-nav li:last-of-type {
	        border-bottom: 0;
	    }

	    #nav-close {
	        position: absolute;
	        width: 0;
	        height: 0;
	        left: -9999em;
	        transition: all .2s ease;
	    }

	    #nav-close.overlay-active {
	        position: absolute;
	        width: 20%;
	        height: 100%;
	        z-index: 999;
	        left: 80%;
	        box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.05);
	    }

    /* Sales details */
		    .sales-details .sales-wrapper {
		        padding: 1em 0;
		        min-width: initial;
		    }

		    .sales-title {
		        display: block;
		    }

		    .sales-title:after {
		        display: none;
		    }

		    .days-title {
		        margin-right: 0.6em;
		    }

		    .days-title:after {
		        display: none;
		    }

		    /* Home Page */
		    #strip {
		        display: none;
		        background-color: #5d92cf;
		    }

		    #strip .strip-content {
		        padding: 0.5em 0;
		        font-size: 0.9em;
		    }

		    #strip span.margin-ins {
		        display: none;
		    }

		    #strip .align-right {
		        text-align: center;
		    }

		    #strip .col.six {
		        margin: 0px 0 0;
		    }

		    #strip .six {
		        width: 100%;
		    }

		    #strip span.white {
		        color: #f9dd85;
		    }

		    #strip span.yellow {
		        color: #fff;
		    }

		    #main {
		        padding: 0;
		    }

		    #main .row {
		        padding: 0!important;
		    }
			.cta .row {
				flex-flow: column;
			}
			.cta .row a {
				position: relative;
				overflow: hidden;
			}

		    #main .col {
		        padding: 0.5em;
		    }

		    #main .col.four, #main .col.twelve {
		        padding-top: 0em;
		    }

		    #main .col.twelve {
		        padding-bottom: 1em;
		    }

		    #main .four, #main .six, #main .eight, #main .ten, #main .twelve {
		        width: 100%;
		        margin: 0;
		    }

		    #main img {
		        vertical-align: middle;
		    }

		    #main .mobile .col {
		        padding-bottom: 0;
		    }

    #main .mobile h2 {
        font-size: 22px;
        line-height: 1.4em;
        margin: 5.5% 0 0.4em;
        padding-bottom: 0.4em;
        border-bottom: 1px solid #eb9b33;
    }

		    #main .mobile h2 span {
		    }

    #main .mobile h3 {
        font-size: 1.3em;
        padding: 4px;
        color: #ffffff;
        font-weight: 300;
        line-height: 1em;
        margin: 0;
    }

		    #main .mobile h3 span {}

    /* Sub page navigation styling ============ */
		    .col.nopad {
		        display: block;
		        padding-top: 0!important;
		        padding-bottom: 0!important;
		        margin: 0;
		    }

		    h3.mobile-cta-title {
		        background: #10498a;
		        text-align: center;
		        color: #fff;
		        text-transform: uppercase;
		        padding: 0.6em 0;
		    }

		    #page-links {
		        position:relative;
		        margin:0;
		        padding:0;
		    }

		    #page-links li {
		        list-style: none;
		        background: #5D92CF url(/images/mobile/sub-page_menu-arrow.png) no-repeat scroll right center;
		        margin-bottom: 3px;
		        width: 100%;
		        box-sizing: border-box;
		    }

		    #page-links li:hover {
		        background: #10498A url("/images/mobile/sub-page_menu-arrow.png") no-repeat scroll right center;
		    }

		    #page-links li.offer1, #page-links li.offer2 {
		        position: relative;
		        width: 49.5%;
		        /* margin-bottom: 33px; */
		        float: left;
		        list-style: none;
		    }

		    #page-links li.offer2 {
		        float:right;
		    }

		    #page-links li.offer1 a, #page-links li.offer2 a {
		        position:relative;
		        padding: 0;
		    }

		    #page-links li.offer1 a.offer1-link, #page-links li.offer2 a.offer2-link {
		        position: absolute!important;
		        width: 100%;
		        line-height: 1em;
		        padding: 15px 0;
		        background: rgba(16, 73, 138, 0.7);
		        left: 0;
		        bottom: 0;
		        /* min-height: 31px; */
		    }

		    #page-links li.offer1 a.offer1-link:hover, #page-links li.offer2 a.offer2-link:hover {
		        background-color:#10498A;
		    }

		    #page-links li.offer1 a span, #page-links li.offer2 a span {
		        color: #fff;
		        width: 100%;
		        text-align: center;
		        /* padding-left: 14px; */
		        display: block;
		    }

		    #featured-items {
		        display: none;
		    }

		    .why-carousel .owl-controls {
		        display: none
		    }

		    #why-buy-carousel .twelve {
		        margin-bottom: 0;
		    }

		    .benefit h3 {
		        text-align: center;
		    }

		    .benefit img.floatLeft {
		        margin: auto!important;
		        float: none!important;
		    }

		    .benefit p {
		        margin-left: 0;
		        display: none;
		    }

		    #discount-banner {
		        margin: 0px auto;
		    }

		    #discount-banner h3 {
		        line-height: 1.8em; 
		    }

		    #news-feed {
		        background: #dde2e8;
		        padding: 1em 0;
		        margin: 0;
		    }

		    #news-feed h2 {
		        padding-left: 75px;
		    }

		    #news-feed span.news-icon {
		        top: 25px;
		        left: 12px;
		    }

		    #news-feed .article {
		        width: 100%;
		        margin: 0;
		        min-height: initial;
		    }

		    #brands {
		        display: none;
		        padding: 0 1em;
		    }

		    #hp-copy {
		        margin: 0.5em 0;
		    }

		    #hp-copy h1 {
		        font-size: 19px;
		    }

    /* Footer */
	    #footer {
	        text-align: center;
	        font-size: 14px;
	        padding: 0 0 20px;
	    }

	    #footer .two, #footer .five {
	        width: 100%;
	    }

	    #footer .social-icons p {
	        display: table;
	        margin: auto;
	    }

	    #footer .social-icons p img {
	        margin: 0 0.2em;
	    }

	    #company-details {
	        background: #10498a;
	        color: #fff;
	        padding: 1em 6%;
	    }

	    #footer-background {
	        display: none;
	    }

	    iframe[name="google_conversion_frame"] {
	        display: none;
	    }

    /* Account page */
	    #ma-login fieldset, .general-form fieldset {
	        width: 100%;
	    }

    /* Categories pages */
	    #product-listing .three {
	        width: 49%;
	    }

	    #product-listing .col {
	        margin: 1px 0.5% 1px 0.5%;
	    }

	    #product-listing .col.twelve .row {
	        padding: 0;
	    }

	    #product-listing .clear-line {
	        display: none;
	    }

	    #product-listing iframe {
	        display: table;
	        width: 100%;
	        max-width: 530px;
	        margin: auto;
	    }

	    .item, .item-viewed, .item-sub {
	        padding: 0.4em;
	        min-height: 260px;
	        border: 1px solid #d6dce2;
	    }

	    #discount-banner {
	        margin: 1.5em auto 1em;
	    }

	    #discount-banner .row {
	        padding: 0;
	    }

    /* Shop Pages */
	    #product-listing .video-sash {
	        top: -3px;
	        right: -3px;
	    }

	    #product-listing .video-sash img {
	        height: 70px;
	    }

	    #product-listing #product-ordering label {
	        text-align: center;
	        display: block;
	        margin: 0px 0 7px 0;
	    }

	    #product-listing #product-ordering select {
	        font-size: 12px;
	        margin: 0 3px 0 0;
	    }

	    #product-listing .options_message {
	        position: static;
	    }

	    #product-listing .item span.order_btn input.order_button {
	        margin-top: 10px;
	    }

	    #product-listing .item a.secondary-small {
	        position: relative;
	    }

	    #product-listing .order_prod {
	        height: 168px;
	    }

    /* Product pages */
	    #product-details .seven, #product-details .six, #product-details .five {
	        width: 100%;
	    }

	    #product-details #prod-left h1 {
	        font-size: 18px;
	        margin: 0 0 0.5em 0;
	    }

	    #product-details .product-image-main {
	        width: 100%;
	    }

	    #product-details .main-image img {
	        max-width: 100%;
	    }

	    #product-details span.quote_btn input.order_button, #product-details span.order_btn input.order_button {
	        font-size: 10px;
	    }

	    #product-details #product-tabs {
	        margin: 1em 0 2em 0;
	    }

	    #product-details ul.detail-tabs li:nth-child(1) {
	        margin-left: 0;
	    }

	    #product-details ul.detail-tabs li {
	        width: 100%;
	        font-size: 0.75em;
	    }

	    #product-details ul.detail-tabs li a {
	        padding: 7px 12px;
	        margin: 0.2em;
	        display: block;
	    }

	    #product-details .ui-tabs-panel {
	        padding: 1em 0 2em;
	    }

	    #product-details .three {
	        width: 49%;
	    }

	    #product-details .col, .viewed_item {
	        margin: 3px 0.5% 3px 0.5%;
	    }

    /* cart page */
	    span.lease-apply {
	        margin: 1.2em 0;
	    }

	    span#c2f.lease-apply {
	        width: 100%;
	        margin: 0em 0 10px;
	    }

	    table.productbody th, table.productbody td {
	        font-size: 0.73em;
	        padding: 5px;
	    }

	    table.productbody .col.seven input {
	        float: right;
	    }

	    span.finance-button {
	        width: 100%;
	        margin: 10px 0 0;
	    }

	    .col.twelve .same-btn {
	        margin-right: 4%;
	    }

    /* checkout */
	    .checkout-form_ fieldset {
	        margin: 0px auto 15px auto;
	        width: 100%;
	    }

    /* Contact page */
	    .four, .seven {
	        width: 100%;
	    }

	    form#contact_form input[type=text], form#contact_form textarea {
	        width: 100%;
	    }

	    form#contact_form fieldset {
	        margin: 0 auto;
	        width: 100%;
	    }

    /* Meet the Team */
	    .team-wrapper {
	        width: 100%!important;
	        padding-bottom: 0px;
	        text-align: center;
	        border-bottom: 1px solid #ececec;
	    }

	    .team-wrapper img {
	        display: block;
	        float: none!important;
	        box-shadow: none;
	        margin: 0px auto!important;
	        max-width: 100%!important;
	    }

	    .team-wrapper div {
	        margin-left: 0!important;
	    }

    /* News */
	    .three {
	        width: 100%;
	    }
	    #sidebar {
	        width: 100%;
	        padding-left: 3em;
	    }

    /* Case Studies */
	    .project-banner {
	    	margin: 30px 0 20px;
	    }
			.project-banner .project-image {
				width: 100%;
			}
				.project-banner .project-image img,
				.project-banner:nth-child(odd) .project-image img {
					width: auto;
					height: auto;
					margin: -25px auto 10px;
					display: block;
					float: none;
				}
			.project-banner .project-name,
			.project-banner:nth-child(odd) .project-name {
				text-align: center;
				padding: 0 4% 20px;
				min-height: auto;
			}
				.project-banner .project-name .text-wrapper {
					position: relative;
					top: inherit;
					transform: inherit;
				}
			.project-banner #content {
				min-height: auto;
			}
}

@media only screen and (max-width: 400px) {
    #product-listing .three {
        width: 100%;
        margin: 1px 0 !important;
	}

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

	/* CTA */
		#main .overlay h2 {
			font-size: 24px;			
		}
			#main .overlay span.link {
				font-size: 18px;
				line-height: 20px;
			}
			#main .special-offers .overlay .second-text {
				font-size: 30px;
			}
			#main .our-projects .overlay .second-text, 
			#main .key-accounts .overlay ul.second-text, 
			#main .finance .overlay .third-text {
				font-size: 16px;
				line-height: 20px;
			}
			#main .case-studies .overlay .second-text {
				font-size: 14px;
				line-height: 30px;
			}
			#main .news .overlay ul.second-text {
				font-size: 15px;
				line-height: 20px;
			}
			#main .finance .overlay .second-text {
				font-size: 16px;
				line-height: 15px;
				top: 45px;
			}
			#main .finance .overlay .third-text {
				font-size: 25px;
				line-height: 30px;
			}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 350px) {

    .unicount .inner {
        right: 0%;
    }

}


/* print styles, compressed */
@media print {*{background:transparent !important;color:#444 !important;text-shadow:none !important;}a,a:visited{color:#444 !important;text-decoration:underline;}a:after{content:" (" attr(href) ")";}abbr:after{content:" (" attr(title) ")";}.ir a:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}