﻿@font-face {
	font-family: 'gibson_regular';
	src: url('/SiteContent/styles/fonts/gibson_regular-webfont.woff') format('woff'),
		url('/SiteContent/styles/fonts/gibson-regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gibson_italic';
	src: url('/SiteContent/styles/fonts/gibson_italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gibson_light';
	src: url('/SiteContent/styles/fonts/gibson_light-webfont.woff') format('woff'),
		url('/SiteContent/styles/fonts/gibson-light.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gibson_lightitalic';
	src: url('/SiteContent/styles/fonts/gibson_lightitalic-webfont.woff') format('woff'),
		url('/SiteContent/styles/fonts/gibson_lightitalic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gibson_bold';
	src: url('/SiteContent/styles/fonts/gibson-bold_0-webfont.woff') format('woff'),
		url('/SiteContent/styles/fonts/gibson-bold_0.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gibson_bolditalic';
	src: url('/SiteContent/styles/fonts/gibson-bolditalic-webfont.woff') format('woff'),
		url('/SiteContent/styles/fonts/gibson-bolditalic.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gibson_semibold';
	src: url('/SiteContent/styles/fonts/gibson-semibold_0-webfont.woff') format('woff'),
		url('/SiteContent/styles/fonts/gibson-semibold_0.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gibson_semibolditalic';
	src: url('/SiteContent/styles/fonts/gibson-semibolditalic-webfont.woff') format('woff'),
		url('/SiteContent/styles/fonts/gibson-semibolditalic.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'coveredbyyourgrace';
	src: url('/SiteContent/styles/fonts/coveredbyyourgrace-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* HTML ELEMENTS */
/* {margin:0;padding:0;}*/
html {
	height: 100%;
}

body {
	font-family: gibson_regular, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 120%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: auto;
}


@media (max-width: 960px) {
	body {
		overflow-x: visible;
	}
}

table td {
	line-height: 140%;
}

h1 {
	font-size: 185%;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {
	font-size: 155%;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
	font-size: 145%;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 5px;
}

h5 {
	font-size: 115%;
	margin-top: 10px;
	margin-bottom: 5px;
}

h6 {
	font-size: 105%;
	margin-top: 10px;
	margin-bottom: 5px;
}

ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

p.errorMessage {
	font-weight: bold;
	color: Red;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

em {
	color: red;
}

.hr {
	clear: both;
	height: 1px;
}

.hr hr {
	display: none;
}

img {
	border: 0;
}

/* UNIVERSAL LAYOUT STYLES */
.clear-both {
	clear: both;
}

.clear-none {
	clear: none;
}

.clear-right {
	clear: right;
}

.clear-left {
	clear: left;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.vert-top {
	vertical-align: top;
}

.vert-middle {
	vertical-align: middle;
}

.hidden {
	display: none;
}

.show-50 {
	-moz-opacity: .50;
	filter: alpha(opacity=50);
	opacity: .50;
}

.bluelink {
	color: #00f !important;
}


#bidtab {
	float: right;
	width: 173px;
	height: 45px;
}


/* this causes teh top tabs to be grey scale unless hovered over */


/* MAIN PAGE AREAS */

#wrapper {
	clear: both;
	position: relative;
	width: 982px;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 6px;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}


.contentcontainer {
	min-height: 450px;
	max-width: 100%;
	box-sizing: border-box;
}

/* HEADER SECTIONS */

#preheadwrap {
	width: 100%;
	height: 36px;
	background: #efefef;
}

#prehead {
	width: 960px;
	margin: 0 auto;
}

#prelinks a {
	font-weight: bold;
	color: #221f73;
	font-size: 1em;
	padding: 10px 8px 0px 8px;
	float: left;
}

#prelinks a:hover {
	height: 26px;
	color: white;
	background: #221f73;
	text-decoration: none;
}

.preblock {
	float: right;
	height: 36px;
}

.prebasket {
	background: #221f73;
	color: white;
	padding: 0px 8px;
	width: 100px;
}

.prebasket span {
	float: left;
	margin-top: 10px;
	font-weight: bold;
}

.precheck {
	background: #ee2e24;
	color: white;
	padding: 0px 8px;
}

.precheck span {
	float: left;
	padding-top: 10px;
	font-weight: bold;
	cursor: pointer;
	height: 26px;
}

#headerLHS {
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	height: 55px;
	width: 700px;
	text-align: left;
	background-color: transparent;
}

#headerRHS {
	margin: 0;
	float: right;
	text-align: right;
	height: 60px;
	width: 245px;
	background-color: transparent;
}


#logo h1,
#logo h1 span,
#logo span {
	display: none;
}

#logoie {
	float: left;
	background: url(/SiteContent/template_images/LD-logo-2015.jpg) top left no-repeat;
	width: 335px;
	height: 65px;
	padding: 0;
	margin: 0 10px 7px 15px;
	text-align: left;
	cursor: pointer;
}

#logoie a {
	display: block;
	width: 100%;
	height: 40px;
	color: transparent;
}

#logoie h1 {
	display: none;
}

div#headersearch div#brandsearch {
	float: right;
	width: 150px;
	margin: 10px 12px 0 0;
	height: 18px;
	padding: 0 !important;
	border: 1px solid silver;
	background-color: #fff;
}

div#headersearch div#brandsearch form {
	float: right;
	width: 150px;
	margin-right: 3px;
	background-color: transparent;
}

div#headersearch form select {
	vertical-align: top;
	margin: 0 0 0 2px !important;
	padding: 0 !important;
	border: 0;
	height: 18px;
	width: 148px;
	background-color: transparent;
}

div#phone {
	cursor: pointer;
	margin: 5px;
}

span.contactdetails {
	display: none;
}

div#navbar {
	clear: both;
	z-index: 3000;
	background-color: #100d66;
	margin: 0 auto;
	width: 100%;
}

.abtestmenu-hide {
	display: none !important;
}

/*BANNER STYLES */

#banner-holder {
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 0;
	height: 255px;
}

ul.bxslider {
	margin: 0;
	padding: 0;
	height: auto;
}

ul.bxslider li {
	margin: 0;
	padding: 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: hidden;
}

ul.bxslider li img {
	border: 0;
}

.bx-wrapper {
	max-width: 962px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ee2e24 !important;
}

.bx-wrapper .bx-pager {
	text-align: center;
	bottom: 3px !important;
	right: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 5px;
	width: 7px;
	height: 7px;
	background-color: #99a99;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: transparent;
	text-decoration: none;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	color: transparent;
	text-decoration: none;
	background-color: #33aacc;
}

/*** STYLES FOR FRONT PAGE USER-DEFINED OFFER BOXES *****/

div.FrontPageOffers {
	width: 962px !important;
}

div#HomeSideAds {
	width: 195px !important;
	float: right;
}

div.FrontPageOffers div.catbox {
	position: relative;
	float: left;
	display: block;
	width: 236px;
	height: 265px;
	padding: 5px 2px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 6px;
	margin-right: 0px;
	border: 1px solid #A7A7A7;
	border-width: 1px 1px 10px 1px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-bottom-color: #141c67;
}

div.FrontPageOffers div.catbox:hover {
	border-bottom-color: #be0000;
}

div.FrontPageOffers div.catbox:nth-of-type(4n+1) {
	margin-left: 0;
}

div.FrontPageOffers div.catbox img.catbox_image {
	width: 125px !important;
	height: 125px !important;
	float: none;
	margin: 0 auto;
}

div.FrontPageOffers div.catbox h2 {
	position: absolute;
	top: 135px;
	margin: 0 6px;
	padding: 0px;
	font-size: 110%;
	line-height: 110%;
	font-weight: bold;
}

div.FrontPageOffers div.catbox p {
	position: absolute;
	top: 155px;
	margin: 0 6px;
	font-size: 98%;
	line-height: 105%;
}


/*** STYLES FOR FRONT PAGE CATALOGUE DRIVEN OFFER BOXES *****/


div.FPpercent {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 39px;
	width: 49px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: rgb(230, 93, 93);
	/* background: -moz-linear-gradient(top,  rgba(230,93,93,1) 0%, rgba(217,10,10,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,93,93,1)), color-stop(100%,rgba(217,10,10,1))); 
background: -webkit-linear-gradient(top,  rgba(230,93,93,1) 0%,rgba(217,10,10,1) 100%); 
background: -o-linear-gradient(top,  rgba(230,93,93,1) 0%,rgba(217,10,10,1) 100%);
background: -ms-linear-gradient(top,  rgba(230,93,93,1) 0%,rgba(217,10,10,1) 100%); 
background: linear-gradient(to bottom,  rgba(230,93,93,1) 0%,rgba(217,10,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e65d5d', endColorstr='#d90a0a',GradientType=0 );
border:1px solid #d90a0a;  */
	color: #fff;
	text-align: center;
	padding-top: 10px;
	line-height: 120%;
}

div.FPpercent span {
	font-size: 1.4em;
}

div.FPpercent img.offerImage {
	width: 125px !important;
	height: 125px !important;
}

div.FrontPageOffers div.OfferBoxPrice {
	position: absolute;
	bottom: 5px;
	left: 10px;
}

div.OfferBoxImage {
	margin: 0 auto;
	width: 125px;
	height: 125px;
}

div.OfferBoxTitle {
	padding: 0 10px;
}

div.OfferBoxTitle div.productname {
	text-align: left;
}

div.OfferBoxTitle div.productname a {
	font-weight: bold;
}


div#side-ads {
	width: 185px;
	padding: 0 5px 10px 5px;
	display: inline;
	float: right;
	/*border:1px solid #a7a7a7;
border-left:0px;
border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;*/
}

div#side-ads a {
	display: block;
	height: 260px;
	margin-bottom: 5px;
}

div#PopularBrands {
	clear: both;
}

div.SEOcontent {
	clear: both;
	width: 960px;
	margin: 0 10px 10px 10px;
	border: 1px solid #a7a7a7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.SEOcontent p {
	margin: 10px 15px;
}

p.SEOcontentTitle {
	color: #080472;
	font-style: italic;
	font-weight: bold;
	font-size: 180%;
	margin: 20px 0 20px 15px !important;
}


p.hpcontentTitle,
h1.hpcontentTitle {
	color: #080472;
	font-style: italic;
	font-weight: bold;
	font-size: 180%;
}

div.hpcontent p,
div.hpcontent h1 {
	margin: 10px 15px;
}

div.hpcontent {
	clear: both;
	width: 962px;
	margin: 0 10px 10px 10px;
	border: 1px solid #a7a7a7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-sizing: border-box;
}

div.PopBrand a {
	float: left;
	margin: 0 12px 0px 12px;
	padding: 5px;
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(219, 219, 219, 1) 97%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(69%, rgba(255, 255, 255, 1)), color-stop(97%, rgba(219, 219, 219, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(219, 219, 219, 1) 97%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(219, 219, 219, 1) 97%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(219, 219, 219, 1) 97%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(219, 219, 219, 1) 97%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb', GradientType=0);
	/* IE6-9 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-indent: 0;
	border: 1px solid #dcdcdc;
	display: inline-block;
	width: 155px;
	text-decoration: none;
	text-align: center;
}

div.PopBrand a:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color: #e9e9e9;
}


/**************************************/
/* FOOTER */

/*FOOTER STYLES*/


#footer_ads {
	height: 110px;
	text-align: center;
}

#footer_ads img {
	margin: 0 3px;
}


#footer {
	background: #ececec left top repeat-x;
	margin: 0px auto;
	padding: 10px 0 2px 0;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-sizing: border-box;
	clear: both;
	margin-bottom: -20px;
}

#footer li {
	margin: 0em !important;
}

#footerCategories {
	width: 964px;
	height: 186px;
	clear: both;
	padding-top: 16px;
	margin: 6px auto;
	text-align: left;
	color: #333;
	background-color: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 10px;
	position: relative;
}

.ukbasedfooter {
	position: absolute;
	bottom: -4px;
	right: 0px;
	border-bottom-right-radius: 6px;
}

#footerCategories ul.footer_list {
	display: block;
	float: left;
	width: 13%;
	height: 100%;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}

#footerCategories ul.footer_list li {
	font-size: 90%;
	line-height: 140%;
	text-align: left;
}

#footerCategories li#SocialMedia {
	margin: 0 0 5px 0 !important;
	border-right: none 0px !important;
}

#footerCategories li.header {
	clear: both;
}

#footerCategories li.icon {
	float: left;
	margin-right: 0px;
	width: 28px;
}

#footerCategories ul.footer_list li.header {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	font-size: 110%;
}

#footerCategories a {
	text-decoration: none;
	color: #333;
}

#footerCategories a:hover {
	text-decoration: underline;
}

#footerCategories ul#SocialMedia {
	margin: 0 0 0 20px;
	border-right: none 0px !important;
}


#footerLinks {
	margin: 10px auto 35px auto;
	width: 964px;
}

#footerLinks h4 {
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}

div.footerIcons {
	clear: both;
	border-top: 1px solid silver;
	text-align: center;
}

div.footerIcons img {
	margin: 10px 2px;
	float: left;
	vertical-align: top;
}

#footerAddress {
	width: 40%;
	font-size: 90%;
	float: left;
}

#footerAddress p {
	/*! text-align:center; */
}

#footerAddress img {
	/*! float:left; */
	/*! margin:0 0 0 220px; */
}

#footerBottom {
	clear: both;
	margin: 0 auto 10px auto;
	height: 10px;
	width: 960px;
}

.weaccept {
	width: 270px;
	float: right;
	margin-right: 20px;
}

.weaccept h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
	font-size: 110%;
}

.safeandsecure {
	width: 200px;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
}


.safeandsecure h4 {
	margin-top: 0 !important;
}

/* CONTENT PAGE GENERIC STYLES */

.contentwrapper {
	clear: both;
	background-color: #fff;
	font-size: 100%;
}

.contentwrapper h1 {
	margin-top: 15px;
	line-height: 1.2em;
}

.contentwrapper h2 {
	line-height: 1.5em;
}

.contentwrapper h1,
.contentwrapper h2,
div#NormalDesc h3 {
	color: #040059;
	font-size: 180%;
	padding: 5px 0;
	font-weight: normal;
}

.contentwrapper p {
	margin: 10px 0;
	padding: 0;
}

.contentwrapper table {
	margin: 5px;
	border-collapse: collapse;
	border: 1px dotted #585858;
}

.contentwrapper table th {
	vertical-align: top;
	padding: 7px 5px;
}

.contentwrapper table td {
	vertical-align: top;
	padding: 5px;
}

table.newdeliverytable {
	border-collapse: collapse;
	margin: 0 auto;
}

table.newdeliverytable td {
	border: 1px solid silver;
}

table.content-table {
	border: 1px solid silver;
	margin: 0 auto;
}

.contact-details p {
	display: block;
	clear: both;
	border-top: 1px solid silver;
}

.contact-details p span {
	display: inline-block;
	vertical-align: top;
	margin: 10px 0;
}

.contact-details p span:nth-child(1) {
	width: 30%;
}

.contact-details p span:nth-child(2) {
	width: 66%;
}

.customer-services h2 {
	margin-top: 20px;
}

.showroomsection {
	border: 1px solid #aaa;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px;
}

.showroomsection h2 {
	color: #100d66;
	font-size: 24px;
	font-weight: normal;
	text-indent: 25px;
	padding-bottom: 5px;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 78%, #e5e5e5 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, #ffffff), color-stop(100%, #e5e5e5));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 78%, #e5e5e5 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 78%, #e5e5e5 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 78%, #e5e5e5 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 78%, #e5e5e5 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
	/* IE6-9 */
}

div#showroom1b {
	border-top: 1px solid #aaa;
	text-align: center;
}

div.showroom1sub {
	padding-top: 10px;
	float: left;
	display: inline-block;
	width: 33%;
}

div.showroom1sub div {
	display: block;
	float: right;
	width: 66%;
	margin-top: 10px;
	margin-right: 15px;
}

div.showroom1sub div h3 {
	text-align: left;
	color: #040059;
	font-size: 180%;
	font-weight: normal;
	margin: 0px;
	padding: 0 0 5px 0;
}

div.showroom1sub img {
	float: left;
	margin-left: 10px;
}

div#voucherstrip {
	border-color: #322f7c;
	text-align: center;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d6d4f9 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d6d4f9));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #d6d4f9 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #d6d4f9 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #d6d4f9 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #d6d4f9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d6d4f9', GradientType=0);
	/* IE6-9 */
}

div#voucherstrip h4 {
	background-color: #322f7c;
	text-align: left;
	margin: 0px;
	padding: 13px 20px;
	color: #ffffff;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
}

div#voucherstrip img {
	margin: 10px;
}

div#showroom2 div#OpeningTimes {
	float: right;
	width: 40%;
	padding: 0px 20px;
	border-left: 1px solid #dddddd;
	font-size: 120%;
}

div#showroom2 img {
	margin: 0 5px;
}

div#showroom2 div#OpeningTimes h4 {
	padding: 5px 0px;
	margin-top: 0px;
	border-bottom: 1px solid #dddddd;
	color: #040059;
	font-size: 140%;
	font-weight: normal;
}

div#OpeningTimes table {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

div#OpeningTimes table td {
	padding: 5px 0;
}

div#showroom2b {
	position: relative;
	margin: 0 auto;
	text-align: center;
}

div#showroom2b h4 {
	padding: 5px 0px;
	text-align: left;
	text-indent: 25px;
	margin-top: 0px;
	color: #040059;
	font-size: 180%;
	font-weight: normal;
}

div#parkingRoundel {
	z-index: 100;
	position: absolute;
	top: 0;
	right: 30px;
}

div#LargerMap {
	z-index: 100;
	position: absolute;
	top: 180px;
	right: 30px;
	width: 160px;
	height: 150px;
	background: transparent url("/images/MapAddress.png") no-repeat 50% 50%;
	cursor: pointer;
}

div#LargerMap p {
	margin: 0;
	padding: 15px 0 0 15px;
}

div#directions {
	text-align: center;
	margin: 0 20px 10px 20px;
}

div.directions1 {
	text-align: left;
	float: left;
	width: 49%;
	vertical-align: top;
}

div.directions1:nth-child(2) {
	float: right;
}

div.directions1 h4 {
	background-color: #322f7c;
	text-align: center !important;
	padding: 13px 20px;
	color: #fff !important;
	font-size: 120% !important;
	font-weight: bold !important;
	margin: 0;
}

div.directions1 p {
	margin: 0;
	padding: 5px;
	border: 1px solid silver;
	border-top-width: 0;
}


a.signupButton {
	/*background: transparent url(/SiteContent/template_images/signup-now-nw.gif) no-repeat center top;*/
	display: block;
	width: 164px;
	height: 46px;
	margin: 0 auto;
	cursor: pointer;
	border: 0px;
}

a.signupButton:hover {
	background-position: center -46px;
}


.sellpoint a,
.sellpoint2 a {
	display: block;
	width: 100%;
	height: 100%;
}

#sr_bct {
	display: none;
}


/* 404 Page */

#searchform404 {
	clear: both;
	background: none;
	display: flex;
	flex-direction: column;
	align-items: center;
}


#searchform404 h2 span {
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#searchform404 h3 {
	font-size: 24px;
	color: #000;
	font-weight: normal;
	margin-top: 30px;
}


#searchform404 ul {
	list-style-type: disc;
	padding-left: 0;
}

#searchform404 input {
	height: 50px !important;
	padding: 16px 0 16px 10px !important;
	-webkit-border-top-left-radius: 24px;
	-webkit-border-bottom-left-radius: 24px;
	-moz-border-radius-topleft: 24px;
	-moz-border-radius-bottomleft: 24px;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}


#search-phone {
	clear: both;
	float: left;
}

#search-phone h3 {
	font-size: 24px;
	color: #000;
	line-height: 200%;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

#search-phone h3 span::after {
	content: "0871 984 4416";
	color: #231f74;
	font-size: 60px;
	font-weight: 800;
}

#search-phone p {
	font-size: 16px;
	margin: 0;
	padding: 0;
}

/* BASKET */

table.basketTable {
	border-spacing: 0;
	margin: 15px auto 0 auto;
}

.basketHead {
	background-color: transparent !important;
	border: 1px solid #c0c7d4;
}

table.basketTable caption {
	margin: 10px 0;
	text-align: left;
	font-size: 18px;
}

table.basketTable th,
table.basketTable td {
	padding: 6px;
	background-color: transparent;
}

table.basketTable th {
	text-align: right;
	white-space: nowrap;
	background-color: #ececec;
	border: none;
}

table.basketTable th.itemCaption {
	text-align: left;
	width: 50%;
}

table.basketTable td.itemDesc {
	text-align: left;
}

table.basketTable td.imageCell {
	text-align: right;
	padding-top: 0px !important;
}

table.basketTable td.imageCell input {
	border: 1px solid silver;
	background-color: lightyellow;
	margin-bottom: 2px;
}

table.basketTable td.basketAvailability {
	text-align: right;
}

table.basketTable td.orderTotal {
	background-color: #ececec;
	border-right-width: 0;
}

table.basketTable td.priceCell {
	border-left-width: 0;
	border-right-width: 1px;
}

td a {
	margin: 0 auto !important;
	padding: 0 !important;
}

td a img {
	vertical-align: text-top;
}

td.priceCell {
	text-align: right;
}

table.itemTbl td {
	border: 0 none !important;
}

table.itemTbl a {
	color: inherit;
	text-decoration: none;
}

td.orderTotal {
	font-weight: bold;
	text-align: right;
	background-color: #ececec;
}

input.saveBasketButton {
	width: 110px;
	height: 32px;
	background: url(/SiteContent/template_images/basket-sprite.png) no-repeat -5px -186px;
}

input.updateButton {
	cursor: pointer;
	margin-top: 10px;
	border: 0;
	background: url(/SiteContent/template_images/basket-sprite.png) no-repeat -5px -144px;
	width: 128px;
	height: 32px;
}

input#TextBox1 {
	border: 1px solid silver;
}

div#basketOtherPay {
	float: right;
	margin-top: 20px;
	width: 150px;
}

div#paypalPayBtn,
div#amazonPayBtn {
	display: block;
	margin-left: auto;
	*float: left;
	padding: 0 !important;
	margin-bottom: 20px;
}

div.EmptyBasketMessage {
	display: none;
}

.basket-sprite {
	/*background-image: url(spritesheet.png);*/
	background-repeat: no-repeat;
	display: block;
}

.basket-sprite-AllCards {
	width: 281px;
	height: 50px;
	background-position: -5px -5px;
}


/** LANDING PAGE STYLES **/

.lp-header {
	margin: 0 5px;
	position: relative;
	width: 705px;
	height: 199px;
}


.lp-header .introduction {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 300px;
	height: 140px;
	padding: 15px;
}

.lp-header h1 {
	padding: 0;
	margin-top: 20px;
	font: 31px/31px 'AngelinaRegular', Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 25px;
	font-weight: normal;
	font-size: 40px !important;
	color: #b00035 !important;
}

.lp-header p {
	font-size: 14px;
	line-height: 135%;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}


.MidLevel {
	width: 100% !important;
	border: 0;
}

.MidLevel div.catbox {
	width: 100% !important;
	border: 0;
	box-shadow: none;
	background-color: #fff !important;
	text-align: left !important;
}

.MidLevel div.catbox h3 {


	font-weight: normal;
	font-size: 35px;
	line-height: 25px;
	text-align: left;
	padding: 0;
	margin-bottom: 15px;
	background-image: none;
}

.MidLevel div.catbox h3 a {
	color: #ca3d67 !important;
}

.MidLevel div.catbox img {
	height: 214px !important;
	float: right !important;
	margin-right: 7px;
}

.MidLevel div.catbox p {
	margin: 10px 0;
	text-align: left;
}

a.tooltips:hover {
	background-color: #EFEFEF;
	z-index: 101;
	cursor: pointer;
}

a.tooltips {
	position: relative;
	z-index: 100;
	font-weight: normal;
	text-decoration: none;
}

a.tooltips img {
	border: 0px;
}

a.tooltips span {
	display: none;
}

a.tooltips:hover span {
	text-decoration: none;
	border: 1px solid #6D6D6D;
	background-color: #EFEFEF;
	position: absolute;
	display: block;
	padding: 10px;
	color: Black;
	left: 0em;
	top: 1em;
	width: 250px;
}


/* CUSTOM CMS ROTATING BANNER STYLES */

/* The below are a couple example override styles */
li#DronesRotatingBannerwithCountdown_0_rotating-banner-tile_1>div.RotatingBannerCountdown {
	font-size: 1.6em;
	bottom: 40%;
	left: 60%;
	width: 400px;
}

li#DronesRotatingBannerwithCountdown_0_rotating-banner-tile_1 div.RotatingBannerCountdown span.countdown-section {
	color: #000;
}

/* END The below are a couple example override styles */

/* END CUSTOM CMS ROTATING BANNER STYLES */


.imageBox>img {
	width: 100%;
}

.scrollToTop {
	width: 50px;
	height: auto;
	text-decoration: none;
	position: fixed;
	bottom: 15%;
	right: 9%;
	display: none;
	text-align: center;
}

.scrollToTop:hover {
	text-decoration: none;
}

/* HIDES ON LOW RES SCREENS*/

@media screen and (max-width: 1200px) {


	#tawkchat-iframe-container {
		display: none !important;
	}
}


/* ----------- Retina Screens ----------- */
@media screen and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {

	#tawkchat-iframe-container {
		display: none !important;
	}

}

/* ----------- wishlist ----------- */

.collapsewl {
	background-color: #221f73 !important;
}

.expandwl {
	background-color: #221f73 !important;
}

.deletewl {
	background-color: #f62217 !important;
}

.jcarouselwishlist-wrapper {
	border-color: #221f73 !important;
}


#content-div,
#confirm,
#Message {
	border-color: #221f73 !important;
}

#confirm .yes,
#confirm .no {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f62217), color-stop(1, #f62217)) !important;
	border: 1px solid #f62217 !important;
	text-align: center !important;
}

#confirm,
#confirm p {
	text-align: center !important;
}

#content-div {
	text-align: center;
}

#retrievewl,
#retrievewl:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f62217), color-stop(1, #f62217)) !important;
	background-color: #f62217 !important;
	border: 1px solid #f62217 !important;
	text-shadow: 1px 1px 0px #f62217 !important;
}

.remind,
.remind:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f62217), color-stop(1, #f62217)) !important;
	background-color: #f62217 !important;
	border: 1px solid #f62217 !important;
	text-shadow: 1px 1px 0px #f62217 !important;
}

.wishlistloggedin p {
	text-align: center !important;
}

.wishlistloggedout p {
	text-align: center !important;
}


/*#getwishlist {
margin-left: 0;
margin-top: 3px;
font-weight: bold;
}

div.showwl {
    float:none !important;
}*/

/* ----------- end of wishlist ----------- */

/* search page site specific css */

/*functionality not needed yet so disabled for now*/
#newCond_ID {
	display: none;
}

/* end search page site specific css */

/* ----------- Official Seller Buttons on Product Page ----------- */

div.whybuy {
	width: 540px;
	height: 400px;
	border: 3px double #aaa;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0.5em;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

div.reason2buy {
	margin: 10px;
}

div.whybuy h2 {
	color: #4e4e4e;
	text-align: center;
	font-size: 170%;
	font-weight: normal;
}

div.whybuy h3 {
	color: #388fd2;
	text-align: left;
	font-size: 110%;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.2em;
	margin-top: 15px;
	margin-bottom: 0;
}

div.whybuy p {
	text-align: justify;
	margin-top: 5px;
}

/*  ------------- Wishlist Styling for Desktop Static Page ------------ */

.wlheader h1 {
	margin: 30px 10px 10px 10px;
	font-size: 300%;
	font-weight: normal;
	color: #666;
	text-transform: capitalize;
}

div#wlmobloggedin,
div#wlmobloggedout {
	display: block;
	margin: 10px 20px;
}

div#wlmobloggedin a,
div#wlmobloggedout a {
	font-size: 150%;
	color: #100d66;
}

div#wlmobloggedout a::before {
	content: "» "
}

/*ul.ui-listview {list-style-type:none; margin:10px; padding:0; }

li.searchlistitem {display:block; padding:15px; border:1px solid #a7a7a7; border-radius:4px;  -webkit-border-radius:4px; -moz-border-radius:4px; min-height:350px; margin-bottom:10px; }

div.wlMobileprices h1 {font-weight:normal; line-height:110%; width:75%;}

div.wlSaverrpmobile {display:inline-block; margin-right:20px; font-weight:bold; font-size:110%; color:#505050; text-transform:uppercase;}

div.wlVersionpricemobile {clear:left; margin-top:20px; font-weight:bold; font-size:110%;}

span.wlOnlyprice {font-weight:bold; color:#505050; text-transform:uppercase;}

span.wlVersionOfferPrice {color: #be0000; font-size:250%; vertical-align:top;}

div.buyButtonContainer {clear:both; }

div.buyButtonContainer input.buyButton {width:300px !important;}

div.wlRemove a { clear:both; display:block; width:300px !important; cursor:pointer; color:red; font-weight:bold; text-align:center; text-transform:uppercase; border:1px solid red; border-radius:4px;  -webkit-border-radius:4px; -moz-border-radius:4px; padding:5px 0;}

div.wlRemove a:hover {text-decoration:none; }*/


div.OfferBox div.compBtn a {
	background-color: #ee2e24 !important;
}


/*.OfferBox div.compBtn {
    margin-left: 0 !important;
}*/


.goCompare {
	background-color: #ee2e24 !important;
}

#quotecountdown {
	border-radius: 10px;
	padding: 13px;
	width: 50%;
	float: left;
	background-color: #f33030;
	color: white;
	font-size: 135%;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}


#Which-VPbutton {

	background-image: url("/files/images/which-high.jpg");
	/* background-image: url("/files/images/which-high-alt.jpg");*/
}


.product-whichlow {

	background-image: url("/files/images/which-20.jpg");
	/* background-image: url("/files/images/which-20-alt.jpg");*/
}


.customername {
	margin-right: 15px;
}


/* --------------------------- ///// Top Offers Carousel - DD Only Overrides ///// -------------------------- */

.top-offers-tile .OfferBoxImage {
	width: auto !important;
	margin: 0 !important;
	height: auto !important;
}

.top-offers-tile .offerprice {
	color: black !important;
}

.top-offers-tile .FPpercent,
.top-offers-thin .FPpercent {
	right: 0 !important;
	top: 0 !important;
	position: initial !important;
	height: auto !important;
	border: none !important;
}

.top-offers-tile .OfferBoxTitle {
	padding: 0 !important;
}


/* ////////// ----- Moved From Master Styles | Add to basket icon ----- ////////// */

.add-to-basket-quickview .basket-icon {
	float: left;
	width: 33px;
	color: white;
	font-weight: bold;
	background-image: url(/files/images/addtobasket-icon.png);
	background-repeat: no-repeat;
	height: 30px;
}


/* ////////// ----- Basket Alignment Issues ----- ////////// */

.basketcontainer .stepinfo {
	padding: 0 10px !important;
	color: black !important;
}

/*div#paypalPayBtn {
    margin-right: 0 !important;
} */
td.priceCell {
	padding: 6px 10px !important;
}

.rextras>span {
	width: 95% !important;
	padding: 15px 0 15px 10px !important;
}

#swiper-basket-products {
	padding: 0 10px !important;
}

table.basketTable td.orderTotal {
	padding: 6px 25px 6px 6px;
}

img[src*="footer-amex.gif"] {
	display: none;
}


/* --------------------- checkout header ------------------- */


.dd-old-header {
	display: none;
	/*display:block;*/
}

#dd-new-header {
	/*display:none;*/
	display: block;
	background-color: rgb(246, 246, 246);
}

#dd-new-header .dd-header-checkout {
	padding: 25px 0;
}

#dd-new-header #header {
	border: none;
	margin: 0;
	padding: 0;
	float: none;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#dd-new-header #header #logo {
	margin: 0;
	height: auto;
	width: 220px;
	float: none;
}

#dd-new-header .dd-header-checkout #basketheader {
	margin: 0 !important;
	float: none;
	width: auto !important;
}

#dd-new-header .dd-header-checkout .microBasket img {
	height: 43px;
}

#dd-new-header #header .basketbox {
	position: relative;
	cursor: pointer;
	float: none;
	margin: 0;
	height: auto;
}

#dd-new-header #header .microBasket {
	width: auto !important;
}

#dd-new-header .basketbox span:first-of-type {
	left: 12px;
	top: 10px;
}

#dd-new-header .microBasket p {
	display: none;
}

@media (min-width: 768px) and (max-width: 1200px) {
	#dd-new-header .wrapper {
		width: 97%;
	}
}


/* --------------------- checkout footer ------------------- */

#dd-old-footer {
	/*display:block;*/
	display: none;
}

#dd-new-footer {
	/*display:none;*/
	display: block;
}

#dd-new-footer #footerAddress img {
	padding: 20px 0 0;
}

#dd-new-footer .dd-checkout-footer .bid-group {
	float: none !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: auto !important;
	flex-direction: column;
}

#dd-new-footer .bid-group #phonenumber {
	background-color: transparent;
}

#ad-new-footer #footerAddress img {
	padding: 20px 0 0;
}

#dd-new-footer .footer .lower-footer .bid-group span {
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
	color: #949494;
}

#dd-new-footer .bid-group a span {
	margin-bottom: 0;
}

#dd-new-footer div#phonestrap-0871:after {
	text-align: center;
	color: #949494;
	font-size: 12px;
}

#dd-new-footer .paypalfinancefooter p {
	text-align: center;
}

#dd-new-footer .footer .lower-footer .bid-group span:nth-child(1) {
	margin-right: 5px;
	color: #949494;
}


/* --------------------- NEW WIDER SITE CSS  ------------------- */

.fw-wrapper {
	width: 100%;
}

.wrapper,
#wrapper {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 960px;
	background-color: transparent;
	margin: 0px auto !important;
	text-align: left;
	border: 0;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
	clear: both;
}

.content-wrapper {
	width: 980px;
}

.contentcontainer {
	min-height: 450px;
	margin: 10px 0;
	width: 100%;
	max-width: 1440px;
	min-width: 960px;
}


@media (min-width: 1500px) {
	.wrapper {
		max-width: 1440px !important;
	}

	#logo {
		width: 20%;
	}
}

div.StarDivider {
	clear: both;
	margin: 10px auto;
}

.full-width {
	background-color: #f5f5f5;
}

/* HEADER SECTIONS*/

header {
	width: 100%;
	min-width: 960px;
}

header .pre-header {
	float: left;
	width: 100%;
	min-width: 960px;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 5px 0;
	font-size: 13px;
}

.microBasket {
	cursor: pointer;
	text-align: right;
	color: #000c43;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	line-height: 140%;
	height: 28px;
	width: 50px;
}

.microBasket span {
	margin: 0;
	float: left;
	border-radius: 50%;
	background-color: #04865c;
	color: white;
	text-shadow: none;
	width: 18px;
	text-align: center;
	font-size: 90%;
}

.microBasket img,
.microBasket svg {
	float: left;
	margin-right: 2px;
	margin-top: -2px;
	width: 20px;
	height: 21px;
}

/* TEMPLATE TOP TABS - Remove after release*/

#toptabcontainer {
	width: 100%;
	min-width: 960px;
	height: 45px;
	padding: 5px 0 2px 0;
	background: rgb(223, 223, 223);
	background: -moz-linear-gradient(0deg, rgba(223, 223, 223, 1) 0%, rgba(151, 152, 156, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(223, 223, 223, 1) 0%, rgba(151, 152, 156, 1) 100%);
	background: linear-gradient(0deg, rgba(223, 223, 223, 1) 0%, rgba(151, 152, 156, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfdfdf", endColorstr="#97989c", GradientType=1);
	-webkit-box-shadow: inset 0 -4px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 -4px 7px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 -4px 7px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) and (max-width: 1024px) {

	#toptabcontainer {
		padding: 5px 0 0 0;
	}
}

#toptabcontainer #toptabs {
	max-width: 1440px;
}

#toptabcontainer #oursitetabs {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	width: 100%;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	height: 51px;
}

#toptabcontainer #oursitetabs img.mainsitetab {
	-webkit-filter: initial;
	-webkit-filter: initial;
	filter: initial;
	filter: initial;
	border: none;
	padding: 0;
	margin: 0;
}

#toptabcontainer #oursitetabs div:first-child {
	border: none;
	width: auto;
	max-width: none;
}

#toptabcontainer #oursitetabs img {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	height: auto;
	width: 100%;
	min-height: 44px;
}

#toptabcontainer #oursitetabs img:hover {
	-webkit-filter: initial;
	-webkit-filter: initial;
	filter: initial;
	filter: initial;
}

#toptabcontainer #oursitetabs a {
	display: block;
	height: 100%;
	width: 100%;
}

#toptabcontainer #oursitetabs a:last-child {
	border: none;
}

#toptabcontainer #oursitetabs>div {
	margin-left: 0;
}

#toptabcontainer #oursitetabs>div:nth-of-type(2) {
	margin-left: -1px;
}

/* IE 9 */
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {

	#toptabcontainer #oursitetabs div {
		float: left;
	}
}

/* IE 8 */
@media \0screen {

	#toptabcontainer #oursitetabs div {
		float: left;
	}
}

/* iPad Mini */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {

	#toptabcontainer #oursitetabs div:first-child {
		max-width: 194px;
	}

	#toptabcontainer #oursitetabs>div {
		float: left;
		max-width: 157px;
	}
}

/* END */

#phLinks {
	height: 35px;
	padding: 9px 0 0 10px;
	float: left;
}

#phLogin {
	display: inline;
	height: 30px;
	padding-top: 5px;
	float: left;
}

div.basketbox {
	display: inline;
	float: left;
	height: 27px;
	margin-top: 2px;
}

div#VATPrice {
	display: inline;
	float: left;
	margin-top: 9px;
	text-align: right;

}

div#VATPrice.VATPRICENEW span {
	float: left;
	margin: 2px 0 0;
	font-size: 95%;
}

div#VATPrice.VATPRICENEW {
	margin-top: 7px;
}

div#VATPrice.VATPRICENEW img {
	float: left;
	margin: 1px 5px 0;
}

span#VATPriceSpanoff {
	display: none;
}

span#VATPriceSpanon {
	cursor: pointer;
}

div#phCurrency {
	display: inline;
	float: left;
	margin: 9px 15px 0 15px;
}

span.CurrencyPriceSpan {
	cursor: pointer;
}

span#CurrencyPriceSpanoff {
	display: none;
}

.headerswitch {
	margin-top: 1px;
	float: left;
}

.headercurrency {
	float: left;
	margin: 1px 3px 0px;
}

.headercurrency>img {
	float: right;
	margin: 2px 3px 0px 3px;
}

#header {
	padding: 1rem 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

* html #header {
	height: 110px;
}

#phAccount {
	float: right;
}

#logo {
	max-width: 329px;
	cursor: pointer;
	width: 20%;
}

#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#logo h1 {
	padding: 0;
	margin: 0;
}

#logo h1 span,
#logo span {
	display: none;
}

#logo svg {
	max-height: 40px;
}

#headersearch {
	width: 35%;
}

#keywordSearchForm {
	display: flex;
}

#keywordSearchForm #searchCriteria {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	height: 37px;
	border: 1px solid #e1e1e1;
	border-right: 0;
	padding: 5px 0 5px 5px;
	flex: 1;
}

#keywordSearchForm #KeywordSearchSubmit {
	border: 1px solid #e1e1e1;
	border-left: 0;
	background-color: transparent;
	padding: 0 2.5%;
}

div#headersearch div#prodsearch .headersearchbutton:hover {
	opacity: 0.8;
}

div#headersearch div#brandsearch {
	width: 170px !important;
	background: url(/SiteContent/template_images/TopsrchCellBg.jpg) left top no-repeat;
}

#brandsearchfooter {
	float: left;
	width: 100%;
}

#brandsearchfooter select {
	width: 100%;
}

div#headersearch div#brandsearch form {
	float: right;
	width: 170px;
	margin-right: 3px;
	background-color: transparent;
}

div#headersearch form select {
	margin: 4px 0 0 4px;
	border: 0;
	height: 18px;
	width: 162px;
	background-color: transparent;
}

#phonenumber {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid black;
	text-align: right;
	border: 0;
	position: relative;
	line-height: 20px;
	background-color: #fff;
	height: 100%;
	margin: 0;
	padding: 0;
}

#phonenumber p {
	margin: 0 0 2px 0;
	font-weight: normal;
	text-align: right;
}

#phonenumber>span {
	font-size: 24px;
	color: #221f73;
	font-weight: bold;
	display: inline-block;
	visibility: hidden;
}

/*div#phonestrap-0871:after {
        float: right;
    width: 100%;
    font-size: 10px;
    text-align: right;
    color: #afafaf;
    margin: -5px 0 0 0;
    font-weight: normal;
}

div#phonestrap-0330:after {
    
    float: right;
    width: 100%;
    font-size: 8px;
    text-align: right;
    color: #afafaf;
    margin: -5px 0 0 0;
}*/

div#phone-ap {
	cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1024px) {
	#phonenumber {
		font-size: 15px;
	}

	#phonenumber p {
		font-size: 11px;
	}
}

@media (max-width: 780px) {

	#phonenumber p {
		font-size: 11px;
	}

}

/*  TEMPORARY - REMOVE AFTER XMAS DEALS ARE DONE  */
li.final a.drop {
	margin-right: 5px;
}


/* --------------------- Reassurance Bar ------------------- */

/* --------------------- --------------- ------------------- */

.offerbar {
	position: relative;
	text-align: center;
	min-height: 46px;
	background-color: #f5f5f5;
	width: 100%;
	min-width: 960px;
}

.offerbar div a {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%;
}

.offerbar div a:hover {
	opacity: 0.8;
}

.offerbar .weekday-reassurance {
	width: 100%;
	font-size: 13px;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}

.weekday-reassurance>div {
	margin: 5px 0;
	position: relative;
	width: auto !important;
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
}

.offerbar .weekday-reassurance img {
	margin: 0 2% 0 0;
}

.offerbar .weekday-reassurance .delivery img,
.offerbar .weekday-reassurance .reviews img,
.offerbar .weekday-reassurance .promotions img {
	width: 45px;
	height: 22px;
}

.offerbar .weekday-reassurance .sell img,
.offerbar .weekday-reassurance .install img,
.offerbar .weekday-reassurance .finance img,
.offerbar .weekday-reassurance .visit img {
	width: 28px;
	height: 22px;
}

.offerbar .weekday-reassurance .b2b img {
	width: 22px;
	height: 22px;
}

.offerbar .weekday-reassurance>div div {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	height: 30px;
}

@media screen and (max-width: 1200px) {

	.weekday-reassurance div a span {
		font-size: 90%;
	}

}

@media screen and (max-width: 1042px) {

	.weekday-reassurance div a span {
		font-size: 85%;
	}

}

@media screen and (max-width: 960px) {

	.weekday-reassurance .tp {
		display: none;
	}
}

@media only screen and (min-width: 768px) {

	.offerbar .weekday-reassurance .delivery div,
	.offerbar .weekday-reassurance .finance div,
	.offerbar .weekday-reassurance .install div,
	.offerbar .weekday-reassurance .promotions div,
	.offerbar .weekday-reassurance .reviews div,
	.offerbar .weekday-reassurance .sell div,
	.offerbar .weekday-reassurance .b2b div {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
	}

}

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {

	.weekday-reassurance>div {
		float: left;
	}

	#header div #svg2 {
		display: none;
	}

	#header #logo a img {
		margin-top: -20px;
	}

}

@media \0screen {

	.weekday-reassurance>div {
		float: left;
	}

	#header div #svg2 {
		display: none;
	}

	#header div img {
		width: 275px;
		float: left;
		margin: -15px 0 0 0;
	}

	#phonenumber>span {
		visibility: visible;
	}

}

/* --------------------- Reassurance Bar End ------------------- */

/* FOOTER */

/*FOOTER STYLES*/

.footer {
	background: rgb(245, 245, 245);
	background: -moz-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(227, 227, 227, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#e3e3e3", GradientType=1);
	margin: 0 auto;
	padding: 0 0 50px 0;
	width: 100%;
	max-width: 100%;
	min-width: 960px;
	position: relative;
}

.footer ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	line-height: 140%;
}

.footer .wrapper ul {
	width: 23%;
	float: left;
	margin: 30px 1% 0 1%;
}

.footer .wrapper ul:nth-of-type(4) {
	margin-right: 0;
}

.footer .wrapper ul li {
	line-height: 1.7em;
	font-weight: 500;
	font-size: 15px;
}

/*.footer .wrapper ul li img {
    width: 100%;
    max-width: 218px;
    height: auto;
}*/
.footer .wrapper ul li a:hover {
	opacity: 0.8;
}

.footer .wrapper ul .header {
	border-bottom: 1px solid black;
	font-size: 19px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-family: gibson_semibolditalic, Helvetica, Arial, sans-serif;
}

.footer .lower-footer {
	clear: both;
	margin-top: 25px;
	width: 100%;
	padding: 20px 0 0 0;
}

.footer .lower-footer .wrapper .store {
	float: left;
	width: 48%;
	margin: 0 1%;
}

.footer .lower-footer .wrapper .store .store-wrapper {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.footer .lower-footer .wrapper .store .store-wrapper .store-directions {
	width: 33%;
	float: left;
	margin: 0;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.footer .lower-footer .wrapper .store .store-wrapper .store-directions a:hover {
	opacity: 0.8;
}

.footer .lower-footer .wrapper .store .store-directions:before {
	content: url('/files/images/directions-pin.svg');
	width: 29px;
	height: 29px;
	float: left;
	margin-right: 4px;
}


.footer .lower-footer .wrapper>div {
	float: left;
	width: 23%;
	margin: 0 1%;
}

.lower-footer .store p,
.lower-footer .we-accept p {
	border-bottom: 1px solid black;
	font-size: 19px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-family: gibson_semibolditalic, Helvetica, Arial, sans-serif;
}

.lower-footer .store a:hover {
	text-decoration: none;
}


.lower-footer .store ul {
	width: 100%;
	margin: 0;
}

.footer .lower-footer .we-accept img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
}

.footer .lower-footer .bid-group {
	margin: 21px 1% 0 1% !important;
}

.footer .lower-footer .bid-group span {
	float: left;
	margin: 10px 0;
}

.footer #bidgroup {
	text-align: center;
	clear: both;
	padding-top: 25px;
	width: 100%;
}

.footer #bidgroup p {
	text-align: center;
}

.footer hr {
	clear: both;
	width: 100%;
	margin: 30px 0;
	display: inline-block;
	border-color: #e0e0e0;
	border-top: none;
}

.footer .htafc {
	float: left;
	margin-right: 15px;
}

.footer .reevoo-foot {
	width: 100%;
	float: left;
	overflow: hidden;
}

.footer .reevoo-foot img {
	width: 100%;

}

.footer .footer-bar {
	float: left;
	width: 100%;
	background-color: #001349;
	color: white;
	padding: 5px 0;
}

.footer .footer-bar>div {
	width: 1440px;
	max-width: 100%;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	margin: auto;
	text-align: left;
	height: 70px;
}

.footer .footer-bar h3 {
	text-transform: uppercase;
	float: left;
	margin: 0;
}

.footer .footer-bar .letter {
	height: auto;
	width: 25px;
	margin: 20px 1% 30px;
}

.footer .social {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	margin: 1.4% 0 0 1%;
}

.footer .social li {
	margin: 0 1%;
}

.footer .social li img {
	width: 100%;
	max-width: 39px;
	height: auto;
}

.footer iframe {
	border: none;
	height: 55px;
	overflow: hidden;
	margin-top: 7px;
}


@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {

	.footer .footer-bar .letter,
	.footer form,
	.footer .social,
	.footer .social li {
		float: left;
	}

	.footer .social li {
		width: 23%;
	}

	.footer iframe {
		float: left;
		width: 70%;
	}

}

@media screen\0 {

	.footer iframe {
		width: 70%;
	}

}

@media \0screen {

	.footer .footer-bar .letter,
	.footer form,
	.footer .social,
	.footer .social li {
		float: left;
	}

	.footer .social li {
		width: 23%;
	}

	.footer iframe {
		display: none;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {

	.footer .footer-bar .letter {
		float: left;
	}

	.footer iframe {
		float: left;
		width: 75%;
		margin-top: 10px;
	}

	.footer .social {
		float: left;
		width: 18%;
	}

	.footer .social li {
		float: left;
	}

}


/* --------------------- Overriding Styles that are within Master styles for other sites ------------------- */

.btn-prime {
	font-weight: normal !important;
}

.add-to-basket-quickview .addtoaction a#go-to-basket,
.add-to-basket-quickview #add_to_basket_modal .addToBas {
	font-weight: normal !important;
}

#dashboard ul.dashboardtabs li a {
	font-weight: normal !important;
	font-size: 0.85rem;
}

.basketcontainer .versionoffertitle {
	font-weight: normal !important;
}

.basketcontainer a.addToBas {
	font-weight: normal !important;
}

.qtyDropdown {
	margin-left: 31% !important;
}

.basketTable .StockMsg,
.basketTable .EarliestDel {
	font-size: 13px !important;
	font-weight: normal !important;
}

.whyhomephone {
	font-weight: normal !important;
}

navmenu a:link,
navmenu a:visited {
	font-weight: normal !important;
}

.waystopaypp img {
	width: auto !important;
}

#sr_facets input[value*="»"] {
	-moz-appearance: none;
	-webkit-appearance: none;
}

.paymentoptions .ck-radio-label {
	clear: both;
}

.sr_container #products .SavingsPrice strong {
	font-weight: normal;
}

.sr_container #products a.finance {
	font-weight: normal;
}

#now_viewing li {
	font-weight: normal !important;
}

.savings-calculated-tooltip .tooltip-new label {
	font-weight: normal;
}

#sr_facets #ajax_SearchNav ul {
	line-height: 140%;
}

li.ui-menu-item {
	list-style-image: none !important;
}

li.ui-menu-item:hover {
	list-style-image: none !important;
}

.basketcontainer .versionoffertitle {
	height: 75px !important;
}

div.OfferBox div.compBtn a {
	font-weight: normal !important;
}

.tdTier1RightImage form input.buyButton {
	background-color: #04865c !important;
	border: 1px solid #04865c !important;
}

.tdTier1RightImage form input.buyButton:hover {
	opacity: 0.8;
}

.techSpecHeader,
table#tabTier2Left tr td {
	font-family: gibson_regular, Helvetica, Arial, sans-serif !important;
}

#PriceMatchPopUp #PopUpHead {
	background: #081a43 !important;
}

#PriceMatchPopUp #PopUpHead h3 {
	line-height: 36px !important;
}

#OrderPriceSumIncVAT {
	margin: 10px 0;
}

.sr_container #products .offerboxlink {
	background: #081a44 !important;
}

.prod-types .btn-prime,
#productpagetop .btn-prime {
	background-color: #081a44 !important;
}

.OfferBoxPrice .btn-second:hover {
	border: 1px solid #081a44 !important;
	background-color: #081a44 !important;
}


#productpagetop .toggle {
	color: #081a44 !important;
}

#productpagetop #delOptbtn {
	background: #081a44 !important;
}

.contactdetails h3,
.deliverydetails .cpheader,
.deloptions h3,
.delcalendar h3,
.paymentoptions h3,
.paymentmethods h3 {
	font-size: 18px;
}


/* --------------------- checkout header ------------------- */

.basketcontainer a#go-to-basket {
	display: none !important;
}


.dd-header-checkout,
.dd-header-checkout #phonenumber {
	background-color: #f6f6f6;
}

.dd-header-checkout #phonenumber p {
	text-align: left;
}


.dd-header-checkout #logo {
	margin: 12px 0 0 0;
}


.dd-header-checkout #headerphone {
	margin: 0px auto 0 22%;
	float: left;
}

.dd-header-checkout #headerphone div {
	float: left;
	width: 100%;
	display: block;

}

.dd-header-checkout #basketheader {
	width: 5% !important;
	margin-top: 4px !important;
	margin-left: 0 !important;
	cursor: pointer;
	background: none !important;
	float: right;
}

.dd-header-checkout .basketbox {
	margin-top: 0px;
}

.dd-header-checkout #phonenumber,
.dd-header-checkout div#phonestrap-0871:after {
	text-align: left;
}

.dd-header-checkout .microBasket {
	width: 40px;
	height: auto;
	padding: 0;
	position: relative;
}

.dd-header-checkout .microBasket img {
	height: 40px;
	width: 40px;
}

.dd-header-checkout .microBasket span {
	position: absolute;
	top: 0;
	left: 28px;
}

.dd-header-checkout div.basketbox {
	margin-top: 7px;
}

@media screen and (min-width: 1040px) {

	.dd-header-checkout #headerphone {
		margin: 0px auto 0 23%;
	}

}

@media screen and (min-width: 1200px) {

	.dd-header-checkout #headerphone {
		margin: 0px auto 0 25%;
	}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	.dd-header-checkout #logo {
		margin: 7px 0 0 5px;
	}

	.dd-header-checkout #basketheader {
		margin-right: 10px;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.dd-header-checkout #logo {
		margin: 7px 0 0 10px;
	}

	.dd-header-checkout #basketheader {
		margin-right: 10px;
	}

}


/* --------------------- checkout footer ------------------- */


.dd-checkout-footer .lower-footer .wrapper .bid-group {
	float: none !important;
	width: 31% !important;
}

.dd-checkout-footer .lower-footer .bid-group {
	margin: 25px auto !important;
}

.dd-checkout-footer #bidgroup {
	padding-top: 0px;
}

.dd-checkout-footer #bidgroup p {
	margin: 0 0 10px;
}

.dd-checkout-footer .lower-footer {
	padding: 10px 0 0 0;
}

.dd-checkout-footer .bid-group img {
	margin: 0 auto 10px;
	display: block;
}

.caccountheader {
	float: left;
	margin: 8px 0 0 0;
}

.caccountheader a img {
	margin-right: 5px;
	vertical-align: middle;
	float: left;
}

.caccountheader a strong,
.caccountheader a span {
	margin-top: 3px;
	float: none;
}

.caccountheader a strong {
	margin-top: -1px;
}

.caccountheader .ordertracker {
	float: left;
	margin: 0 0 0 20px;
}

.caccountheader .trade {
	float: left;
	margin: 0 0 0 20px;
}

div[id*="___ratingbadge_0"] {
	left: 0px;
	bottom: 37px !important;
}

.caccountheader .customername {
	font-size: 105%;
	font-weight: normal;
}

#headerbasket {
	float: right;
}

#topcontent .whybuyexp {
	border-top: none;
}

/* Adding space to content at 1024px - 1200px */

@media (min-width: 1024px) and (max-width: 1200px) {

	#header {
		padding: 20px 10px 15px 10px;
		width: 98%;
	}

}

@media (min-width: 768px) and (max-width: 1200px) {

	#productpagewrapper,
	#productpagetop,
	#productpagebottom {
		width: 98%;
		margin: 0 10px;
	}

	.bg-wide-sr {
		width: 98%;
		margin: 0 10px;
	}

	#phonenumber p {
		font-size: 10px;
	}

}

/* paypal footer text */

.paypal-bar {
	float: left;
	width: 100%;
	background-color: #0e9fe3;
	color: #fff;
}

.paypal-bar p {
	line-height: 170%;
	text-align: center;
}

.paypal-bar img {
	width: 70px;
	vertical-align: top;
	margin-right: 1%;
}

.paypal-bar span {
	color: #fff !important;
}

.paypal-footer-text {
	width: 99%;
}

.paypal-footer-text span {
	font-size: 1.17em;
	font-weight: bold;
	color: #000;
}

.showVariantPrice {
	display: block;
}

/* Loading Overlay */
#load_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 6, 19, 0.45);
	display: none;
}

#summary-wrapper #close-mob-sum:hover {
	cursor: auto !important;
}

#productcompare_body {
	overflow: initial !important;
}

#productcompare_body {
	margin-top: 1rem;
}

.feefo-rating-stars svg {
	width: 16px;
}

.summary-rating .reviews-count {
	color: #207FFB !important;
	font-size: 12px !important;
	font-weight: 700;
}
.clearpay-payment {
	display: none !important
}