/* header styles */
.fancybox-content.inFancyBoxIFrame .mobileheader {
	display: none;
}

/* end header styles */
.wrapper {
	padding-right: 16px;
	padding-left: 16px;
}

/* ------------ Gibson Font Classes ------------ */

.font-light {
	font-weight: normal !important;
	font-family: gibson_light, Arial, sans-serif !important;
}

.font-regular {
	font-weight: normal !important;
	font-family: gibson_regular, Arial, sans-serif !important;
}

.font-italic {
	font-weight: normal !important;
	font-family: gibson_italic, Arial, sans-serif !important;
}

.font-light-italic {
	font-weight: normal !important;
	font-family: gibson_lightitalic, Arial, sans-serif !important;
}

.font-semibold {
	font-weight: normal !important;
	font-family: gibson_semibold, Arial, sans-serif !important;
}

.font-semibold-italic {
	font-weight: normal !important;
	font-family: gibson_semibolditalic, Arial, sans-serif !important;
}

.font-bold {
	font-weight: normal !important;
	font-family: gibson_bold, Arial, sans-serif !important;
}

.font-bold-italic {
	font-weight: normal !important;
	font-family: gibson_bolditalic, Arial, sans-serif !important;
}

/* ------------------------ */

/* gallery styles */
.swiper-button-next,
.swiper-button-prev {
	top: 0 !important;
	bottom: 0 !important;
	margin: auto;
	width: 32px;
	height: 32px;
	background-size: contain !important;
}

.swiper-button-next {
	background-image: url(/Images/icon-right-black.svg);
	right: -10px;
}

.swiper-button-prev {
	left: -10px;
	background-image: url(/Images/icon-left-black.svg);
}

#swiper-images_StandardImage .mobile-carousel-swiperbar {
	visibility: hidden;
}

#swiper-images_DimensionsImage .mobile-carousel-swiperbar {
	visibility: hidden;
}


/** Carousel **/

.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.jcarousel ul {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.jcarousel li {
	width: 290px;
	float: left;
	border: 1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* margin:20px; */
}

.jcarousel img {
	display: block;
	width: 100%;
	height: auto !important;
	margin: 0% 0%;
}

/** Carousel Controls **/

[id^='db_images_'] .jcarousel-control-prev,
[id^='db_images_'] .jcarousel-control-next {
	position: absolute;
	margin-top: -15px;
	display: none;
}

.jcarousel-control-prev,
.jcarousel-control-next {
	/*position: absolute;*/
	top: 50%;
	/*margin-top: -15px;*/
	width: 30px;
	height: 30px;
	text-align: center;
	background: silver;
	color: #fff !important;
	text-decoration: none;
	font: 24px/27px Arial, sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid white;
}

.jcarousel-control-prev {
	left: -2px;
}

.jcarousel-control-next {
	right: -2px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0;
}

.jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;
	font-size: 11px;
	height: 10px;
	width: 10px;
	line-height: 10px;
	background: #fff;
	color: #4E443C;
	border-radius: 10px;
	text-indent: -9999px;
	margin-right: 3px;
	-webkit-box-shadow: 0 0 2px #4E443C;
	-moz-box-shadow: 0 0 2px #4E443C;
	box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
	background: #4E443C;
	color: #fff;
	opacity: 1;
	-webkit-box-shadow: 0 0 2px #F0EFE7;
	-moz-box-shadow: 0 0 2px #F0EFE7;
	box-shadow: 0 0 2px #F0EFE7;
}

/* End carousel styles */


input[type="button"].clearCompare {
	display: none;
}

input[type="button"].goCompare {
	display: none;
}

/* from productcompare.css */
span.tool {
	position: relative;
	display: inline-block;
	border-bottom: 1px dashed black;
	font-weight: bold;
}

span.tool:hover {
	cursor: help;
}

span.tip {
	position: absolute;
	bottom: 20px;
	left: 0px;
	display: block;
	width: auto;
	white-space: nowrap;
	font-size: .9em;
	border: 0px solid black;
	/* change as desired */
	border-radius: 6px;
	padding: 1px 5px;
	background: #eee;
	background: linear-gradient(top, #eee, #ccc);
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -o-linear-gradient(top, #eee, #ccc);
	background: -webkit-linear-gradient(top, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -ms-linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#eeeeee, EndColorStr=#cccccc);
	zoom: 1;
	visibility: hidden;
	overflow: visible;
}

/* end from productcompare.css */

/* end sli compare*/

/* finance styles */

#ot-container {
	position: relative;
	left: 165px;
	bottom: 65px;
}


#finance_Tabs table {
	line-height: 18px;
	font-size: 3.73333vw;
	width: 100%;
	color: #444;
	border-spacing: 0;
	border: 1px solid #c8c8c8;
	border-top: none;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin-bottom: 25px;
}

#finance_Tabs table tbody tr:last-of-type {
	background: #f5f5f5;
}

#finance_Tabs table thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

#finance_Tabs table thead tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

#finance_Tabs table thead th {
	font-weight: bold;
	background: #fff;
}

#finance_Tabs table tr td,
#finance_Tabs table tr th {
	text-align: center;
	color: #444;
	padding: 2%;
	vertical-align: middle;
}

#finance_Tabs table tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}

#finance_Tabs table tbody tr {
	background: #fff;
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
	border-radius: 0px;
}


#financeTableBreakdown {
	position: relative;
	float: left;
}

#financeTableBreakdown .calculator {
	font-weight: bold;
	line-height: 23px;
	text-align: left;
	overflow: hidden;
	margin: 0 0 15px;
}

#financeTableBreakdown .calculator>span {
	font-size: 3.73333vw;
	flex: 1 0 100%;
}

#financeTableBreakdown .calculator #calculateFinance {
	background: #04865c;
	border-radius: 6px;
	text-align: center;
	color: white !important;
	text-decoration: none;
	-webkit-appearance: none;
	flex: 1 0 50%;
	margin-left: 10px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

#financeTableBreakdown>br {
	display: none;
}

#financeTableBreakdown .calculator #errorMsg {
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	text-align: left;
	color: red !important;
	line-height: 48px;
	font-size: 1rem;
}

#financeTableBreakdown .calculator #financeValue {
	width: 80px;
	height: 33px;
	font-size: 16px;
	font-size: 1rem;
	float: left;
	line-height: 1;
	-webkit-appearance: none;
	min-height: initial !important;
}

#financeTableBreakdown .calculator div span {
	float: left;
	font-size: 16px;
}


/* Finance mobile credit options */


.calculator>.input>span,
.calculator>span {
	color: #000000 !important;
}

.calculator>.input>span {
	margin: 5px;
}


.calculator>.input {
	border: 1px solid #bbbbbb !important;
	border-radius: 6px;
}

#calculateFinance {
	text-shadow: none !important;
}

#financeTableBreakdown .calculator>div {
	margin: 0 !important;
	position: relative;
	float: left;
	overflow: hidden;
}

#financeTableBreakdown .calculator #c-input .ui-input-text {
	margin: 0 !important;
	flex: 1 0 40%;
	position: relative;
	float: left;
	overflow: hidden;
	box-shadow: none;
}


#financeTableBreakdown table {
	table-layout: fixed !important;
	/*overflow: scroll !important;*/
}


/*#finance_Tabs {
    overflow: scroll !important;
}*/


#finance_Tabs table tr td {
	width: 46% !important;
	border-radius: 0;
}


.financeoptionsmobile {
	width: 100%;
	float: left;
}

/* end of finance styles */

/* range navigation styles */
ul.rangeAttribute_facets {
	display: none !important;
}

/* end of range navigation styles */


/* fix price search on mobile */
.rangeslider>div {
	width: 30%;
	float: left;
	/*margin-right: 2%;*/
}

.rangeslider>div:nth-of-type(1),
.rangeslider>div:nth-of-type(2) {
	border-color: #ccc;
}


.rangeslider>span {
	float: left;
	margin: 15px 2% 0% 2%;
}

.rangeslider>div:last-of-type {
	margin: 4px 0;
	float: right;
	width: 12%;
	background-color: #221f73 !important;
	color: white !important;
	padding: 8px !important;
}


/* delivery countdown cut off */

.cutoffcountdown {
	/*float: left;*/
	width: 100%;
	/*margin-top: 10px;*/
	/*border: 2px dotted #656565;*/
	/*border-radius: 6px;*/
	/*text-align: center;
    padding: 10px;*/
	box-sizing: border-box;
}

/*  .cutoffcountdown:before {
        content: "Want it tomorrow? Order within";
        width: 100%;
        float: left;
        text-align: center;
    }*/

.cutoffmessage {
	display: none;
}


#topcontent .cutoffcountdown:before {
	content: "Order within";
	width: 100%;
	margin-right: 5px;
	color: #333 !important;
	font-weight: normal !important;
}

/*.cutoffcountdown {
    display: none !important;
}*/

.cutoffmessage {
	float: left;
	width: 100%;
	text-align: center;
}

.cutoffcount {
	color: #04865c;
}

#cutoffcountdowndate {
	display: none;
}


/* bundles */

.bundleLineItem .plus,
.bundleRow .plus {
	display: flex;
	background: rgb(245, 245, 245);
	border-radius: 50%;
	width: 35px;
	text-align: center;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-size: 25px;
	border: 2px solid white;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
	position: absolute;
	left: -23px;
}

.bundleRow {
	border-bottom: none !important;
}

.ui-dialog-contain {
	max-width: 100% !important;
}

#bundleRows .swiper-wrapper {
	padding: 5px 0;
}

/* Bundle Quickview Window */

.qvheader {
	background-color: white;
	text-shadow: none;
	color: black;
	border: none;
	height: 40px;
}

.quickviewwrapper h3 {
	color: #444;
	margin: 2% 0;
	font-size: 4.8vw;
	width: 100%;
	font-weight: 400;
	text-shadow: none;
	font-family: gibson_semibold, Arial, sans-serif;
}

.quickviewwrapper .vp_thumb {
	height: 44px;
	float: left;
	margin: 1%;
}

.quickviewwrapper .vp_thumb a {
	display: block;
	width: 100%;
	height: 100%;
}

.qvheader a {
	float: left;
	background: #1d1d1d !important;
}

.qvheader>span {
	margin-top: 10px;
	margin-left: 40px;
	float: left;
}

/*.ui-icon-delete:after {
    width: 25px;
    height: 25px;
    background-size: 100%;
}*/
.quickviewwrapper {
	background: #fff;
	float: left;
}

.quickviewwrapper #ProductMiniDesc li {
	font-size: 90%;
	margin: 10px 0px;
}

/* bundle pop up mobile */

.ui-overlay-shadow {
	box-shadow: none;
}

.quickviewwrapper .imageBox {
	padding: 0 !important;
	margin: 16px auto 0 auto;
	width: auto !important;
}

.quickviewwrapper .imageBox span img {
	border-radius: 0.5rem;
}

.quickviewwrapper .vp_thumb a {
	border-radius: 0.5rem;
	overflow: hidden;
}

.quickviewwrapper .vp_thumb a img {
	display: block;
}

.quickviewwrapper .imageBox span,
.quickviewwrapper .imageBox span img {
	width: 100%;
}

.quickviewwrapper .qv-atb .ui-btn {
	color: white !important;
	text-shadow: none !important;
	background-color: #04865c;
	border-radius: 6px !important;
	border: none !important;
	float: left;
	width: 37%;
	margin: 0;
}

.quickviewwrapper .ui-btn:focus {
	box-shadow: none;
}

.quickviewwrapper .ui-btn:nth-of-type(3) {
	background: #319825 !important;
}

.quickviewwrapper .MoreInfo {
	color: #444444 !important;
	margin: 0 3% 0 0;
	background-color: #f6f6f6;
	border-radius: 6px !important;
	border: none !important;
	float: left;
	width: 37%;
	text-shadow: none !important;
}

#ProductMiniInfo #selectQty-button {
	width: 30%;
	border-radius: 6px !important;
	border: none;
}

.quickviewwrapper .VersionOfferPrice {
	color: #be0000;
}

.quickviewwrapper .vp_thumb {
	height: 44px;
}

.qvrrp {
	display: none;
}

.quickviewwrapper #ProductMiniInfo {
	float: left;
	clear: both;
	margin-top: 20px;
	width: 100%;
}

.quickviewwrapper .db_images {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}


#StockMsg {
	float: left;
	margin-right: 2%;
	width: 100%;
}

p.earliestDelivery {
	float: left;
	margin: 0 0 7px 0 !important;
	line-height: 2em !important;
	clear: both;
}

div#avail_freedel {
	float: left !important;
	margin-left: 2% !important;
	line-height: 2em !important;
}


#searchform404 div.searchsubmitmobile input {
	margin-top: 8px !important;
}

.othersearches404 ul {
	padding: 0;
	border: 0;
}


.othersearches404 ul li {
	float: left;
	width: 100%;
	background: #eee;
	border: 1px solid #c1c1c1;
	margin: 1% 0%;
}

.othersearches404 ul li a {
	float: left;
	padding: 2%;
	width: 96%;
	text-align: center;
}


#collectpluscontainer {
	width: 100%;
	border: 1px solid #c1c1c1;
	float: left;
	border-radius: 6px;
	padding: 2%;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 10px;
}


#collectpluscontainer img {
	float: left;
	width: 20%;
}

#collectpluscopy {
	width: 80%;
	float: right;
	margin-top: 4px;
	font-size: 100%;
	text-align: right;
}

#collectpluscopy span {
	font-weight: bold;
}

.top5icon,
.top5icon2 {
	width: 35px !important;
}

.top5icon img {
	float: left;
	width: 100%;
}

.top5icon {
	display: none;
}


/* //////////------ SHOP THE RANGE CAROUSEL PRODUCT PAGE ------////////// */

.scrollToTop {
    display: none;
    width: 50px;
    height: auto;
    text-decoration: none;
	font-size: 14px;
	line-height: 16.8px;
	text-align: center;
    position: fixed;
    bottom: 30vh;
    right: 1rem;
    z-index: 99;
	text-align: center;
}

.scrollToTop i, .scrollToTop svg {
	background-color: var(--white);
	border-radius: 50%;
}

.scrollToTop:hover {
    text-decoration: none;
}


#otherProducts {
	clear: both;
	list-style-type: none;
	padding: 0;
	font-size: 115%;
	font-style: italic;
	float: left;
	margin: 0;
	width: 100%;
}

#otherProducts a {
	padding: 2%;
	float: left;
	background: #fafafa;
	border: 1px solid #bbbbbb;
	text-decoration: none;
	width: 95%;
	margin: 1% 0 5% 0;
	text-align: center;
}

.shopRange {
	font-size: 105%;
	float: left;
}

/* //////////------ END ------////////// */


.availproduct .stockStatus,
.availproduct .earliestDelDate {
	display: none;
}


/*Enable showing discount savings by default  on product search*/

.SRpercent {
	display: none;
}

.SavingsPrice {
	display: block;
}


#HuddsStore a,
#EastMidsStore a {
	color: black;
	text-decoration: none;
}


.show-more-description {
	display: none;
}

a.addToBas {
	float: right;
	background: #04865c;
	color: white;
	font-weight: bold;
	border: 0;
	font-size: 120%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: left;
	cursor: pointer;
	padding: 0 3%;
}


/***********Tooltip css***********/
.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: white;
	color: black;
	text-align: left;
	border-radius: 6px;
	padding: 16px;
	position: absolute;
	z-index: 1;
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2) !important;
	font-size: 0.95em;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


#specs {
	overflow: visible;
}

#specs span.header {
	float: left;
}


/* ///// Basket Swiper Carousel --------------------------------- */

.basketcontainer .swiper-container .swiper-slide {
	border-bottom: none;
	text-align: center;
	height: 230px;
}

.basketcontainer .swiper-container .swiper-slide .versionoffertitle {
	overflow: hidden;
	height: 55px;
	margin-bottom: 5%;
	float: left;
	font-size: 90%;
	color: #000 !important;
}

.basketcontainer .swiper-container .swiper-slide img {
	height: 75px;
	width: 75px;
	display: block;
	margin: 5% auto;
}

.basketcontainer .swiper-container .swiper-slide .versionofferprice {
	width: 100%;
	float: left;
	margin: 0 0 3% 0;
	color: #000;
	font-size: 120%;
}

.basketcontainer .addToBas {
	width: 90%;
	text-align: center;
	float: left;
	background: #04865c;
	color: white !important;
	font-weight: bold;
	border: 0;
	font-size: 100%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
	padding: 5% 3%;
}


@media (orientation: landscape) {

	.basketcontainer .swiper-container {
		height: 280px;
	}

	#finance_Tabs table,
	#financeTableBreakdown .calculator>span {
		font-size: 14px;
	}

	.quickviewwrapper h3 {
		font-size: 18px;
	}
}


/* ///// END ---------------------------------------------------- */


/* ///// Order Confirmation - Sign in ---------------------------------- */

.confirmationpage .payment-details {
	list-style-type: none;
}


/* ///// END ---------------------------------------------------- */
.ourexpertsthink {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px dotted silver;
}

.reviewer {
	width: 25%;
	float: left;
}

.reviewer img {
	float: left;
	width: 100%;
}

.review {
	float: right;
	width: 70%;
	margin-left: 5%;
	text-align: left;
}

.review h2,
.enhancedtemplate h2 {
	font-size: 135%;
	font-family: gibson_semibold, Arial, sans-serif;
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.review-name {
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.expert {
	font-size: 90%;
	float: left;
	width: 100%;
	text-align: center;
}

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

.features li {
	margin: 5px 0px;
	float: left;
	width: 100%;
}

div#maindesc ul {
	padding-left: 30px;
}

div#maindesc ul li {
	padding: 0.3rem;
}

.saved-item-btn {
	float: left;
	margin-top: 8px;
}

.saved-item-btn a {
	color: black;
}


/* ///// Homepage Buttons (hpicon) ---------------------------------- */

.hpicon {
	border-radius: 6px;
}

.saved-item-btn a {
	color: black;
}


/* ///// Temp Basket Page Changes ---------------------------------- */

#ck-section-basket-content .checkout-btn {
	width: 100% !important;
}

/* Centre aligns checkout btn
#ck-section-basket-content .checkout-btn input {
    width: 65% !important;
    margin: 0 auto 5% auto;
    float: none !important;
} */
.ui-mini {
	margin: 0 .446em 0 0 !important;
}

.qtybasketlabel {
	display: none !important;
}

.basketproductprice {
	font-size: 155% !important;
	margin: 0 5% !important;
	text-shadow: none;
	float: right !important;
}

.aarow {
	margin-bottom: 5%;
	border-bottom: 1px dotted #5A5A5A;
	padding-bottom: 3%;
}

.aarow .basketqtyremove {
	width: 100% !important;
}

.aarow .basketqtyremove .removeitembasket {
	width: 172px;
}

/* fixes for when item appears in drop down in basket eg laptop with warranty */


.paypalbasketarea {
	width: 65% !important;
	min-height: 70px;
}

#AmazonPayButton {
	float: none;
	display: block;
	margin: auto;
}

.amz-v2-instrument {
	float: left;
	width: 100%;
}

.amz-v2-instrument h2 {
	margin: 0;
	font-size: 19px;
}

.aarow .removeitembasket:before {
	content: "Add to Order:";
	float: left;
	font-size: 70%;
	margin: 11% 0 0% 40%;
	text-align: center;
	font-weight: bold;
}

.aarow .removeitembasket {
	float: right;
}

.aarow div[id^='availability_'] {
	margin-bottom: 10%;
}

.aarow .removeitembasket>div {
	float: right;
}

.aarow .prodtitlebasket a {
	display: block;
	margin-bottom: -3%;
}

.footerRow .basketpromosubmit .ui-btn {
	padding: 0.45em 1em;
}

.aarow .basketproductprice {
	margin-top: 4% !important;
}

.paypalbasketarea .tooltips,
.saved-item-btn {
	display: none;
}

.basketproductprice div[id^="itemPrice"] {
	margin-top: 5px;
}

.aarow .basketproductprice div[id^="itemPrice"] {
	margin-top: 15px;
}

.paymentoptions-basket img,
#paypalPayBtn .paypalbasketarea>span:first-child {
	display: none;
}

.aarow .prodtitlebasket {
	width: 70% !important;
}

.basketcontainer .warrow .prodtitlebasket {
	float: left;
	margin-top: 5%;
}

.basketcontainer .parentrow .aarow {
	border-bottom: none;
	margin-bottom: 0;
}


.removeitembasket .ui-checkbox input {
	position: relative;
	margin: 0px;
	height: 30px;
	width: 30px;
}

/* ///// End ---------------------------------- */

/* ///// Quickview Reevoo Stars --------------------------------- */
.stars-container {
	position: relative;
	display: inline-block;
	color: transparent;
	font-size: 18px;
}

.stars-container::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '★★★★★';
	color: lightgray;
}

.stars-container::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '★★★★★';
	color: orange;
	overflow: hidden;
}

.stars-0::after {
	width: 0%;
}

.stars-10::after {
	width: 10%;
}

.stars-20::after {
	width: 20%;
}

.stars-30::after {
	width: 30%;
}

.stars-40::after {
	width: 40%;
}

.stars-50::after {
	width: 50%;
}

.stars-60::after {
	width: 60%;
}

.stars-70::after {
	width: 70%;
}

.stars-80::after {
	width: 80%;
}

.stars-90::after {
	width: 90%;
}

.stars-100::after {
	width: 100%;
}

.qv-wrapper .reevooquickview {
	float: right;
	height: 20px;
	margin: 5px 0 5px 20px;
}


/* ///// END ---------------------------------------------------- */


/* ///// Add to Basket Pop Out ---------------------------------- */

.ui-mobile-viewport .fancybox-slide>div {
	width: 98%;
}


.add-to-basket-quickview .swiper-slide,
.add-to-basket-quickview .swiper-wrapper {
	height: auto !important;
}

.add-to-basket-quickview .addtoheader {
	background-color: #efebef;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 3% 0;
}

.add-to-basket-quickview .addtoheader img {
	padding: 1%;
	height: auto;
	width: 5%;
	margin: 0 1% 0 2%;
}

.add-to-basket-quickview .addtoheader h1 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	text-align: left;
	display: block;
}

/*.add-to-basket-quickview .prod-info {
	margin: 2% 0;
	float: left;
}*/

.add-to-basket-quickview .prod-info .addtoimage {
	float: left;
	width: 25%;
}

.add-to-basket-quickview .prod-info .addtoimage img {
	width: 100%;
	height: auto;
	display: none;
}

.add-to-basket-quickview .addtotitle span {
	display: none;
}


.add-to-basket-quickview .addtoqty {
	display: none;
}

.add-to-basket-quickview .swiper-container {
	padding: 0 0 5% 0;
}

.add-to-basket-quickview .swiper-slide a {
	color: black;
}

.add-to-basket-quickview .swiper-slide .versionoffertitle {
	/* text-overflow: ellipsis; */
	overflow: hidden;
	font-size: 80%;
	height: 55px;
	display: block;
	text-align: center;
	margin-bottom: 1%;
	/* white-space: nowrap; */
	float: left;
	width: 100%;
	font-size: 70%;
}

.add-to-basket-quickview .swiper-slide .productImage {
	display: block;
	margin: 10% auto;
	height: auto;
	width: 90%;
}

.add-to-basket-quickview .swiper-slide .versionofferprice {
	width: 100%;
	text-align: center;
	display: block;
	margin: 2% 0;
	color: #bf1212;
}


.add-to-basket-quickview .swiper-slide a.addToBas {
	display: block;
	background: #04865c;
	color: white;
	font-weight: bold;
	border: 0;
	font-size: 95%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: left;
	cursor: pointer;
	padding: 1% 0;
	text-align: center;
	text-shadow: none;
	width: 100%;
}


/*.add-to-basket-quickview .swiper-slide a.addToBas span:after {
	content: " \002B";
	color: white;
}

.add-to-basket-quickview .swiper-slide a.addToBas span#remove:after {
	content: " \002D";
	color: white;
}*/

.add-to-basket-quickview span[id*="addtoBasDis"] {
	background: #04865c;
	color: white;
	font-weight: bold;
	border: 0;
	font-size: 95%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	cursor: pointer;
	padding: 1% 0;
	width: 100%;
	display: block;
	clear: both;
	text-shadow: none;
}

.add-to-basket-quickview span[id*="addtoBasDis"]:before {
	content: url(http://www.appliancesdirect.co.uk/files/images/apd/add-success-carousel.png);
}

.add-to-basket-quickview .loading_circle {
	position: absolute;
	top: 35%;
	left: 35%;
}


/* ------ MATRIX OPTIONS PRODUCT PAGE --------- */

#matrixOptions {
	margin-bottom: 0;
	clear: both;
	width: 100%;
	floaT: left;
}

#matrixOptions>div>span {
	width: 100%;
	float: left;
	text-align: center;
	display: block !important;
	margin: 5px 0;
}

#matrixOptions>div>div.ui-select {
	width: 100%;
	float: left;
	margin: 0;
}

#matrixOptions .ui-select #variants-button {
	padding: 10px 0;
	border: none;
	text-shadow: none;
}


/* ///// Call for Price - Search Page ---------------------------------- */

.call-4-price span:first-child {
	color: #333333;
	font-size: 85%;
}


/* MOBILE BASIC CAROUSEL (USER DEFINED OR CATALOG) STYLES */


/* Styles for each tile */

.basiccarousel .swiper-slide .lazy.offerImage {
	width: auto !important;
}

.basiccarousel .swiper-slide {
	box-sizing: border-box;
	padding: 2%;
}

.basiccarousel .swiper-slide .productname {
	text-align: center;
	font-weight: bold;
}

.basiccarousel .swiper-slide .OfferBoxImage .basiccarousel .swiper-slide .OfferBoxImage {
	float: left;
	width: 70%;
	margin: 0% 15%;
}

.basiccarousel .swiper-slide .OfferBoxImage a,
.basiccarousel .swiper-slide .OfferBoxImage a img {
	float: left;
	width: 100%;
}

.basiccarousel .OfferBoxPrice {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: #ee2e24;
	margin-top: 10px;
}

.basiccarousel .FPpercent {
	text-align: center;
	margin-top: 10px;
	color: #949494;
}


.basiccarousel .contenttilecta {
	float: right;
}

.basiccarousel .producttiledescription,
.basiccarousel .producttiledescription p {
	text-align: center;
	font-size: 90%;
}

.basiccarousel .productname a {
	font-size: 80%;
	color: black;
}


/* styles for the swiper box and wrapper */

.basiccarousel {
	float: left;
	width: 100%;
	max-width: 400px;
	border: 1px solid #f3f3f3;
	border-radius: 6px;
}

.basiccarousel .swiper-wrapper {
	margin-bottom: 10px;
}

.basiccarousel .swiper-pagination-bullet {
	margin: 0px 2%;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #5c5c5c !important;
}


/* --------------------------- ///// Top Offers Carousel - Type 1 ///// -------------------------- */

.top-offers-thin {
	margin: 3% 0 5% 0;
}

.top-offers-thin .OfferBox {
	width: auto;
	height: auto;
	border: none;
}

.top-offers-thin .OfferBox:hover {
	background-color: transparent !important;
	opacity: 0.8;
}

.top-offers-thin .OfferBox:hover .OfferBoxPrice {
	background-color: white;
}

.top-offers-thin .OfferBoxPrice {
	height: auto;
	min-height: 0;
	background: white;
	padding: 0;
	border-radius: 0;
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.top-offers-thin a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: black;
}

.top-offers-thin .OfferBoxImage img {
	display: block;
	margin: auto;
}

.top-offers-thin .OfferBoxTitle {
	margin: 5% 0;
	min-height: 80px;
	max-height: 80px;
	overflow: hidden;
	font-size: 90%;
}

.top-offers-thin .offerprice {
	text-align: center;
	width: 100% !important;
	font-size: 120%;
}

.top-offers-thin .FPpercent {
	text-align: center;
	margin: 0 0 5% 0;
	display: block;
	padding: 1% 0;
	text-shadow: none;
	float: left;
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.top-offers-thin .productname {
	position: relative;
}

.top-offers-thin .productname a::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background: linear-gradient(transparent 40px, white);
    background: -webkit-linear-gradient(transparent 40px, white);
    background: -o-linear-gradient(transparent 40px, white);
    background: -moz-linear-gradient(transparent 40px, white); */
}

/* Thin Carousel w/ No Percent Saving */

.thin-np .OfferBoxPrice {
	text-align: left;
	color: #c21c1c;
}

.thin-np .FPpercent {
	display: none !important;
}

/* --------------------------- ///// Top Offers Carousel - Carousel Type 2 ///// -------------------------- */

.top-offers-tile {
	margin: 15px 0 35px 0;
}

.top-offers-tile .swiper-slide {
	border: 1px solid #eee;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.top-offers-tile .OfferBox {
	width: auto;
	height: auto;
	border: none;
}

.top-offers-tile .OfferBox:hover {
	background-color: transparent !important;
	opacity: 0.8;
}

.top-offers-tile .OfferBox:hover .OfferBoxPrice {
	background-color: white;
}

.top-offers-tile .OfferBoxPrice {
	height: auto;
	min-height: 0;
	background: white;
	padding: 0;
	border-radius: 0;
	float: left;
	width: 40%;
	font-size: 80%;
	text-align: left;
	margin: 2% 2%;
}

.top-offers-tile a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: black;
}

.top-offers-tile .OfferBoxImage img {
	float: left;
	width: 125px;
	margin: 0;
}

.top-offers-tile .OfferBoxTitle {
	float: left;
	width: 45%;
	margin: 4% 2% 2% 2%;
	height: 50px;
	font-size: 85%;
	overflow: hidden;
}

.top-offers-tile .OfferBoxTitle .productname {
	position: relative;
}

.top-offers-tile .OfferBoxTitle .productname a::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background: linear-gradient(linear-gradient(rgba(255,255,255,0) 0%, #fff 70px, #fff 100%));
    background: -webkit-linear-gradient(linear-gradient(rgba(255,255,255,0) 0%, #fff 70px, #fff 100%));
    background: -o-linear-gradient(linear-gradient(rgba(255,255,255,0) 0%, #fff 70px, #fff 100%));
    background: -moz-linear-gradient(linear-gradient(rgba(255,255,255,0) 0%, #fff 70px, #fff 100%)); */
}

.top-offers-tile .offerprice {
	text-align: center;
	width: 100% !important;
	font-size: 150% !important;
}

.top-offers-tile .FPpercent {
	text-align: center;
	margin: 3% 2% 0 2%;
	display: block;
	padding: 0.5% 0;
	text-shadow: none;
	float: left;
	width: 45%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 80%;
}

.top-offers-tile .productname {
	position: relative;
}

.top-offers-tile .productname a::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background: linear-gradient(transparent 30px, white);
    background: -webkit-linear-gradient(transparent 30px, white);
    background: -o-linear-gradient(transparent 30px, white);
    background: -moz-linear-gradient(transparent 30px, white); */
}

/* Tile Carousel w/ No Percent Saving */

.tile-np .OfferBoxPrice {
	height: auto;
	min-height: 0;
	background: white;
	float: left;
	margin-left: 2%;
	width: 45%;
	text-align: left;
	color: black;
	font-weight: bold;
}

.tile-np .FPpercent {
	display: none !important;
}

/* --------------------------- ///// Top Offers Carousel - Carousel Type 3 ///// -------------------------- */

.top-offers-large {
	margin: 6% 0;
}

.top-offers-large .swiper-slide {
	border: 1px solid #eee;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.top-offers-large .OfferBox {
	width: auto;
	height: auto;
	border: none;
	padding: 0 5% 0 5%;
}

.top-offers-large .OfferBox:hover {
	background-color: transparent !important;
	opacity: 0.8;
}

.top-offers-large .OfferBox:hover .OfferBoxPrice {
	background-color: white;
}

.top-offers-large .OfferBoxPrice {
	height: auto;
	min-height: 0;
	background: white;
	padding: 0;
	border-radius: 0;
	float: left;
	width: 100%;
	margin: 1% 0 5% 0;
	font-size: 90%;
}

.top-offers-large a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: black;
}

.top-offers-large .OfferBoxImage img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	max-width: 200px;
}

.top-offers-large .OfferBoxTitle {
	float: left;
	width: 100%;
	margin: 1% 1% 0 1%;
	max-height: 80px;
	font-size: 85%;
	height: 80px;
	overflow: hidden;
}

.top-offers-large .OfferBoxTitle .productname {
	position: relative;
}

.top-offers-large .OfferBoxTitle .productname::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background: linear-gradient(transparent 30px, white);
    background: -webkit-linear-gradient(transparent 30px, white);
    background: -o-linear-gradient(transparent 30px, white);
    background: -moz-linear-gradient(transparent 30px, white); */
}

/* .top-offers-large .OfferBoxTitle .productname::after {
    content: "...";    
} */
.top-offers-large .offerprice {
	text-align: left;
	width: 100% !important;
	font-size: 150% !important;
}

.top-offers-large .FPpercent {
	display: none;
}


/* SALE COLOURS */

.top-offers-red .FPpercent {
	background-color: #c21c1c;
	color: white;
}

.top-offers-yellow .FPpercent {
	background-color: #ffde1f;
	color: #1d1d1d;
}

.top-offers-f123 .FPpercent {
	background-color: #4a9c93;
	color: white;
}

.top-offers-bid .FPpercent {
	background-color: #221f73;
	color: white;
}

/* NOW ONLY TEXT */

.top-offers-txt .offerprice:before {
	content: "Now Only: ";
	font-size: 40%;
	text-transform: uppercase;
	width: 30%;
	float: left;
	line-height: normal;
	margin-top: 3%;
}

.top-offers-txt .offerprice {
	text-align: center;
	width: 100% !important;
	font-size: 150% !important;
}

/* Heading CSS */

.topoff-swiper .TOheading {
	width: 100%;
	float: left;
	margin: 20px 0 10px 0px;
}

.topoff-swiper .line {
	float: left;
	width: 15%;
	border-top: 1px solid black;
}

.topoff-swiper .TOmainheading {
	width: 70%;
	float: left;
	text-align: center;
	color: black;
	font-size: 125%;
	margin-top: -4%;
}


/* --------------------------- ///// END ///// -------------------------- */

#reevoomark .customer-service {
	displaY: none !important;
}


.wlSaverrpmobile {
	display: none;
}


/* //////////////////////////////////////// eMessage Lightbox /////////////////////////////////////////// */

#eMessageForm {
	font-size: 14px;
	width: 94%;
	border: none;
}

#eMessageForm ul {
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	margin: 0;
}

#eMessageForm legend {
	display: none;
}

#eMessageForm input[type="submit"]:hover {
	opacity: 0.9;
	cursor: pointer;
}

#eMessageForm label {
	display: none;
}

#eMessageForm li {
	float: left;
	clear: both;
	margin: 5px 0;
	width: 100%;
}

#eMessageForm input[type="submit"] {
	background-color: #04865c;
	border-style: none;
	color: white;
	text-shadow: none;
	border-radius: 3px;
	padding: 4% 0;
	font-size: 80%;
	text-transform: uppercase;
	float: left;
	font-style: normal;
	text-align: center;
	width: 100%;
}


#eMessageForm input[type="submit"]:disabled,
#eMessageForm input[type="submit"][diabled] {
	background-color: grey;
	cursor: default;
}

#eMessageForm input {
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	padding: 2% 5%;
	width: 90%;
	font-size: 4vw;
}

#eMessageForm textarea {
	border-radius: 3px;
	border: 1px solid #cfcfcf;
	width: 90%;
	font-style: italic;
	padding: 1% 5%;
	font-size: 4vw;
	color: #757575;
}

#eMessageForm .question-icon {
	width: 16px;
	height: 16px;
	background-image: url(/images/question-icon.png);
	display: inline-block;
	position: relative;
	top: 3px;
	left: -4px;
}

#txtCounter1 {
	margin: 1% 0;
	font-size: 3vw;
}

.helptxt {
	float: left;
	font-size: 75%;
	clear: both;
	margin: 0;
}

#eMessageForm select {
	border-radius: 3px;
	font-style: italic;
	padding: 1% 5%;
	border: 1px solid #cfcfcf;
	font-size: 4vw;
}

#eMessageForm .header img {
	width: 44%;
	float: left;
	padding-right: 5%;
}

#eMessageForm .header h3 {
	color: #929292;
	float: left;
	margin: 1% 0;
	width: 44%;
	border-left: 2px solid #929292;
	padding: 0 0 0 5%;
	font-size: 4vw;
}

#eMessageForm .header {
	float: left;
	width: 100%;
}

#eMessageForm .liveChat {
	float: left;
	width: 100%;
	margin: 15px 0;
	display: none;
}

#eMessageForm .liveChat a {
	display: block;
}

#eMessageForm .liveChat a:hover {
	cursor: pointer;
	opacity: 0.9;
}

#eMessageForm .liveChat a img {
	width: 100%;
	max-width: 315px;
}

#lblMsg {
	border-radius: 3px;
	float: left;
	background-color: #04865c;
	color: white;
	font-family: gibson_regular, Arial, sans-serif;
	margin: 3% 0 0 0;
	text-shadow: none;
	padding: 2%;
	font-size: 4vw;
	width: 95%;
}

.required {
	float: left;
	clear: both;
	font-size: 75%;
	margin: 2% 0 0 0;
}

.required span {
	color: #ee2e24;
}

/* - - GDPR Checkbox - - */

#eMessageForm .gdpr-checkbox {
	width: 100%;
	float: left;
}

#eMessageForm .gdpr-checkbox input {
	display: inline-block;
	height: 20px;
	width: 20px;
}

#eMessageForm .gdpr-checkbox #marketing_no {
	display: none;
}

#eMessageForm .gdpr-checkbox span {
	display: inline-block;
	width: 88%;
	text-shadow: none;
	font-size: 3.5vw;
}

#eMessageForm .gdpr-checkbox span:nth-of-type(2) {
	display: none;
}

#eMsgLoadingImg {
	background: #757575;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
}

.eMsgFollQA input {
	width: 20% !important;
	float: none !important;
}

.eMsgResFollUp {
	position: relative;
}

#eMsgRes {
	/*height:300px;*/
	/*overflow-y:auto;*/
	padding-bottom: 30px;
	/*border: 2px solid black;*/
}

.eMsgFollFS {
	margin-top: 20px;
}

.eMsgFollQA {
	text-align: center;
	vertical-align: middle;
	border: 2px solid black;
	padding-bottom: 20px;
}

.follRes {
	border-radius: 3px;
	float: left;
	background-color: #04865c;
	color: white;
	margin: 10px 0;
	text-shadow: none;
	padding: 10px;
	font-size: 100%;
	width: 95%;
}


/* End */


/*
.freedelproduct:after {
    content: " to most of the UK" !important;
    color: #797979;
    font-size: 0.9em;
}


.OfferBox .freedelproduct:after {
    font-size: 80%;
    color: #797979;
}
*/

/* /////////////// ----------------- Ex VAT Checkout Fix ---------------- /////////////// */

.baskettotalmobile p {
	margin: 0;
}

.baskettotalmobile p:first-child {
	display: inline-block;
	text-align: left;
	width: auto;
	margin-left: 10px;
}

.baskettotalmobile p:nth-of-type(2) {
	font-size: 50% !important;
}

.baskettotalmobile p:nth-of-type(2):before {
	content: "(";
}

.baskettotalmobile p:nth-of-type(2):after {
	content: ")";
}

/* - - GDPR Checkbox QnA Product Page - - */

.makecomments .gdpr-checkbox {
	width: 100%;
	float: left;
	margin: 10px 0;
}

.makecomments .gdpr-checkbox input {
	float: left;
	margin: 5px 10px 5px 0;
	width: 15px;
	height: 15px;
}

.makecomments .gdpr-checkbox #marketing_no {
	display: none;
}

.makecomments .gdpr-checkbox span {
	margin: 5px 0;
	float: left;
	width: 85%;
}

.makecomments .gdpr-checkbox span:nth-of-type(2) {
	display: none;
}

/* --------------------------- OOS page  -------------------------- */


.oosleft {
	width: 100%;
	position: relative;
}

.oosright {
	width: 100%;
	margin: -50px 0 0;
	position: relative;
}

.oos-mob .jcarousel img {
	display: block;
	width: 70%;
	height: auto !important;
	margin: 5% auto;
}

.oosbackstock {
	width: 100%;
}

.oos-wrapper .jcarousel-pagination {
	display: none;
}

.oos-mob .db-images {
	margin: 0 auto 0px 0 !important;
	min-height: 270px;
}

.oos-wrapper #ProductImages {
	width: 30%;
	margin: 0px 15px 60px;
}

.oos-mob h1 {
	font-size: 95%;
}

.oos-wrapper h2 {
	float: left;
	width: 94%;
	font-weight: normal;
	font-size: 18px;
	border-bottom: 3px solid #221f73;
	color: #221f73;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 3%;
	padding-bottom: 5px;
	margin-top: 10px;
	font-family: gibson_semibold, Arial, sans-serif;
}

.oos-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 3% 3% 3%;
	float: left;
	width: 94%;
}

.oos-wrapper ul li {
	display: inline-block;
	width: 48%;
	margin: 2% 0;
}

.oos-wrapper ul li a h3 {
	color: #000;
	font-size: 3.73333vw;
	margin: 0;
}

.oos-wrapper .add-to-basket-quickview .swiper-slide .versionoffertitle {
	font-size: 3.73333vw !important;
}

.oos-wrapper .add-to-basket-quickview .swiper-slide .versionofferprice {
	font-family: gibson_semibold, Arial, sans-serif;
	font-weight: normal;
}

.oos-wrapper ul li:nth-child(odd) {
	float: left;
}

.oos-wrapper ul li:nth-child(even) {
	float: right;
}

#topcontent .oos-message a:-webkit-any-link {
	color: black !important;
	text-decoration: auto !important;
}

.oos-boughtotday {
	margin: 20px 0;
}

.oos-similarproducts {
	margin: 10px 0 !important;
}

.oos-similarproducts .versionofferprice,
.oos-boughtotday .versionofferprice {
	margin-top: 11px;
}

.oos-similarproducts .swiper-slide img,
.oos-boughtotday .swiper-slide img {
	margin-top: 5px;
}

.oos-wrapper ul li a h3 u {
	text-decoration: none;
}

.oos-wrapper ul li a h3:after {
	content: " »";
	float: right;
}


.oos-similarproducts .versionofferprice,
.oos-boughtotday .versionofferprice {
	margin-top: 11px;
}

.oos-wrapper .swiper-scrollbar {
	display: none;
}

.add-to-basket-quickview .versionofferpricesaving {
	font-size: 85%;
	text-align: center;
	width: 100%;
	float: left;
	font-weight: normal;
}

@media (orientation: landscape) {
	.oos-message {
		top: 20%;
	}
}


/* ////////// Fixing Refinements to the top - Search Results Page ////////// 

.pagecontentmobile {
    position: relative;
}
.sr_resultcount {
    display: none;
}
.refine-section {
    float: left;
    height: auto;
    width: 100%;
}
.fixed-refine {
    top: 0;
    left: 0;
    float: none;
    position: fixed;
    background-color: white;
    z-index: 1500;
    padding: 2%;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.1);
    width: 96%;
}
.fixed-refine .ui-collapsible-content {
    max-height: 70vh;
    overflow-y: auto;
    clear: both;
}
.fixed-refine .ui-collapsible-content .ui-collapsible-set .ui-collapsible-content .mobileyouhaveselected {
    margin-top: 5%;
}
.refine-section #mobileNav {
    display: none;
}
*/

/* -------------------- //////////////////// New Search Page Tile //////////////////// -------------------- */

/* Hide multiple refine options */
.refine-section #mobileNav {
	display: none;
}

/* Tile */
.searchlistitem-discontinued {
	background-color: white !important;
	border: 1px solid #d2d2d2 !important;
	border-radius: 6px;
	font-size: 95%;
	margin: 7% 0 !important;
}


.searchlistitem-discontinued a:focus {
	outline: none;
}

.OfferBoxPrice #financelink .paypalcredit-srtext {
	color: #3388cc;
}

/* Features Section */
.searchlistitem-discontinued .dimensionslist {
	font-size: 90%;
	width: 100% !important;
	float: right;
	text-decoration: none;
	color: #000000;
}

.searchlistitem-discontinued .dimensionslist>ul {
	padding: 3% 5%;
	float: left;
	width: 90%;
	list-style-type: disc;
	font-weight: normal;
}

.searchlistitem-discontinued .dimensionslist li {
	margin: 0.5% 0;
	float: left;
	width: 100%;
	line-height: 1.45em;
}

.searchlistitem .dimensionslist li:nth-of-type(1n+6) {
	display: none;
}

/* Reevoo Reviews */
.searchlistitem .reevoosearch {
	float: left;
	margin: 0 0 5% 0;
	max-width: 50%;
}

.searchlistitem .reevoo {
	float: left;
	margin-top: 2%;
}

.searchlistitem .reevoosearch .reviews {
	width: 175px !important;
	position: relative !important;
}

/* Wishlist Icon */
.searchlistitem .searchlistitemmobile .showwl {
	margin: 4% 2% 0 0;
	width: 45% !important;
	float: left;
}

.searchlistitemmobile .addtowl,
.searchlistitemmobile .addtowl,
.searchlistitemmobile .addtowlqw {
	background: transparent url(/images/wishlist-icon.svg) no-repeat 0 0;
	margin-left: 0;
}

.searchlistitemmobile a.alreadyinwl,
.searchlistitemmobile span.alreadyinwl,
.searchlistitemmobile a.alreadyinwlqw {
	margin-left: 0;
}

/* Price */
.searchlistitem #financelink .infoicon img {
	display: none;
}

/* Signpost Banners */
.searchlistitem>.merchTopofCentreColumn {
	width: 50%;
	float: right;
	margin-right: 0;
	margin-top: 4%;
}

.searchlistitem>.merchTopofCentreColumn img {
	float: left;
	width: 100%;
}

.searchpromobanner {
	float: left;
	width: 100% !important;
}

/* QuickView */
.searchlistitem .searchlistitemmobile .add-to-basket-quickview {
	width: 45%;
	margin: 0 2%;
}

.searchlistitem .add-to-basket-quickview #productQuickView {
	background-color: #efefef;
	color: black;
	border-radius: 6px;
	padding: 5% 0;
	margin: 0;
	width: 100%;
}

.add-to-basket-quickview a {
	text-decoration: none;
}

.add-to-basket-quickview:focus {
	outline: none;
}

.add-to-basket-quickview a:focus {
	outline: none;
}

ul[data-role="listview"] li.ui-btn-up-a {
	border: 0;
}

.searchfinance {
	margin: 2% 0 0 2%;
	font-size: 80%;
	float: left;
	color: #3693d9;
}

.listimagewrap {
	width: 10%;
}

.ui-bar-c.ui-listview-filter {
	background: none;
}

.toggle_container>div>div>div {
	margin-bottom: 0;
}

#sr_facets.ui-content {
	padding: 0 !important;
}

#sr_facets .ui-btn-text {
	text-align: left;
}

#mobileNav h2 {
	margin: 2% 0 0 0;
}

#sr_facets h3 {
	width: 49%;
	float: left;
}

#sr_facets>div>div>h3+div {
	border: 0;
}

#sr_facets h3.youhaveselectedh3 {
	width: 100%;
}

#mobileNav h2 a {
	display: block;
	text-decoration: none;
	height: 100%;
	width: 100%;
	padding: 0% 2% 0% 2%;
	margin-right: 2%;
	font-size: 60%;
	clear: both;
}

#mobileNav ul li {
	list-style-type: none;
}

#mobileNav ul {
	margin: 1% !important;
	padding: 0 !important;
}

.offerpriceexvat {
	font-size: 50%;
}

.regularpricemobile {
	font-size: 50%;
	margin-bottom: 5%;
	color: #444444;
}

.cashbackpricemobile {
	color: #444444;
	font-size: 50%;
	clear: both;
	float: left;
	margin-top: 3%;
}

#OfferBoxDelivery {
	width: 40%;
	float: left;
	margin-top: 2%;
	clear: left;
	padding: 1%;
	background: #6fb01b;
	color: white;
	text-shadow: none;
	font-weight: 200;
	text-align: center;
}


/* moble refinements css: AR */


.fancybox-container {
	z-index: 999999 !important;
}

#mobRefineContent {
	width: 100% !important;
	height: 100%;
	margin: 0 !important;
	padding: 0;
	overflow: visible;
}


#mobRefineContent .attributeImage span {
	color: #a0a0a0;
	font-size: 90%;
}

#mobRefineContent .fbcontent .toggle_container {
	width: 100%;
	float: left;
}


#mobRefineContent .fancybox-close-small {
	right: 8px;
	top: 6px;
	background-color: #dddddd;
	outline: 0;
}

#mobRefineContent .facet-topic {
	font-size: 100%;
	color: #000 !important;
}

/*#mobRefineContent .wrapperAttrSelList .toggle_container {
    margin-bottom: 15px;
}

#mobRefineContent .wrapperAttrSelList > h2 {
    margin: 0 0 16px !important;
}*/

#mobRefineContent .wrapperAttrSelList ul li {
	margin-top: 5px;
	/*margin: 5px 0px;*/
}


#mobRefineContent .filter-top {
	border-top: 1px solid #ccc;
}

#mobRefineContent .filter-top .filter-top-section {
	width: 50%;
	float: left;
}

/* #refine-your-results-section {
    width: 50%;
    display: block;
    clear: both !important;
    margin-bottom: 2% !important;
} */

#mobRefineContent .filter-top h2 {
	border: none;
	margin: 13px 0 0 !important;
	padding: 2px 0 0 0;
}

#mobRefineContent .filter-top a {
	float: right;
	margin-top: 15px;
}

#mobRefineContent .filter-top .fltrByText {
	padding-bottom: 12px;
}

#mobRefineContent .filter-top .refineBtn {
	margin-top: 0px;
}

.ajaxloading-align {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 300px;
	height: 300px;
	text-align: center;
}

.ajaxloading-align .loading-tick-size {
	width: 80px;
}

#mobRefineContent .fbfooter {
	position: -webkit-sticky !important;
	position: sticky !important;
	bottom: 0;
	z-index: 10;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	padding: 2% 4%;
	-webkit-box-shadow: 1px -2px 9px -5px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 1px -2px 9px -5px rgba(0, 0, 0, 0.50);
	box-shadow: 1px -2px 9px -5px rgba(0, 0, 0, 0.50);
}


#mobRefineContent .fbfooter .sticky-btn-wrapper {
	padding: 5px 0;
	display: block;
}


#mobRefineContent .fbfooter .sticky-btn-wrapper #btnProdCount {
	width: 100%;
	padding: 4% 2%;
	background: #04865c;
	color: white;
	font-size: 110%;
	text-align: center;
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	border: none;
}

#mobRefineContent .fbfooter .sticky-btn-wrapper #btnProdCount:after {
	content: " \00bb";
	color: white;
}


#mobRefineContent .fbcontent-wrapper {
	padding: 24px 24px 0 24px;
}


#mobRefineContent .fbcontent .wrapperAttrList ul .linklist a:before {
	content: '';
	float: left;
	margin-top: 0px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 1px solid #ccc;
	height: 18px;
	width: 18px;
	position: relative;
	left: -32px;
	margin-right: -20px;
}


#mobRefineContent .fbcontent .wrapperAttrList input[type='checkbox']:after {
	line-height: 1.3em;
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #ffffff !important;
	border: 1px solid #ccc;
	position: relative;
}

#mobRefineContent .fbcontent .wrapperAttrList input[type='checkbox']:checked:after {
	content: url("/images/greentick.png");
	text-align: center;
}

#mobRefineContent .fbcontent .wrapperAttrList ul .attributeImage {
	margin: 7px 0;
	padding-left: 40px;
}


#mobRefineContent .fbcontent .wrapperAttrList ul .attributeImage a:before {
	content: '';
	float: left;
	margin-top: 0px;
	border: 1px solid #ccc;
	height: 18px;
	width: 18px;
	position: relative;
	left: -35px;
	margin-right: -20px;
}


@media screen and (orientation: landscape) {


	#mobRefineContent .fbfooter {
		margin-left: 54%;
		width: 37%;
		box-shadow: none;
	}

	.ajaxloading-align {
		top: 30%;
	}
}


/* end of moble refinements css */


/* edit z-index of google reviews badge so it doesn't sit on top of aus sticky button: AR */


div[id^='___ratingbadge'] {
	z-index: 9999 !important
}


/* ////////////////////  Product Not Available Pop Out ////////////////////  */

.prod-notavail {
	padding: 0 !important;
	height: auto !important;
}

.prod-notavail #add_to_basket_modal {
	float: left !important;
	border-radius: 6px !important;
	padding: 15px !important;
}

.prod-notavail .addtoheader {
	background-color: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

.prod-notavail #add_to_basket_modal h1 {
	margin: 0 !important;
	font-size: 125% !important;
}

.prod-notavail .addtoproductinfo {
	margin-top: 0 !important;
}

.prod-notavail .product-info {
	margin: 0 !important;
}

.prod-notavail .addtotitle {
	font-weight: normal !important;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 10px;
	padding-left: 0 !important;
	text-align: left !important;
}

.prod-notavail p {
	float: left;
	margin: 1% 0 0 0;
	font-size: 93%;
	text-align: left !important;
}

/* FANCYBOX v3.0.29 OVERRIDES */

.fancybox-loading div {
	display: none;
}

.fancybox-loading {
	background-repeat: no-repeat;
	border: none;
	border-top: none;
	border-radius: initial;
	background-image: url(/Images/ajax-loader.gif);
	-webkit-animation: none !important;
	animation: none !important;
}

/* FANCYBOX v3.0.29 OVERRIDES */

/* -------------------------------------------- discontinued product -------------------------------------------- */

.discontinued-message {
	background-color: #dcdcdc;
	padding: 1px 10px 5px 10px;
	margin: 15px 0 5px;
	color: #000;
	text-shadow: none;
}

.discontinued-message-quickview {
	margin: 30px 0 5px;
}

.discontinued-message p:first-of-type {
	margin: 0 0 10px;
}


.discontinued-message p {
	margin: 5px 0;
	font-size: 12px;
	white-space: normal !important;
	font-size: 14px !important;
}

.discontinued-message img,
.discontinued-quickview img {
	height: 24px;
	width: 24px;
	padding: 0px 0 0;
	position: relative;
	top: 5px;
	left: -2px;
}

.discontinued-quickview {
	padding: 1px 0 0 10px;
	clear: both;
}

.searchlistitem-discontinued a .mobilelistimage img {
	opacity: 0.3;
}


.oos-similarproducts-quickview {
	height: 145px;
}


/* //////////////////////////////////////// WhenBackInStock /////////////////////////////////////////// */

#WhenBackInStock {
	font-size: 14px;
	width: 94%;
	border: none;
}

#WhenBackInStock ul {
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	margin: 0;
}

#WhenBackInStock legend {
	display: none;
}

#WhenBackInStock input[type="submit"]:hover {
	opacity: 0.9;
	cursor: pointer;
}

#WhenBackInStock label {
	display: none;
}

#WhenBackInStock li {
	float: left;
	clear: both;
	margin: 5px 0;
	width: 100%;
}

#WhenBackInStock input[type="submit"] {
	background-color: #04865c;
	border-style: none;
	color: white;
	text-shadow: none;
	border-radius: 3px;
	padding: 4% 0;
	font-size: 80%;
	text-transform: uppercase;
	float: left;
	font-style: normal;
	text-align: center;
	width: 100%;
}


#WhenBackInStock input[type="submit"][disabled] {
	background-color: grey;
	cursor: default;
}

#WhenBackInStock input {
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	padding: 2% 5%;
	width: 90%;
	font-size: 4vw;
}

#WhenBackInStock .e-message-validation-text {
	float: right;
	color: red;
	margin: 0 7px 0px;
}

#WhenBackInStock span.red {
	color: red;
}

#WhenBackInStock .gdpr-checkbox {
	width: 100%;
	float: left;
}

#WhenBackInStock .gdpr-checkbox input {
	display: inline-block;
	height: 20px;
	width: 20px;
}

#WhenBackInStock .gdpr-checkbox #marketing_no {
	display: none;
}

#WhenBackInStock .gdpr-checkbox span {
	display: inline-block;
	width: 88%;
	text-shadow: none;
	font-size: 3.5vw;
}

#WhenBackInStock .gdpr-checkbox span:nth-of-type(2) {
	display: none;
}


.contactdetails .gdprconfirmaction span {
	font-size: 80%;
	float: left;
	width: 85%;
	color: #747474;
}

/*tooltip Box*/

.savings-calculated-tooltip {
	position: relative;
	display: inline-block;
	margin-left: 4px;
	margin-top: 0px;
	top: -2px;
	cursor: pointer;
}

.savings-calculated-tooltip .save-tooltip img {
	position: relative;
	top: 3px;
}

/*tooltip */

.savings-calculated-tooltip .tooltip-new {
	visibility: hidden;
	z-index: 1;
	opacity: .40;
	width: 183px;
	padding: 0 14px;
	background: #333;
	color: #ffffff;
	position: absolute;
	top: -140%;
	left: -25%;
	border-radius: 9px;
	font: 16px;
	transform: translateY(9px);
	transition: all 0.3s ease-in-out;
	box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}


/* tooltip  after*/

.savings-calculated-tooltip .tooltip-new::after {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12.5px 0 12.5px;
	border-color: #333 transparent transparent transparent;
	position: absolute;
	left: 40%;
}

.savings-calculated-tooltip .save-tooltip:hover .tooltip-new {
	visibility: visible;
	transform: translateY(-10px);
	opacity: 1;
	transition: .3s linear;
}


/*bottom*/

.savings-calculated-tooltip .bottom-tooltip .tooltip-new {
	top: 39px;
	left: -97px;
}

.savings-calculated-tooltip .bottom-tooltip .tooltip-new::after {
	top: -10%;
	left: 43%;
	transform: rotate(180deg);
}

/* Reviews on sr product tile */
.searchlistitemmobile .reviews span:last-of-type {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: black;
	text-decoration: none;
	margin-left: 3px;
}


.tilesUnitText {
	font-size: small;
	font-weight: normal;
	color: #656565;
	vertical-align: top;
}

.VersionOfferPriceTiles {
	display: block;
	clear: left;
	font-weight: normal;
	color: #656565;
	margin: 0 auto;
	width: 210px;
	font-size: 3.73333vw;
}

.VersionOfferPriceTilesPrice {
	margin-right: 6px;
	float: left;
}


.tileOfferpriceM2 {
	float: left;
}

.cashbackpricemobileproduct .tilesUnitText {
	vertical-align: baseline;
}

/* slinky styles */

#menupanel {
	position: fixed;
}

/*#menu {
	height:100vh;
}*/

.slinky-menu ul {
	padding: 0;
}

/* end slinky styles */

.swiper-lazy-preloader-image-bg {
	background-color: #333;
	width: 100% !important;
	height: 59% !important;
	top: 20% !important;
	-webkit-animation: none !important;
	animation: none !important;
	left: 0 !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.swiper-lazy-preloader-image-bg:after {
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite !important;
	animation: swiper-preloader-spin 1s steps(12, end) infinite !important;
	width: 35% !important;
	margin: 0 auto !important;
}


/*greying out the AUS which is visible only in edit mode*/
.greyAUS {
	background-color: lightgrey;
}

.greyAUS ul li {
	background-color: lightgrey;
}


/* --------------------------------- Staff Account --------------------------------- */

/* ------ homepage  ------ */

[aria-describedby="staffMsgDialog"] {
	border: none !important;
	background: none !important;
}

.staff-popup-wrapper {
	padding: 5%;
	height: 150px;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
}

#staffMsgDialog {
	background: white;
	border: 1px solid #081a44;
	padding: 0px;
	left: 0px;
	bottom: 0px;
	width: 90%;
	border-radius: 0.3rem;
}

.staff-popup-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#staffMsgDialog h2 {
	font-weight: bold;
	font-family: gibson_regular, Helvetica, Arial, sans-serif;
	font-size: 110%;
	margin: 0;
}

#staffMsgDialog p {
	font-family: gibson_light, Helvetica, Arial, sans-serif;
	font-size: 85%;
	margin-top: 5px;
}

#staffMsgDialog h2,
#staffMsgDialog p {
	color: #000000;
	margin: 8px 0;
	text-shadow: none;
	text-align: center;
}

#staffMsgDialog .closeStaffMsg {
	display: block;
	margin-top: 15px;
	width: 100px;
	text-align: center;
	color: #fff;
	padding: 10px;
	font-weight: normal;
	border-radius: 10px;
}

/* ------ fixed scroll bar ------ */

.accpricemessage {
	color: white;
	font-weight: 500;
	text-align: center;
	float: left;
	width: 100%;
	box-sizing: border-box;
	display: none;
	text-shadow: none;
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	font-size: 85%;
	border-bottom: 1px solid var(--neutral-200);
}
.accpricemessage .staff-message {
	background: rgb(213, 21, 44) !important;
	background: -moz-linear-gradient(90deg, rgba(213, 21, 44, 1) 0%, rgba(198, 61, 115, 1) 70%, rgba(146, 98, 146, 1) 100%) !important;
	background: -webkit-linear-gradient(90deg, rgba(213, 21, 44, 1) 0%, rgba(198, 61, 115, 1) 70%, rgba(146, 98, 146, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(213, 21, 44, 1) 0%, rgba(198, 61, 115, 1) 70%, rgba(146, 98, 146, 1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d5152c", endColorstr="#926292", GradientType=1) !important;
	width: 100%;
	display: block;
	padding: 0.5rem 1rem;
}
.accpricemessage .site-speed {
	margin-top: -1px;
	font-size: 0.8rem;
	color: var(--neutral-800);
	width: 100%;
	display: block;
	padding: 0.5rem;
	background: var(--neutral-100);
}
.accpricemessage .site-speed a {
	border-bottom: 1px dotted var(--neutral-800);
}



/* ------ Checkout  ------ */


.basketcontainer .strikethroughaccountprice {
	text-decoration: line-through;
}

.basketcontainer .accpricesaving {
	color: #DF1818;
	line-height: 0;
	padding-bottom: 15px !important;
}

#staffMsgCheckOutDialog {
	background: rgb(218, 8, 19);
	background: -moz-linear-gradient(90deg, rgba(218, 8, 19, 1) 0%, rgba(194, 74, 138, 1) 50%, rgba(56, 170, 222, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(218, 8, 19, 1) 0%, rgba(194, 74, 138, 1) 50%, rgba(56, 170, 222, 1) 100%);
	background: linear-gradient(90deg, rgba(218, 8, 19, 1) 0%, rgba(194, 74, 138, 1) 50%, rgba(56, 170, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#da0813", endColorstr="#38aade", GradientType=1);
	margin: 0px;
	padding: 0px;
	left: 0px;
	bottom: 0px;
	width: 90%;
}

[aria-describedby="staffMsgCheckOutDialog"] {
	border: none !important;
	background: none !important;
}

#staffMsgCheckOutDialog .staff-popup-content {
	padding: 10px 15px 20px 15px;
}

#staffMsgCheckOutDialog .staff-popup-content p {
	color: #fff;
	font-size: 14px;
	text-shadow: none;
}

#staffMsgCheckOutDialog .staff-popup-content .closeStaffMsg {
	display: block;
	margin-top: 15px;
	width: 100px;
	text-align: center;
	color: #fff;
	padding: 10px;
	font-weight: normal;
	border-radius: 10px;
}

#staffMsgDialog .btn-checkout {
	background-color: #081a44 !important;
	border: 1px solid #081a44 !important;
	color: white;
}

#staffMsgCheckOutDialog .btn-checkout {
	background-color: #04865c !important;
	border: 1px solid #04865c !important;
}

#staffMsgDialog .btn-checkout,
#staffMsgCheckOutDialog .btn-checkout {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgb(0 0 0 / 0%);
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	font-weight: bold;
	cursor: pointer;
	text-shadow: none;
}

#staffMsgDialog .fancybox-close-small,
#staffMsgCheckOutDialog .fancybox-close-small {
	display: none;
}

/* ------ Checkout remove prompt  ------ 

.jc-box {
    left: 2vw !important;
    opacity: 1 !important;
}

    .jc-box:before {
        right: 161px !important;
    }

    .jc-box:after {
        right: 162px !important;
    }

@media (orientation: landscape) {

    .jc-box {
        left: 3.5vh !important;
    }
}

*/

/* ---------- Product Page Thumbnail Images ---------- */
.pagecontentmobile #productpagewrapper #sc_menu_wrapper {
	margin-left: 0;
	width: 100%;
}

.pagecontentmobile .vp_thumb a img {
	width: 56px;
	height: auto;
	/*max-width: 100%;*/
}

.pagecontentmobile .vp_thumb .popUpVideoImage img {
	width: auto;
	margin-top: 0.4rem;
}

.divPopUpPlayVideo-thumbswrapper .swiper-slide.vp_thumb {
	min-height: 0 !important;
	margin-bottom: 1rem;
	max-width: 69px !important;
	margin-right: 0.5rem;
}

.swiper-slide.vp_thumb .vp-play-button,
.vp_thumbVidLink .vp-play-button,
.popUpVideoImage .vp-play-button {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
}

.vid-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffffb0;
}

.pagecontentmobile #sc_menu_wrapper .vp_thumb a {
	display: block;
}

#db_images .jcarousel-pagination {
	display: none;
}

#db_images {
	margin: 0 auto 10px 0 !important;
}


/* new videos on search and product pages */

.mobilelistimage .vp_thumb {
	position: absolute;
	width: 38px;
	top: 7px;
	left: 0;
	border: none;
	background: white;
	border-radius: 5px;
}

.mobilelistimage #popVideo img,
.mobilelistimage #popVideo span {
	display: block;
}


.mobilelistimage #popVideo img {
	width: 30px;
	margin: 0 auto;
}

.mobilelistimage #popVideo span {
	font-size: 80%;
	text-align: center;
}


#divPopUpVideos,
#divPopUpVideosKey {
	padding: 0;
}

#divPopUpVideos a,
#divPopUpVideosKey a {
	text-decoration: none;
}


#divPopUpVideos h1,
#divPopUpVideosKey h1 {
	font-family: gibson_semibold, Arial, sans-serif;
	margin: 0 0 10px;
	font-size: 100%;
}

#divPopUpVideos h2,
#divPopUpVideosKey h2 {
	font-family: gibson_semibold, Arial, sans-serif;
	margin: 0px 0 15px;
	font-size: 100%;
	color: #fff;
	text-shadow: none;
}


#divPopUpVideos .divVideoPopTitle,
#divPopUpVideosKey .divVideoPopTitleKey {
	font-family: gibson_semibold, Arial, sans-serif;
	padding: 15px 15px 0 15px;
	font-size: 140%;
}


#divPopUpVideos .divPopUpPlayVideo-wrapper,
#divPopUpVideosKey .divPopUpPlayVideo-wrapper {
	padding: 5px 15px 15px 15px;
}

#divPopUpVideos #divPopUpPlayVideo,
#divPopUpVideosKey #divPopUpPlayVideoKey {
	width: 100%;
	height: 280px;
}

#divPopUpVideos .divPopUpPlayVideo-thumbswrapper {
	display: flex;
}

#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper {
	float: left;
	width: 100%;
	background: rgb(56, 170, 222);
	background: -moz-linear-gradient(90deg, rgba(56, 170, 222, 1) 0%, rgba(18, 66, 106, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(56, 170, 222, 1) 0%, rgba(18, 66, 106, 1) 100%);
	background: linear-gradient(90deg, rgba(56, 170, 222, 1) 0%, rgba(18, 66, 106, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#38aade", endColorstr="#12426a", GradientType=1);
	padding: 15px;
	box-sizing: border-box;
	height: 100%;
}

#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb {
	width: 100%;
	margin-right: 0;
	float: left;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
	border-bottom: 2px solid #ffffff;
	padding-bottom: 5px;
}

#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb>a {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
}

#divPopUpVideos .divPopUpPlayVideo-thumbswrapper .vp_thumb>a {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#divPopUpVideos .divPopUpPlayVideo-thumbswrapper .vp_thumb:hover,
#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb:hover {
	opacity: 0.9;
}


#divPopUpVideos .divPopUpPlayVideo-thumbswrapper .vp_thumb:nth-child(odd),
#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb:nth-child(even) {
	margin-left: 0;
}

#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb>a>img {
	float: left;
	width: 20%;
	height: 50px;
}


#divPopUpVideos .pVideoCarTitle,
#divPopUpVideosKey .pVideoCarTitleKey {
	float: left;
	margin: 5px 0 5px;
	font-size: 90%;
	margin-left: 10px;
	color: #fff;
	font-family: gibson_semibold, Arial, sans-serif;
	text-shadow: none;
}


#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb .vp-play-button {
	position: absolute;
	z-index: 100;
	width: 25px;
	left: 6.5%;
	top: 1%;
	height: 100%;
}

@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {

	#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb .vp-play-button {
		left: 6%;
		top: 0%;
	}
}

@media (orientation: landscape) {}

@media only screen and (device-width: 568px) and (device-height: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

	#divPopUpVideosKey .divPopUpPlayVideo-thumbswrapper .vp_thumb .vp-play-button {
		left: 5%;
		top: 0%;
	}
}

.prodtitleArea #ProductTitle .popVideoKey {
	color: #0278c0 !important;
	border-bottom: 1px dotted;
	float: none !important;
	text-decoration: none;
	font-weight: normal;
}


.popUpVideoImage .vp-play-button {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
}

.popUpVideoImageContainerMobile {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
}

.popUpVideoImageContainerMobile img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
}

.popUpVideoImageContainer .vp-play-button-container::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border-radius: 50%;
	z-index: 9998 !important;
}
.popUpVideoImageContainer .vp-play-button-container-main::before  {
	width: 80px;
	height: 80px;
}
.popUpVideoImageContainer .vp-play-button-container-thumb::before,
.vp_thumbVid .vp_thumbVidLink .popUpVideoImageContainer .vp-play-button-container-thumb::before {
	width: 30px;
	height: 30px;
}

.popUpVideoImageContainer .vp-play-button-container .vp-play-button-overlay {
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	border-radius: 50%;
	background-color: transparent;
	z-index: 10000 !important;
}
.popUpVideoImageContainer .vp-play-button-container .vp-play-button-overlay-main {
	border: 10px solid white;
	width: 81px;
	height: 81px;
}
.popUpVideoImageContainer .vp-play-button-container .vp-play-button-overlay-thumb,
.vp_thumbVid .vp_thumbVidLink .popUpVideoImageContainer .vp-play-button-container .vp-play-button-overlay-thumb {
	border: 5px solid white;
	width: 32px;
	height: 32px;
}

.popUpVideoImageContainer .vp-play-button-container .vp-play-button {
	color: var(--light-blue-500) !important;
}

.popVideoKey {
	color: #0278c0 !important;
	border-bottom: 1px dotted;
	float: none !important;
	text-decoration: none;
}


.popVideoKey span {
	background-image: url('/images/play-video-icon.svg');
	width: 11px;
	height: 11px;
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-left: 3px;
}


.db-images #popVideo span {
	position: absolute;
	left: 6px;
	top: 45px;
	z-index: 10;
	color: #0278c0;
	background-color: #fff;
	padding: 4px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.pVideoCarTitle {
	margin: 0;
}

.pVideoCarTitleKey {
	margin: 5px 0 0;
	float: left;
	font-size: 85%;
}

span.proddesctitle a {
	width: auto !important;
}

/*#imagecarousel {
    padding-top: 10px;
    border-top: 1px dotted #c3c3c3;
    border-bottom: 1px dotted #c3c3c3;
    background: white;
    background: linear-gradient(#f3f3f3, white 7%, white);
    background: linear-gradient(#f3f3f3, white 7%, white 87%, #f3f3f3);
    width: 104%;
    margin-left: -2%;
}

    #imagecarousel .swiper-slide {
        box-sizing: border-box;
        padding: 0px 10px;
    }

        #imagecarousel .swiper-slide a {
            text-decoration: none;
        }


    #imagecarousel .productImage {
        margin: 0 auto;
        display: block;*/
/*width:77%;*/
/*height: auto;*/
/*margin: 10% auto*/
/*0 11.5%*/
/*;
    }

   

    #imagecarousel .swiper-pagination {
        display: none;
    }


    #imagecarousel h3.view-all a {
        color: black;
    }*/

.imgKeyVideo {
	width: 75px;
	height: 50px;
}


#reassurance-mob {
	height: 0;
	overflow: hidden;
	float: none !important;
}

.tp-widget-wrapper {
	height: auto !important;
}

.pagecontentmobile {
	border: 0 !important;
}


div.pagecontentmobile.ui-content.ui-body-none {
	padding: 2%;
	width: 96%;
}


.ui-btn-active:visited,
.ui-btn-active:hover {
	color: black !important;
	border: 1px solid #dddddd;
	/* background: #dddddd !important; */
	text-shadow: none;
}

#reassurancemobile {
	float: left;
	background: #221f73;
	color: white;
	font-size: 80%;
	font-weight: 700;
	text-shadow: none;
	width: 100%;
	text-align: center;
	padding: 1% 0%;
}

/* SIM Related CSS */

.sr-mon-txt {
	color: #ee2e24 !important;
}

.search-sim-p {
	color: black;
	font-size: 14px;
}

.fancybox-container #productpagewrapper span.VersionOfferPrice {
	width: 170px;
}

#ck-section-summary-content .tooltip .tooltiptext {
	top: 20px;
	left: -90px;
}

.divCreditCheck .tooltip .tooltiptext {
	top: -195px !important;
	left: -40px;
	padding: 10px;
	width: 265px;
}

#simCardSuccess {
	display: block;
	text-align: center;
	width: 100%;
	margin: 10% auto;
	background-color: white;
}

#simCardSuccess #succMsg {
	border: 1px solid #0a9d6c !important;
	border-radius: 6px;
	padding: 4%;
	font-family: 'gibson_semibold', Arial, sans-serif;
	font-size: 18px;
	color: #0a9d6c;
	display: block;
	width: 90%;
	margin: 0 auto;
}

.sim-active-shopnow {
	float: left;
	width: 100%;
	clear: both;
	margin: 10% 0;
	background-color: #f5f5f5;
	padding: 0 0 5% 0;
}

.sim-active-shopnow h2 {
	font-family: 'gibson_semibold', Arial, sans-serif;
	font-size: 18px;
}

.sim-active-shopnow ul {
	float: left;
	width: 100%;
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.sim-active-shopnow ul li {
	float: left;
	width: 45%;
	background: white;
	margin: 1%;
	padding: 1%;
}

.sim-active-shopnow ul li a {
	color: black;
}

.sim-active-shopnow ul li a:hover {
	opacity: 0.8;
}

.sim-active-shopnow ul li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.sim-active-shopnow ul li span {
	font-family: 'gibson_regular', Arial, sans-serif;
	font-size: 16px;
	margin: 5px 0;
}

#simCardFailure {
	text-shadow: none;
	display: block;
	text-align: center;
	width: 90%;
	margin: 10% auto;
	background-color: white;
	border-radius: 6px;
	border: 1px solid #ed1c24;
	padding: 4%;
}

#simCardFailure #FailMsg {
	border: none !important;
	border-radius: 6px;
	padding: 5px 0;
	margin: 0;
	font-family: 'gibson_semibold', Arial, sans-serif;
	font-size: 18px;
	color: #ed1c24;
}

.simfail-call {
	font-family: 'gibson_semibold';
	font-size: 18px;
	margin: 15px auto;
	background: #f5f5f5;
	padding: 17px;
	width: 75%;
	border-radius: 6px;
}

.simfail-call .helpline {
	margin-left: 5px;
}

/* SIM Card Activation Page */

#simCardActivationForm {
	margin: 5% 0 0 0;
}

.errorActMsg {
	color: red;
}

.simCardActivationHeading {
	color: white;
	font-family: 'gibson_semibold', Arial, sans-serif;
	font-size: 24px;
	text-align: center;
	background: rgb(67, 51, 176);
	background: -moz-linear-gradient(51deg, rgba(67, 51, 176, 1) 0%, rgba(8, 26, 68, 1) 100%);
	background: -webkit-linear-gradient(51deg, rgba(67, 51, 176, 1) 0%, rgba(8, 26, 68, 1) 100%);
	background: linear-gradient(51deg, rgba(67, 51, 176, 1) 0%, rgba(8, 26, 68, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4333b0", endColorstr="#081a44", GradientType=1);
	color: white;
	display: block;
	padding: 10% 0;
	text-shadow: none;
}

#simCardActivationForm .ui-input-text {
	border: none;
}

#simCardActivationForm>p,
#simCardActivationForm>div {
	float: left;
	clear: both;
	width: 100%;
	margin: 1% 0;
}

#simCardActivationForm select,
#simCardActivationForm input {
	display: block;
	margin: 0 auto;
	border-radius: 6px;
	border: 1px solid #d0d0d0;
	padding: 5px;
	background-color: #f5f5f5;
}

#simCardActivationForm #simNetworksSel-button {
	background: #f5f5f5 !important;
	border: 1px solid #d0d0d0 !important;
	width: 83% !important;
	border-radius: 6px !important;
	color: black;
	font-family: 'gibson_regular', Arial, sans-serif !important;
	font-size: 100% !important;
}

#simCardActivationForm #simSpendingCapSel-button {
	background: #f5f5f5 !important;
	border: 1px solid #d0d0d0 !important;
	width: 96% !important;
	border-radius: 6px !important;
	color: black;
	font-family: 'gibson_regular', Arial, sans-serif !important;
	font-size: 100% !important;
	padding: 6px;
}

#simCardActivationForm #simNetworksSel-button {
	padding: 6px 30px;
}

#simCardActivationForm p:last-of-type .ui-btn {
	background: #04865c;
	color: white;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	border: none;
	font-size: 18px;
	padding: 5px 30px;
	font-family: 'gibson_semibold', Arial, sans-serif !important;
	width: 50%;
	display: block;
	margin: 0 auto;
	text-shadow: none;
	float: none;
}

#simCardActivationForm a[data-src*="#spendcap-prop"],
#simCardActivationForm a[data-src*="#paccode-prop"] {
	display: block;
	margin: 10px 0 0 0;
	font-style: italic;
	color: #3a3838;
	text-decoration: underline;
	cursor: pointer;
}

#simCardActivationForm a[data-src*="#spendcap-prop"]:after,
#simCardActivationForm a[data-src*="#paccode-prop"]:after {
	content: "?";
}

#paccode-prop h2,
#spendcap-prop h2 {
	font-family: 'gibson_semibold', Arial, sans-serif;
	margin: 5px 0;
}

/* Credit Check */

#simCardCreditCheckDiv {
	background-image: url(//www.buyitdirect.co.uk/files/images/credit-check-form-img.png);
	background-repeat: no-repeat;
	background-position: 210px -100px;
}

.basketmobile .divCreditCheck .creditCheckButton {
	background: #009fe3 !important;
	color: white;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 6px;
	border: none;
	width: 100% !important;
	float: none !important;
	margin: 1rem 0 0 0 !important;
	display: block;
	margin-bottom: 5%;
	text-align: center;
	-webkit-appearance: none;
	padding: 3% 0;
	font-family: 'gibson_semibold', Arial, sans-serif;
}

.divCreditCheck .tooltip {
	clear: both;
	width: 210px;
	margin: 10px auto;
	display: block;
	float: none;
	text-decoration: underline;
	font-size: 90%;
	text-align: center;
	font-style: italic;
}

#simCardCreditCheckDiv .fancybox-close-small {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 0;
	margin: 0;
	width: 30px !important;
	height: 30px;
	font: 21px/1 Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #888;
	font-weight: 300 !important;
	text-align: center;
	border-radius: 50% !important;
	border-width: 0;
	cursor: pointer;
	background: #fff;
	transition: background .2s;
	box-sizing: border-box !important;
	z-index: 2;
}

#simCardCreditCheckForm fieldset {
	border: none;
}

#simAcceptancePara {
	float: left;
	width: 100%;
}

#simAcceptancePara input[type="checkbox"] {
	float: left;
	margin-right: 10px;
	width: 13px;
}

#simAcceptancePara label {
	float: left !important;
	font-size: 100% !important;
	width: 85% !important;
	margin: 0 !important;
	clear: none !important;
}

#simCardCreditCheckForm h1,
#simCardCreditCheckForm h2 {
	font-family: 'gibson_semibold', Arial, sans-serif;
	margin: 4% 0;
	float: left;
	clear: both;
	font-size: large;
}

#simCardCreditCheckForm label,
#simCardCreditCheckForm input {
	font-family: gibson_regular, Arial, sans-serif;
	font-weight: normal;
	float: left;
	clear: both;
}

#simCardCreditCheckForm label {
	font-size: 115%;
	margin: 10px 0;
}


#simCardCreditCheckForm input {
	border-radius: 6px;
	border: 1px solid #d0d0d0;
	padding: 5px;
	background-color: #f5f5f5;
}

#simCardCreditCheckForm #simCardSubmit {
	background: #04865c;
	color: white;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	border: none;
	font-size: 115%;
	padding: 5px 0;
	font-family: 'gibson_semibold', Arial, sans-serif;
	margin-top: 5%;
	cursor: pointer;
	font-weight: normal;
	float: left;
	clear: both;
	width: 99%;
}

#simCardCreditCheckForm label[for*="simAccountHolder"] {
	margin-top: 0;
}

#simCardCreditCheckForm input {
	width: 95%;
}

#simCardCreditCheckForm #simDOB {
	width: 50%;
}

#simCardCreditCheckForm .error {
	color: #d12d26;
	margin-top: 10px;
	font-size: 90%;
}

#simCardCreditCheckForm .ui-input-text {
	border: none;
}

#simCardCreditCheckSuccess h2 {
	font-family: 'gibson_semibold', Arial, sans-serif;
	margin: 3% 0;
	text-align: center;
}

#simCardCreditCheckSuccess .checkout {
	width: 180px;
	float: none;
	background: #04865c;
	text-shadow: none;
	border-radius: 6px;
	text-align: center;
	padding: 3% 0;
	display: block;
	margin: auto;
}

#simCardCreditCheckSuccess .checkout a {
	color: white;
}

#simCardCreditCheckFailure h2 {
	font-family: 'gibson_semibold', Arial, sans-serif;
}

#simCardCreditCheckFailure h4 {
	font-family: 'gibson_regular', Arial, sans-serif;
	font-weight: normal;
	margin-top: 10px;
}

#simCardCreditCheckFailure .checkout {
	width: 75%;
	display: block;
	margin: 2% auto;
	border-radius: 6px;
	text-align: center;
	padding: 3% 0;
}

#simCardCreditCheckFailure .checkout a {
	font-family: 'gibson_semibold', Arial, sans-serif;
	text-shadow: none;
	font-size: 18px;
}

#simCardCreditCheckFailure .checkout:nth-of-type(1) {
	background-color: #eeeeee;
}

#simCardCreditCheckFailure .checkout:nth-of-type(2) {
	background-color: #04865c;
}

#simCardCreditCheckFailure .checkout:nth-of-type(1) a {
	color: black;
}

#simCardCreditCheckFailure .checkout:nth-of-type(2) a {
	color: white;
}

#simCardActivationForm p .ui-btn {
	border-radius: 6px !important;
	border: 1px solid #d0d0d0;
	padding: 5px;
	background-color: #f5f5f5;
	color: black;
	font-family: 'gibson_regular' !important;
	font-size: 100%;
	float: left;
	margin-bottom: 5%;
	width: 96%;
}


@media (orientation: landscape) {
	#simCardCreditCheckDiv {
		background-position: 500px -100px;
	}
}

/* BID Group Footer */

.mobilefooter .bidgroup-info .b-row>div {
	height: 100px;
}

.bid-group-btn img {
	vertical-align: bottom;
	height: 20px;
	margin-left: 2%;
	width: auto;
}

.mobilefooter .bidgroup-info a:after {
	content: "" !important;
}

.mobilefooter .bidgroup-info div span {
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}

.mobilefooter .bidgroup-info .logo {
	height: 20px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.mobilefooter .bidgroup-info .ol .logo, .mobilefooter .bidgroup-info .bb .logo, .mobilefooter .bidgroup-info .ld .logo {
	height: 25px;
}

.mobilefooter .bidgroup-info .apd .logo {
	height: 24px;
}

.mobilefooter .bidgroup-info {
	border-bottom: 1px dotted rgb(142, 142, 142);
}

.mobilefooter .bidgroup-info .button-small {
	padding: 0.2rem 1rem !important;
}

.mobilefooter .bidgroup-info .button-white-outline:focus,
.mobilefooter .bidgroup-info .button-white-outline:active,
.mobilefooter .bidgroup-info .button-white-outline:hover {
	color: #081044 !important;
	border: 1px solid #626262;
}

.mobilefooter .bidgroup-info a {
	color: white !important;
	font-weight: normal !important;
	width: auto !important;
	float: none !important;
	margin: initial !important;
}

.mobilefooter .bidgroup-info .b-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mobilefooter .bidgroup-info .bb {
	background: rgb(27, 189, 194);
	background: -moz-linear-gradient(72deg, rgba(27, 189, 194, 1) 0%, rgba(27, 44, 63, 1) 100%);
	background: -webkit-linear-gradient(72deg, rgba(27, 189, 194, 1) 0%, rgba(27, 44, 63, 1) 100%);
	background: linear-gradient(72deg, rgba(27, 189, 194, 1) 0%, rgba(27, 44, 63, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bbdc2", endColorstr="#1b2c3f", GradientType=1);
}

.mobilefooter .bidgroup-info .dd {
	background: rgb(51, 51, 51);
	background: -moz-linear-gradient(72deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(72deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(72deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr="#000000", GradientType=1);
}

.mobilefooter .bidgroup-info .apd {
	background: linear-gradient(to left, #081a44, #0f2a5a, #153c70, #194e86, #1a619d, #1a75b5, #178acc, #0e9fe3);
}

.mobilefooter .bidgroup-info .ld {
	background: linear-gradient(to left, #c5000c, #cb0410, #d00913, #d60e17, #dc121a, #e1151d, #e71921, #ed1c24);
}

.mobilefooter .bidgroup-info .f123 {
	background-color: #3fb498;
}

.mobilefooter .bidgroup-info .ol {
	background-color: #1edcca;
}

.mobilefooter .bidgroup-info .sd,
.mobilefooter .bidgroup-info .acd {
	display: none;
}

/* Smaller iPhones */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

	.mobilefooter .bidgroup-info .b-row>div {
		height: 90px;
	}

	.mobilefooter .bidgroup-info .font-size-07 {
		font-size: 0.65rem !important;
	}
}

.popupDocExpiryMsg {
	text-align: center;
	color: white;
	border-radius: 15px;
	background: rgb(218, 8, 19);
	background: -moz-linear-gradient(120deg, rgba(218, 8, 19, 1) 0%, rgba(56, 170, 222, 1) 100%);
	background: -webkit-linear-gradient(120deg, rgba(218, 8, 19, 1) 0%, rgba(56, 170, 222, 1) 100%);
	background: linear-gradient(120deg, rgba(218, 8, 19, 1) 0%, rgba(56, 170, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#da0813", endColorstr="#38aade", GradientType=1);
}

.popupDocExpiryMsg p {
	text-align: center;
}


.image_thumb {
	float: left;
	border: 1px solid rgba(116, 116, 116, 0.6) !important;
}

.image_thumb_swatches {
	float: none !important;
}

.image_thumb:hover {
	border: 1px solid #000 !important;
	color: black;
}

.selectedThumb {
	border: 2px solid #04865c !important;
	/*float: left;*/
}

.selectedPriceColor {
	color: #04865c !important;
	/*float: left;*/
	/*margin-right: 2px;*/
}

.image_thumb_color {
	/*float: left;*/
	/*border: 1px solid rgba(196,196,196,0.6);*/
	margin-right: 2px;
}

.image_thumb_color:hover {
	border: 1px solid #333;
	color: black;
}


/* -- Mini Bag -- */

/* -- Variations -- */

.searchlistitemmobile .sr-variants {
	padding: 0.2rem !important;
	margin-top: -35px;
	z-index: 10;
	margin-bottom: 2%;
	width: 100%;
	display: flex;
	justify-content: center;
}

.searchlistitemmobile .sr-variants .ProductVariantsList {
	margin-bottom: 0 !important;
	justify-content: center;
}

.ProductVariantsList .selected {
	border: 1px solid #04865c !important;
}

.ProductVariantsList .variation-dropdown,
#colour-variation-drop {
	min-width: 80%;
}

div.ProductVariantsList span {
	line-height: normal !important;
	float: none !important;
}

.unavailableThumb {
	background-color: #eeeeee !important;
	filter: grayscale(100%);
	border: 1px solid #ececec !important;
}

.unavailableThumb span,
.unavailableThumb figcaption {
	color: #747474;
}

.unavailableThumb:hover span,
.unavailableThumb:hover figcaption {
	color: #000;
}

.unavailableThumb img {
	opacity: 0.5;
}

.unavailableThumb:hover img {
	opacity: 1;
}

.unavailableOption {
	color: #5c5c5c !important;
}


.ProductVariants .selectedThumb .figure-img {
	padding-bottom: 2px !important;
}

/* -- Product Page Variations -- */
#productpagewrapper .ProductVariantsList .figure-img {
	border: 1px solid #bcbcbc;
}

/*.ProductVariantsList .variation-link {
	width: 40% !important;
}*/

.ProductVariants .selectedThumb {
	border: 2px solid #04865c !important;
}

.selectedPriceColor {
	color: #04865c;
	/*font-family: gibson_semibold, sans-serif !important;*/
}

/* -- Variations END -- */

/* -- Hide Member Pricing -- */
.regularVariantPrice,
.memberVariantPrice,
.regularRefurbPrice,
.memberRefurbPrice,
.regularLinkedAccPrice,
.memberLinkedAccPrice,
.regularRefurbPrice,
.memberRefurbPrice {
	display: none;
}

/* -- Upsell -- 
.upsell-product {
    display: flex;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 2%;
}

.upsell-product-content-left {
    float: left;
    height: 100%;
    width: 75%;
    text-align: left;
}

.upsell-product-content-right {
    float: left;
    height: 100%;
    width: 25%;
    text-align: right;
}
 -- Upsell END -- */

/* -- Slide Out Mini Bag - ab test -- */
#miniBagSlider {
	background-color: white;
	z-index: 99999999999 !important;
	width: 90% !important;
}

.slide-reveal-overlay {
	background-color: rgba(0, 0, 0, 0.8) !important;
}

#miniBagSlider .add-to-basket-quickview {
	border: none !important;
}

#miniBagSlider .add-to-basket-quickview .swiper-wrapper {
    padding-bottom: 0;
    height: auto !important;
}

#miniBagSlider .add-to-basket-quickview .tab-item {
    border: 1px solid transparent;
    padding: 12px 0;
	text-align: center;
	width: 50%;
}

#miniBagSlider .add-to-basket-quickview .tab-item::before  {
    content: none;
}

#miniBagSlider .add-to-basket-quickview .tab-item.active,
#miniBagSlider .add-to-basket-quickview .tab-item.active:hover {
    background: transparent !important;
    color: #071a44 !important;
    border: 1px solid var(--neutral-200);
}

#miniBagSlider .add-to-basket-quickview .tab-item:hover {
    background: transparent !important;
    color: #333 !important;
    cursor: pointer;
}

#miniBagSlider .add-to-basket-quickview .tab-content-wrapper {
    border-radius: 0 0 0.3rem 0.3rem;
}

#miniBagSlider .add-to-basket-quickview .tab-content li + li {
	margin-top: 16px;
}

#miniBagSlider .add-to-basket-quickview .fancybox-close-small {
	top: 5px !important;
	left: -10% !important;
}

#miniBagSlider .add-to-basket-quickview .addToBas {
	display: none;
}

#miniBagSlider #miniBagCloseBtn {
	color: #fff;
	background: none;
}


.strikethroughaccprice {
	text-decoration: line-through;
}


#miniBagSlider .basketPopUpProducts .addAcc label {
	margin: 0;
}

#miniBagSlider .basketPopUpProducts .addAcc label:before {
	content: '';
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
	width: 25px;
	display: block;
	cursor: pointer;
	border: 1px solid #979797;
	background-color: #fff;
}

#miniBagSlider .basketPopUpProducts .addAcc label.mbSelected:before {
	content: '';
	background-image: url(/Styles/basket/checkbox-checked.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0;
	height: 25px;
	width: 25px;
	display: block;
	cursor: pointer;
	border: 1px solid #04865c;
}

#miniBagSlider .add-to-basket-quickview .accList .earliestDelivery, #miniBagSlider .add-to-basket-quickview .accList .cutoffcountdown {
	display: none !important;
}

#miniBagSlider .add-to-basket-quickview>.checkout-bar {
	bottom: 0;
	-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.15);
	box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.15);
}

#miniBagSlider .add-to-basket-quickview {
	padding: 0 !important;
	overflow: hidden;
	margin: 0;
	width: 100%;
	overflow-y: auto;
	height: calc(100% - 170px);
}

.searchlistitemmobile .sr-variants .ProductVariants_new {
	padding: 3px 5px !important;
	width: auto;
	border: 1px solid #d6d6d6;
}


/* - - - Hide Wishlist/ Compare - - - */
#menupanel #viewWLMOBLI,
#menupanel #viewRVMOBLI {
	display: none;
}

.searchlistitem .showwl {
	display: none;
}

.p2cmenu #wlMenu,
.p2cmenu #rvMenu {
	display: none;
}

.mobilefooter .account-info li:nth-of-type(3),
.mobilefooter .account-info li:nth-of-type(4) {
	display: none;
}

.prodDataSheetImage {
	content: url('/images/greentick.png');
}


/* ---------------------------- B2B credit application ---------------------------- */

/* -- header steps -- */

#b2bCreditCnt .header svg {
	width: 100%;
	height: 30px;
}

#b2bCreditCnt .header .numberCircle {
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: #bcbcbc;
	color: #fff;
	margin: 0 auto;
	line-height: 180%;
	margin-bottom: 0.5rem;
}

#b2bCreditCnt .header .border-light-grey {
	border-color: #ececec;
}


.activeb2bTab {
	background-color: #04865C;
	color: #fff !important;
	font-weight: bold;
	display: block !important;
}


#b2bCreditCnt .stepheader .step-1 {
	width: 46%;
}

#b2bCreditCnt .stepheader .step-2 {
	width: 56%;
}

#b2bCreditCnt .stepheader .step-3 {
	width: 66%;
}

#b2bCreditCnt .stepheader .step-4 {
	width: 76%;
}


#b2bCreditCnt .stepheader .step-5 {
	width: 86%;
}


/* -- intro content -- */
#b2bCreditCnt #b2bIntroContent .b2bIntroHead {
	font-size: 6rem;
}

#b2bCreditCnt #b2bIntroContent .icon-c-clock {
	background-image: url('/images/icon-clock-15.svg');
	width: 25px;
	height: 25px;
	vertical-align: bottom;
	margin-right: 0.5rem;
	background-repeat: no-repeat;
	background-size: 100%;
}

#b2bCreditCnt #b2bIntroContent .padding-top-10 {
	padding-top: 10rem;
}

#b2bCreditCnt #b2bIntroContent .padding-bottom-10 {
	padding-bottom: 10rem;
}

/* -- steps -- */


#b2bCreditCnt #b2bStepsContent label {
	display: block;
	font-family: gibson_semibold, Arial, Helvetica, sans-serif, Arial, sans-serif;
}


#b2bCreditCnt #b2bStepsContent input::placeholder {
	color: #bcbcbc;
}

#b2bCreditCnt #b2bStepsContent input:hover,
#b2bCreditCnt #b2bStepsContent input:focus,
#b2bCreditCnt #b2bStepsContent select:hover,
#b2bCreditCnt #b2bStepsContent select:focus {
	outline: 2px solid #04865C;
	border-color: transparent !important;
}

#b2bCreditCnt #b2bStepsContent input.input-validation-error {
	outline: 2px solid #c5000c;
	border-color: transparent !important;
}

#b2bCreditCnt #b2bStepsContent .field-validation-error {
	margin-top: 0.5rem;
	display: block;
}

#b2bCreditCnt #b2bStepsContent #b2bCredExisCust,
#b2bCreditCnt #b2bStepsContent #b2bChkTradingName,
#b2bCreditCnt #b2bStepsContent #b2bChkRegAddress,
#b2bCreditCnt #b2bStepsContent #b2bAccChkCntDetails,
#b2bCreditCnt #b2bStepsContent #b2bYes,
#b2bCreditCnt #b2bStepsContent #b2bNo,
#b2bCreditCnt #b2bStepsContent #b2bTerms {
	width: 20px !important;
	height: 20px !important;
	vertical-align: sub;
	margin-left: 0;
	outline: 1px solid #bcbcbc;
}

#b2bCreditCnt #b2bStepsContent .b2bReqCredLimit #b2bInpRangeCredLimit,
#b2bCreditCnt #b2bStepsContent .b2bReqCredLimit #b2bInpRangeCredLimit:hover,
#b2bCreditCnt #b2bStepsContent .b2bReqCredLimit #b2bInpRangeCredLimit:focus,
#b2bCreditCnt #b2bStepsContent #b2bCredExisCust,
#b2bCreditCnt #b2bStepsContent #b2bChkTradingName,
#b2bCreditCnt #b2bStepsContent #b2bChkRegAddress,
#b2bCreditCnt #b2bStepsContent #b2bAccChkCntDetails,
#b2bCreditCnt #b2bStepsContent #b2bTerms,
#b2bCreditCnt #b2bStepsContent #b2bYes,
#b2bCreditCnt #b2bStepsContent #b2bNo,
#b2bCreditCnt .button:hover,
#b2bCreditCnt .button:focus {
	outline: none !important;
}

#b2bCreditCnt .b2bStepRightRow1 {
	background-color: white;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#b2bCreditCnt .b2bStepRightRow2 {
	color: white;
	border-radius: 6px;
	margin-bottom: 1rem;
}

#b2bCreditCnt .b2bStepRightRow2 svg {
	width: 50%;
	margin: 0 auto;
	display: block;
	height: 36px;
	/*padding: 1rem 0;*/
}

#b2bCreditCnt .currencySpan {
	padding-right: 10px;
	font-size: 20px !important;
	font-weight: bold
}

#b2bStepsContent .errorMsg span {
	color: #c5000c;
	display: block;
	font-size: 0.9rem;
}

#b2bCreditCnt .tab {
	display: none;
}

#b2bCreditCnt .b2bPurContDet,
#b2bCreditCnt .b2bAccsContDet,
#b2bCreditCnt .b2bRef,
#b2bCreditCnt .b2bBankDets {
	background-color: white;
}


#b2bCreditCnt #b2bAddRefRemBtn {
	cursor: pointer;
}


#b2bCreditCnt input[type="radio"] {
	width: 5% !important;
}

#b2bCreditCnt input[type="checkbox"] {
	max-width: 20px !important;
}


#b2bCreditCnt .upload-bg {
	background-color: #EEF6FF;
	border: 1px dashed #81BCFF;
}

#b2bCreditCnt .upload-bg .fileUpload {
	outline: none !important;
	background-color: #EEF6FF;
}

#b2bCreditCnt .upload-bg input {
	visibility: hidden;
}

#b2bCreditCnt .upload-bg a {
	border-bottom-style: none !important;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: block;
}

#b2bCreditCnt .upload-bg .upload-link {
	color: #0e9fe3;
	border-bottom: dotted;
	border-width: 1px;
}

#b2bCreditCnt .upload-bg:hover {
	background-color: #deecfb;
	border: 1px solid #81BCFF;
}

#b2bCreditCnt .upload-bg:hover .upload-link {
	border-bottom: solid;
	border-width: 1px;
}

#b2bCreditCnt .upload-bg .success {
	color: #ffffff !important;
	background-color: #04865C !important;
	padding: 0.2rem 1rem !important;
	margin: 0 auto;
	width: 70px;
	text-align: center;
	margin: 1rem auto;
}

#b2bCreditCnt .upload-bg .fileUploadName {
	text-align: center;
	width: 100%;
	display: block;
}

#b2bCreditCnt .dotted {
	border-style: dashed;
	border-color: #000;
	margin: 0;
}

#b2bCreditCnt h4 {
	font-size: 1.2em;
	font-weight: bold;
}


#b2bCreditCnt .our-brands svg {
	width: 100%;
}


#b2bCreditCnt .our-brands div:nth-of-type(3) svg {
	width: 70%;
}

#b2bCreditCnt .our-brands div:nth-of-type(4) svg {
	width: 55%;
}

#b2bCreditCnt .background-dark-blue h1 {
	text-align: center;
}

#b2bCreditCnt .our-brands h2 {
	padding: 2rem 2rem 0;
	text-align: center;
	font-weight: bold;
}

#b2bCreditCnt #b2bStepsContent a {
	color: #0e9fe3;
	border-bottom: dotted;
	border-width: 1px;
}

#b2bCreditCnt #b2bStepsContent a:hover {
	color: #0e9fe3;
	border-bottom: solid;
	border-width: 1px;
}

#b2bCreditCnt .our-brands a,
#b2bCreditCnt .our-brands a:hover {
	border: none !important;
}

#b2bCreditCnt .errTermsMsgDiv {
	outline: 1px solid red;
}

#b2bCreditCnt .errTermsMsgDiv p {
	color: red;
}

/* jquery mobile hacks */

#b2bCreditCnt #b2bStepsContent #b2bBusType-button,
#b2bCreditCnt #b2bStepsContent #b2bRepMethod-button,
#b2bCreditCnt #b2bStepsContent #b2bBusType-button,
#b2bCreditCnt #b2bStepsContent .b2bYes,
#b2bCreditCnt #b2bStepsContent .b2bNo {
	background: transparent;
	padding: 0;
	border: 0;
}

#b2bCreditCnt #b2bStepsContent #b2bBusType-button span,
#b2bCreditCnt #b2bStepsContent .rep-method span {
	display: none;
}

#b2bCreditCnt #b2bStepsContent #b2bBusType-button:after,
#b2bCreditCnt #b2bStepsContent #b2bRepMethod-button:after,
#b2bCreditCnt #b2bStepsContent .b2bYes:after,
#b2bCreditCnt #b2bStepsContent .b2bNo:after {
	content: none;
}


#b2bCreditCnt #b2bStepsContent .button-dark-blue-outline {
	background-color: #fff;
}

#b2bCreditCnt #b2bStepsContent .button-dark-blue-outline:hover {
	color: #081a44 !important;
}

#b2bCreditCnt #b2bStepsContent .rep-method select {
	position: static !important;
	width: 100%;
	height: 100%;
}

#b2bCreditCnt #b2bStepsContent input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

#b2bCreditCnt .icon-bpadlock {
	background-image: url('/images/icon-padlock.svg');
	width: 16px;
	height: 24px;
	background-repeat: no-repeat;
}

#b2bCreditCnt .icon-bupload {
	background-image: url('/images/icon-upload.svg');
	width: 16px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 95%;
	margin-right: 0.5rem;
}


/* to hide number input arrows */
/* Chrome, Safari, Edge, Opera */
#b2bCreditCnt input::-webkit-outer-spin-button,
#b2bCreditCnt input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
#b2bCreditCnt input[type=number] {
	-moz-appearance: textfield;
}

/* move to toolkit? */

.padding-top-10 {
	padding-top: 10rem;
}

.padding-bottom-6 {
	padding-bottom: 6rem;
}

.padding-bottom-7 {
	padding-bottom: 7rem;
}

.padding-bottom-10 {
	padding-bottom: 10rem;
}

.padding-top-03 {
	padding-top: 0.3rem;
}

.padding-top-04 {
	padding-top: 0.4rem !important;
}


.width-osm-100 {
	width: 100%;
}

.bold {
	font-weight: bold;
}

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

.vertical-align-text-top {
	vertical-align: text-top;
}

#productpageprodbodymobile {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 8px;
}

#productpageprodbodymobile>div>img {
	max-height: 50px;
}

/* -- END -- */


/* End of B2BCreditApp */

/* -- SMS Opt out -- */

#mobileOptOutwrapper {
	margin: 3rem 0;
}

#mobileOptOutintro h2 {
	font-family: gibson_semibold, Arial, 'HelveticaNeue', 'Helvetica', sans-serif;
	font-weight: normal;
	font-size: 1.65rem !important;
	line-height: 1.2;
}

#mobileOptOutintrocopy {
	font-family: gibson_regular, Arial, 'HelveticaNeue', 'Helvetica', sans-serif;
	font-weight: 400;
}

.editor-label label {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.editor-field input {
	display: block;
	width: 100%;
	height: calc(1.1rem + 0.75rem + 8px);
	padding: 0.6rem;
	font-size: 0.95rem;
	font-weight: normal;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d5d5d5;
	border-radius: 0.25rem;
	box-sizing: border-box;
	margin: 0;
}

.field-validation-error {
	background-color: #E28086;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	text-align: left;
	display: flex;
	width: 92%;
	margin-top: 1rem;
	font-family: 'gibson_semibold';
	font-weight: normal !important;
	color: #f8f8f8 !important;
}

.sms-success {
	background-color: #93BEA6;
	border-radius: 3px;
	padding: 0.5rem 1rem;
	text-align: left;
	display: flex;
	width: 92%;
	margin-top: 1rem;
	font-family: 'gibson_semibold';
	font-weight: normal !important;
	color: #f8f8f8 !important;
}

.editor-field .g-recaptcha {
	margin-top: 1rem;
}

.range-slider-field {
	float: left;
	max-width: 125px !important;
}

.range-slider-span-field {
	margin: 0 !important;
	padding: 0 2.25% 0 2.25%;
}

.range-slider-currency-span-field {
	margin: 0 !important;
	padding: 0 2.25% 0 0;
}

.range-slider-warning-field {
	margin: 0 !important;
	padding: 2% 0 0 0;
	color: #FF0000;
}

/* -- END -- */

/* Account Balance */

#head_customer_balance {
	color: #232a44;
	font-size: 97%;
}

#head_customer_balance span {
	background: #e6f0fa;
	border: 1px solid #eaf3fb;
	text-align: center;
	padding: 0.5rem;
	position: relative;
	overflow: visible;
	z-index: 9999;
	display: block;
}

#head_customer_balance span:after {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #e8f0fa;
	content: ' ';
	bottom: -8px;
	left: 15%;
	position: absolute;
}

/* End */


#mobilepurchaselinks {
	text-align: center;
	width: 100%;
}

#refurbs-slideout-container .refurbs-top .refurb-col-action {
	border: none !important;
}

.refurbs-top .curr-view-pill {
	display: none;
}

.refurbs-top .refurb-caller .curr-view-pill {
	display: block;
}

.pp-image-icon {
	position: absolute;
	z-index: 1000;
	bottom: 7px;
	right: 4px;
	width: 25px !important;
	padding: 7px;
	border-radius: 6px;
	background-color: rgb(255, 255, 255);
	border: 1px solid #dcdcdc !important;
}

/* Swiper relative positioning */
.swiper-container {
	position: relative;
	overflow-x: hidden;
}

.bundleDetails .swiper-slide.ng-scope {
	/* width: 120px !important; */
	height: 120px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.bundleDetails .swiper-slide {
	/* width: 120px !important; */
	height: 120px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.bundleLineItem img {
	margin-left: 0 !important;
	width: 100%;
	max-width: 90%;
}


.bundleDetails .swiper-slide {
	background: white;
	border: 1px solid rgba(196, 196, 196, 0.5);
	box-sizing: border-box;
	border-radius: 0.6rem;
}

.swiper-button-disabled {
	opacity: 0.2;
}

.bundleDetails .swiper-slide:first-of-type {
	background: white;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.bannerlistProdPage {
	padding: 4px 16px;
}

#response500 h2 {
	font-size: 2.5rem;
}

/* Quickview CSS from desktop */

.quickviewwrapper input.buyButton {
	background: #04865c;
	color: white !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	color: #ffffff;
	margin-top: 0 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	height: 42px !important;
	padding: 3% 0% 4% 0%;
	font-weight: bold;
	width: 147px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	float: left;
	box-sizing: border-box;
	line-height: initial !important;
	font-size: 100%;
}

.quickviewwrapper input.buyButton:hover {
	background: #221f73;
	color: white;
}

/* Web-2966: Loader positioning */
div#modalBox {
	width: 600px;
	max-width: 100%;
}

/* END */

#popupMembershipCheckbox {
	content: '';
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	width: 29px;
	display: block;
	cursor: pointer;
	border: 1px solid #979797;
	background-color: #fff;
}

.productPageWarranty {
	margin-right: 8px;
}

.sortOrderOptions {
	visibility: hidden;
}

/* FIX for WEB-1905 */
.refurb-price-buttons form {
	width: 100%;
}

#loginSuccessWrapper {
	max-width: 450px;
	margin: 0 16px;
	border-radius: 1rem;
}

.desktop-divide {
	display: flex;
	align-items: center;
}

.energy-label-prod-sheet {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1rem 0;
}

.searchlistitemmobile .energy-label-prod-sheet {
	justify-content: flex-start;
}

.searchlistitemmobile .energy-label-prod-sheet a {
	font-size: 0.8rem !important;
}

.add-to-basket-quickview .energy-label-prod-sheet {
	flex-wrap: wrap;
	margin: 0.5rem 0;
	justify-content: flex-end;
}

.add-to-basket-quickview .energy-label-prod-sheet a {
	font-size: 0.8rem !important;
	text-align: left;
	margin-top: 0.5rem;
}

.add-to-basket-quickview .energy-label-prod-sheet img {
	height: 24px;
}

#ck-section-basket-content .energy-label-prod-sheet {
	align-items: flex-start;
	justify-content: start;
	margin-top: 0.5rem;
}

#ck-section-basket-content .energy-label-prod-sheet a {
	font-size: 0.8rem;
	font-family: 'gibson_regular';
}

#ck-section-basket-content .energy-label-prod-sheet img {
    height: 24px;
}

.new-promo-wapper .alert {
	display: grid;
	grid-template-columns: 14px 1fr;
	gap: 8px;
}

.new-promo-wapper svg {
	position: relative;
	top: 2px;
}

.warrantyoption label span {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}

.warrantyoption label #warrantyprice {
	display: flex;
	align-items: center;
	gap: 4px;
}

#productcompare {
	box-shadow: 1px 1px 9px rgba(0, 0, 0, .4) !important;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: var(--neutral-200);
	z-index: 10000;
	overflow: hidden scroll;
	transition: height .15s;
	display: none;
}

#productcompare #productcompare_tab {
	position: relative;
	width: 100%;
	background-color: var(--neutral-200);
	z-index: 1001;
	margin-top: -1px;
}

#productcompare #productcompare_tab.comptab-open {
	position: fixed;
}

#productcompare #productcompare_tab .wrapper {
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
}

@media (min-width: 768px) {
	#productcompare #productcompare_tab .wrapper {
		justify-content: start;
	}
}

#productcompare #productcompare_tab .wrapper .fa-circle-chevron-up {
	color: var(--primary);
	margin-right: 24px;
	font-size: 20px;
}

#productcompare #productcompare_tab .wrapper .fa-circle-chevron-up:last-of-type {
	margin-right: 0;
	margin-left: 24px;
	display: none !important;
}

#productcompare #productcompare_tab .wrapper>div {
	background-color: var(--primary);
	color: var(--white);
	padding-block: 8px;
	padding-inline: 24px;
	display: flex;
	align-items: start;
	font-family: gibson_semibold, sans-serif;
	font-weight: normal;
	font-size: 16px;
}

@media (min-width: 768px) {
	#productcompare #productcompare_tab .wrapper>div {
		align-items: center;
		margin-right: auto;
	}
}

#productcompare #productcompare_tab .wrapper>div .fa-sliders {
	color: var(--white);
	margin-right: 8px;
	font-size: 14px;
	position: relative;
	top: 3px;
}

@media (min-width: 768px) {
	#productcompare #productcompare_tab .wrapper>div .fa-sliders {
		top: 0;
	}
}

#compareSwiper {
	padding: 8px;
}

#compareSwiper .swiper-slide {
	display: flex;
	flex-direction: column;
	height: auto;
}

#compareSwiper .swiper-slide .card {
	box-shadow: 0 0 5px rgba(0, 1, 5, 0.2) !important;
	border-radius: 6px;
	padding: 8px 6px;
}


@media (min-width: 992px) {
	#compareSwiper .swiper-slide .card {
		padding: 16px;
	}
}


#compareSwiper .swiper-slide .RemoveCompareButton {
	width: 13px !important;
	min-height: 13px !important;
	background-color: transparent;
	padding: 0;
	border: 0;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	right: 7px;
}

@media (min-width: 992px) {
	#compareSwiper .swiper-slide .RemoveCompareButton {
		width: 20px !important;
		min-height: 20px !important;
		top: 7px;
		right: 11px;
	}
}

#compareSwiper .swiper-slide img {
	max-height: 81px;
	margin: 0 auto;
}

@media (min-width: 992px) {
	#compareSwiper .swiper-slide img {
		max-height: 147px;
	}
}

#compareSwiper .swiper-slide .text-truncate {
	font-size: 13px;
	margin-bottom: 3px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

@media (min-width: 992px) {
	#compareSwiper .swiper-slide .text-truncate {
		font-size: 14px;
		margin-bottom: 7px;
	}
}

#compareSwiper .swiper-slide .card>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
}

#compareSwiper .swiper-slide p {
	margin: 0;
	font-family: gibson_semibold, sans-serif;
	font-size: 14px;
}

@media (min-width: 992px) {
	#compareSwiper .swiper-slide p {
		font-size: 18px;
	}
}

#compareSwiper .swiper-slide .CompareAddToBasket {
	width: 25px !important;
	min-height: 25px !important;
	padding: 0;
	border-radius: 50%;
}

@media (min-width: 992px) {
	#compareSwiper .swiper-slide .CompareAddToBasket {
		width: 39px !important;
		min-height: 39px !important;
	}
}

#compare_table .b-row {
	font-size: 12px;
}

@media (min-width: 768px) {
	#compare_table .b-row {
		font-size: 14px;
	}
}

.form-select-wrapper:after {
	padding-left: 0.5rem;
	background: white;
}

.attached-price-buttons .addAttachedToBasket,
.attached-price-buttons>form {
	width: 100%;
}

.attached-price-buttons>a {
	width: auto !important;
	margin: 0.5rem 0 !important;
}

.attached-container .sticky-attach {
	position: relative !important;
}

.sticky-attach {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 999;
}

.attached-hero .see-prod-hero {
	display: none;
}

.qty-selector-container {
	text-align: center;
	margin-bottom: 0.5rem;
}

.button-group-qty-selector {
	display: block !important;
}

@media only screen and (min-width : 280px) {
	.max-qty-popover-box {
		position: fixed;
		display: inline;
		text-align: center;
		width: 95%;
		max-width: 394px;
		color: #000;
		font-size: 16px;
		background: #f5f5f5;
		padding: 0.25rem;
		opacity: 0;
		z-index: 999;
		border: 1px solid #cacaca;
		border-radius: 4px;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	}
}

@media only screen and (min-width : 576px) {
	.max-qty-popover-box:after {
		content: "";
		position: absolute;
		top: -20px;
		right: auto !important;
		left: 100px !important;
		border-width: 10px;
		border-style: solid;
		border-color: transparent transparent #cacaca transparent;
	}
}

.max-qty-popover-box {
	position: fixed;
	display: inline;
	text-align: center;
	width: auto !important;
	max-width: 426px !important;
	color: #000 !important;
	font-size: 14px !important;
	background: white !important;
	padding: 0.25rem;
	opacity: 0;
	z-index: 999;
	border: 1px solid #cacaca !important;
	border-radius: 0.5rem !important;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.max-qty-popover-box br {
	display: none !important;
}

.max-qty-popover-btn {
	display: none !important;
}


.attached-hero .see-prod-hero {
	display: none;
}

.max-qty-popover-question {
	font-size: 14px !important;
	font-family: 'gibson_regular' !important;
	margin-bottom: 0;
}

.swiper.gallery-top .swiper-slide {
	min-height: 300px;
}

div#modalBox {
	z-index: 200000 !important;
	width: 90% !important;
	margin: 0 5% !important;
	left: auto !important;
}

div#modalBox div#modalBoxBody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .4rem;
    outline: 0;    
    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4) !important;
}

div#modalBox div#modalBoxBody div.modalBoxBodyContent {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.625rem 1rem !important;  
    text-align: center;
	font-size: 14px;
}

div#modalBox div#modalBoxBody div.modalBoxBodyContent h1,
div#modalBox div#modalBoxBody div.modalBoxBodyContent h2{
    font-size: 20px;
    margin-block: 0 18px;
}

div#modalBox div#modalBoxBody div#modalBoxCloseButton {
    position: absolute;
    top: 0;
    right: 0;   
}

div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox {
    display: block;
    font-family: gibson_semibold, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff !important;
    opacity: .5;
    border: 0;
    padding: 1rem !important;
}

div#modalBox div#modalBoxBody div#modalBoxCloseButton a.closeModalBox:hover {
    opacity: 1;
}

.ProductPrice > .versionpricemobile > .VersionOfferPrice.VersionPriceContainer {
    display: flex;
    align-items: flex-start;
}

.ProductPrice > .versionpricemobile > .VersionOfferPrice > .VersionPrice, .ProductPrice > .mobileprices > .VersionPrice {
	font-family: Arial;
	font-weight: bold;
}

.ProductPrice > .versionpricemobile > .VersionOfferPrice > .VersionPriceSymbol {
    align-self: flex-start;
    margin-top: 2px;
}

.ProductPrice > .versionpricemobile > .VersionOfferPrice > .VersionPriceDecimal {
    align-self: flex-start; 
    margin-top: 4px;
}

/*energy label*/
.energy-label-prod-sheet img {
	height: 32px;
}

.bannerSlideIn {
	cursor: pointer;
}

#BannerBetweenProducts img {
	width: 100%;
}

#BannerBetweenProducts > *:not(:last-child) {
	display: none;
}

#swatchSampleRequestSection {
	justify-content: center;
	width: 100%;
}

.button.swatch-request-btn {
	color: #00293A !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	border-color: #00293A;
	font-family: gibson_regular, Helvetica, Arial, sans-serif !important;
}

.button.swatch-request-btn:hover {
	background-color: #c5c5c5;
	border-color: #c5c5c5;
}

.swatch-request-btn img {
	margin-right: 5px;
}

.swatch-sample-icon {
	width: 18px;
	height: 18px;
}

.countdown-sash-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bannerProd {
	margin-bottom: 0.25rem;
}