/* old merchant.css - moved to app */
/* new overrides for v2 in here */

#breadCrumbs { padding: 9px; mn-height: 19px; height: auto;}
#breadCrumbs a, #breadCrumbs a.current { margin-right: 6px; }
#breadCrumbs a.current { padding-right: 19px; }

.product-item .control a.button,
.product-item .control a.button_disabled,
.q-form .button { width: 84px; }

div#pnlMain { box-sizing: border-box; }
.sidePanel .title { box-sizing: border-box; }

div.product-list-header { border-bottom: none; }

.header-text h2 { color: #ce2791; }
.category h3 a { color: #1f7dc4!important; }

div.product-item div.stock-status-and-size *,
div.product-item span.description,
div.product-item span.product-code-and-name * {
	font-size: 16pt;
	line-height: 25pt;
}

div.product-item div.middle > div.price-table-container { box-sizing: border-box; }
div.product-item div.middle table.price-table { box-sizing: border-box;  }

#pnlMid div.fadebox .title h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 300;
	height: 100px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.freeSample { margin-top: 10px; }

a.productInfoTip *, .categoryInfoTip *, .infoTip *, .basketInfoTip * { color: #aaa; }
a.productInfoTip, .categoryInfoTip, .infoTip, .basketInfoTip { background: none; color: #aaa; height: auto; width: auto; font-size: 18px; }

.fp-category-table .fp-category-name * { display: table-cell; vertical-align: middle; }

.fp-category-table .fp-category-name .categoryInfoTip { padding-left: 6px; }

/* product details page */

#icon-bar.product-page {margin-top: 12px;} 

div.product-items.single-item div.product-item { position: relative; }
div.product-items.single-item div.product-item div.buttons { position: absolute; left: 250px; }

div.product-items.single-item div.product-item div.price-table-visibility{ display: none; }
div.product-items.single-item div.product-item div.infoTip.product-hover-large { display: none; }


div.product-items.single-item div.product-item span.product-code-and-name span.product-code { font-weight: bold }

div.product-items.single-item div.product-item div.middle div.image {
	width: 240px;
	height: 240px;
	position: relative;
}

div.product-items.single-item div.product-item div.middle div.image img.product-main {
	height: 240px;
	width: 240px;
}

div.product-items.single-item div.product-item div.middle > div.image-icons {
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	padding-top: 24px;
}

div.product-items.single-item div.product-item div.image-icons a { display: inline-block;}

div.product-items.single-item div.product-item div.image-icons a img {
	border: 1px solid #ccc;
	margin-right: 7px;
	margin-bottom: 7px;
	width: 50px;
	height: 50px;
}

div.product-items.single-item div.product-item div.image-icons a img.active {
	border: 1px solid #cc0099;
}

div.product-item div.middle div.buttons,
div.product-items.single-item div.product-item div.middle div.buttons {
	width: auto;
	height: auto;
}

div.product-items .freeSample {
	margin: 0px;
	padding-top: 0px;
}


div.product-items.single-item .p_cost {
	margin: 7px 0;
}

div.product-items.single-item div.product-item div.top {
	width: auto;
}

div.product-item div.middle { width: 100%; }
div.product-item div.middle > div.price-table-container { right: 0px;  }

div.product-items.single-item div.product-item div.middle > div.price-table-container,
div.product-items.single-item div.product-item div.middle div.price-table { width: 100%; max-width: 462px; height: auto; margin-bottom: 12px;}
div.product-items.single-item div.product-item div.middle table.price-table { width: auto;}

div.product-items.single-item div.product-item div.middle div.price-table { width: 100%; max-width: 462px; height: auto; margin-bottom: 12px;}
div.product-items.single-item div.product-item div.middle table.price-table { position: relative; }
div.product-items.single-item div.product-item div.middle table.price-table td, 
div.product-items.single-item div.product-item div.middle table.price-table td *, 
div.product-items.single-item div.product-item div.middle table.price-table th { font-size: 11pt; padding: 4px; line-height: 14pt;}
div.product-items.single-item div.product-item div.middle table.price-table th { line-height: 18pt;}

div.product-items.single-item div.product-item div.middle table.price-table tr.tax th { background: #aaa; color: #fff; font-weight: normal; font-size: 10pt;}

div.more-sizes { margin-top: 24px }

/* MB REF FB 17400 */
#pnlMid div.more-sizes  h2 {
	color: #ce2791;
	font-size: 40px;
	font-weight: 700;
	font-family: "Merriweather";
	line-height: 1.25;
	margin-top: 0!important;
	margin-bottom: 0;
}

.midPanel.recommendations.on-demand { margin-top: 24px; }

.p_cost,
.freeSample,
.freeSample a,
div.product-items.single-item div.product-item a.slideshow-launch.small,
div.product-item a.slideshow-launch.small { 
	background: none; 
	width: auto;
	height: auto; 
	padding-left: 0;
	line-height: 30px;
}

.p_cost span.fa-layers,
.freeSample span.fa-layers,
div.product-items.single-item div.product-item a.slideshow-launch.small span.fa-layers,
div.product-item a.slideshow-launch.small span.fa-layers { color: #ce2791;  }



.p_cost span.fa-layers svg,
.freeSample span.fa-layers svg,
a.slideshow-launch.small span.fa-layers svg { padding-top: 12px; }

.p_cost span.fa-layers { margin-left: -6px; }

div.product-item div.middle div.image { margin: 0px 0px 0px 0px; }

div.product-item div.control * { margin: auto }
div.control a.save, div.control a.remove { color: #aaa; }

div.product-item div.control a.remove { margin-left: -6px; }

div.product-item div.quantity-buttons a.quantity.next,
div.product-item div.quantity-buttons a.quantity.prev {
	background: none;
	color: #aaa;
	font-size: 10pt;
}

div.product-item div.quantity-buttons a.quantity.next { top: -1px }

#breadCrumbs div.current {
	width: auto;
	display: inline-block;
	background: url('/bc_arrow_d.gif') no-repeat 99% center;
	border: none;
	padding-right: 18px;
}

.isOfferBig, .isOfferSmall {
	background: url(/images/icons-v2/offer-magenta-200.png) no-repeat top left;
	background-size: 100%;
	z-index: 50;
}

img.pb-logo-text { width: 169px; height: 30px; }

div.deliveryVans { background-image: none; padding: 0;}
div.deliveryVans div.delivery-text {     padding: 6px 0px 8px 0px;}
div.deliveryVans div.image {
	background: url(wings/images/v2/240/van-group-240.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #fff;
	height: 92px;
	background-position: 0 12px;
}

div.deliveryVans h4 { 
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 700;
	padding: 4px;
	background: #E9E9E9;
}

div.deliveryVans > * { margin-left: 0px; }
div.deliveryVans div.delivery-text > * { margin-left: 4px; }
div.deliveryVans ul.linkList  { margin-bottom: 0; }
div.deliveryVans div.note  { background: #E9E9E9; padding: 4px; }

div.sidePanelStandards {width: 240px; padding-bottom: 12px} 
div.sidePanelStandards > a.globalSign, 
div.sidePanelStandards > a.mcaffee,
div.sidePanelStandards > a.bsi,
div.sidePanelStandards > a.warrant{
	width: 103px;
	height: 98px;
	background: url(wings/images/v2/240/royal-warrant-103x101.png);
	float:none;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 100%;
}

div.sidePanelStandards > a.bsi { width: 120px; background: url(wings/images/v2/bsi-and-ukas.png?v=2); background-size: 100%; background-repeat: no-repeat; background-position: 0 23px;}
div.sidePanelStandards > a.mcaffee { width: 92px; margin-left: 9px; height: 50px; background: url(wings/images/v2/240/McAfee-92.png); background-size: 100%; background-repeat: no-repeat; background-position: 0 16px;}
div.sidePanelStandards > a.globalSign { margin: 0px 6px 0px 2px; width: 125px; height: 50px; background: url(wings/images/v2/240/global-sign-125.png); background-size: 100%; background-repeat: no-repeat;}

div.open24Hours { margin-left: 30px; margin-bottom: 12px; }

.sidePanel.contains-nav ul.linkList li.help {
	background-position: 5px 50%;
}

div.voucher-reminder h4, div.accountBox h4, div.errorBox h4, div.errorBox_bordered h4 {
	color: #CE2791;
}

div.sidePanelStandards div.text,
div.sidePanelStandards div.text * {
	font-size: 11px;
	line-height: 20px;
}

.sidePanel.contains-nav ul.linkList li.using-fa {
	padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
}

.sidePanel.contains-nav ul.linkList li.using-fa > span.fa-layers { padding: 0px 0px 6px 13px; }
.sidePanel.contains-nav ul.linkList li.using-fa > span.fa-layers * {font-size: 26px; color: #CE2791; }

div.paymentOptions a > img { width: 240px; }

.sidePanel a.newsletter {background-color: #fff; height: 98px; display: block; }

div#vwBasketTotals div.field, div#vwBasketTotals div.value { padding-top: 6px; padding-bottom: 0px;  }

div.open24Hours, div.paymentOptions {
	width: auto;
	margin-bottom: 18px;
	height: auto;
}

img.wing-shrink { width: 240px; }

div.fadebox .content .content-inner {
	color: #000;
	padding-top: 18px;
	height: 100%;
	font-weight: bold;
	display: block;
	vertical-align: middle;
	text-align: center;
}

div.fadebox .image.layer { transform: scale(1); opacity: 1; transition: all 0.3s; }
div.fadebox .image.layer.animate { transform: scale(1.05); opacity: 0.14; transition: all 0.3s; }


#pnlFooter {
	clear: both;
	color: #fff;
	background: #aaa;
	padding: 18px 12px 18px 12px;
	width: 100%;
	box-sizing: border-box;
}

#pnlFooter * { color: #fff; font-size: 11pt; }
#pnlFooter p { font-family: Verdana; }

#pnlFooter span.links * {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 300;
}

#pnlFooter  span.links span.separator { padding: 0 4px 0 4px }

#pnlFooter p { padding-top: 12px; }
#pnlFooter p.social-media > span { padding-left: 6px; padding-right: 6px;  }
#pnlFooter p.social-media * { font-size: 26px; }
#pnlFooter p.powered-by a { text-decoration: underline;}

.ppx-checkout-confirm a.yes {
	width: 164px;
	background-color: #aaa;
	background-image: none;
	background-repeat: no-repeat;
}

div.form div.control input.quantity {
	width: 78px;
}

.basketItems div.control {
	width: auto;
}

.pb-list {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

.pb-list > li {
	background: url('/images/pb-logo-house-pb-list.png') no-repeat left top;
	padding-left: 35px;
	line-height: 24px;
	margin-bottom: 1em;
}

li { line-height: 1.7 }

q { line-height: 1.5; }

/* move bg images to <a> in legacy navs */
.sidePanel.contains-nav ul.linkList li {
	background: #E9E9E9;
	background-image: none;
	padding: 4px;
	padding-top: 8px;
	padding-left: 0px;
	margin-bottom: 1px;
	width: auto;
	min-height: 26px;
	vertical-align: middle;
}

div#pnlCustomLeftPanelShop ul.linkList li,
div#pnlCustomLeftPanelPopularServices ul.linkList li {
	margin-left: 0;
}


#pnlCustomLeftPanelShop.sidePanel.contains-nav ul.linkList li a,
#pnlCustomLeftPanelPopularServices.sidePanel.contains-nav ul.linkList li a,
.five-star-service.sidePanel.contains-nav ul.linkList li a,
.free-sample-service.sidePanel.contains-nav ul.linkList li a{
	background-image: url(/images/menu/menu-item-magenta-24.png);
	background-repeat: no-repeat;
	padding-left: 38px;
	background-position: 4px 50%;
	display: table-cell;
}


/* icons into <a> in fa navs */
.sidePanel.contains-nav ul.linkList li.using-fa a span { font-size: 14pt; }
.sidePanel.contains-nav ul.linkList li.using-fa a span.icon { color: #ce2791; padding-right: 6px; }
.sidePanel.contains-nav ul.linkList li.using-fa a span.icon *{ font-size: 18pt;  }

.product-additional-info { padding: 8px 0; }

body.view-only { overflow-y: scroll; }

:target { /* To account for sticky header, see http://darktef.github.io/posts/2017-03-offset-html-anchors-for-fixed-header-with-css */
	display: block;
	position: relative;
	top: -70px; 
	visibility: hidden;
}

#pnlFooter p.holly {
	font-family: 'Alex Brush', cursive;
	font-size: 26px;
	line-height: 34px;
	margin: 0;
	padding: 0;
}

#pnlFooter p.holly::before,
#pnlFooter p.holly::after {
	content: "";
	display: inline-block;
	background-size: cover;
	width: 34px;
	height: 34px;
	vertical-align: bottom;
}

#pnlFooter p.holly::before {
	background-image: url('/images/holly.png');
	margin-right: 10px;
}

#pnlFooter p.holly::after {
	background-image: url('/images/holly-mirrored.png');
	margin-left: 15px;
}

/* X-Small */
@media only screen and (min-width: 380px) {
	#pnlFooter p.holly {
		font-size: 32px;
		line-height: 40px;
	}

	#pnlFooter p.holly::before,
	#pnlFooter p.holly::after {
		width: 40px;
		height: 40px;
	}
}

/* Small */
@media only screen and (min-width: 768px) {
	#pnlFooter p.holly {
		font-size: 60px;
		line-height: 80px;
	}

	#pnlFooter p.holly::before,
	#pnlFooter p.holly::after {
		width: 80px;
		height: 80px;
	}
}

table.deliveryMethodsForm {
	width: 360px !important;
}

/* For snow flake effect */
#snowflakeContainer {
	position: absolute;
	left: 0px;
	top: 0px;
}

.snowflake {
	padding: 0px;
	margin: 0px;
	font-family: Cambria, Georgia, serif;
	font-size: 14px;
	height: auto;
	position: fixed;
	color: #FFFFFF;
	user-select: none;
	z-index: 1000;
}
.snowflake:hover {
	cursor: default;
}

.priceWatch {
    background: url(/shopping/store/merchants/0000100001/includes/images/stickers/price_watch_40x40.png) no-repeat left 4px;
    padding-top: 18px;
    padding-left: 45px;
    background-position: 0 16px;
}


/* "where to next" overrides (e.g. packaging) */
.col-1-4 .pad { padding: 0px 8px; }
#pnlMid .col-1-4 h4 a { font-size: 23px; }

/* MB REF FB17772/1 */

ul.icon-list { list-style: none; margin: 0; padding: 0;}
ul.icon-list li > { padding-bottom: 6px;  }
ul.icon-list li > * { display: table-cell; vertical-align: middle; padding-bottom: 6px; }
ul.icon-list li > span { padding: 0 6px 6px 12px; }


/* eco pod (FB 18089) */

ul.linkList li.eco {
    padding-left: 34px;
    min-height: 26px;
    margin-top: 3px;
    margin-bottom: 6px;
	font-weight: normal;
}

ul.linkList li.eco.recycled { background: url(/packaging/css/images/028-recycled-content-50x50.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px; }
ul.linkList li.eco.biodegradable { background: url(/packaging/css/images/001-biodegradable-50x50.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px; }
ul.linkList li.eco.carbon-neutral { background: url(/packaging/css/images/149-im-green-polythene-50x50.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px; }
ul.linkList li.eco.compostable { background: url(/packaging/css/images/003-compostable-50x50.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px; }
ul.linkList li.eco.recyclable { background: url(/packaging/css/images/065-recyclable-50x50.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px; }
ul.linkList li.eco.renewable { background: url(/packaging/css/images/121-renewable-50x50.png); background-repeat: no-repeat; background-position: 0 0; background-size: 26px; }


/*FB19373*/
/*
#pnlHeader #menu { background-color: #000; }
#pnlHeader .search-box-widget .input input[type="text"] { border: 1px solid #000; }
#pnlHeader .header-contact-v2 h1,
#pnlHeader .search-box-widget .input a.search,
#pnlHeader .basket-widget-v2 a.basket-icon-v2 *, 
#pnlHeader .account-widget-v2 a.account-icon-v2 * { color: #000; }
*/


					

