/* 
=======================================================
   HOME PAGE
=======================================================
*/

body {
/*added google fonts in header - uncomment both link in header & body font when ready*/
/*font-family: 'Roboto', sans-serif !important;*/
/*font-family: 'Open Sans', sans-serif;*/
/*font-family: 'Indie Flower', cursive;*/

/*-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale;*/
}

/* helper classes */
.center {margin:0 auto}
/* end helper */
.main-home-pg #page-outer {
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
}
.desktop-site.main-home-pg .main-page-img div {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: top 25%;
	background-color: transparent;
}

/*.desktop-site.main-home-pg .main-page-img div,*/
.desktop-site.main-home-pg #page-inner,
.desktop-site.main-home-pg .primary-nav-item {
	background-image:none;
	border-right:none;
}
.desktop-site.main-home-pg .main-bg {background-color:#fff;}
/**** Search text ****/
.desktop-site.main-home-pg label[for^=Radio] {
	color:#999 !important;
}
/**** search icon ****/
.desktop-site.main-home-pg .search-icon {
	background-color:#666;
}
/**** Nav wrapper *****/
.desktop-site.main-home-pg #main-navigation {
	background-color:#fff;
	float:left; /*can't use overflow hidden as it prevents the dropdowns from showing*/
}
/**** Nav header ****/ 
.desktop-site.main-home-pg #primary-nav {
	background-color:#fff;
	padding:64px 0 0;
	height:30px;
}
.desktop-site.main-home-pg .primary-nav li.primary-nav-item.donate:hover a h3 {
	color:#000;
}
.desktop-site.main-home-pg .primary-nav-item a {
	color:#333;
}
/* masthead */


/**** Parent nav items ****/
.desktop-site.main-home-pg .primary-nav-item a h3,
.desktop-site.main-home-pg .primary-nav .primary-nav-item h4,
.desktop-site.main-home-pg .homepage-title,
.desktop-site.main-home-pg .homepage-title + .strapline-inner {
	/*font-family: 'Open Sans', sans-serif;*/
}

.desktop-site.main-home-pg .primary-nav-item a h3 {
	color:#000;
	font-size:10px;
	font-size:0.95rem;
	padding-right:24px;
	padding-top:8px;
	line-height:1.2;
	font-weight:normal;
}

.desktop-site.main-home-pg .primary-nav li.primary-nav-item.donate a h3 {
	color:#d60021;
	border-bottom:1px solid #d60021;
	padding: 8px 0 0 0;
	font-size: 10px;
    font-size: 0.95rem;
    line-height: 1.2;
    font-weight: normal;
	margin-left:21px;
}
/**** mega menu dropdown headings ****/
.desktop-site.main-home-pg .primary-nav .primary-nav-item > .dropdown04 > li h4 {
	line-height:25px;
}


.desktop-site.main-home-pg ul.menuV2:before, 
.desktop-site.main-home-pg ul.menuV2:after {
		content: ' '; 
		display: block; 
		width: 100%; 
		height: 10px; 
		position: relative; 
		background-color: #eee; 
}
.desktop-site.main-home-pg ul.menuV2:before {top: 0; left: 0; }
.desktop-site.main-home-pg ul.menuV2:after {bottom: -42px; left: 0; }

.desktop-site.main-home-pg .primary-nav .primary-nav-item h4 {
	text-transform: none;
	color: #b70303;
	font-size:10px;
	font-size:1rem;
	font-weight:normal;
	padding-top:12px;
	padding-bottom:12px;
	
}
.desktop-site.main-home-pg ul[class*=dropdown] > li + li noscript + span {
	clear:right;
	display:block;
}
.desktop-site.main-home-pg ul.dropdown02 > li + li noscript + span,
.desktop-site.main-home-pg .dropdown02 li span {
	display:block !important;
	width:50%;/*force line break*/
}
.desktop-site.main-home-pg .primary-nav-item .menuV2 li ul li a {
	font-size:10px;
	font-size: 0.9rem;/*sub-nav menu items*/
}
/**** Discover and Learn sub nav heading + shop ****/
.desktop-site.main-home-pg .dropdown02 > li + li ul,
.desktop-site.main-home-pg .dropdown05 > li + li ul {
	margin-top:0;
	padding-top:0;
}
.desktop-site.main-home-pg .dropdown05 > li:first-child + li {
	margin-top:0;
	padding-top:0;
}
.desktop-site.main-home-pg .hidden {
	/* hide sub headings */
	visibility:hidden;
	display: block !important;
}
/**** Visiting menu item ****/
.desktop-site.main-home-pg .grid_61.menuV2.dropdown04 {
	/*remove padding here add it to the li below*/
	padding-bottom:0;
}
/**** visiting menu dropdown li's ****/
.desktop-site.main-home-pg .grid_61.menuV2.dropdown04 > .grid_46 ul li {
	padding-bottom:20px;
	overflow:hidden;
}
/**** visit opening times ****/
.desktop-site.main-home-pg .dropdown04 > li:first-child li {font-size:100%}

/*shop dropdown also in components.css*/
.desktop-site.main-home-pg  .dropdown01 li a img {padding-bottom:8px;}
.desktop-site.main-home-pg  .dropdown01 li a span {padding-bottom:10px}
.desktop-site.main-home-pg  .dropdown01 li a span + span {color:#666}
.desktop-site.main-home-pg  .dropdown03 li a span + span,
.desktop-site.main-home-pg  .dropdown01 li a span + span {

}
/**** Page title ****/			
.desktop-site.main-home-pg .homepage-title {
	font-size:28px;
	font-size:2.8rem;
	padding-bottom:10px;
	margin-bottom:0;
	color: #fff;
	text-shadow: 0 0 5px #000;
	text-indent:1px;/*so that the beginning of the heading letter does not show when nav flyout is open*/
}
.desktop-site.main-home-pg .strapline-inner {
	color: #fff;
	text-shadow: 0 0 5px #000;
}
/**** container: title, strapline, search, browse  ****/
.desktop-site.main-home-pg .page-header .strapline {
	width:auto;
	padding-left:0;
	font-size:14px;
	font-size:1.4rem;
	text-shadow:none;
	color: #666;
	clear:both;
}
/**** search, browse btns ****/
.desktop-site.main-home-pg .strapline-list {
	padding-top:60px;
	overflow:hidden;
}
.desktop-site.main-home-pg .strapline-list li {
	float:left;
	margin-right:30px;
}
/**** browse link ****/
.desktop-site.main-home-pg .strapline-list li a {
	height:48px;
	line-height:48px;
}
/**** search, browse links ****/
.desktop-site.main-home-pg .strapline-list a span,
.desktop-site.main-home-pg .strapline-list span a,
.desktop-site.main-home-pg .strapline-list span {
	font-size:12px;
	font-size:1.1rem;
}
/**** browse btn ****/
.desktop-site.main-home-pg .strapline-list li span,
.desktop-site.main-home-pg .strapline-list li span a {
	text-decoration: underline;	
	color: #fff;
	text-shadow: 0 0 5px #000;
	border-bottom:none;
}
.desktop-site.main-home-pg .strapline-list li span a {
    letter-spacing: .01rem;
}
/**** Browse btn focus/active ****/
.desktop-site.main-home-pg .strapline-list li span a:hover, 
.desktop-site.main-home-pg .strapline-list li span a:focus {
	text-decoration: underline;	
}
.desktop-site.main-home-pg .strapline-list li span a:hover {
	text-decoration:none;
}
/**** search/browse btns ****/
.desktop-site.main-home-pg .strapline-list li span {
	text-decoration:none;
}
/**** Search btn a tag ****/
.desktop-site.main-home-pg .strapline-list .action-button {
	background:rgba(255,255,255, 0.7);
	width:277px;
	text-decoration:none;
}
.desktop-site.main-home-pg .strapline-list .action-button:hover {
	text-decoration:underline;
	background:rgba(255,255,255, 0.9);
}
/**** search inner span ****/
.desktop-site.main-home-pg .strapline-list .action-button span {
	display: inline-block;
	width:100%;
	text-align:center;
	text-shadow:none;
	color: #000;
}

/**** Panel row titles ****/
.desktop-site.main-home-pg .pnl-row-title {
	font-size:19px;
	font-size:1.93rem;
}

/**** HEADINGS (except Carousel featured): 
	news, Blogs, Discover, Getting started, Business Advice, Shop 
*****/
.desktop-site.main-home-pg .pnl-row .pnl .pnl-title a {
	font-size:10px;
	font-size:1rem;
	color:#000;
}

/** MOVE TO panel-and-grid.css **/
.main-home-pg .main-content .main-content-block .main-content-block-inner p a {
	    border-bottom: 1px solid #c8c8c8 !important;
}
/** MOVE TO panel-and-grid.css **/
.main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover {
	border-bottom: 1px solid #444 !important;
}

/* Use this if image is to have a border, remove desktop prefix so it works in both desktop and mobile */
.main-home-pg #main a.imgCenterGreyBg {
	display: block;
	height: 331px;
	width: 464px;
	background-image: url('../../../resources/global/images/homepage-mpu-v2.jpg');
	background-position: center center;
	background-repeat: no-repeat;
   /* margin: 0 auto;
	position:relative;
	top: 50% !important;
    transform: translateY(-50%) !important;	*/
}
.main-home-pg #main a.imgCenterGreyBg:hover {
	border:none !important;
}
/* remove desktop prefix so it works in both desktop and mobile */
.main-home-pg #main a.imgCenterGreyBg span {
	position: absolute;
	top: -3000px;
	left: -3000px; 	
}

/**** More links ****/
.main-home-pg .block-footer,
.main-home-pg .section-footer {
	clear:both;	
}
.desktop-site.main-home-pg .view-more {
	font-size: 10px;
    font-size: 1rem;
	font-weight:normal;
	color:#333;
}
/* rogue view more override */
.main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-2col > p {font-weight:normal}
/* view more + calender of events*/
.main-home-pg .section-footer .pnl p {text-align:right;}
.main-home-pg .section-footer .pnl {padding:0;}

/**** Carousel position ****/
.desktop-site.main-home-pg .main-content-block:first-child {
	padding-top:35px;
}

/**** Carousel featured heading ****/
.desktop-site.main-home-pg .pnl.item > .pnl-txt > .pnl-title a {
	color:#000;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}
/**** Carousel items except featured ****/
.desktop-site.main-home-pg .grid_14 .pnl .pnl-txt > .pnl-title a,
.desktop-site.main-home-pg .bottom-row > .pnl-txt > .pnl-title a {
	color:#000;
	font-weight:bold;
	font-size:10px;
	font-size:1rem;
}
/**** Carousel date ****/
.desktop-site.main-home-pg .pnl.item > .top-row .pnl-txt > .date,
.desktop-site.main-home-pg .pnl.item .pnl-date {
	overflow:hidden;
	font-size:9px;
	font-size:0.9rem;
}
/**** Carousel nav btns ****/
/*.desktop-site.main-home-pg .owl-carousel .owl-nav div {
	width:40px;
	height:40px;
}*/
/**** Carousel nav btns hover ****/
/*.desktop-site.main-home-pg .owl-carousel .owl-nav div:hover {
	background-color:#b70303;
	-webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}*/
/**** Carousel prev/next nav btns bg images ****/
/*.desktop-site.main-home-pg .owl-carousel .owl-prev:before {background-position: 14.5% -53px;}
.desktop-site.main-home-pg .owl-carousel .owl-next:before {background-position: 21.4% -53px;}
.desktop-site.main-home-pg .owl-carousel .owl-nav div:hover:before {opacity:1;}*/
/* end btns */

/**** Discover module top modules ****/
.desktop-site.main-home-pg .pnl-omit.white-bg {
	height:232px;
	background-color:#fff;
}
/**** Panel descriptions ****/
.desktop-site.main-home-pg .pnl-txt.sm-txt > p {
	margin-top:10px;
	font-size:0.9rem;
}
.desktop-site.main-home-pg .pnl-omit.white-bg .pnl-title a {color:#000;}
/**** All page headings (carousel featured heading font-size set above) ****/
.desktop-site.main-home-pg .pnl-row .pnl .pnl-title,
.desktop-site.main-home-pg .pnl-title {
	font-size:10px;
	font-size:1rem;
}

/**** All sub headings on page ****/
.desktop-site.main-home-pg .pnl-row .pnl-row-title + p {
	margin-top:-8px;
	margin-top:-0.5rem;
	font-size:10px;
	font-size:1rem;
	color:#666;
}

/*** Shop ***/
/*.desktop-site.main-home-pg .pnl-inner.w-bg {
	padding-top:10px;
	padding-top:1rem;
}*/

.desktop-site.main-home-pg .main-content-block.shopping {
 	margin-top:20px;
}

/**** FOOTER ****/
.desktop-site.main-home-pg .form-block-inner h3,
.desktop-site.main-home-pg .form-block-inner h2 {
    font-size: 22px;
    font-size: 1.5rem;
    font-weight: normal;
    margin: 0;
}
.desktop-site.main-home-pg .form-block-inner h2 + p {
	color: #cdcb98;
    font-size: 11px;
    font-size: 0.9rem;
}


/* 
=======================================================
   COMPONENTS
=======================================================
*/
#site-logo a:hover {border: none; }

#img-viewer .img-viewer-nav, 
.search input[type=text], 
.page-sub-header .search-box-wrapper, 
.lan-dropdown .action-button, 
.pager-lnk,
.pager .active,
.pager-elps, 
.jp-audio .jp-type-single .jp-progress, 
.carousel-slideshow figcaption, 
#img-viewer .img-viewer-thumbs, 
#img-viewer .img-viewer-main-img img, 
#img-viewer .img-viewer-info, 
.article-hl-block ul.ahl-pnl-row li .pnl-txt, 
.article-hl-block ul.ahl-nav li, 
.accordian-block .acc-pnl-content, 
.inline-link-buttons li, 
.jp-details, 
.jp-details div, 
#category, 
.shop .new-footer *, 
#quickBasket, #quickBasket * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#search-web-cat .search input[type="text"], 
.search input[type=submit], 
.ui-datepicker .ui-icon, 
.facet-list .icon {-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
#img-viewer .img-viewer-thumbs {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

#cookies {width: auto; padding: 2px 20px 4px 26px; position: relative; z-index: 100; border-bottom-right-radius: 28px; box-shadow: 0 8px 10px rgba(0,0,0,0.3); }
body > .iv-overlay-wrap + #cookies {width: 50%; padding-right: 50px; }
#cookies p a:first-child {border: 1px solid #fff; padding: 3px 5px; margin: 0 8px; font-size: 120%; border-radius: 3px; outline: none; }
#cookies p a:last-child {white-space: nowrap; }
#cookies .close {position: absolute; top: 0; right: 20px; width: 20px; height: 20px; text-align: center; font-weight: bold; cursor: pointer; font-size: 140%; }

.skip-to {width: 100%; text-align: center; }
.skip-to a {position: absolute; top: -3000px; left: -3000px; }
.skip-to a:active, 
.skip-to a:focus {position: static; width: auto; height: auto; display: inline-block; padding: 10px 6px; margin: 0 0 -6px 0; text-decoration: underline; }
.skip-to a:hover {border-bottom-width: 0; text-decoration: none; }

#search-web-cat {padding: 4px 16px; padding: 0.25rem 1rem; }
#search-web-cat, 
#searchpanelnoscript {position: absolute; top: 0; right: 0; /*font-size: 1.1em;*/font-size: 11.2px; font-size: 0.7rem; margin: 5px 0; width: 240px; z-index: 12; }
#search-web-cat fieldset {border: none; margin: 0; padding: 0; }
#search-web-cat legend, 
#search-web-cat .search-input {height: 1px; left: -1000px; position: absolute; text-indent: -10000px; top: 0; width: 1px; }
#mainsearch {display: none; }
#mainsearch label {vertical-align: top; }
#search-web-cat [type="radio"], 
#search-web-cat label {display: inline; line-height: 16px; margin: 4px 8px 0 0; margin: 0.25rem 0.5rem 0 0; font-size: 12.6px; font-weight: normal; }
#search-empty-message {display: none; font-size: 12.6px; font-size: 0.7875rem; font-weight: bold; margin: 3px; left: -230px; position: absolute; top: 5px; }
.search-box-wrapper {position: relative; }
.search-box-wrapper:before, 
.search-box-wrapper:after {content: " "; display: table; }/* add .clearfix ? */
.search-box-wrapper:after {clear: both; }/* add .clearfix ? */
#search-web-cat .search input[type="text"] {float: right; }
#search-web-cat .search input[type="text"]:before, 
#search-web-cat .search input[type="text"]:after {content: " "; display: table; }
#search-web-cat .search input[type="text"]:after {clear: both; }
#search-web-cat .search input[type="text"] {margin: 0; }
.search form {position: relative; }
.search input[type=text] {height: 32px; display: block; }
.search input[type=submit] {position: absolute; top: 1px; right: 1px; border: none; overflow: hidden; margin-left: 1px; height: 30px; display: block; }
.search input[type=text] {padding: 0 16px; width: 100%; }
.search-section label {display: none; }
.search input[type=submit] {*width: 32px; *margin-top: 1px; }
#search-web-cat input[type=text] {height: 24px; line-height: 24px; font-size: 12px; }
#search-web-cat button[type=submit] {line-height: 22px; height: 22px; width: 22px; padding: 0; border: none; position: absolute; right: 1px; z-index: 100; top: 1px; }

#shop-legend #local-search, 
.product-hero #local-search {position: absolute; left: -3000px; top: -3000px; }
#shop-legend .local-search-wrapper {border: 1px solid #eee; margin: 0;overflow:hidden}
#shop-legend .searchbox-wrapper, 
.product-hero .searchbox-wrapper {padding: 0; } 
#shop-legend .search-section {padding-right: 16px; padding-right: 1rem; }

#local-search {display: block; padding: 8px; padding: 0.5rem; margin: 0; padding-top: 0; }
form .local-search-wrapper {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; margin-bottom: 16px; margin-bottom: 1rem; }
form .local-search-wrapper + .local-search-wrapper {margin-top: -8px; margin-top: -0.5rem; }
#search-section-input {width: 272px; border: none; margin: 0; width: -moz-calc(100% - 32px); width: -o-calc(100% - 32px); width: -webkit-calc(100% - 32px); width: calc(100% - 32px); }
.search-section input[type=submit] {top: 0; right: 0; height: 32px; }
.search-section button[type=submit] {padding: 0; border: none; position: absolute; right: 0; z-index: 10; top: 0; height: 32px; width: 32px; }
.facet-search #local-search {display: none; }

.pnl-3col p ~ .pnl {margin-top: 16px; margin-top: 1rem; }
.main-content-block.highlight-bg > .main-content-block-inner.main-bg .pnl-3col p ~ .pnl:nth-child(n+6) {margin-top: 0; }
.main-content-block.highlight-bg > .main-content-block-inner.main-bg h2.pnl-row-title + p {margin-top: -0.5rem; }

#large-search-2 {margin-bottom: 0; margin-left: 1rem; }
#large-search-2 fieldset:first-child {float: left; min-width: 412px; }
#large-search-2 fieldset {border: medium none; padding: 1rem 0 0; }
#large-search-2 label {font-weight: bold; }
#large-search-2 button {background-image: url('../images/bl-web-sprite.png'); }
.desktop-site #large-search-2 #search-section-input {min-width: 370px; }
#large-search-2 #search-section-input {min-width: 170px; width: 40%; }
#large-search-2 input {clear: right; float: left; font-size: 14px; line-height: 14px; margin: 0; padding: 0 0 0 10px; }
#large-search-2 input, #large-search button {height: 40px; }
#large-search-2 button {background-position: -389px -52px; background-repeat: no-repeat; border: medium none; position: relative; top: 0; width: 40px; }
#large-search-2 input, 
#large-search-2 button {height: 40px; }
#large-search-2 button span {display: inline-block; position: absolute; top: -3000px; }

.desktop-site .fromOurShop {background: url('data:image/gif;base64,R0lGODlhsAMBAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDU2ODRDMjYwQjkzMTFFNUExRDBGODg1QTBBNUVCQkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDU2ODRDMjcwQjkzMTFFNUExRDBGODg1QTBBNUVCQkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENTY4NEMyNDBCOTMxMUU1QTFEMEY4ODVBMEE1RUJCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENTY4NEMyNTBCOTMxMUU1QTFEMEY4ODVBMEE1RUJCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAACwAwEAAAIdhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZuWwAAOw==') repeat-y 0 0; position: static; /*top: 2rem; */margin-top: 2rem; }
.desktop-site .fromOurShop .pnl-row-title {position: relative; top: -4rem; }
.desktop-site .fromOurShop .pnl {margin-top: -3rem; }
/*.desktop-site .fromOurShop:before {content: ' '; display: block; width: 100%; height: 200px; background-color: orange; width: -moz-calc(100% - 1rem); width: -o-calc(100% - 1rem); width: -webkit-calc(100% - 1rem); width: calc(100% - 1rem); position: absolute; top: 4rem; }*/
.fromOurShop .pnl-txt {text-align: center; }
.fromOurShop p span {font-weight: bold; }
.fromOurShop a.action-button {margin-top: 16px; margin-top: 1rem; }
.fromOurShop .pnl-img {margin: 0 auto; }

/*#contentstart #intro-text {margin-bottom: 32px; margin-bottom: 2rem; min-height: 200px; }*/
#contentstart .page-sub-header #intro-text {padding-bottom: 48px; padding-bottom: 3rem; }
/*#contentstart .page-sub-header .grid_19 {border: 1px solid #ccc; margin: 16px 0; margin: 1rem 0; padding: 0 16px 0 16px; padding: 0 1rem 0 1rem; } */

/*.desktop-site .page-sub-header #intro-text p:last-child {visibility: hidden; }
.desktop-site .page-sub-header #intro-text p:last-child a {visibility: visible; }
.desktop-site #contentstart #intro-text p:last-child a:first-child {width: 46%; display: inline-block; float: left; margin-right: 20px; }
.desktop-site #contentstart #intro-text p:last-child a + a {width: 46%; display: inline-block; float: right; text-align: right; }
.desktop-site #contentstart #intro-text p:last-child a:hover {border-bottom: none !important; text-decoration: underline; }*/

/*.desktop-site .page-sub-header #intro-text p:last-child > a:first-child + a,*/
.desktop-site p a:first-child + .hidden + a {margin-left: 15px; }


.search-block .facet-search .form-item {float: left; }
.search-block .facet-search #search-section-input {width: 480px; }
.search-block .facet-search select {height: 32px; max-width: 304px; }
.search-block .facet-search .search-icon {top: 1px; height: 30px; right: 1px; }

.vlg-bg .rh-column > div {margin-bottom: 16px; margin-bottom: 1rem; }
.main-column .links-block li {display: inline-block; width: auto; margin-right: 16px; margin-right: 1rem; }
.rh-column .links-block ul + p {display: inline-block; margin-top: 14px; }

.tabbed-box-inner {position: relative; padding-top: 40px; padding-top: 2.5rem; }
.tabs {padding: 8px 0 16px 0; padding: 0.5rem 0 1rem 0; margin-bottom: 8px; margin-bottom: 0.5rem; position: absolute; top: 0; }
.tabs a {display: block; padding: 4px 16px; padding: 0.25rem 1rem; }
.tabs a.active {cursor: default; }
.tabs li {float: left; margin: 0; margin-right: 8px; margin-right: 0.5rem; }
.tabs h3 {font-size: 14px; font-size: 0.875rem; margin: 0; line-height: 24px; font-weight: normal; }
.tab-content .text-block h4:first-child, 
.tab-content .transcript h3 {display: none; }

/*.list-right {padding: 5px 5px 0 5px; margin-bottom: 8px; }
.list-right .pnl-img {float: left; }
.list-right .pnl-txt {float: right; width: 144px; font-size: 0.9em; line-height: 1.2em; }
.list-right .pnl-txt h3 {font-size: 1.2em; margin: 0 4px 8px 0; }*/

.lan-dropdown {position: absolute; top: 8px; right: 16px; width: 200px; cursor: pointer; }
.lan-dropdown h4 {padding: 8px 16px; font-size: 14px; font-weight: normal; margin: 0; }
.lan-dropdown .action-button {width: 100%; }
.multi-lang .text-block h4:first-child, 
.multi-lang .transcript h3 {display: none; }

.selection-filter-sort-results .label {text-indent: -10000px; height: 1px; margin: 0; padding: 0; }

.pager.tp-rgt {position: absolute; right: 0; top: 0; }
.pager li {float: left; height: 32px; overflow: hidden; margin-right: 4px; margin-right: 0.25rem; font-size: 16.8px; font-size: 1.05rem; }
.pager-lnk,
.pager .active,
.pager-elps {padding: 0 0.5em; line-height: 32px; min-width: 32px; display: block; text-align: center; }
.pager a {text-decoration: none; }

.ui-datepicker .ui-datepicker-header {position: relative; }
.ui-datepicker .ui-datepicker-prev {left: 0; position: absolute; right: auto; top: 0; }
.ui-datepicker .ui-datepicker-next {position: absolute; left: auto; right: 0; top: 0; }
.ui-datepicker .ui-datepicker-title {padding: 5px; padding: 0.3rem; text-align: center; }
.ui-datepicker .ui-datepicker-calendar th, 
.ui-datepicker .ui-datepicker-calendar td {text-align: center; width: 14%; }
.ui-datepicker .ui-icon-circle-triangle-e, 
.ui-datepicker .ui-icon-circle-triangle-e:hover {background-position: -682px -56px; }
.ui-datepicker .ui-icon-circle-triangle-w, 
.ui-datepicker .ui-icon-circle-triangle-w:hover {background-position: -632px -56px; }
.ui-datepicker .ui-icon {display: block; float: left; /*font-family: FontAwesome; */height: 30px; overflow: hidden; padding-left: 30px; width: 0; transition-property: background-color; }

#datepicker .ui-state-default {display: block; padding: 0.25rem; }
#datepicker td {padding: 0; text-align: center; }
.facet-list-outer #datepickerfacet td, 
.facet-list-outer #datepickerfacet th {padding: 3px; padding: 0.2rem; text-align: center; }

aside #datepicker table.ui-datepicker-calendar {margin: 0; }
.no-js .inline-link-buttons {display: none; }
.inline-link-buttons li {float: left; margin: 0 0 0 4px; text-align: center; display: block; width: 34%; font-size: 12px; font-size: 0.8rem; }
.inline-link-buttons li:first-child {width: 26%; }
.inline-link-buttons ul {margin: 0; padding: 0; }
.inline-link-buttons {padding:8px 4px 8px 0; }

table.tbl-light {border: none; margin: 32px 0 16px 0; margin: 2rem 0 1rem 0; width: 100%; }
table.tbl-light * {border: none; }
table.tbl-light th {width: 50%; padding-left: 0; }
table.tbl-light caption {font-weight: bold; font-size: 1rem; }

.facet-list-outer .calendar-options-list li {float: left; font-size: 0.8rem; margin-right: 0.25rem; padding: 0; clear: left; }
.calendar-options-list ul {float: left; margin-bottom: 10px; }
.calendar-options-list li {margin-bottom: 0.6rem; }

.sold-out, 
.limited-places, 
.availability-update {font-weight: normal; padding: 0.125rem 0.25rem 0.125rem 0; }
.coming-soon {font-weight: bold; padding: 6px 8px; left: 0px; margin: 0; position: absolute; text-transform: uppercase; top: 142px; z-index: 1; }
.limited-places, 
.sold-out {font-weight: bold; padding: 0.125rem 0; background: none; }
table .sold-out, 
table .limited-places, 
table .availability-update, 
table .availability {margin-top: 12px; float: left; }

.availability:after {content: 'Checking availability'; float: left; width: 100%; text-align: right; }
.leaderboard-block .ajaxCheck .availability,
.leaderboard-block .ajaxCheck .availability:after {float: none; padding-left: 0; }
.availability, 
.ajaxCheck .action-button,
.no-btn .action-button,
.leaderboard-block .leaderboard-block-inner .no-btn .book-tickets-button {display: none; }
.rslt-list #eventsList .availability {float: left; }
.ajaxCheck td .action-button {display: inline-block; }
.ajaxCheck .availability {background-repeat: no-repeat; background-position: 0 -2px; background-color: rgba(0,0,0,0); display: block; float: left; padding-left: 26px; }
.leaderboard-block .ajaxCheck .availability {background-position: 4px 4px; }
.leaderboard-block .no-btn .availability-update {margin-top: 22px; }

.rslt-list li.pnl dl {width: 100%; float: left; clear: left; }
.rslt-list li.pnl dt {display: inline-block; float: left; clear: left; font-weight: bold; margin-right: 6px; width: auto; }
.rslt-list li.pnl dt:after {content: ':'; }
.rslt-list li.pnl dd {display: inline-block; float: left; clear: right; width: auto; }

.social-links-wrapper {margin: 40px 0 20px 0; }
.social-block .social-links-wrapper {margin-top: 4px; margin-bottom: 0; }
.social-links-wrapper > span {display: inline-block; margin-bottom: 8px; }
/*#stwrapper, #stLframe {margin-left: -999px; height: 1px; width: 1px; overflow: hidden; } This was "hiding" the iframe for the sharethis popups? */

body.shop p a {font-weight: bold; }
body.desktop-site.shop .pnl-shop4col {padding-right: 0 !important; padding-left: 0 !important; }
/*body .gradient01,*/
body .gradient01 .main-content-block-inner {background-repeat: repeat, repeat-x; background-position: center top, 0 0; }
body .gradient01 .main-content-block-inner {background-repeat: no-repeat, repeat-x; background-position: 0 -1px, 0 0; }
body .gradient01 .pnl-block {padding: 32px 48px; padding: 2rem 3rem; }
body .gradient01 .text-block p {font-size: 20px; font-size: 1.3rem; }

body.shop.banner-zoom #shop-legend {background-color: transparent; }
/* global msg / search */
/*body.shop.banner-zoom #shop-legend div {display: none; }*/
body.shop.banner-zoom #shop-legend {background-color:#fff}

body.shop .alternate-img .action-button {text-transform: uppercase; }

/*body.shop .pnl-shop4col h2.block-title {font-size: 26px; font-size: 1.6rem; color: #666; font-weight: normal; }*/
body.shop .pnl-shop4col h2.block-title {width: 100%;}

.js .shop #productCategories .pnl-title, 
.js .shop #productCategories .pnl-title a {color: #fff; padding: 0; text-align: center; text-transform: uppercase; min-height: 34px; }
.js .shop #productCategories .pnl-title a {display: inline-block; font-size: 12px; font-size: 0.9rem; font-weight: bold; width: 100%; min-height: 44px; line-height: 44px; padding: 0 7px 0 3px; }
.js .shop #productCategories .pnl-title a:hover {border: none; text-decoration: underline; }
.js .shop #productCategories .pnl-txt {position: absolute; top: 45%; width: 100%; min-height: 44px; }
.shop #productCategories .pnl-inner {background-color: #fff; overflow: hidden; }
.shop #productCategories .catBg1 .pnl-txt {background-color: #646667; background-color: rgba(100,102,103,0.9); }/* default fallback */

/*categories*/
.desktop-site.shop.shop-category #productCategories .cta {
	position:absolute;
	right:16px;
	top:22px;
}

/*.shop #productCategories .catBg0 .pnl-txt {background-color: #4e518b; background-color: rgba(78,81,139,0.9); }
.shop #productCategories .catBg1 .pnl-txt {background-color: #aacfcd; background-color: rgba(170,207,205,0.9); }
.shop #productCategories .catBg2 .pnl-txt {background-color: #e53a52; background-color: rgba(229,58,82,0.9); }
.shop #productCategories .catBg3 .pnl-txt {background-color: #808c71; background-color: rgba(128,140,113,0.9); }
.shop #productCategories .catBg4 .pnl-txt {background-color: #caad78; background-color: rgba(202,173,120,0.9); }
.shop #productCategories .catBg5 .pnl-txt {background-color: #3a3016; background-color: rgba(58,48,22,0.9); }
.shop #productCategories .catBg6 .pnl-txt {background-color: #584540; background-color: rgba(88,69,64,0.9); }
.shop #productCategories .catBg7 .pnl-txt {background-color: #96b240; background-color: rgba(150,178,64,0.9); }
.shop #productCategories .catBg8 .pnl-txt {background-color: #5c4a44; background-color: rgba(92,74,68,0.9); }
.shop #productCategories .catBg9 .pnl-txt {background-color: #a0b77e; background-color: rgba(160,183,126,0.9); }*/

body.shop #category h2 {font-size: 52px; letter-spacing: 9px; font-size: 3rem; letter-spacing: 0.5rem; font-weight: normal; text-transform: uppercase; margin: 0; }
.shop #category p {font-size: 21px; font-size: 1.3rem; }
.shop #category div {border-width: 5px; border-style: solid; padding: 48px 64px; padding: 3.4rem 4rem 3rem 4rem; }
.backgroundsize .desktop-site.banner-zoom #category, 
.backgroundsize .desktop-site.banner-zoom .main-page-img div {background-size: 1940px 566px; }

.backgroundsize .desktop-site.shop .main-page-img div {background-position: center top ; }
.backgroundsize .desktop-site.shop #category {background-position: center -247px; background-repeat: no-repeat; }
/* OR if fixed bg is required...
.desktop-site #category, 
.desktop-site .main-page-img div {background-position: top center; background-attachment: fixed; }
*/

/*.desktop-site.shop-home div.strapline {width: 310px; }*/
.shop-home div.strapline {margin: 40px auto 22px auto; background-color: #fff; background-color: rgba(255,255,255,0.9); padding: 7px; text-align: center; float: none; text-transform: uppercase; }
.shop-home p.strapline-inner {font-size: 19px; line-height: 24px; letter-spacing: 0.1rem; text-shadow: none; }
.shop-home p.strapline-inner span {font-weight: bold; display: block; /*white-space: nowrap; */}


/*may be issues with the nav dropdown subs without z-index*/
.shop .masthead, 
.shop .second-nav-wrapper {
	position: relative; 
	/*z-index:10;*/
}
/*#quickBasket {width: 100%; height: 254px; background-color: #eee; position: absolute;  z-index: 1; top: -60px; transition: all 400ms ease-in-out 0s; }
#quickBasket.go {top: 200px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);}
.mobile-site #quickBasket {display: none; }
.mobile-site #quickBasket.go {display: block; top: 136px; }*/

#quickBasket {
	width: 100%; 
	height: 254px; 
	background-color: #eee; 
	position: absolute;  
	z-index: 1; 
	top: -160px; 
	transition: all 400ms ease-in-out 0s; 

}
.mobile-site #quickBasket {
	display: none;
	transition: none !important;
	transform: none;
}

#quickBasket.go {top: 200px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);}
.mobile-site #quickBasket.go {display: block; top: 136px; }
.mobile-site .fixed #quickBasket.go {
	position: fixed;
	top:0;
	-webkit-transform: translateZ(0);
}
#quickBasket p.close {
	position: absolute; 
	top: -9px; 
	right: 2px; 
	width: 0; 
	height: 30px; 
	text-indent: -300px; 
	color: transparent; 
	z-index: 1; 
	cursor: pointer;
	border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid #fff;
}
#quickBasket p.close {background-position: -7px -106px;}

#quickBasket p.close.sml-cls:hover {
	border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid #dad9d9;	
}

#overlay {position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; z-index: 1100; background: #000 /*url('../resources/global/images/ajax-loader.gif') no-repeat center center scroll*/; }
#lightbox {padding: 4px 4px 1px 4px; position: absolute; z-index: 1101; background-color: #fff; border-radius: 4px; box-shadow: 3px 3px 10px rgba(0,0,0,0.5); }
.desktop-site.shop x:-moz-any-link, .desktop-site.shop x:only-child {margin-right: 10px; }/*ff only*/

.shop #lightbox #ageConfirmForm {display: block; padding: 16px; }
.shop #lightbox {width: auto; max-width: 80%; min-height: 150px; }

.mobile-site #quickBasket .qb-left {display: none; }

#quickBasket .qb-right .pnl-txt {width: 100%;padding:0;}
#quickBasket .qb-left, 
#quickBasket .qb-right {
	height: 254px; 
	overflow-y: auto; 
	color: #666;
	margin:0;
	background-color:#fff;
}

.mobile-site #quickBasket .qb-right {float: none;width:100% !important}
.mobile-site #quickBasket .qb-right .pnl-txt {max-width: none; margin: 0 auto; }
#quickBasket .pnl-txt p:first-child {margin: 16px 0; padding: 0; font-size: 17px;}
/*#quickBasket .qb-right .pnl-txt p:first-child {text-align: center; padding-left: 12px; }*/
#quickBasket .qb-right .pnl-txt p:first-child > span {display: inline-block; width: auto; margin: 0 auto; }
#quickBasket .qb-right .pnl-txt span.icon {
	display: inline-block; 
	/*float: right;*/
	background-image: url(../../../resources/global/images/shopping-basket-alt-22x32.png) !important; 
	/*background-position: -624px -108px; */ 
	background-repeat: no-repeat;
	margin-top: -7px;
	margin-left: 10px;
}
.desktop-site.shop #quickBasket .qb-right .qb-header-total,
.desktop-site.shop #quickBasket .qb-right .itemAddedTxt-mob,
.desktop-site #quickBasket .qb-right .pnl-txt .prodAttrs {display:none}

#quickBasket .qb-right .pnl-txt p:first-child + p span {padding-left:30px}
#quickBasket .qb-right .pnl-txt div .transparent-btn {padding: 0 1rem;float:left;margin-right:16px;}
#quickBasket .qb-right .pnl-txt > div {margin: 18px auto 10px 32px;}
#quickBasket .qb-right .pnl-txt > div.mid {
	margin: 0;
    padding: 0;
    background: #eee;
    width: 100%;
    padding-left: 32px;
    padding-top: 16px;
	padding-bottom:16px;
}
#quickBasket .qb-right .pnl-txt > div.mid p {margin:0;padding:0;text-transform:uppercase; font-size: 14px;font-size: 0.875rem;}
.desktop-site #quickBasket .qb-right .pnl-txt > div.mid p:first-child {margin-bottom:16px}
#quickBasket .qb-right .pnl-txt > div.mid p #totalVal {margin-left:45px}
#quickBasket .qb-right .pnl-txt > p:first-child {font-weight:bold;}
#quickBasket .qb-right .pnl-txt p {padding-bottom: 0; padding-left:32px;}

#quickBasket .qb-right .pnl-txt .footer p {padding:0;margin-top:10px;}
#quickBasket .qb-right .pnl-txt .footer p a.close {border-bottom: 1px solid;}

#quickBasket .qb-right .pnl-txt > p a:hover {border-bottom: none;}
/*#quickBasket .qb-right .pnl-txt > div + p {padding-left:16px;}*/

#quickBasket .qb-left {
	background-color: #fff;
	margin-right:0;
	border-right: 2px solid #ccc;
}
.desktop-site #quickBasket .qb-left > .pnl {width:100%}
.desktop-site #quickBasket .qb-left .pnl-img {float:left;margin-right:32px;margin-right:2rem;}
.desktop-site #quickBasket .qb-left .pnl-img img {max-width:120px;}
.desktop-site #quickBasket .qb-left .pnl-img + .pnl-txt p:first-child {margin-bottom:6px;}
.desktop-site #quickBasket .qb-left .pnl-txt p:first-child {font-weight:bold;}

.desktop-site #quickBasket .qb-left .pnl-txt ul#prodAttrs li,
.desktop-site #quickBasket .qb-left .pnl-txt ul#financeAttrs li {margin:0;margin-bottom:6px}
.desktop-site #quickBasket .qb-left .pnl-txt ul#financeAttrs {overflow:hidden;}


.shop #main .product-info .error {border: 2px solid #FC0105; }
.shop #main #product-hero .action-button.disabled {opacity: 0.5; cursor: default; background-color: #666 !important; }
/*.shop #main #product-hero .action-button.disabled:before {content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: transparent; }*/


/* put into global */
.desktop-site.shop .second-nav-wrapper ul ul {visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear; }
.desktop-site.shop .second-nav-wrapper ul ul {position: absolute; background-color: #fff; width: auto; max-width: 270px; z-index: 1; }
.desktop-site.shop .second-nav-wrapper ul > li:hover ul, 
.desktop-site.shop .second-nav-wrapper li.tab ul {visibility: visible; opacity: 1; }
.desktop-site.shop .second-nav-wrapper ul li.last:hover ul {right: 0; }
.desktop-site.shop .second-nav-wrapper ul ul li {width: 100%; display: inline-block; }
.desktop-site.shop .second-nav-wrapper ul ul li a {font-size: 0.8rem; }
.desktop-site #second-nav-wrapper .second-nav ul.menu > li > a, 
.desktop-site #second-nav-wrapper .second-nav ul.menu li a:hover {color: #fff !important; }/* for ie8 */

.shop .product-info .prod-best2 p {color: #7c4797; }
.shop .product-info .prod-sale2 p {color: #e20f0f; }
.shop .product-info .prod-new2 p {color: #0888b9; }

.promo-banner {width: 100%; }
.promo-banner, 
.promo-banner a.promo-banner-inner {background-position: center center; background-repeat: no-repeat; display: block; margin: 0 auto; cursor: pointer; }
.promo-banner a span {position: absolute; left: -3000px; top: -3000px; }


/*shop category pages*/
.promo-wrap {margin-top:40px;}						
.promo-wrap .promo-banner {background-image: url(../../../resources/global/images/shop-desktop-banner-example.jpg);}
.promo-wrap .promo-banner a {background-image: url(../../../resources/global/images/shop-mobile-banner-example.jpg);}
.promo-wrap .promo-banner,
.promo-wrap .promo-banner a {
	background-repeat: no-repeat;
	background-position: center center;	
}
/**/

.desktop-site .promo-banner a.promo-banner-inner {width: 944px; height: 90px;}
.desktop-site.shop .promo-banner a.promo-banner-inner,
.desktop-site.feature-module .promo-banner a.promo-banner-inner,
.desktop-site.shop-home .promo-banner a.promo-banner-inner {width: 976px; height: 337px; }/* xxxxx change dimentions for shop banners here xxxxx */

.desktop-site .grid_20 .promo-banner a.promo-banner-inner,  
.mobile-site .promo-banner a.promo-banner-inner {width: 272px; height: 300px;}
.mobile-site.shop .promo-banner a.promo-banner-inner,
.mobile-site.feature-module .promo-banner a.promo-banner-inner,
.mobile-site.shop-home .promo-banner a.promo-banner-inner {width: 272px; height: 337px; }/* xxxxx change dimentions for shop banners here xxxxx */
.mobile-site.feature-module .promo-banner a.promo-banner-inner,
.mobile-site.shop-home .promo-banner a.promo-banner-inner {margin-top:16px;/*I don't like this as it not consistent*/}


.desktop-site .grid_20 .promo-banner a.promo-banner-inner {height: 340px; width: 100%; background-size: cover; }
.desktop-site .grid_20 .grid_19 {overflow: hidden; }

.desktop-site .main-content-block-inner > .promo-banner a.promo-banner-inner, 
.grid_20 .grid_19 div.promo-banner,
.desktop-site.shop .pnl-row .promo-banner-inner, 
.desktop-site.feature-module .pnl-row .promo-banner-inner,
.desktop-site.shop-home .pnl-row .promo-banner-inner,
.mobile-site .promo-banner {background-image: none !important; }

.icon-list {margin-top: 16px; margin-top: 1rem; }
.icon-list li {display: inline-block; background-repeat: no-repeat; margin-left: 0; margin-bottom: 20px; }
.icon-list li:first-child {margin-left: 0; }
.icon-list li a {text-indent: -3000px; display: block; width: 70px; height: 70px; background-image: url('../images/social-icons.jpg'); /*opacity: 1; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; */}
.share-icon-list li {
	margin: 0 0 0 6px;
    float: right;
    height: 33px;
	display: inline-block;
}
.icon-list li a:hover, 
.icon-list li a:active {text-decoration: none; border-bottom: none; /*opacity: 0.8; */}
.icon-list li a:focus {outline: #fff dotted 1px; }
.icon-list .fb a {background-position: 0 0; }
.icon-list .t a {background-position: -72px 0; }
.icon-list .yt a {background-position: -82px 0; }

/*dev required .social-lrg .icon-list .yt a {background-position: -143px 0;}*/
/*no dev needed*/.pnl-row.pnl-3col > h2.pnl-row-title + .icon-list .yt a {background-position: -144px 0;} 
.icon-list .li a {background-position: -161px 0; }
/*dev required .social-lrg .icon-list .li a {background-position: -287px 0;}*/
/*no dev needed*/.pnl-row.pnl-3col > h2.pnl-row-title + .icon-list .li a {background-position: -286px 0;}

.icon-list .i a {background-position: -215px 0; }
.icon-list .g a {background-position: -430px 0; }
.icon-list .p a {background-position: -500px 0; }

/*8292 fix David*/
/*.icon-list li a:before {position: absolute; content: ' '; display: block; width: 70px; height: 70px; background-color: #000; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }*/
.icon-list li a:before {position: absolute; content: ' '; display: block; width: 40px; height: 40px; background-color: #000; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

.icon-list li a:hover:before {opacity: 0.1; }
.desktop-site .icon-list:before {content: ' '; display: block; width: inherit; border-top: 1px solid #ccc; height: 1; position: relative; top: -112px; top: -7rem; left: -16px; left: -1rem; margin-right: -16px;  margin-right: -1rem; }
.desktop-site .vlg-bg + div .icon-list:before, 
.desktop-site .search-rslt + div .icon-list:before, 
.desktop-site .highlight-bg .icon-list:before, 
.desktop-site .main-bg .icon-list:before {content: normal; }
.desktop-site .alternate-main-bg:after {width: 980px; height: 10px; background-color: #fff; position: relative; bottom: 10px; left: -16px; left: -1rem; z-index: 100; }

.jp-interface {position: relative; width: 100%; border: none; }
.jp-audio .jp-type-single .jp-interface {height: 90px; }
.jp-interface .jp-controls li {display: inline; float: left; }
.jp-controls a {display: block; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 999; top: 0; }
.jp-interface .jp-controls li a:hover {border-bottom: none; }
.jp-audio .jp-time-holder {position: absolute; top: 50px; right: 110px; }
.jp-current-time,
.jp-duration {width: auto; font-style: oblique; padding-right: 8px; float: left; }
.jp-details	{width: 100%; padding: 1px 10px 6px; font-size: 88%; }
.jp-hidden-trans {display: none; max-height: 320px; width: 100%; padding: 10px; background: #fff; border: 1px solid #999; overflow-y: scroll; }
.jp-hidden-trans .inner {display: none; }
.jp-hidden-trans {overflow: scroll\9; }
.media-player-audio,
.video-block {*zoom: 1; clear: both; }
.pnl-2col:not(.grid_30) .video-block {min-height: 286px; }/* stops uneven heights glitch obvious with 2 cols */

/*.video-block {margin-bottom: 20px; }*/
.audio-block:after,
.media-player-audio:after,
.video-block:after {content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.audio-block:before,
.audio-block:after, 
.media-player-audio:before, 
.media-player-audio:after,
.video-block:before,
.video-block:after {content: " "; display: table; }
.audio-block:after,
.media-player-audio:after,
.video-block:after {clear: both; }
a.jp-play, 
a.jp-pause, 
a.jp-mute, 
a.jp-unmute, 
.jp-volume-bar {width: 90px; height: 90px; }
a.jp-play:hover,
a.jp-play:focus {background-position: -180px 0; }
a.jp-pause {background-position: 0 -90px; display: none; }
a.jp-pause:hover,
a.jp-pause:focus {background-position: -180px -90px; }
a.jp-mute {background-position: 0 -180px; }
a.jp-mute:hover,
a.jp-mute:focus {background-position: -90px -180px; }
a.jp-unmute {background-position: 0 -270px; display: none; }
a.jp-unmute:hover,
a.jp-unmute:focus {background-position: -90px -270px; }
a.jp-mute,
a.jp-unmute {right: 0; top: 0; }
.jp-volume-bar {position: absolute; overflow: hidden; background-position: -90px -540px; height: 10px; cursor: pointer; z-index: 999; right: 0px; bottom: 0px; }
.jp-volume-bar-value {background-position: -90px -561px; width: 0px; height: 10px; }
.jp-audio .jp-progress {position: absolute; top: 9px; height: 21px; }
.jp-audio .jp-type-single .jp-progress {width: 100%; top: 30px; padding: 0 110px 0 90px; }
.jp-seek-bar,
.jp-play-bar,
.jp-seeking-bg {background-repeat: repeat-x; width: 0px; height: 100%; cursor: pointer; }
.jp-seek-bar,
.jp-seeking-bg {background-position: 0 -360px; width: 100% !important; }
.jp-play-bar {background-position: 0 -381px; }
.jp-no-solution {height: 90px; z-index: 9999; position: relative; padding: 16px 16px; }

.media-player-image {position: relative; }
.media-player-image img {display: block; max-width: 100%; max-height: 342px; /* max-height: 330px; ...change to work with 38 grid */width: auto; height: auto; min-height: 96px; }

/* ************** .media-player-image img  {max-height: 342px; } ***********/ /* change to work with 38 grid by ROB, re: media icons & voices. 19/02/15*/
.media-player-image a.jp-play {position: absolute; width: 100%; height: 100%; display: block; top: 0; }
.media-player-image a.jp-play:hover {background-position: 0 -348px; }
.media-player-image a.jp-pause {background: none; }

.pnl-media .video-info, 
.pnl-media .audio-info, 
.pnl-media .picture-info {bottom: 0; left: 0; position: absolute; cursor: pointer; background-color: rgba(0,0,0,0.7); }

.pnl-media .time {visibility: hidden; opacity:0; transition: opacity 0.4s linear; position: absolute; line-height: 2.0rem; padding: 0.5rem 0.5rem 0.5rem 0; }		
.showTime .time {visibility: visible; opacity: 1; position: relative; }

.carousel-slideshow {position: relative; zoom: 1; overflow: hidden; min-height: 400px; }
.carousel-slideshow ul, 
.carousel-slideshow ol, 
.carousel-slideshow li {padding: 0; margin: 0; list-style-position: outside; display: block; }
.carousel-slideshow figure {margin: 0; padding: 0; display: block; }
.carousel-slideshow .slides {*zoom: 1; }/* add .clearfix? */
.carousel-slideshow .slides:after {content: ""; display: table; clear: both; }/* add .clearfix? */
.carousel-slideshow .slides > li {-webkit-backface-visibility: hidden; position: relative; display: none; }
.carousel-slideshow figcaption {width: 100%; padding: 8px; text-align: left; }
.carousel-slideshow img {max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.flexslider .slides img {max-height: 330px; width: auto; display: block; height: auto; }
.flexslider .slides figure a {display: block; /*width: 608px;*/ } 
.flex-direction-nav a {margin: 0; display: block; top: 0; z-index: 10; cursor: pointer; position: absolute; top: -moz-calc(50% - 91px); top: -o-calc(50% - 91px); top: -webkit-calc(50% - 91px); top: calc(50% - 91px); margin-top: -22px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.flex-direction-nav .flex-next {right: 0; }
.flex-control-thumbs {width: 5000px; text-align: center; overflow: hidden; }
.flex-control-thumbs li {width: 160px; float: left; height: 90px; }
.flex-control-thumbs li img.flex-active {opacity: 1; }
.flex-control-thumbs li:hover {opacity: 1; cursor: pointer; }
.thumbnail-slider a {position: absolute; bottom: 30px; z-index: 99; width: 0px; overflow: hidden; }
.thumbnail-slider .thmb-next {right: 0; }
.hl-pnl-inner .thumbnail-slider {display: none; }
.hl-pnl-inner .flex-control-thumbs {border: none; width: auto; display: table; padding-bottom: 16px; margin: 4px; overflow: hidden; }
.hl-pnl-inner .flex-control-thumbs img {padding-left: 16px; }
.hl-pnl-inner .flex-control-thumbs li {border: none; height: 16px; width: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: table-cell; opacity: 1; }
.flex-disabled {cursor: default !important; }
.image-carousel {margin-top: 24px; }
.image-carousel-inline .carousel-slideshow {background: transparent; }
.image-carousel-inline .carousel-slideshow .flex-control-nav {display: none; }
.image-carousel-inline .flexslider .slides figure a {display: block; width: 288px; }

.slideshow-trans {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999; }
.lrg-viewer-nav .close {position: fixed; top: 0; right: 0; z-index: 1020; }
.sldshw-launched {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 1000; }
.sldshw-launched .carousel-slideshow,
.sldshw-launched .flexslider .slides figure a {background: none; }
.sldshw-launched .flex-control-thumbs {position: fixed; bottom: 0; }
.sldshw-launched .flexslider .slides figure a {width: 100%; }
.sldshw-launched .flexslider .slides li {position: fixed !important; top: 0; left: 0; }
.sldshw-launched .flexslider .slides img {max-height: 100%; max-width: 100%; height: auto; width: auto; }
.sldshw-launched .flex-direction-nav {display: none; }
.sldshw-launched .next,
.sldshw-launched .prev {position: fixed; left: 0; top: 50%; margin-top: -48px; z-index: 1020; }
.sldshw-launched .next {left: auto; right: 0; }
.sldshw-launched figcaption {position: fixed; top: 0; left: 0; z-index: 1020; line-height: 16px; font-size: 13px; padding-right: 120px; }
.sldshw-launched .clicked-active img {max-height: 100%; max-width: 100%; width: auto; height: auto; }
.one-img-only .flexslider .slides li {width: 100%; }
.one-img-only .next, 
.one-img-only .prev {display: none; }

.img-viewer-block {position: relative; }
.img-viewer-block img {display: block; }
.img-viewer-block .img-viewer-block-inner {padding: 16px 32px 32px 32px; padding: 1rem 2rem 2rem 2rem; }
.img-viewer-block .img-viewer-block-inner .img-viewer-trigger {display: block; text-align: center; cursor: pointer; }
.img-viewer-block .pnl-img .img-viewer-trigger {float: left; }
.img-viewer-block .img-viewer-block-inner .img-viewer-block-title {margin-top: 0; }
#img-viewer {position: absolute; height: 100%; width: 100%; padding: 0; margin: 0; overflow: hidden; }
#img-viewer label {display: inline; }
#img-viewer a img {outline: none; border: none; }
#img-viewer .img-viewer-thumbs {position: absolute; bottom: 0; left: 0; z-index: 155; opacity: 1; padding: 10px; height: 80px; width: 100%; overflow: hidden; margin-bottom: -40px; }
#img-viewer .img-viewer-thumbs:hover {margin-bottom: 0; }
#img-viewer .img-viewer-thumbs .transcript {display: none; }
#img-viewer .img-viewer-thumbs ol {width: 3000%; padding: 0; margin: 0; overflow: hidden; }
#img-viewer .img-viewer-thumbs ol li {float: left; padding: 0; margin: 0 10px 0 0; }
#img-viewer .img-viewer-thumbs ol li.active-img {opacity: 1; }
#img-viewer .img-viewer-thumbs ol li img {max-height: 80px; width: auto; height: auto; max-width: 250px; display: block; }
#img-viewer .img-viewer-thumbs ol li a {border: none; }
#img-viewer .img-viewer-nav {z-index: 122; position: absolute; top: 0; right: 0; width: 420px; }
#img-viewer .img-viewer-nav ul {float: right; padding-bottom: 8px; }
#img-viewer .img-viewer-nav li {float: left; margin: 0; }
#img-viewer .img-viewer-nav li a {margin: 8px 7px 0 0; cursor: pointer; }
#img-viewer .img-viewer-arrows a {z-index: 123; position: absolute; top: 50%; margin-top: -34px; }
#img-viewer .img-viewer-arrows a.prev {left: 8px; }
#img-viewer .img-viewer-arrows a.next {right: 8px; }
#img-viewer .img-viewer-arrows .iv-open-nav {margin-right: 420px; }
/*#img-viewer .close {background: red !important; }*/
#img-viewer .disabled {display: none; }
#img-viewer .img-viewer-main-img {position: absolute; top: 0; width: 100%; height: 100%; text-align: center; background-repeat: no-repeat; background-position: center center; }
#img-viewer .img-viewer-main-img img {cursor: move; padding: 20px; position: absolute; *padding: 0; display: block; }
#img-viewer .img-viewer-main-img img.sml {cursor: default; margin: 0 auto; }
#img-viewer .img-viewer-inner .iv-open-img {width: -moz-calc(100% - 420px); width: -o-calc(100% - 420px); width: -webkit-calc(100% - 420px); width: calc(100% - 420px); }
#img-viewer .img-viewer-info {position: absolute; height:-moz-calc(100% - 89px); height: -o-calc(100% - 89px); height: -webkit-calc(100% - 89px); height: calc(100% - 89px); top: 49px; right: 0; width: 420px; overflow-y: auto; z-index: 112; padding: 16px; opacity: 1; padding-top: 40px; }
#img-viewer .img-viewer-inner .tabbed-box-inner {position: static; padding-top: 0; }
#img-viewer .img-viewer-inner .tabbed-box-inner .text-block h4:first-child {display: none; }
#img-viewer .img-viewer-inner .tabbed-box-inner .tabs {overflow: hidden; padding: 0; margin: 0; position: absolute; top: 0px; left: 0; width: 100%; }
#img-viewer .img-viewer-inner .tabbed-box-inner .tabs li {margin: 0; }
#img-viewer .img-viewer-inner .tabbed-box-inner .tabs h3 {font-size: 14px; }
#img-viewer .img-viewer-inner .tabbed-box-inner .tabs a {float: left; background: transparent; }
#img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown {right: 0; top: 0; background: transparent; width: auto; }
#img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .action-button {background: transparent; }
#img-viewer .iv-thm-nav {height: 0; }
#img-viewer .iv-thm-nav li {margin: 0; padding: 0; }
#img-viewer .iv-thm-nav a {position: absolute; top: 0; z-index: 200; }
#img-viewer .iv-thm-nav a.thm-left {left: 0; }
#img-viewer .iv-thm-nav a.thm-right {right: 0; }
#img-viewer .iv-thm-nav .disabled {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); }
#img-viewer .thm-nav-active ol {padding-left: 40px; }
.iv-overlay-wrap.open {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; display: block; }
.loading {top: 0; left: 0; height: 100%; width: 100%; position: fixed; z-index: 9999; }
.loading .loading-wheel {height: 55px; width: 55px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; }
#fullDesc {margin-bottom: 20px; }

/********** PORTALS *************/
#portalLogin {border: none; }
#portalLogin input {border: 1px solid #eee; }

.p-l-1col + .showHideBlocks {padding-left: 16px; padding-left: 1rem; }
.showHideBlocks {padding-bottom: 2px; padding-right: 16px; padding-right: 1rem; }
.js .showHideBlocks > p {padding: 0; display: inline-block; width: 100%; cursor: pointer; }
.js .showHideBlocks > p:before {content: '+'; display: block; width: 20px; height: 22px; float: left; text-align: center; margin-right: 10px; border: 1px solid #333; }
.js .showHideBlocks > p.minus:before {content: '-'; }
.js .showHideBlocks > p:hover b {border-bottom: 1px solid #333; }
.js .showHideBlocks div {display: none; margin: 0; padding: 0; }

/*.js ul.showHideList li:nth-child(n+4) {display: none; }*/

.pnl-4col-borders .pnl-inner {padding: 16px 16px 0 16px; padding: 1rem 1rem 0 1rem; border: 1px solid #ccc; }

.person {padding-left: 16px; padding-left: 1rem; margin: 16px 0; margin-top: 1rem 0; }
.person .pnl-img {float: left; clear: right; min-width: 96px; }
.person .pnl-txt {padding-left: 16px; padding-left: 1rem; }
.person .pnl-txt p {padding-bottom: 8px; }

.js .person .pnl-txt p span.words, 
.js .person .pnl-txt p.show span.hellip {display: none; }
.js .person .pnl-txt p.show span.words {display: inline; }

.js .person .pnl-txt p span.more {color: transparent; white-space: nowrap; display: inline-block; cursor: pointer; position: relative; }
.js .person .pnl-txt p span.more::after {content: 'Read more'; position: absolute; left: 0; top: 0; }
.js .person .pnl-txt p.show span.more::after {content: 'Read less'; }

.js .person .pnl-txt p span.more:hover::after {text-decoration: underline !important; margin-bottom: -4px; }

#bmCollectionItem {padding: 16px; padding: 1rem; }
#bmCollectionItem .pnl-img {float: left; margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; }
#bmCollectionItem .pnl-txt {float: left; width: 400px; margin-bottom: 16px; margin-bottom: 1rem; }
#bmCollectionItem dl {margin: 0; }
#bmCollectionItem dl dt {width: 40%; padding-right: 5px; }
#bmCollectionItem dl dd {width: 58%; margin-bottom: 8px; margin-bottom: 0.5rem; }
.js #bmCollectionItem dl + dl {display: none; }
.js #bmCollectionItem dl.show {display: block; }
.js #bmCollectionItem #reveal {color: transparent; white-space: nowrap; display: inline-block; cursor: pointer; position: relative; }
.js #bmCollectionItem #reveal:after {content: 'Show more details'; position: absolute; left: 0; top: 0; }
.js #bmCollectionItem .show + #reveal:after {content: 'Show fewer details'; }
.js .more:hover:after {text-decoration: underline; }

.desktop-site #portalLoginReg {display: block; position: relative; top: -456px; height: 34px; margin-bottom: -34px; width: 978px; margin-left: auto; margin-right: auto; }
.desktop-site #portalLoginReg .action-button {border: 1px solid rgba(225,225,225,0.5); }
.desktop-site #portalLoginReg p {padding: 0; color: #fff; clip: rect(0px, 300px, 100px, 0px); width: 100%; position: absolute; left: 72px; z-index: 100; }


.desktop-site #portalLoginReg span {display: inline-block; margin: 0 6px; }
.desktop-site #portalLoginReg a {color: #fff; }
.mobile-site #portalLoginReg {clear: left; float: left; left: 60px; padding: 0; position: absolute; top: 0; width: 200px; z-index: 10000; }
.mobile-site #portalLoginReg p {font-weight: bold; }	

.desktop-site #bigBannerSearch {position: absolute; top: 318px; width: 100%; z-index: 1; }
.desktop-site #bigBannerSearch .optionsRow {padding: 0 16px; padding: 0 1rem; margin-top: -16px; margin-top: -1rem; }
.desktop-site #bigBannerSearch input {padding: 0 0 0 16px; }
.mobile-site #bigBannerSearch .optionsRow {padding-left: 16px; padding-left: 1rem; }
.mobile-site #bigBannerSearch input[type=search] {max-width: 200px; min-height: 21px; }
.mobile-site #bigBannerSearch .action-button {float: left; clear: right; }
.mobile-site #bigBannerSearch .optionsRow input {clear: left; }
#bigBannerSearch .optionsRow input {float: left; margin: 0 5px; position: relative; top: 2px; }
#bigBannerSearch .optionsRow label {float: left; font-size: 90%; font-weight: normal; margin-right: 20px; }
#bigBannerSearch .optionsRow div.opacity {padding: 16px 16px 0 16px; padding: 1rem 1rem 0 1rem; float: left; }

#bannerSearchBtn {border: none 0; padding: 0 16px; height: 38px; width: 38px; }
button#bannerSearchBtn:before {display: block; height: 36px; position: relative; top: 3px; left: -15px; width: 36px; }
#bigBannerSearch .icon {font-size: 2em !important; }

#global-search-options {border: none 0; background: bold; padding: 0; margin: -13px 3px 10px 6px; display: block; }
#global-search-options div {float: left; }
#global-search-options input {float: left; position: relative; top: 2px; margin-right: 3px; }
#global-search-options label {display: inline-block; font-size: 0.8rem; float: left; font-weight: normal; margin-right: 12px; margin-bottom: 0; }
/********** PORTALS end *************/

#shopResults .acc-pnl-fixed h3 {background-color: #eee; font-size: 1.25rem; margin: 0; padding: 16px; padding: 1rem; }
#shopResults .acc-pnl-fixed + .acc-pnl {margin-top: 16px; float: left; clear: left; }
#shopResults .facet-list .selected a.text-link {padding-right: 0; }
#shopResults .disabled {opacity: 0.7; }

#shopResults .acc-pnl {border: 1px solid #ccc; padding: 0 12px; margin-bottom: 16px; }
.desktop-site #shopResults .acc-pnl {border: none;}



/****** wrap long facet text *************/
.desktop-site #shopResults fieldset.acc-pnl {margin-bottom:10px;}
.desktop-site #shopResults fieldset.acc-pnl dl dd {
	height:auto;
	margin-bottom:10px;
}
.desktop-site fieldset.acc-pnl dd input{float:left}

.desktop-site fieldset.acc-pnl dd div {
	overflow:hidden;
	line-height:normal;
}
/************ end facet wrap ************/



#shopResults dl dt,
#shopResults dl dd {display: inline-block; width: 100%; }
#shopResults dl dt {margin-bottom: 6px; }
.desktop-site #shopResults dl dt {color: #fff !important; left: 0; margin-top: -37px; padding: 5px 10px; position:absolute; width: 224px; }/* vml styling updates */
.desktop-site #shopResults dt + dd {margin-top: 10px; }/* vml styling updates */
#shopResults dl dd {font-size: 10px; font-size: 0.8rem; height:28px;line-height:28px;}
#shopResults label {font-weight: normal; display: inline; color: #333; }
.desktop-site #shopResults label {width: 145px; margin-bottom: 4px; }
#shopResults label.bold {font-weight: bold; }
#shopResults input[type=hidden] + label:hover {border-bottom: 1px solid #333; cursor: pointer; }
#shopResults label.bold {cursor: default !important; border-bottom: none !important; }
/* slider used in shop price range filter slider start */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;text-align:center}.noUi-horizontal .noUi-handle-lower .noUi-tooltip{top:-32px}.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px}.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%}
/* Base; * */
.noUi-pips, .noUi-pips * {-moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-pips {position: absolute; color: #999; }
/* Values; * */
.noUi-value {width: 40px; position: absolute; text-align: center; }
.noUi-value-sub {color: #ccc; font-size: 10px; }
/* Markings; * */
.noUi-marker {position: absolute; background: #CCC; }
.noUi-marker-sub {background: #AAA; }
.noUi-marker-large {background: #AAA; }
/* Horizontal layout;* */
.noUi-pips-horizontal {padding: 10px 0; height: 50px; top: 100%; left: 0; width: 100%; }
.noUi-value-horizontal {margin-left: -20px; padding-top: 20px; }
.noUi-value-horizontal.noUi-value-sub {padding-top: 15px; }
.noUi-marker-horizontal.noUi-marker {margin-left: -1px; width: 2px; height: 5px; }
.noUi-marker-horizontal.noUi-marker-sub {height: 10px; }
.noUi-marker-horizontal.noUi-marker-large {height: 15px; }
/* Vertical layout; * */
.noUi-pips-vertical {padding: 0 10px; height: 100%; top: 0; left: 100%; }
.noUi-value-vertical {width: 15px; margin-left: 20px; margin-top: -5px; }
.noUi-marker-vertical.noUi-marker {width: 5px; height: 2px; margin-top: -1px; }
.noUi-marker-vertical.noUi-marker-sub {width: 10px; }
.noUi-marker-vertical.noUi-marker-large {width: 15px; }
/* slider used in shop price range filter slider end */
/* ************ BL bespoke... ************* */
.noUi-origin {top: -6px; }
.noUi-target {overflow: visible; border: none; border-top: 2px solid #666; border-radius: 0; box-shadow: none; background-color: transparent !important; }
.noUi-base {height: 4px; }
.noUi-pips-horizontal {position: relative; top: -3px; height: 50px;  }
.noUi-marker-horizontal.noUi-marker-large {top: -10px; }
.noUi-value, .noUi-marker-normal {display: none; }
.noUi-horizontal .noUi-handle {background-color: #e80623; border: 2px solid #666; border-radius: 8px; height: 16px; left: -8px; top: -4px;    width: 16px; cursor: pointer; }
#shopPriceRange .noUi-active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
.noUi-handle::after, .noUi-handle::before {background-color: transparent; background-image: none; content: normal; }
#shopResults .example-val {color: #333; font-size: 0.8rem; display: inline-block; margin: 0 0 8px 0; }
#shopResults .example-val + .example-val {float: right; }
#shopResults dl.slider {margin-bottom: 0; }
#shopResults dl.slider dd {padding: 8px 8px 0 8px; }









.homepage-hlb {max-width: 100%; min-width: 976px; }
.hl-pnl-horiz, 
.homepage-hlb {overflow: hidden; }
.hl-pnl-horiz .flex-viewport {overflow: visible !important; }
.hl-pnl-horiz .slides li {opacity: 0; height: auto; }
.hl-pnl-horiz .flex-active-slide .pnl-img, 
.hl-pnl-horiz .flex-active-slide .pnl-txt, 
.hl-pnl-horiz .flex-control-nav .flex-active, 
.hl-pnl-horiz .slides li.flex-active-slide {opacity: 1; }
.hl-pnl-horiz .slides li .pnl-1col .pnl {padding-right: 0; }
.hl-pnl-horiz .slides li img {max-height: none; height: auto; width: 100%; }
.hl-pnl-horiz .flex-control-nav {width: 100%; text-align: center; padding-bottom: 16px; }
.hl-pnl-horiz .flex-control-nav li {margin: 0 12px 0 0; margin: 0 0.75rem 0 0; padding: 0; display: inline-block; }
.hl-pnl-horiz .flex-control-nav a {box-shadow: none; text-indent: 100%; overflow: hidden; width: 10px; height: 10px; display: block; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.hl-pnl-horiz .flex-direction-nav a {top: 160px; }

.video-block .video-play {overflow: hidden; display: block; position: relative; cursor: pointer; outline: none; }
.video-block .video-play .video-play-icon {background-repeat: no-repeat; background-position: center center; display: block; height: 100%; overflow: hidden; position: absolute; width: 100%; }
.video-block .fluid-video {position: relative; padding-bottom: 56.25%; /* 16:9 */padding-top: 25px; height: 0; }
.video-block .fluid-video object, 
.video-block .fluid-video embed, 
.video-block .fluid-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-block img {width: 100%; height: auto; display: block; }

.sponsor-block-head {width: 160px; float: right; padding-right: 16px; padding-right: 1rem; }
.sponsor-block-head img {width: 100%; height: auto; }
.spnsr-block .spnsr-block-inner {width: 99%; }
.spnsr-block .spnsr-title {margin: 0; }
.spnsr-block .spnsr-img {width: 160px; float: left; padding-right: 16px; padding-right: 1rem; }
.spnsr-block .spnsr-txt {width: -moz-calc(100% - 496px); width: -o-calc(100% - 496px); width: -webkit-calc(100% - 496px); width: calc(100% - 496px); float: left; }

.author-block {font-size: 12.6px; font-size: 0.7875rem; }
.author-block .img-thmb {width: 160px; display: block; float: left; margin-right: 16px; }
.author-block .img-thmb img {max-width: 100%; width: auto; height: auto; }
.author-block .lbl-inline {padding-top: 0; }
.author-block label {display: inline; }
.img-block img {max-width: 100%; height: auto; width: auto; }
#authorBlock1 {margin-top: 16px; }
.desc-text {padding: 8px 16px; padding: 0.5rem 1rem; }
.desc-text p {margin: 0; }

.component-block {position: relative; }
.component-block .block-expnd-area {position: relative; background-repeat: no-repeat; background-position: center top; padding-top: 16px; padding-top: 1rem; }
.component-block .block-expnd-area .block-expnd-area-inner {position: relative; padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; position: relative; }
.component-block .block-expnd-area .qv-close {position: absolute; top: 32px; right: 16px; z-index: 10; }
.component-block .component-block-img img {display: block; width: 100%; height: auto; }

.key-details-block {padding: 16px; padding: 1rem; }
.key-details-block ul {List-style-type: disc; margin-left: 1rem; }

#sort-results {height: 32px; }
label[for="sort-results"] {display: none; }
.facet-list a {padding: 4px 8px; padding: 0.25rem 0.5rem; display: block; font-size: 0.8rem; }
.facet-list a .count {font-size: 11.2px; font-size: 0.7rem; }
.facet-list .more {padding: 4px 10px; text-align: left; }
.facet-list .selected a {padding: 0; }
.facet-list .selected:first-child {margin-top: 1px; }
.facet-list-outer, 
/*.facet-list, */
.facet-list li {margin: 0; padding: 0; }
.facet-list-outer ul, facet-list ul, 
.facet-list li ul {padding: 0; }
.facet-list-outer .selected, facet-list .selected, 
.facet-list li .selected {overflow: hidden; }
.facet-list-outer li {padding: 0; }
.facet-list-outer h3, 
.facet-list-outer li li {padding: 4px 16px; padding: 0.25rem 1rem; margin: 0; }
.facet-list-outer .selected {clear: both; overflow: hidden; }
.facet-list-outer .facet-list {margin-bottom: 16px; margin-bottom: 1rem; }
.rslt-dspl-toggle a {display: block; }
.facet-list-outer li.more {cursor: pointer; /*font-weight: bold; */font-size: 0.9em; padding: 0.4rem 0.6rem; }
.facet-list .selected a.text-link {line-height: 20px; margin-bottom: 1px; overflow: hidden; float: left; clear: both; padding-right: 16px; padding-right: 1rem; width: 100%; }
.facet-list .selected a.text-link .action-text {float: left; margin: 0; padding: 6px 0 0 6px; padding: 0.375rem 0 0 0.375rem; width: 80%; }
.facet-list .icon {display: block; float: right; font-family: FontAwesome; height: 32px; overflow: hidden; padding-left: 32px; transition-property: background-color; width: 0; }

.accordian-block + .accordian-block {margin-top: 8px !important; }
.accordian-block + .accordian-block {margin-bottom: 32px !important; }
.accordian-block + .accordian-block .more, 
.accordian-block + .accordian-block .less {cursor: pointer; }
/*.accordian-block + .accordian-block:not(.facet-list-outer) {border: 1px solid #ccc; padding-bottom: -1px; }*/
.accordian-block + .accordian-block .acc-pnl:last-child h3 {margin-bottom: 0 !important; }

.article-hl-block ul, 
.article-hl-block li {margin: 0; padding: 0; }
.article-hl-block ul.ahl-pnl-row {position: relative; height: 300px; overflow: hidden; width: 66%; }
.article-hl-block ul.ahl-pnl-row li {position: absolute; top: 0; }
.article-hl-block ul.ahl-pnl-row li .pnl-txt {padding: 16px; padding: 1rem; }
.article-hl-block ul.ahl-pnl-row li h3 {font-size: 18px; font-size: 1.1375rem; margin-bottom: 16px; margin-bottom: 1rem; }
.article-hl-block ul.ahl-nav {height: 300px; float: left; width: 34%; }
.article-hl-block ul.ahl-nav li {height: 60px; display: block; cursor: pointer; overflow: hidden; padding: 8px 16px; padding: 0.5rem 1rem; }
.article-hl-block ul.ahl-nav li.highlighted {padding-left: 12px; opacity: 1; }
.article-hl-block .ahl-pnl {height: 300px; }
.article-hl-block .ahl-pnl .pnl-img {float: right; margin-left: 32px; margin-left: 2rem; }
.article-hl-block .highlighted {z-index: 5; }

.accordian-block .vrt-accordian {overflow: hidden; }
.accordian-block .fixed-h-acc {height: 500px; }
.accordian-block .acc-pnl-title {font-size: 1.0em; font-weight: bold; max-height: 40px; cursor: pointer; margin: 0; margin-bottom: 1px; padding: 0; width: 100%; line-height: 32px; line-height: 2rem; padding: 0 16px; padding: 0 1rem; }
.left-panel-list .accordian-block .acc-pnl-title {max-height: none; height: auto; }

/*.accordian-wrap .acc-pnl {position: relative; }*/
.accordian-wrap .facet-height {padding-bottom: 2rem; height: 260px; overflow: hidden; }
.accordian-wrap .facet-height, 
.accordian-wrap .acc-pnl div.more {border-left: 1px solid #eee; border-right: 1px solid #eee; }
.accordian-wrap .acc-pnl div.more, 
.accordian-wrap .acc-pnl-inner .divScroll + .more {display: none; }
.accordian-wrap .acc-pnl-open div.more {display: block; padding: 7px 3px 8px 10px; font-size: 12px; font-size: 0.8rem; cursor: pointer; border-bottom: 1px solid #eee; background-color: #eee; }
.accordian-wrap .divScroll {overflow: auto !important; overflow-y: scroll !important; border-bottom: 1px solid #eee; margin-bottom: 16px; margin-bottom: 1rem; }
.accordian-wrap .divScroll .facet-list-outer .facet-list {margin-bottom: 0; }
.accordian-block + .accordian-block:not(.facet-list-outer) .accordian-wrap .facet-height {margin-bottom: 0; }

.leaderboard-block .leaderboard-img {float: left; }
.leaderboard-block .leaderboard-img img {width: 100%; height: auto; display: block; }
.leaderboard-block .leaderboard-txt {padding-left: 16px; padding-left: 1rem; float: left; }
.leaderboard-block .leaderboard-txt .leaderboard-txt h3 {border-bottom: 1px solid; font-weight: bold; padding-bottom: 1rem; text-align: center; }
.leaderboard-block .leaderboard-txt .book-tickets-button {padding: 12px 0; width: 304px; display: block; text-align: center; cursor: pointer; }
.leaderboard-block li .lb-field {display: block; font-size: 1.0rem; }
.leaderboard-txt .lb-tel a {cursor: text; }

.figures-row {padding: 16px 0 0 16px; padding: 1rem 0 0 1rem; margin-bottom: 16px; margin-bottom: 1rem; }
.figures-row .block-title {padding-top: 16px; padding-top: 1rem; }
.figures-row .pnl-txt {padding-bottom: 32px; padding-bottom: 2rem; }
.figures-row p strong, 
.figures-row p span {display: inline-block; float: left; clear: left; }
.figures-row p strong span {display: inline; font-weight: normal; float: right; position: absolute; top: 1.1rem; }
.figures-row p strong {margin-bottom: 5px; margin-bottom: 0.3rem; position: relative; }

/*#twitterwrapper {width: 100%; padding: 16px 0; margin-bottom: 16px; margin-bottom: 1rem; }*//*background-color: #7e3e98; border-radius: 10px; box-shadow: 0 0 200px #2d1a36 inset;*/
/*#main .twitterFullWidth #twitter-widget-0 {max-width: 520px !important; margin: 0 auto !important; background-color: #fff; display: block !important; 
}*//*margin: 0 0 8px 0 !important; margin: 0 0 0.5rem 0 !important; */ 

dl.event-details dt {width: 30%; margin-right: 12px; }
dl.event-details dd {padding-left: 30%; margin-bottom: 0.2rem; }
dl.event-details dd:first-of-type {margin-top: -1.5rem; }

ul.contact {padding: 0; }
ul.contact li {list-style: none; margin: 0; }
ul.contact li.out_of_hours {margin-top: 20px; }
ul.contact li.press_office_contacts {margin-top: 8px; }

.block-border {padding: 15px 20px; width: 100%; border-radius: 2px; }

/*********** new menu dropdown layouts start **************/
.desktop-site .menuV2 li a, 
.desktop-site .dropdown04 > li:first-child li {font-size: 96%; }
.desktop-site .menuV2 .all a {font-size: 106%; }
.desktop-site .menuV2 h4 {text-transform: none; font-size: 110%; }
.desktop-site .dropdown03 > li:first-child + li img + span, 
.desktop-site .dropdown05 > li + li img + span {font-weight: bold; font-size: 120%; margin-top: 6px; margin-top: 0.5rem; margin-bottom: 6px; margin-bottom: 0.5rem; }/* nth-child(2) not fully supported */

.desktop-site .menuV2 {padding-bottom: 42px; background-color: #eee; background-repeat: repeat-y, repeat-y, repeat-y; 
background-image: 
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0N0NFRjNDOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0N0NFRjNEOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ3Q0VGM0E5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ3Q0VGM0I5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Rx4ujAAAAD0lEQVR42mKYOXMmQIABAAOaAcw5lSATAAAAAElFTkSuQmCC'), 
url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0N0NFRjNDOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0N0NFRjNEOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ3Q0VGM0E5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ3Q0VGM0I5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Rx4ujAAAAD0lEQVR42mKYOXMmQIABAAOaAcw5lSATAAAAAElFTkSuQmCC');}
.desktop-site .menuV2 ul, 
.desktop-site .menuV2 h4 {border-left: none !important; }
.desktop-site .menuV2 .all {font-weight: bold; position: absolute; bottom: 16px; border-top: none !important; }
.desktop-site .dropdown01 {}
.desktop-site .dropdown01 {background-position: 300px 0px, 624px 0px; }

.desktop-site .dropdown02 > li + li ul {margin-top: 24px; margin-top: 1.4rem; }
.desktop-site .dropdown02 li ul li a {width: 100%; display: inline-block; }
.desktop-site .dropdown02 li ul li img {float: left; clear: right; }
.desktop-site .dropdown02 li span {display: inline-block; float: left; margin: 6px 10px; }
.desktop-site .dropdown02 {background-position: 290px 0px, 578px 0; }

.desktop-site .dropdown03 > li + li ul {margin-top: 24px; margin-top: 1.4rem; }
.desktop-site .dropdown03 li ul li a {width: 100%; display: inline-block; }
.desktop-site .dropdown03 li ul li img {float: left; clear: right; }
.desktop-site .dropdown03 li a span {display: inline-block; float: left; margin: 6px 10px; }
.desktop-site .dropdown03 li a span + span {color: #666; margin-top: 0; }
.desktop-site .dropdown03 > li + li a span {width: 60%; }
.desktop-site .dropdown03 > li:first-child + li img {margin-bottom: 8px; }
.desktop-site .dropdown03 > li:first-child + li span {margin-left: 0; }
.desktop-site .dropdown03 {background-position: 256px 0px, 610px 0; }

.desktop-site .dropdown04 > li:first-child ul {margin-top: 14px; }
.desktop-site .dropdown04 > li:first-child li {display: inline-block; width: 100%; border-top: 1px solid #ccc; }
.desktop-site .dropdown04 > li:first-child ul li:first-child {border-top: none; }
.desktop-site .dropdown04 > li:first-child li span {float: right; padding-right: 10px; }
.desktop-site .dropdown04 li ul li img {clear: left; }
.desktop-site .dropdown04 li + li ul li span {display: inline-block; margin: 0; float: left; clear: left; width: 100%; }
.desktop-site .dropdown04 li + li ul li {float: left; clear: right; width: 158px; text-align: center; max-height: 119px; }/*requires rebuild to accommodate long wrapping text*/
.desktop-site .dropdown04 {background-position: 244px 0px, -3000px 0; }

.desktop-site .dropdown05 > li:first-child + li {padding-top: 16px !important; padding-top: 1.0rem !important; }
.desktop-site .dropdown05 > li + li img {float: left; margin-right: 16px; }
.desktop-site .dropdown05 li + li ul li a span {float: left; clear: right; display: inline-block; width: 50%; }
.desktop-site .dropdown05 li + li ul li a span + span {float: left; clear: right; display: inline-block; color: #666; }
.desktop-site .dropdown05 {background-position: 234px 0, 457px 0; }
/******************* new menu dropdown layouts end ***************************/


/* Owl Carousel Plugin - minified css... */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}



/*XXXXXXXXXXX progress XXXXXXXXXXX*/

.progress-bar {
	float:left;
	width:100%;
}
.progress-bar ul {
	border-bottom: 2px solid #eee;
	text-align: center;
	padding:0;
}
.progress-bar ul li {
	width:33.33%;
	float:left;
	display: inline;
	margin-top:-15px;
}
.progress-bar ul li span {display: block;color: #999;}
.progress-bar ul li.step-2 {text-align: center;}
.progress-bar ul li.step-3 .step-number {text-align: auto;}
.progress-bar ul li.step-1 .step-description {text-align: left;}


.progress-bar ul li .step-number {
	width: 30px;
	height:30px;
	line-height: 30px;
	margin: 0 auto;
	border-radius: 50%;
	position: relative;
	border:2px solid #eee;
	background-color: #fff;
	color:#999;
}
.progress-bar ul li .step-number i {font-style: normal;}

/*force first/last li's inner circles hard left and right*/
.progress-bar ul li.step-1 .step-number {margin-left:0;}
.progress-bar ul li.step-3 .step-number {margin-right:-1px;}

.progress-bar ul li .step-number.complete {
	background-color: #237a8d;
	color:#fff;
	border-color:#237a8d;
}
.progress-bar ul li .step-description {margin: 6px 0 0 0;color:black;} 
.progress-bar ul li.step-3 .step-description {text-align: right;}


/*XXXXXXXXXXX end progress XXXXXXXXXXX*/


/* purchase banner */
.shop .purchase-banner,
.shop .purchase-banner .inner,
.shop .purchase-banner .inner .content {height:100px;}
.shop .purchase-banner .inner .content {overflow:hidden;}
.shop .purchase-banner {border-bottom: 1px solid #ccc;}
.shop .purchase-banner-secure-footer {
	background-color:#237a8d; 
	margin-bottom:30px;
	display:block;
}

/**
* BG image depth
* Files in purchase funnel only:
* Force main-content-wrapper down sufficiently to show correct bg depth,
* then inside #main find 3rd nested div (main-content-block-inner) and give negative margin (-82px) 
* to bring the content up the page, which compensates for the spacer height.  
**/

/* 11/082016 task 7779: commented out: it seems this is redundanty (don't delete just yet) */
/*.shop .purchase-banner-secure-footer + .spacer {height:52px;}
.shop.add-delivery #main .main-content:first-child .main-content-block .main-content-block-inner,
.shop.shipping-method #main .main-content:first-child .main-content-block .main-content-block-inner,
.shop.donate-form  #main .main-content:first-child .main-content-block .main-content-block-inner,
.shop.shopping-basket  #main .main-content:first-child .main-content-block .main-content-block-inner {margin-top:-82px;}*/
/**/



/*11/08/2016 purchase funnel files without navigation banner fix*/

/*move inner content up flush with btm of page banner - bg img depth related*/
.desktop-site.shop.shop-login #main .main-content-block-inner:first-child,
.desktop-site.shop.donate-form #main .main-content-block-inner:first-child,
.desktop-site.shop.shipping-method #main .main-content-block-inner:first-child,
.desktop-site.shop.add-delivery #main .main-content-block-inner:first-child,
.desktop-site.shop.order-confirmation-v2 #main .main-content-block-inner:first-child {margin-top:-30px}

/*move wrap-progbar-mybag down the page - bg img depth related*/
.mobile-site.shop.shipping-method .wrap-progbar-mybag,
.mobile-site.shop.add-delivery .wrap-progbar-mybag {margin-top:30px}

/*In #main-navigation show inner html elements in mobile*/
.mobile-site.shop.shop-login #main-navigation, 
.mobile-site.shop.donate-form #main-navigation,
.mobile-site.shop.shipping-method #main-navigation, 
.mobile-site.shop.add-delivery #main-navigation,
.mobile-site.shop.order-confirmation-v2 #main-navigation {display: block;}

/*vat msg - add top gutter in mobile*/
.mobile-site.shop .forms .vat-msg {margin-top:10px}

/*m-t-2col margin-top not need in mobile*/
.mobile-site.shop.shop-login #main .main-content-block-inner:first-child .ui.pnl-row.m-t-2col {margin-top:0}

/*hide mobile nav on pages without global navs*/
.mobile-site.shop.shop-login .main-nav-toggle,
.mobile-site.shop.add-delivery .main-nav-toggle,
.mobile-site.shop.order-confirmation-v2 .main-nav-toggle,
.mobile-site.shop.donate-form .main-nav-toggle,
.mobile-site.shop.shipping-method .main-nav-toggle {display: none;}

/*fouc*/
.mobile-site.shop.shop-login header,
.mobile-site.shop.add-delivery header,
.mobile-site.shop.order-confirmation-v2 header,
.mobile-site.shop.donate-form header,
.mobile-site.shop.shipping-method header {display: none}

/*End 11/08/2016 purchase funnel files without navigation banner fix*/



/*checkout-thank-you is outside the section tag unlike others*/
.shop.checkout-thank-you .purchase-banner  + .purchase-banner-secure-footer {margin-bottom:0;}

.shop .purchase-banner-secure-footer h2,
.shop .purchase-banner-secure-footer h1 {
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size: 2.0rem;
	line-height: 32px;
}
.desktop-site.shop .purchase-banner {
	background-color:#184854;
}

/**
* TODO: is this being used
* checkout-thank-you is outside the section tag unlike others
*/
.desktop-site.shop:not(.checkout-thank-you) .purchase-banner,
.desktop-site.shop:not(.checkout-thank-you) .purchase-banner + .purchase-banner-secure-footer {
	margin-left: -16px;
	margin-right: -16px;
}

.desktop-site.shop .purchase-banner-secure-footer {
	padding-bottom:16px;
	padding-bottom:1rem;
	padding-top:16px;
	padding-top:1rem;
	padding-left:16px;
}
.desktop-site.shop .purchase-banner + .purchase-banner-secure-footer h2 {border:none !important;padding:0}
.shop .purchase-banner .inner .content h3 {
	margin-top:0;
	margin-bottom:0;
}
/* .shop.order-confirmation .forms .btm {font-size:inherit !important;} */

/* logo */
.shop .purchase-banner .inner .logo, 
.shop .purchase-banner .inner .logo img {float: left;}

/*content*/

.shop .purchase-banner .inner .content > div {
    height: 50%;
    padding-left: 10px;
	position:relative;
}
.desktop-site.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper {
	height:100px;
}
.mobile-site.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper {
	display: inline-block;
    margin-left: 20px;
}

.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav {
	text-indent: 10px;
	position: relative;
}
.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav {border:none;}
.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav ul.desktop li {
	display: inline;
    margin: 0 10px 0 0;
}
.shop .purchase-banner .inner .content > div.top {padding-top:70px}
.shop .purchase-banner .inner .content h3,
.shop .purchase-banner .inner .content h1 {
    float: left;
    height: 36px;
    line-height: 36px;
    margin-right: 50px;
	font-size: 26px;
    font-size: 1.8rem !important;
	color:#fff;
}
.shop .purchase-banner .inner .content h1 {
	margin:0;
}

/* verisign/digicert */
.shop .purchase-banner .inner .content div img,
.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav ul li.last img {
    width: 100%;
    max-width: 100px;
	float:right;
	padding-right:20px;
	margin-top:-50px;
}

.shop .purchase-banner .inner .content div.btm div {
    display: table-cell;
    padding-bottom: 10px;
	vertical-align:bottom;
}
.shop .purchase-banner ul {
    list-style: none;
    padding: 0px;
}
.shop .purchase-banner ul li {
    display: inline;
    margin:0 10px 0 0;
}
.shop .purchase-banner ul li span, 
.shop .page-header-wrapper ul li span {
    font-size: 14px;
    font-weight: normal;
	color:#fff;
}
.shop #quickBasket #financeAttrs span {color:#666}
.shop .purchase-banner ul li.last,
.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav ul li.last {margin-left:170px;}
.shop .purchase-banner ul li:not(.last) {padding-top:30px;}
.shop .purchase-banner ul li i.fa {margin-right:5px;}

/*opening times*/
.shop .purchase-banner .inner .content div.btm table {
	position:absolute;
	bottom:0;
	font-size:12px;
	font-size:.8rem;
}
.shop .purchase-banner .inner .content div.btm table .t-footer {padding-top:10px}
.shop .purchase-banner .inner .content div.btm table,
.shop .purchase-banner .inner .content div.btm table th,
.shop .purchase-banner .inner .content div.btm table td {border:none !important;}
.shop .purchase-banner .inner .content div.btm table th span {font-weight:normal}
/* ul li email*/
.shop .purchase-banner ul li.email {
    display: none;
}

/* ********************** SHOP BASKET start ******************************** */

/*XXXXXXXXXXX  basket (my bag) XXXXXXXXXXX*/
.desktop-site.shop .wrap-progbar-mybag {position:relative}

.shop .wrap-mybag {
	border-left:1px solid #eee;
	padding-left:10px;
	right:0;
}
.desktop-site.shop .wrap-mybag {
    margin-bottom:32px;
    margin-top: -60px; /*32px;*/
    position:relative;
    z-index:10;
}

.desktop-site.shop .wrap-mybag .bag-header ul li:first-child {
	display:table;	
}
.desktop-site.shop .wrap-mybag .bag-header ul li:first-child span {
	display:table-cell;
	vertical-align:middle;
	padding-left:16px;
	padding-left:1rem;
}
.shop .wrap-mybag .bag-header .shopping-bag {
	width:23px;
	height:30px;
	background: url(../../../resources/global/images/shopping-basket-alt-22x32.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
	float:left;	
}
.shop .wrap-mybag * {padding:0;margin:0;}
.shop .wrap-mybag ul {overflow: hidden;}

.js .mobile-site.shop .wrap-mybag .content-body {display: none;margin-bottom:32px;}
.js .desktop-site.shop .wrap-mybag .dt-hide {display: none}
.js .mobile-site.shop .hide {display:none}

.shop .wrap-mybag .bag-header {
	border-bottom:1px solid #eee;
	position:relative;
	height:45px;
}
.shop .wrap-mybag .bag-header li {float:left;margin-right:50px;}
.shop .wrap-mybag .bag-header .clonee,
.shop .wrap-mybag .bag-header .top-total {
	margin-left:10px;
	font-weight:bold;
	padding-top:6px;
	display:inline-block;
}

.shop .wrap-mybag .content-body .product-row {
	width:250px;
	border-bottom:1px solid #eee;
}
.shop .wrap-mybag .mybag-row,
.shop .wrap-mybag .product-row {
	padding:16px 0;	
}
.shop .wrap-mybag .content-body li {line-height:normal}

.shop .wrap-mybag .content-body ul.product-row > li:first-child {width:20%;}

.shop .wrap-mybag .content-body li {float:left;}
.shop .wrap-mybag .content-body li.title {width:80%;}


.shop .wrap-mybag .content-body li.title ul li + li,
.shop .wrap-mybag .content-body div.delivery-method ul li + li,
.shop .wrap-mybag .content-body div.last ul li + li {float:right;}

/* Membership Landing */
.membership-page .pnl-row .pnl .pnl-title {font-size:1.2rem}
.membership-page .pnl-row .pnl .pnl-txt p {font-size:1rem}
.membership-cta {text-align: center;}
/*.membership-cta .action-button {
	height: 2.5rem;
    line-height: 2.5rem;
    width: 100%;
    font-size: 1rem;
    box-sizing: border-box;
}*/
.membership-cta .phone-lg {font-size: 1.2rem;}
.membership-cta.highlight-bg p a {color:white;}
.membership-page ul.contact li a {color:#fff}
.pnl-row .pnl .membership-type .pnl-txt .price {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
}
.pnl-row .pnl .membership-type .pnl-txt .price span { font-size: 0.875rem; margin-left: 8px;}
.pnl-row .pnl .membership-type .pnl-txt p.alt-price {color: #999 !important;font-size:.875rem}
.pnl-row .pnl .membership-type .action-button,
.membership-page .action-button {box-sizing: border-box; width:70%; text-align:center; height: 2.5rem; font-size: 1rem;line-height: 2.5rem;}
.membership-cta .action-button {width:100%}
.membership-type .pnl-txt.suffix_1 {float:right;padding-top:1.5rem !important}
.membership-type ul {margin-top:1rem;}
.membership-type ul li {list-style-type: disc;list-style-position: outside;margin-left: 18px;}
.pnl-row .pnl-act-btn .pnl-inner.w-bg .membership-type .pnl-txt.mb-foot {float:left;padding: 1rem 1rem 2rem 1rem;}
/*.pnl-txt.suffix_1 {float:right}*/
.membership-type .pnl-txt.mb-foot p {font-size:1rem;}
.js .membership-page .showHideBlocks > p:before {
    width: 40px;
    height: 40px;
    background: #333;
    line-height: 40px;
    font-size: 1.3em;
	color: #fff;
}
.js .membership-page .showHideBlocks > p {
    line-height: 40px;
    background: white;
	color:#333;
	margin-bottom:0;
}
.js .membership-page .showHideBlocks > p:before {border:none}
.js .membership-page .showHideBlocks > p:hover:before {background:#777}
.js .membership-page .showHideBlocks abbr {	color: #333;}
.js .membership-page .showHideBlocks > div { background: #fff; padding:1rem; }
.js .membership-page .showHideBlocks > div p:first-child { margin-top:0;}
.membership-help .pnl-row .pnl-act-btn .pnl-inner.w-bg .pnl-txt {	padding-bottom:1rem;}

/* Membership Landing ends */