/**
* Helper class to hide content on the tablet breakpoint only
* Updated: 15 May 2015
*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tablet-none {
		display: none;
	}
}

/**
 * Remove margin between header and breadcrumbs
 */
[role="banner"] {
	margin-bottom: 0;
}

/**
 * Mobile header fixes for new branding go live
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	.head-bits {
		padding: 7px 15px 0 0 !important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	.head-bits {
		padding: 7px 15px 0 0 !important;
	}
}

@media only screen and (min-width: 760px) and (max-width: 1023px) {
	.head-bits>li {
		padding: 0 7px;
	}

	.head-bits>li:last-child {
		border-right-width: 0;
	}
}

@media only screen and (min-width: 60em) {
	.head-bits>li.basket {
		border: 0 solid #999;
		border-width: 1px 0 1px 1px;
		float: none;
		text-align: right;
	}
}

.ll-form-width-midi {
	width: 100px;
}

.facetValues.facet-brand a:not(.more-link) {
	text-transform: uppercase !important;
}

.facetValues a {
	color: #636363 !important;
}

.badge2Icons {
	list-style: none !important;
	margin-left: 0 !important;
	overflow: hidden;
	padding-left: 0;
}

.badge2Icons li {
	background-position: 0 50%;
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 .8em;
	min-height: 18px;
	padding: 1px 0 0 25px;
	width: 225px;
}

.badge2Icons li.att-flammable {
	background-image: url(/images/layout/att-flammable.gif);
}

.badge2Icons li.att-harmful {
	background-image: url(/images/layout/att-harmful.gif);
}

.badge2Icons li.att-vegan {
	background-image: url(/images/layout/att-vegan.gif);
}

.badge2Icons li.att-vegetarian {
	background-image: url(/images/layout/att-vegetarian.gif);
}

.badge2Icons li.att-no-store-collect {
	background-image: url(/images/layout/att-no-store-collect.gif);
}

.badge2Icons li.att-glutenfree {
	background-image: url(/images/layout/att-glutenfree.gif);
}

.badge2Icons li.att-gmfree {
	background-image: url(/images/layout/att-gmfree.gif);
}

.badge2Icons li.att-choking {
	background-image: url(/images/layout/att-choking.gif);
}

.badge2Icons li.att-irritant {
	background-image: url(/images/layout/att-irritant.gif);
}

.badge2Icons li.att-envhazard {
	background-image: url(/images/layout/att-envhazard.gif);
}

.badge2Icons li.att-corrosion-hazard {
	background-image: url(/images/layout/att-corrosion-hazard.jpg);
}

.badge2Icons li.att-battinc {
	background-image: url(/images/layout/att-battinc.gif);
}

.badge2Icons li.att-acid {
	background-image: url(/images/layout/att-acidfree.gif);
}

.badge2Icons li.att-dishwasher {
	background-image: url(/images/layout/att-dishwasher.gif);
}

.badge2Icons li.att-microwave {
	background-image: url(/images/layout/att-microwave.gif);
}

.badge2Icons li.att-freezer {
	background-image: url(/images/layout/att-freezer.gif);
}

.badge2Icons li.att-oven {
	background-image: url(/images/layout/att-oven.gif);
}

.badge2Icons li.att-metal {
	background-image: url(/images/layout/att-metal.gif);
}

.badge2Icons li.att-nonstick {
	background-image: url(/images/layout/att-nonstick.gif);
}

.badge2Icons li.att-age16 {
	background-image: url(/images/layout/att-age16.gif);
	clear: both;
	float: none;
	width: auto;
}

.badge2Icons li.att-age18 {
	background-image: url(/images/layout/att-age18.gif);
	clear: both;
	float: none;
	width: auto;
}

.badge2Icons li.att-age12 {
	background-image: url(/images/layout/att-age12.gif);
	clear: both;
	float: none;
	width: auto;
}

/**
 * USEFUL DOCUMENTS
 */
.useful-documents h2 {
	font-size: 150%;
}

.useful-documents ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.useful-documents li {
	margin: 0 0 0.8em 0;
}

.useful-documents li a {
	background: url(/images/layout/icon-file.png) 0 0 no-repeat;
	padding: 0 0 4px 30px;
}

.useful-documents li a[href $=".pdf"] {
	background: url(/images/layout/icon-pdf.png) 0 0 no-repeat;
}

.useful-documents li a[href $=".doc"],
.useful-documents li a[href $=".docx"] {
	background: url(/images/layout/icon-doc.png) 0 0 no-repeat;
}

/**
 * WEEE PRODUCT PAGE BADGE
 */
.recycle-electricals {
	background: #e3eeae url(/images/layout/recycle-electricals.gif) 10px
	10px no-repeat;
	margin: 10px 0;
	padding: 10px 20px 10px 135px;
}

.recycle-electricals h2 {
	color: #1d6400;
	font-size: 93.75%;
	margin: 0 0 .3em;
}

/**
 * Some product page tweaks
 */
div.full-features > ul {
	padding-left: 15px;
}

div.full-features > ul > li {
	font-size: 20px;
	padding-bottom: 5px;
 }

.secondary-delivery-info {
	background-color: #f6f6f6;
	padding: 15px;
}

.product-add > h1 {
	padding-left: 0;
}

/**
 * Some ME basket specific tweaks
 */
.totals tr:first-child th {
	border-bottom: 1px solid gainsboro;
}

/**						   
 * Lister page - Non JS users see all categories
 */
.category-lister_heading {
	background: none;
	color: #636363;
	margin-bottom: 0;
	padding: 0;

	span {
		display: block;
	}
}
							   
.allFacetValues {
	display: block;
}

.topFacetValues {
	display: none;
}

.filters .filter-box ul li a.lessFacetValues {
	display: none;
}

/*.sorts #sort_form1 select.quantity {
	margin-right: 0px;
	width: auto;
}*/

/*.sorts #sort_form2 select.quantity {
	margin-right: 10px;
	width: auto;
}*/

.results-count {
	color: #252661;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: -15px;
}

.side-nav.showing {
	max-height: none !important;
}

/**
 * Force more...[categories etc] link to be blue
 */
.side-nav.search-nav .side-nav-box ul li a.hider-btn {
	color: #252661 !important;
}

/**
 * Footer cookies consent messaging styling
 */
.cookies-consent hr {
	background: gainsboro;
	border: 0;
	border-top: 1px solid gainsboro;
	margin: 18px 0;
}

.cookies-consent p {
	font-size: .785em;
}

.cookies-consent a {
	color: #202655;
}

.cookies-consent .bordered {
	border: 1px solid #202655;
	padding: 6px;
}

/**
 * Site wide messaging
 */         
.alert-banner {
	padding: 15px;
	position: relative;
}

.alert-banner p {
	margin: 0;
}

.alert-banner.info {
	background:  #f5f5f5;
}

.alert-banner.warning {
	background: #d21034;
}

.alert-banner.warning p,
.alert-banner.warning .fa {
	color: #fff;
}

.alert-banner .fa {
	position: absolute;
	right: 10px;
	top: 10px;
}

/**
 * basket page quantity cursor to hint at no interaction
 */
.quantitytoignore {
	cursor: default;
}

/**
 * Hide ME country selector text by default, is shown via js
 */
.me .main-nav .flags li span {
	display: none;
}

/**
 * Bloomreach h4 height tweak
 * TDOD - make this more specific to Bloomreach
 */
#footer-tabs h4, 
.recently h4 {
	height: 60px;
}

/**
 * Stop this review title going behined button on manager reviews page
 */
.review-box .product h5 {
	max-width: 75%;
}

/**
 * Category banners
 */
.cattban {
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 150px;
	width: 100%;
}

/**
 * Guide pages product carousel fix
 */
.guide-tabs .product-list .ll-carousel .ll-slide .product-image {
	float: none;
}

/* disable spinner for cv2 - webkit and firefox */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

/**
 * Blocking overlay on the Order Summary Page
 */

div.blocking-overlay {
	background-color: rgba(0, 0, 0, .1);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

div.blocking-overlay div.modal{
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background-color: white;
	border: 2px solid #c2c2c2;
	left: 50%;
	padding: 20px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

div.blocking-overlay span {
	padding-left: 20px;
}

div.blocking-overlay img {
	vertical-align: middle;
}

/**
 * Bloomreach Widgets
 */
div.br-rp-qv-hide {
	display: none;
}

div.br-rp-qv-show {
	display: block;
}

/**
 * Applied Category Facets based on the breadcrumbs
 */
.side-nav .side-nav-box ul li span {
	background: none;
	color: #959595;
	display: block;
	font-size: 16px;
	padding: 0 0 3px 6px;
	position: relative;
	text-decoration: none;
	vertical-align: top;
}

/**
 * Prouduct page product options in dark blue when not a link
 */
.product-options p {
	color: #243044;
}

.product-options h3 {
	color: #243044;
}

/**
 * Missing border on basket which is empty
 */
.head-bits>li.basket.no-items {
	border-right-width: 1px;
}

/**
 * Tablet hotfix when Sale also in the menu
 */
@media only screen and (min-width: 760px) and (max-width: 1024px) {
	.head-bits>li {
		padding: 0 7px;
    }

	.head-bits>li:last-child {
		border-right-width: 0;
    }
}

/**
 * Comemnt added to review that are for older version of a product
 */
.not-current {
	font-style: italic;
}

.mobile-reviews a {
	text-decoration: none;
}

/**
 * Bloomreach thematic page tweaks
 */
.thematic a {
	text-decoration: none;
}

.thematic .product-list .dts-4 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	position: relative;
}

.thematic .product-list .dts-4 .btn {
	bottom: 12px;
	position: absolute;
	right: 0;
}

.thematic .product-list .dts-4 > a {
	padding-bottom: 20px;
}

.thematic .product-list .dts-4 h4 {
	text-decoration: none;
}

.thematic .side-nav-box {
	padding: 15px;
}

.thematic .side-nav-box h4 {
	padding-top: 15px;
}

.thematic .side-nav-box h4:first-child {
	padding-top: 0;
}

/**
 * When a delivery option contains an anchor make it white so you can read it
 */
.delivery-options .selected a {
	color: #fff;
}

/***
 * DeliveryB
 ***/

.delivery-restriction ul {
	list-style-type: none;
	padding-left: 5px;
}

.delivery-restriction .product-details h3 {
	margin-bottom: 0;
}

/**
 * Tablet and mobile hotfix for middle east site map pin
 */

@media only screen and (min-width: 1024px) {
	.mapme {
		display: none !important;
	}
}


/**
 * For old checkout delivery, make sure selects are 100%
 */
.select-full-width select {
	max-width: 100% !important;
}

/**
 * Strange re-defining of new selected option image
 */
.label-radio.ll-enabled.r_on {
	background-image: url(/assets/images/icons/small/option-selected.png);
}

/**
 * Price Match on listers
 */
.cta.new--box.pm {
	background-color: #a1d7cc;
	border: 1px solid #a1d7cc;
	color: #fff;
}

/**
 * Ajax driven store opening times
 */
.store-times-enabled select {font-size: 100%; margin: 10px; width: auto;}
.store-times-enabled table {border-top: 1px solid rgba(0,0,0,0.1); width: auto;}
.store-times-enabled td {padding: 5px !important;}
.store-times-enabled td.date {font-weight: 700;}
.store-times-enabled td.open-time {padding-right: 0;}
.store-times-enabled td.close-time {padding-left: 0;}

/**
 *CV2 selected card secure code font colour overide
 */
.payment-cards .card-cv2 .ll-form-label {
	color: #fff;
}


/**
 * ChecouktB Delivery Page Fixes
 */

.outlet-result .store-logo {
	border-right: 0;
}

.outlet-result .store-details h3 {
	margin-bottom: 0;
}

.outlet-result .store-content {
	padding-top: 0;
}

.delivery-restriction {
	margin-bottom: 5px;
	padding: 10px;
}

.delivery-restriction table {
	margin-bottom: 0;
	width: auto;
}

.delivery-restriction td {
	border-bottom: 0;
	padding-left: 0;
	padding-top: 0;
}

#delivery-tab-UK .postcode-results {
	max-width: 100% !important;
}

/**
 * Checkout A - Delievery A address selector bacground fix LCE-1253
 */
.postcode-results select option:hover {
	background: #243044 !important;
	color: #fff;
}

/**
 * H4 overflow issue on product recs LCE-1254
 */
#footer-tabs h4, 
.recently h4 {
	height: auto;
	overflow: inherit !important;
}

/**
 * CTA stock background color LCE-1265
 */
.cta.green {
	background:inherit !important;
}

/**
 * Recipes share section fix DEV-1557
 */

/*.dts-7 .basket-social {
    float: right;
    border: 1px solid #dcdcdc;
    margin-bottom: 60px;
    margin-left: 30px;
    width: 300px;
    padding: 15px;
}*/

/**
 * Slider on category landing page fix DEV-1557
 */
.ll-slider-nav {
	text-decoration: none;
}

/**
 * Product set stock status background fix DEV-1557
 */
.product-set-item .cta {
	background-color: transparent;
}

/**
 * Temporary fix for wrong star rating on DE listers DEV-1586
 */
.average-rating.rating-0\,5 .rating {
	background-position: 0 0;
}

.average-rating.rating-1\,5 .rating {
	background-position: 0 -40px;
}

.average-rating.rating-2\,5 .rating {
	background-position: 0 -80px;
}

.average-rating.rating-3\,5 .rating {
	background-position: 0 -120px;
}

.average-rating.rating-4\,5 .rating {
	background-position: 0 -160px;
}

/**
 * Force product email sharing link onto new line
 */
.basket-social p {
 	clear: both;
 }

@media screen and (min-width: 960px) {
	/**								   
	 * Lister page heading, for larger search needs to wrap
	 */ 
	 .category-lister_heading {
	 	max-width: 45%;
	 }
}

/*
  Tactical fix for age verification validation
*/
.age-verification .dts-5 span.ll-form-danger,
.age-verification .dts-5 label.error {
	display: inline-block;
	float: left;
}

.age-verification .dts-5 input.ll-form-danger,
.age-verification .dts-5 input.error {
	float: left;
	clear: left;
	margin: 3px 0;
}

/**
* `incompatible browser` warning
*/
.alert--information { /* taken from checkout.css */
  font-size: 14px;
  font-size: 0.875rem;
  background: #eca46a;
  border-color: #ea771b;
  border-left-width: 43px;
  color: #633109;
  position: relative;
}

.old-browser {
    display: none;
    padding: 10px;
    margin: 10px 0;
}

.old-browser {
    display/*\**/: block\9;   /* IE8 only */
}

@media screen and (min-width:0\0) and (min-resolution:.001dpcm) {   /* IE9 only */
    .old-browser {
        display: block;
    }
}

_:-ms-lang(x), .old-browser {   /* IE10 only */
    display:block\9;
}
_::-moz-svg-foreign-content, :root .old-browser {    /* Safari 5.1 and 6.0; and Chrome 10-24 (not needed but irrelevant) */
    display: block;
}

/*
	Fix for product info tabs on product set page
*/
.product-set .product-info .product-tabs-container > ul > li > a {
	margin-left: 0 !important;
}

/*
	Make store stock locator button same height as text input on mobile devices
*/
@media screen and (max-width: 480px) {
	.ll-form button {
		height: 45px;
	}
}
/*
	Mobile menu on hover background
*/
.mobile-nav>ul>li.offers>a:hover {
      color: #243044;
}


/* New free gift section. December 2016.*/

.free-gift-new-wrapper .free-gift-row {
	padding: 14px;
	margin: 0 0 15px;
	border: 1px solid #b7b7b7;
	position: relative;
}

.free-gift-new-wrapper .free-gift-row h3 {
	color: #202c47;
	font-family: "Humanist",sans-serif;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.free-gift-new-wrapper .free-gift-row h3 .product-name {
	display: block;
	margin-bottom: 4px;
	line-height: 1.1;
}

.free-gift-new-wrapper .free-gift-row p {
	font-size: 1rem;
	color: #202c47;
	line-height: 1.2;
}

.free-gift-new-wrapper .free-gift-row p.offer-text,
.free-gift-new-wrapper .free-gift-row .gift-image {
	display: none;
}

.free-gift-new-wrapper .free-gift-row span.price {
	font-weight: normal;
	font-size: 1rem;
}

.free-gift-new-wrapper .free-gift-row .price.price-now {
	color: red;
	font-weight: bold;
	padding-left: 5px;
}

.free-gift-new-wrapper .free-gift-row >*:last-child {
	margin: 0;
}

@media screen and (min-width: 760px) {

	.free-gift-new-wrapper .free-gift-row {
		padding: 15px;
	}

	.free-gift-new-wrapper .free-gift-row p.offer-text,
	.free-gift-new-wrapper .free-gift-row .gift-image,
	.free-gift-new-wrapper .free-gift-row .gift-image img {
		display: block;
	}

	.free-gift-new-wrapper .free-gift-row .gift-image {
		float: right;
	}

	.free-gift-new-wrapper .free-gift-row h3 .product-name {
		display: inline-block;
		font-size: 1.2rem;
	}

	.free-gift-new-wrapper .free-gift-row h3 .price {
		padding-left: 5px;
	}

	.free-gift-new-wrapper .free-gift-row h3,
	.free-gift-new-wrapper .free-gift-row p {
		padding-right: 130px;
	}

	.free-gift-new-wrapper .free-gift-row .gift-image img {
		width: 110px;
		height: 110px;
	}
}

@media screen and (min-width: 960px) {

	.free-gift-new-wrapper .free-gift-row h3 .price {
		font-size: 1.2rem;
	}

	.free-gift-new-wrapper .free-gift-row .btn {
		padding: 7.5px 25px;
	}
}