:root {
   --rsn-colour: #800080;
   --rsn-colour-hover: #795794 /*#8965a4*/;
}


body	{font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased !important;  -moz-font-smoothing: antialiased !important; text-rendering: optimizelegibility !important; color: #000}
.inner	{width:1232px; margin:auto; max-width: 100%; position: relative}
input[type="text"]		{font-family: 'Roboto', sans-serif; font-weight: 400;}
h1		{color:#474747; font-weight: 500; line-height: 1.2em;}
p		{color:#474747; font-size: 14px; line-height: 1.6em;}
p a		{color:#ee1c25;}
p span	{color:inherit !important; line-height: 1.2em;}
span	{line-height: 1.4em;}

span.small {font-size:12px;display:inline-block;}
span.small a {color:#000;text-decoration:underline;}
span.password-hint { font-size: 14px; color: #474747; display: block; line-height: 1.3em; font-weight: 400; padding: 10px; background-color: #fde9ea; }

.delivery-limitations { font-size: 14px; color: #474747; display: block; line-height: 1.3em; font-weight: 400; padding: 10px; background-color: #ffd999; margin-top: 15px; }

.form-row.see-below { font-size: 14px; color: #000000; line-height: 1.3em; padding: 21px 0 0 20px; }

.privacy-optin {display:inline-block;float:left;}
label.privacy-optin {width:90%; margin-left:7px;}

h1,h2,h3,h4,h5,h6	{color:#474747}

ol		{font-size:14px; margin-left:25px; color: #474747}
ol li	{line-height:1.4em; margin-bottom: 10px;}

section			{padding:30px 0}
section.red		{background-color:#fde8e9; padding: 30px 0;}
.wrapper	 	{width: 1232px; max-width: 100%; position: relative; margin: 30px auto;}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus				{box-shadow:inset 0px 0px 3px rgba(0,0,0,0.2); background-color: #fefeeb;}

/*.right {float: right;}*/
button.disabled {background-color: #666; color: #CCC;}

input[type=checkbox] {-webkit-appearance: checkbox;}

.checkbox { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.checkbox label { margin-bottom: 0!important; }
.checkbox input[type=checkbox] { width: 16px!important; height: 16px!important; }

.form-row input[type=checkbox] { width: 20px; height: 20px; }

.pub-date { width: 50%; display: inline-block; }
.pub-date.month { padding-right: 2px; }
.pub-date.year { padding-left: 2px; }
.pub-date .dk-selected { width: 100%; max-width: initial; min-width: initial; }

a.advert { display: block; margin-bottom: 10px; }
a.advert img { width: 100%; }

a.advert.mobile { display: none; }

.radio-option-group {
   margin: 5px 0px 5px 5px;
}

.warning { background-color: #ff9900; color: #000000; padding: 10px 15px; }

.warning p,
.warning a { color: inherit; }

.warning > :last-child { margin-bottom: 0; }

.promo-code-error { margin: 10px 0 20px 0; text-align: center; }
 

iframe.twitter-share-button { float: right; }

.breadcrumbs { margin: 0 0 20px 0; font-size: 0; padding: 0; }
.breadcrumbs a { font-size: 12px; color: #000000; text-decoration: none; border-bottom: 1px solid transparent; }

.breadcrumbs .seperator { display: inline-block; margin: 0 10px; font-size: 12px; color: #000000; }

.breadcrumbs a:hover { border-bottom: 1px solid #000000; }

.hidden { display: none; }

.radio-option-group .radio-option { display: inline-block; margin-right: 10px; position: relative; }
.radio-option-group .radio-option input[type=radio] { position: absolute; visibility: hidden; opacity: 0; }
.radio-option-group .radio-option .radio-icon { position: absolute; left: 0; top: 0; width: 12px; height: 12px; background-size: cover; background-image: url("/_assets/radio-button-off.png"); }
.radio-option-group .radio-option.checked .radio-icon { background-image: url("/_assets/radio-button-on.png"); }
.radio-option-group .radio-option label { padding-left: 16px; font-size: 12px; font-family: Robot, sans-serif; color: #000000; position: relative; }
.radio-option-group .radio-option span.search-field label { line-height: 1em; }

/** From half-yard-patterns.css because including that in the main app messes up other elements. This is needed on the basket page. */

.hyp-dig-tag { position: absolute; right: 0; top: 0; width: 98px; height: 98px; background-image: url(/_assets/tag-digital-pattern.png); background-size: cover; font-size: 0; }
.hyp-phys-tag { position: absolute; right: 0; top: 0; width: 98px; height: 98px; background-image: url(/_assets/tag-physical-pattern.png); background-size: cover; font-size: 0; }

.dig-download-tag { position: absolute; right: 0; top: 0; width: 117px; height: 111px; background-image: url("/_assets/dd-corner-overlay.png"); background-size: cover; font-size: 0; }

div.register-guest-account { margin: 30px 0; }


/** HEADER **/
header	{padding:25px 0 0 0}
.logo	{width:230px; height: auto}

.btn-other-sites-container					{position: absolute; right: 0; top: -27px;}
header .inner .btn-us-customers 			{padding: 5px 10px; background-color: #eafcff; color: #58595b; font-size: 12px; vertical-align: middle;}
header .inner .btn-us-customers	img			{width:25px; height: auto; display:inline-block; vertical-align: middle; margin-right: 0; margin-left: 5px;}
header .inner .btn-us-customers span		{vertical-align:middle; display: inline-block;}
header .inner .btn-us-customers:hover span	{color:#fff}
header .inner .btn-us-customers:hover 		{background-color:#474747}

a.us-customer-mobile-only	{display:none;}

/** SEARCH **/
.search-box				{background-color:transparent; padding: 0; margin: 0; top: 0; position: absolute; left: 50%; margin-left: -260px; float: none; max-height:none}
.search-box a			{color:#ee1c25; font-size: 15px; display: inline-block; margin: 0px 0 0 10px; vertical-align:middle; text-decoration: underline;}
.search-box a:hover		{color:#666;}
.search-box-inner		{width:400px; border:1px solid #666; height: 40px; position: relative; display: inline-block; vertical-align:middle}
.search-box-inner input[type="text"]	{font-size:15px; line-height: 40px; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}

.search-box input[type="submit"].submit-search			{width:40px; height: 40px; position: absolute; right: 0; top: -1px; background-image: url(/_assets/icon-search.gif); margin-right: 0; border-left: 1px solid #666; transition: 0.2s ease-in-out}
.search-box input[type="submit"].submit-search:hover	{opacity:0.5}

/** HEADER SEARCH **/
.header-search-container			{width:460px; position: absolute; left: 50%; margin-left: -230px; top: 50%; margin-top: -20px; z-index: 201; background-color: #ffffff; border:1px solid #cccccc; transition: 0.2s ease-out}
.search-toggle						{color:#97a6a9; font-size:16px; height: 40px; display: block; line-height: 40px; padding-left: 15px; cursor: pointer; position: relative; transition: 0.2s ease-out}
.search-toggle:after				{width:22px; height: 22px; background-image: url(/_assets/icon-search-toggle.png); position: absolute; right: 15px; top: 50%; margin-top: -11px; content: ''; background-size: 44px 22px;}
.search-toggle:hover				{background-color:#f6f6f6;}
.search-dropdown					{font-size:0; padding-bottom: 15px;  display: none;}
.search-dropdown hr					{margin:20px 0 5px; border-top:1px solid #c9e4e9;}
.search-dropdown .form-cell			{display:inline-block; vertical-align: top; padding: 10px 15px 0px 15px; width: 50%;}
.search-dropdown .form-cell label	{font-size:12px; display: block; margin-bottom: 5px;}
.search-dropdown .form-cell input[type="text"]		{width:100%; background-color: #ffffff; height: 40px; line-height: 40px; padding-left: 10px; border:1px solid #c9d2d4; font-family: 'Roboto', sans-serif; font-size: 12px; color: #474747}
.search-dropdown .form-cell input[type="submit"]	{width:100%;}
.search-dropdown .form-cell.right	{float:right;}

.search-dropdown .form-cell.wide { width: 100%; }

.header-search-container.open { background-color: #f4f8f9; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.header-search-container.open .search-dropdown		{display: block}
.header-search-container.open .search-toggle		{background-color:#f4f8f9; color:#000000;}
.header-search-container.open .search-toggle:after	{background-position:-22px}

.header-search-container .dk-selected	{height:40px; background-color: #ffffff; border:1px solid #c9d2d4; line-height: 39px; min-width: auto;}

.header-search-container label span			{position:relative;}
.header-search-container label span p		{display:none; font-size: 12px; position: absolute; left: 100%; background-color: #fffbe1; width: 220px; z-index: 20; padding: 5px; box-shadow:0 0 5px rgba(0,0,0,0.2)}
.header-search-container label img			{display:inline-block; vertical-align: middle; margin-top: -2px;}
.header-search-container label span:hover p	{display:block}

/** HEADER RIGHT **/

div.header-controls { float: right; z-index: 201; position: relative; }
div.header-controls .international-customers { text-align: right; white-space: nowrap; font-size: 0; margin: 0 0 10px 0; }
div.header-controls .international-customers label { font-size: 14px; color: #333333; vertical-align: middle; }
div.header-controls .international-customers a { margin-left: 10px; display: inline-block; vertical-align: middle; }
div.header-controls .international-customers a img { height: 16px; width: auto; display: inline-block;}


ul.header-controls { list-style: none; display: inline-block; margin-bottom: 0; font-size: 14px; vertical-align: middle; margin-top: 0px; position: relative; z-index: 201;}
ul.header-controls li { display: inline-block; }
ul.header-controls li.right-border:after { content: "|"; display: inline-block; padding: 0 10px; }
ul.header-controls li a { color: #474747; }
ul.header-controls li a:hover { color: #ee1c25; }
ul.header-controls li a span { margin: 0 5px; }
ul.header-controls li a:hover span { color: #474747; }
ul.header-controls li.mobile-trade a { color: #03196b; font-weight: 500; margin-left: 20px; display: none; }

li.has-popup-menu { position: relative; cursor: pointer; }

li.has-popup-menu ul.popup-menu { display: none; position: absolute; left: 0; top: 100%; border: 1px solid #999999; padding: 10px; margin: 0; z-index: 202; background-color: #ffffff; }
li.has-popup-menu ul.popup-menu li { margin: 2px 0; font-size: 14px; }
li.has-popup-menu ul.popup-menu li a { white-space: nowrap; }

li.has-popup-menu:hover ul.popup-menu { display: block; }


/** MAIN NAV **/
ul.mainNav { margin: 20px auto 0 auto; background-color: #ee1c25; font-size: 0; z-index: 200; }
ul.mainNav li { float: none; display: inline-block; vertical-align: middle; transition: 0.2s ease-in-out; }
ul.mainNav li:hover a				{background-color:inherit;}
ul.mainNav li a						{font-size:14px; border: none; padding-left: 10px; padding-right: 10px;}
ul.mainNav li a span				{width:14px; height: 8px; background-image: url(/_assets/icon-nav-down.png); display: inline-block; background-size: cover; margin-left: 5px;}
ul.mainNav li:hover					{background-color:#d6121a;}
ul.mainNav li div.dropdown ul		{margin-bottom:0; padding: 0; min-width: 150px; }
ul.mainNav li div.dropdown ul li	{display:block; border-bottom:1px solid #fff}
ul.mainNav li div.dropdown ul li:last-child	{border-bottom:none;}
ul.mainNav li div.dropdown ul li a			{margin:0; padding: 10px 15px; font-size: 14px;}
ul.mainNav li div.dropdown ul li:hover a	{background-color:inherit; color: #ee1c25;}
ul.mainNav li div.dropdown ul li:hover		{background-color:#fde8e9; color: #ee1c25;}
ul.mainNav li div.dropdown					{padding:10px; background-color:#d6121a}

ul.mainNav li.trade-site			{float:right;}
ul.mainNav li.trade-site a			{background:#03196b; transition: 0.2s ease-in-out}
ul.mainNav li.trade-site a:hover	{background-color:#474747}

ul.mainNav li.twenty-tm			{float:right;}
ul.mainNav li.twenty-tm a		{background:#ef8c5d; transition: 0.2s ease-in-out}
ul.mainNav li.twenty-tm a:hover	{background-color:#474747}


ul.mainNav li.anniversary			{float:right;}
ul.mainNav li.anniversary a		    {background:#ef8c5d; transition: 0.2s ease-in-out}
ul.mainNav li.anniversary a:hover	{background-color:#474747}

ul.mainNav li.bookmarked			{float:right; font-weight: 800;}
ul.mainNav li.bookmarked a		    {background:#be2c8f; transition: 0.2s ease-in-out}
ul.mainNav li.bookmarked a:hover	{background-color:#ab2880}

ul.mainNav li.sale-books { background-color: maroon; }


a.trade-site	{font-size: 16px; vertical-align: middle; color: #fff; background-color: #03196b; display: inline-block;}


/** BLOG **/
/*h1.blog-header a 	{color:#000; margin-bottom: 20px;}
.BlogCategories 	{margin-top: 20px; border:1px solid #dddddd; padding: 10px;}
.BlogCategories a	{font-weight:600}
.blog-toolkit-container			{padding:5px 10px 5px 10px; border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px;}
.blog-toolkit-container h2 a	{margin-bottom:2px;}
.blog-toolkit-container hr		{margin-bottom: 10px; margin-top: 2px;}
.blog-toolkit-container label	{font-size: 16px; font-weight: normal;}
.blog-toolkit-container input[type="text"]	{padding: 15px; font-size: 12px; color: #474747; background-color: #f6f6f6;}
.blog-toolkit-container .form-container	{padding-bottom:0}
.blog-toolkit-container .form-container .form-row	{margin-bottom:10px;}
.blog-toolkit-container .form-container input[type="submit"]	{font-size:13px; padding: 8px; background-color: #2a7bc4;}
.blog-toolkit-container.light {background-color: #f6f6f6; border: none;}

.blog-toolkit-container ul 	    {list-style: none; margin: 2px;}
.blog-toolkit-container a 	    {color: #ee1c25;}
.blog-toolkit-container a:hover {color: #000;}

a.blog-header         { color: #2a7bc4; }
a:hover.blog-header   { color: #ee1c25; }

.listing-panel.listing-panel-blog		{border:none; border: 1px solid #ddd; padding:20px; margin-top: 0px;}
.listing-panel.listing-panel-blog h2	{font-weight: 400; font-size: 26px;}
.listing-panel.listing-panel-blog h3	{color:#474747; font-size: 16px;}
.listing-panel.listing-panel-blog p		{font-size:12px; margin-bottom: 0}
.listing-panel.listing-panel-blog a.btn	{margin-top:15px; margin-bottom: 0}

.listing-panel.listing-panel-blog  h2 a	{font-size:26px; font-weight: 400; color: #474747}*/

h1.blog-header	a	{font-size: 30px; color: #585858;}

.listing-panel.listing-panel-blog 		{padding:25px; border: none; border-left:5px solid #ccc; margin:25px 0; background-color: #f6f6f6;}
.listing-panel.listing-panel-blog h2 a	{color:#585858; font-size: 26px; font-weight: 400; transition:all 0.2s ease-out}
.listing-panel.listing-panel-blog h2 a:hover	{color:#ee1c25; text-decoration: underline}
.listing-panel.listing-panel-blog h3	{color:#A1A1A1; font-weight: 600}
.listing-panel.listing-panel-blog p		{font-size:15px; width: 80%;}
.listing-panel.listing-panel-blog .btn	{font-size:12px; padding: 6px 9px 8px 9px;}

.listing-panel.listing-panel-blog img	{width:25%;}

.blog-toolkit-container			{background-color:#f6f6f6; padding: 10px; margin-bottom: 10px;}
.blog-toolkit-container label	{font-size:18px; font-weight: 400}
.blog-toolkit-container hr		{margin:10px 0;}
.blog-toolkit-container ul		{font-size:14px; margin-bottom: 0; list-style:square; color: #ccc}
.blog-toolkit-container ul li a	{color:#2a7bc4;}
.blog-toolkit-container ul li a:hover	{color:#585858}

.blog-toolkit-container input[type="text"]	{background-color:#f6f6f6; padding: 15px; font-size: 16px; font-weight: 600}

.blog-toolkit-container .form-row-btns	{margin-bottom:0}
.blog-toolkit-container .form-row-btns .btn	{display:inline-block; width: auto;}

.blog-toolkit-container-search	{background-color:transparent; border:1px solid #ddd;}

h2.blog-title	{color: #585858; font-size: 26px; font-weight: 400;}
h3.blog-date	{color: #A1A1A1; font-weight: 600;}

p.BlogCategories	{background-color:#f6f6f6; padding: 15px; margin-top: 20px;}

ul.tag-cloud	{margin-left:0}
.tag-list       {display: inline; margin-left: 2px;}

.darker			{background-color:#efefef}

/** HOME NOTIFICATION **/
.special-notification		{background-color:#fde8e9; padding: 10px; text-align: center;  margin: 15px 0 0 0; overflow: hidden; box-shadow: inset 0px 2px 2px rgba(255,255,255,0.5), 0px 2px 2px rgba(0,0,0,0.2); border-top: 1px solid #fde8e9}
.special-notification p		{margin:0; color: #474747; font-size: 16px; font-weight: bold;}
.special-notification p a	{color:#ee1c25; text-decoration: underline; }

.special-notification p	 {-moz-animation-name: notification;
	-webkit-animation-name: notification;
	animation-name: notification;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    animation-iteration-count:fill; 
    -webkit-animation-iteration-count:fill;}

@-webkit-keyframes notification { 
    0%	 {-webkit-transform: translateY(60px); opacity: 0;} 
    100% {-webkit-transform: translateY(0);} 
} 

/** HAMBURGER **/
.hamburger-container	{position: absolute; top: 7px; right: 20px; display: none; z-index: 20}
.hamburger 				{display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger:hover 		{opacity: 0.7; }
.hamburger-box 			{width: 40px; height: 24px; display: inline-block; position: relative;}
.hamburger-inner 		{display: block; top: 50%; margin-top: -2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px; height: 4px; background-color: #ee1c25; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before 	{top: -10px;}
.hamburger-inner::after 	{bottom: -10px;}
.hamburger--spring .hamburger-inner 			{top: 2px; transition: background-color 0s 0.13s linear;}
.hamburger--spring .hamburger-inner::before 	{top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spring .hamburger-inner::after 		{top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}

/** HOME INTRO **/
.home-intro		{text-align:center; margin: auto; width: 65%; margin-bottom: 30px;}
.home-intro h4	{font-size:20px; margin-bottom: 15px; font-weight: 500}
.home-intro p	{font-size:14px;}

/** HOME CAROUSEL **/
.hero-carousel-container			{position: relative; margin-bottom: 30px;}
.hero-carousel-container-inner		{background-color:#000;}

.hero-carousel						{position: relative;}
.hero-carousel .slide-outer			{position: relative;}
.hero-carousel .slide				{/*padding-top:32%;*/ width: 100%; height: 402px; background-size: cover; position: relative;}	

.slide-text-container				{position: absolute; top:80px; left: 120px; width: 30%;}
.slide-text-container h2			{font-size:35px; color: #fff; display: inline-block; vertical-align: middle; line-height: 110%; will-change:scale; text-shadow: 1px 1px 0px rgba(0,0,0,0.5)}
.slide-text-container p				{color:#fff; font-size: 20px; width: 90%; line-height: 1.3em; text-shadow: 1px 1px 0px rgba(0,0,0,0.5)}

.hero-carousel-container .slick-arrow					{position: absolute; width: 58px; height: 58px; background-size: cover; background-color: transparent; border: none; font-size: 0; z-index: 5; top: 50%; margin-top: -29px;}
.hero-carousel-container .slick-arrow.slick-next		{background-image:url(/_assets/fp-arrow-right.png); right: 20px; transition: 0.2s; background-color: rgba(0,0,0,0.2);}	
.hero-carousel-container .slick-arrow.slick-next:hover	{right:15px;}
.hero-carousel-container .slick-arrow.slick-prev		{background-image:url(/_assets/fp-arrow-left.png); left: 20px; transition: 0.2s; background-color: rgba(0,0,0,0.2);}	
.hero-carousel-container .slick-arrow.slick-prev:hover	{left:15px;}

.hero-carousel-container .slick-dots			{width:100%; position: absolute; bottom:0; text-align: center; list-style: none; margin: 0; line-height: normal; line-height: 0px;}
.hero-carousel-container .slick-dots li			{display:inline-block; background-color: #fff; padding: 5px; font-size: 0; margin: 0}
.hero-carousel-container .slick-dots li button	{font-size:0; background-color: #fababd; width: 8px; height: 8px; border: none;}
.hero-carousel-container .slick-dots li.slick-active button	{background-color: #ee1c25;}

/** GRID CONTAINER **/
.grid-container { width: 1262px; margin: auto; max-width: 100%; }
.col-row { font-size: 0; }
.col-row-4 { }
.col-row-5 .col-1 { width: 20%; padding: 15px; display: inline-block; vertical-align: top; font-size: 20px; }
.col-row-4 .col-1 { width: 25%; padding: 15px; display: inline-block; vertical-align: top; font-size: 20px; }
.col-row-3 .col-1 { width: 33.3%; padding: 15px; display: inline-block; vertical-align: top; font-size: 20px; }

.home-listing-outer { text-align: center; position: relative; cursor: pointer; z-index: 4; overflow: hidden; transition: 0.2s; }
.home-listing-outer h3 { font-size: 20px; margin: 0; padding-left: 10px; padding-right: 10px; transition: color 0.2s ease-out; font-weight: 500; line-height: 1.3em; position: absolute; width: 100%; text-align: center; top: 15px; left: 0; z-index: 5; }
.home-listing-outer h3.blue { color: #0098d1; }
.home-listing-outer h3.red { color: #ee1c25; }
.home-listing-outer a.cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; cursor: pointer; }
/*.home-listing-outer:after		{position: absolute; left: 50%; right: 50%; bottom: 0; border-bottom:2px solid #fff; border-radius: 2px; content: ''; transition: 0.2s ease-out}*/
.home-listing-outer:hover:after { left: 20%; right: 20%; border-color: #ee1c25; }
.home-listing-outer:hover img { transform: scale(1.03); transition: 0.2s; }
.home-listing-outer:hover h3 { color: #ee1c25; }
.home-listing { width: 100%; text-align: center; height: 100%; display: table; background-size: 200%; background-position: bottom; background-image: none !important; background-color: #e6fcfe; position: relative; padding-top: 60px; padding-bottom: 20px; }
.home-listing:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background-color: rgba(255,255,255,0.9);*/ content: ''; }
.home-listing-inner { display: table-cell; height: 100%; vertical-align: middle; }
.home-listing-inner img { width: 85%; max-width: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative; z-index: 1; transition: 0.2s ease-out; }

.home-listing-outer-2 .home-listing { position: relative; height: auto; padding: 0; padding-top: 45%; }
.home-listing-outer-2 .home-listing .home-listing-inner { background-size: 100% auto; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: background 0.2s ease-out; }
.home-listing-outer-2 .home-listing:after { display: none; }
.home-listing-outer-2:hover .home-listing .home-listing-inner { background-size: 105% auto; }

.grid-container.grid-where-to-find-us { text-align: center; }
.grid-container.grid-where-to-find-us .col-row .col-1 { text-align: center; }
.grid-container.grid-where-to-find-us .col-row .col-1 img { max-width: 100%; }

.home-grid-3 h3 { position: relative; top: auto; margin-top: 10px; }

/** LISTING PAGE **/
.left-col-narrow { width: 0%; margin-bottom: 10px; }
.right-col-wide { width: 98%; margin-bottom: 10px; }
.left-col-wide { width: 78%; margin-bottom: 10px; }
.right-col-narrow { width: 20%; margin-bottom: 10px; }
.left-col-full { width: 98%; margin-bottom: 10px; }
.left-col-medium { width: 50%; margin-bottom: 10px; }
.left-col-narrow-enabled { width: 20%; margin-bottom: 10px; float: left; }
.right-col-wide-enabled { width: 78%; margin-bottom: 10px; float: right; }

ul.pagination { font-size: 12px; }
ul.pagination li { height: 25px; text-align: center; line-height: 25px; margin: 0; margin-left: 5px; }
ul.pagination li a { padding: 0; height: auto; line-height: inherit; display: block; border: 1px solid #ddd; background-color: #fff; transition: 0.2s ease-in; width: auto; min-width: 30px; }
ul.pagination li a:hover { background-color: #474747; border-color: #474747; }
ul.pagination li a.active { background-color: #ee1c25; border-color: #ee1c25; }

.listing-item { transition: background-color 0.2s ease-out; margin-bottom: 5px; min-height: 280px; }
.narrow-col-listing-container .listing-item { min-height: initial; }

.listing-item:hover { background-color: #f6f6f6; }
.listing-item .btn { box-shadow: none; display: block; border-radius: 0; padding: 7px 5px 9px; cursor: pointer; }
.listing-item-image-holder { height: 210px; margin-bottom: 10px; }
.listing-item img { max-height: 215px; transition: 0.2s ease-out; }
.listing-item-image img { max-height: 200px; transition: 0.2s ease-out; }
.listing-item p a { color: #474747; }

.offer-item:hover { background-color: #f6f6f6; }
.offer-item { transition: background-color 0.2s ease-out; margin-bottom: 15px; width: 25%; padding: 2%; float: left; text-align: center; overflow: hidden; position: relative; cursor: pointer; }
.offer-item-image-holder { margin-bottom: 4px; background-size: cover; display: table; table-layout: fixed; width: 100%; text-align: center; font-size: 0px; }
.offer-item-image { display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; width: 100%; }
.offer-item-image input[type="image"] { transition: 0.2s ease-out; width: 100%; padding: 20px; }
.offer-item-caption { padding-top: 8px; padding-bottom: 8px; color: white; font-size: 16px; text-transform: uppercase; }

.offer-item.special .offer-item-caption { background-color: #90abda; }
.offer-item.hurt .offer-item-caption { background-color: #61c0dc; }
.offer-item.sale .offer-item-caption { background-color: #de7571; }
.offer-item.loyalty .offer-item-caption { background-color: #ca7c7d; }

.offer-item .btn { box-shadow: none; display: block; border-radius: 0; padding: 7px 5px 9px; }
.offer-item p a { color: #474747; }


.sort-by	{float:left; width: 240px;}
.categories {margin-bottom: 15px; margin-left: 10px; float: left; width: 240px;}

.alert-danger,
.intro-alert { border: 1px solid #ddd; box-shadow: 2px 2px 0 #ddd; padding: 15px; padding-bottom: 0; margin: 5px 0 30px 0; position: relative; background-color: #fdffe1; }
.intro-alert p	{font-weight:600}

.alert-danger	{color:#474747; padding-bottom: 15px; font-weight: 600; font-size: 14px;}

.listing-item .download-overlay	{width:53px; height: 53px; background-size: cover; left: 20px; top: 20px;}

.details-image { position: relative; }
.details-image .download-overlay { position: absolute; width: 70px; height: 70px; background-size: cover; left: -20px; top: -10px; background-image: url("/_assets/tag-download.png"); background-repeat: no-repeat; }

.basket-product-image { position: relative; }
.basket-product-image .download-overlay { position: absolute; width: 53px; height: 53px; background-size: cover; left: -5px; top: 5px; background-image: url("/_assets/tag-download.png"); background-repeat: no-repeat; }

.basket-product-image .voucher-value { position: absolute; left: 0; top: 47px; width: 100%; text-align: center; color: goldenrod; font-size: 20px; font-weight: bold; }

/** BASKET **/
.loyalty-flyer		{background-color: #fdffe1; border:1px solid #ddd; box-shadow: 2px 2px 0 #ddd; margin-bottom: 20px; padding: 15px;}
.loyalty-flyer h2	{font-size:16px;}
.loyalty-flyer p	{font-size:12px; margin-bottom: 10px;}
.free-del-right span	{line-height:1.4em;}

table.basket-table		{margin-bottom:0}
table.basket-table th	{background-color:#f6f6f6; color: #474747; font-size: 18px; font-weight: 600; padding: 15px;}
table.basket-table td	{border-bottom:1px solid #ddd; background-color: #fff; padding: 15px;}
table.basket-table td.basket-product-image img	{width:auto; width: 180px;}
.basket-right			{border-left:1px solid #ddd; padding-left: 20px;}
.basket-right .secure-checkout	{float:right}
.basket-name {color: #999; font-size: 60%; vertical-align: middle;}
.basket-name:before {content: ' - '; color: #CCC;}
.basket-name:after {content: ''; color: #CCC;}


table.voucher-recipient { }
table.voucher-recipient td { padding: 5px; border-bottom: 1px solid #dddddd; font-size: 13px; line-height: 1.2em; }

.btn-delete-basket {margin-left: 16px;}

.childTableHeader th { font-size: 15px !important; font-weight:500 !important; }

.basket-right h4.gift-voucher span { color: #7b9d42; }

/** REGISTER **/
.register-col		{border:1px solid #ddd;}
.register-col h2	{font-size:24px;}
/*.register-col .form-container input[type="text"],
.register-col .form-container input[type="password"],
.register-col .form-container textarea	{background-color:#f6f6f6; border:none;}*/

/** ADVANCED SEARCH **/
.advanced-search-container			{padding:20px 15px 10px 15px; border: 1px solid #ddd; background-color: #fff}
.advanced-search-container h2		{margin-bottom:5px;}
.advanced-search-container label	{font-weight:400; font-size: 13px;}
.advanced-search-container input[type="text"]	{border:none; padding: 8px; font-size: 12px; color: #474747; background-color: #f6f6f6;}
.advanced-search-container .form-container	{padding-bottom:0}
.advanced-search-container .form-container input[type="reset"]	{border-radius:2px; padding: 10px 15px; font-size: 14px; margin-top: 10px; /*box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);*/}
.advanced-search-container .form-container .form-row	{margin-bottom:10px;}
.advanced-search-container .form-container input[type="submit"]	{font-size:13px; padding: 8px; background-color: #2a7bc4;}
.advanced-search-container .form-container input[type="reset"]	{font-size:13px; padding: 8px;}

.advanced-search-container .form-container .form-row.price-range { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }

.advanced-search-container .form-container .form-row.price-range .dk-selected { min-width: initial; max-width: initial; }

.form-row.form-privacy-check { margin: 20px 0px; background-color: #fde9ea; padding: 15px 15px; }

ul.radio-list li	{margin-bottom:5px;}

/** PRODUCT DETAIL PAGE **/
.product-details-container h1	{float:none;}
.product-details-container h2	{float:none;}
.product-details-container		{padding:0;}
.product-details-container.light-blue-container	{background-color:transparent}

.book-details			{background-color:#f6f6f6;}
.book-details a			{color:#ee1c25}
.book-details h3 { margin-top: 0; }
ul.tab-list { font-size: 14px; margin-top: 30px; }
ul.tab-list li a { border-top-right-radius: 2px; border-top-left-radius: 2px; transition: background-color 0.2s ease-out; }
ul.tab-list li a:hover { background-color: #474747; color: #ffffff; }
ul.tab-list li a.active	{background-color:#f6f6f6; font-weight: 600}
ul.tab-list li.add-to-basket a			{background-color:#07ba67;}
ul.tab-list li.add-to-basket a:hover	{background-color: #474747;}
ul.tab-list li.add-to-basket a.tab-blue				{background-color:#2a7bc4 !important;}

.book-details-header {background-color: #b5b5b5; border-top-right-radius: 2px; border-top-left-radius: 2px; color: #fff; padding: 8px 15px;}

.book-details a.btn	{color:#fff;}

.narrow-col-listing-container h5				{font-size: 20px; line-height: 1.3em; text-align: center; color: #474747}
.narrow-col-listing .listing-item-image-holder	{height:auto}
.narrow-col-listing .listing-item:hover	{background-color:#fff;}

.customers-also-bought-container	{border-top:1px solid #ddd; padding-top: 20px; margin: 30px 0;}
.customers-also-bought-container h2	{font-size:20px; color: #474747; line-height: 1.4em;}
.share-box	{padding:0; margin-top: 0; margin-bottom: 15px;}
.alert-info	{background-color:#fdffe1; border-color:#dddddd; box-shadow:2px 2px 0 #ddd; color: #474747; font-weight: 600}

/** AUTHOR DETAILS **/
.author-details					{padding:0; background-color: #fff;}
.author-additional-info ul li a	{color:#ee1c25; font-size: 16px; padding: 10px; display: block; background-color: #f6f6f6;}
.author-additional-info a.btn	{display:block;}
.book-details-container.author-info h2	{line-height: 1.2em; color: #474747; margin: 1em 0;}

.product-additional-info p	{display:block}
.product-details-left img	{float:none}

/** FIND MATERIALS **/
.text-holder	{padding: 15px; background-color: #fff;  margin-bottom: 20px; border: 1px solid #ddd;}
a.expander-btn span	{margin-top:3px;}
a.expander-btn		{font-size:22px;}

a.expander-btn-sm {font-size: 14px; margin-top: 20px; }

.expanding { overflow-y: hidden; -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; }

/** LISTING PANELS **/
.listing-panel h2	{color:#474747; font-size: 20px; padding: 0}
.listing-panel		{border-top:1px solid #dddddd; padding-top: 30px; margin-top: 30px;}

/** SLICK **/
.slick-dots li button:before	{content:''}

/** LIGHTBOX **/
#lightbox	{position:fixed;}
#lightbox-panel	{left:50%; margin-left: -250px;}

/** TEXT PAGE **/
.text-header							{background-color:#07ba67; padding:20px 0;}
.text-container .text-header h1			{color: #fff; font-size:30px; font-weight: 300; margin: 0 auto;width: 80%;}
.text-container							{width:900px; margin: auto; max-width:100%; background-color: #fff; border-bottom:5px solid #07ba67;}
.text-header-image		{width:100%; height: auto; margin-bottom: 30px;}
.text-container-inner	{width:80%; margin: auto; padding: 30px 0px;}

.text-container h1		{}
.text-container h2		{font-size:22px; color: #474747 !important;}

/** FOOTER **/
footer 					{padding:30px 0; background-color: #fde8e9; position:relative; z-index:0;}
footer h5				{font-weight: 500; margin-bottom: 15px;}
footer ul				{list-style:none; margin: 0;}
footer ul li			{margin-bottom:8px;}
footer ul li a			{color: #474747; transition: 0.2s ease-in-out;}
footer ul li a:hover	{opacity: 0.5;}

footer ul.social li				{display:inline-block; margin-right: 15px; font-size: 2em;}
footer ul.social li	i			{transition:color 0.2s ease-out}

footer .col-3	{width:75%; display: inline-block;}
footer .col-3 .col-1	{width:33.3%;}

.secure-checkout				{float:none; max-width: 100%; height: auto}
.col-sign-up .form-container	{padding-top:0}
.col-sign-up .form-container input[type="text"]	{padding:10px; border: none;}

/** BUTTON OVERRIDES **/
.btn					{border-radius:2px; padding: 10px 15px 11px 15px; box-shadow: none; /*box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25);*/ font-size: 14px;}
.btn img				{float:none; vertical-align: middle}
.btn:hover { box-shadow: none; /*box-shadow: inset 0 -2px 0 rgba(0,0,0,0.5);*/ }
.btn.btn-inline-block { display: inline-block; }
.btn-submit { border-radius: 2px; padding: 10px 13px; width: auto; }
.btn-blue { background-color: #2a7bc4; }
.btn-green { background-color: #07ba67; }

.btn-red,
.noStockBtn.btn-red { background-color: #ee1c25; }

.btn-large				{font-size:18px; padding: 15px 30px;}
.btn-amber				{background-color:#ecad1d;}
.btn-grey				{background-color:#b5b5b5;}
.btn-purple { background-color: #E25B9A; }

.btn.btn-small { padding: 6px 9px; font-size: 14px; }


.product-buttons { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; margin-bottom: 10px; width: 100%; justify-content: space-between; }
.product-buttons .actions { width: 100%; display: flex; flex-direction: row; gap: 10px; justify-content: end; align-items: center; }

.product-buttons .alert-info { margin: 0; }

.product-buttons.out-of-stock { flex-direction: column; align-items: start; }
.product-buttons.out-of-stock .actions { justify-content: space-between; }

.product-buttons.out-of-stock > div:first-child { width: 100%; }

/*.product-buttons .left { flex-basis: 100%; display: flex; flex-direction: column; align-items: start; padding-right: 10px; gap: 10px; }*/
.product-buttons a,
.product-buttons button,
.product-buttons alert,
.product-buttons input[type=button] { margin: 0 !important; } 

.product-buttons a,
.product-buttons button,
.product-buttons input[type=button] { cursor: pointer; }

/*.product-buttons a:last-child,
.product-buttons button:last-child,
.product-buttons alert:last-child { margin-right: 0 !important; }*/

.product-buttons .right a { white-space: nowrap; }

/*.product-buttons > .right { padding-left: 0; float: none; }

.product-buttons .alert { margin-bottom: 0; }*/

.btn-bookmarked-hub { background-color: #be2c8f; }

/* Available TO ORDER */
.only-to-order { padding: 10px; background-color: #ecad1d; color: #fff; font-size: 15px; font-weight: bold; margin: 10px 0px; text-align: center; clear: both; }


/** FORM STYLES **/
.form-container input[type="submit"]					{border-radius:2px; padding: 10px 15px 11px 15px;}
.form-container input[type="submit"].btn-inline-block	{width:auto; display: inline-block;}

.dk-selected		{border:none; background-color: #f6f6f6; border-radius: 0; height: 30px; color: #474747; font-weight: 400; font-size: 12px; min-width: 150px;  padding-left: 8px;}
.dk-selected:before	{border-width: 5px 4px 0; border-top-color: #666; margin-top: 1px;}
.dk-selected:after	{border-width: 0 4px 5px; border-bottom-color: #666; margin-top: -7px}
.dk-select-options	{border-radius: 0; background-color: #f0f0f0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); border:none; border-top:1px solid #ddd;}
.dk-option { font-weight: normal; font-size: 13px; color: #474747; line-height: 1.2em; margin: 3px 0; }
.dk-select-options .dk-option-highlight	{background-color: #2a7bc4;}
.dk-select, .dk-select-multi	{line-height:30px; max-width: none}
.dk-option-selected				{background-color: #2a7bc4; color: #fff;}


.dk-checkboxes li.dk-option { display: flex; flex-direction: row; gap: 10px; align-items: center; }
.dk-checkboxes li.dk-option:before { content: ""; display: block; width: 16px; height: 16px; border: 1px solid #333333; background-color: #ffffff; flex-shrink: 0; }
.dk-checkboxes li.dk-option.dk-option-selected:before { background-image: url("/_assets/icon-tick-black.png"); background-size: 10px 10px; background-position: center; background-repeat: no-repeat; background-color: #f4bed7; }

/**EVENTS**/

.events-left-col .btn			{display:block;}
.events-left-col .btn			{box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2); font-size: 16px; font-weight: 600; margin-bottom: 10px;}

.events-left-col .event-categories a.btn             {opacity:1; -webkit-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.events-left-col .event-categories:hover a.btn       {opacity:0.25;}
.events-left-col .event-categories:hover a.btn:hover {opacity:1; transform:translateY(1px)}

.events-left-col .event-categories.has-active a.btn {opacity:0.25;}
.events-left-col .event-categories.has-active a.btn.active {opacity:1;}

.listing-item.event-item:before	{position:absolute; left: 0; top: 0; content:''; background-color: rgba(255,255,255,0.9); width: 100%; height: 100%; z-index: 0;}

.events-listing-container			{font-size:0; width:calc(100% + 20px); margin-left: -10px; margin-right: -10px; position:relative;}
.events-listing-container .col-3	{width:33.333%; display: inline-block; vertical-align: top; padding: 10px;}

.listing-item.event-item				{width:100%; text-align: left; padding: 15px;}
.listing-item.event-item .btn			{border-radius:5px; padding-top: 15px; padding:15px 25px; display: inline-block; margin-top: 15px; background-color:inherit;}
.listing-item.event-item .btn:hover		{transform:translateY(1px)}
.listing-item.event-item .event-image	{padding-top:56.2%; background-size: cover; margin-bottom: 15px}

.listing-item.event-item h1 {color:inherit;}

.listing-item.event-item h1,
.listing-item.event-item h2,
.listing-item.event-item .btn,
.listing-item.event-item p,
.listing-item.event-item .event-image	{position:relative; z-index: 2}

.listing-item.event-item h2 {line-height: 1.2em;}


.btn-view-events { background-color:#ee1c25; color:#FFF; }
.btn-view-events.detail {float:right;}

.event-poster-image {max-width:100%; margin-bottom:25px; margin-top:15px;}



div.event-archive-toggle    {display:none;}
ul.event-archive            {list-style:none; color:#9b9b9b; font-size:16px; margin-left:10px;}
ul.event-archive > li       {margin-bottom:8px;}
ul.event-archive > li > a   {font-weight:bold; padding-right:25px; position:relative;}
ul.event-archive > li > a:after {content:''; background-image:url(/_assets/chevron-right-grey@2x.png); background-size:9px; background-repeat:no-repeat; width:9px; height:20px; position:absolute; right:0; top:4px; -webkit-transition:.15s linear; transition:.15s linear}
ul.event-archive > li > a.active:after {-webkit-transform:rotate(180deg);transform:rotate(90deg); top:2px;}
ul.event-archive a          {color:inherit; display:inline-block;}
ul.event-archive ul         {display:none; list-style:none; margin-left:10px; font-size:14px; color:inherit; margin-bottom:5px; width:100%;}
ul.event-archive ul li      {margin-bottom:5px;}

.listing-item.event-item.public-events,
.public-events .btn							{background-color:#006f94;}
.public-events h1							{color:#006f94}

.listing-item.event-item.consumer-shows,
.consumer-shows .btn	{background-color:#94a417;}
.consumer-shows h1		{color:#94a417}

.listing-item.event-item.trade-shows,
.trade-shows .btn		{background-color:#F1656B;}
.trade-shows h1			{color:#F1656B;}

.listing-item.event-item.author-events,
.author-events .btn		{background-color:#e18f00;}
.author-events h1		{color:#e18f00;}

.events-listing-container-carousel .slick-dots {position:relative; left:auto; bottom:auto; display:block; text-align:center; margin:0; padding:0px 10px; line-height:normal;}
.events-listing-container-carousel .slick-dots li {display:inline-block; width:13px; height:13px; background-color:#FFF; border:1px solid #c1c1c1; border-radius:30px;}
.events-listing-container-carousel .slick-dots li.slick-active {background-color:#c1c1c1;}
.events-listing-container-carousel .slick-dots li button {width:100%; height:100%; padding:0;}
.events-listing-container-carousel .slick-dots li button:before {display:none;}

.event-newsletter           {padding:15px 0px 15px 20px; background:#f3f3f3; border:1px solid #dddddd;}
.event-newsletter h5        {font-size:20px; margin-bottom:8px; font-weight:500;}
.event-newsletter p         {font-size:14px; font-weight:400; margin-bottom:18px;}
.event-newsletter .form-row {display:block; font-size:0; margin-bottom:20px;}
.event-newsletter .form-row .form-cell {display:inline-block; padding-right:25px;}
.event-newsletter .form-row .form-cell.col-3 {width:33.33%;}
.event-newsletter .form-row .form-cell.col-2 {width:50%;}
.event-newsletter .form-row .form-cell.col-1 {width:100%; padding-bottom:10px;}
.event-newsletter .form-row .form-cell label {font-size:14px; display:block; margin-bottom:8px; font-weight:500; color:#474747; line-height:1.4em;}
.event-newsletter .form-row .form-cell .input {padding:10px; font-size:14px; width:100%; border:1px solid #dddddd;}

.event-newsletter .form-row .form-cell .cb-label-privacy   {display:inline-block; width:90%; vertical-align:top; padding-left:10px; margin:0;}
.event-newsletter .form-row .form-cell .cb-privacy         {display:inline-block; width:20px; height:20px; vertical-align:top;}
.event-newsletter .form-row .form-cell .cb-privacy input   {width:100%; height:100%;}



.additional-book-images { margin: 20px 0; display: flex; flex-direction: column; gap: 16px; }

.additional-book-images .additional-image-container,
.additional-book-images .additional-image-container a { display: flex; flex-direction: column; gap: 0; }

.additional-book-images .additional-image-container a,
.additional-book-images .additional-image-container a label { cursor: pointer; }

.additional-book-images .image-container { overflow: hidden; font-size: 0; border-top: 1px solid rgba(0, 0, 0, 0.15); border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); }

.additional-book-images img { margin: 0; transition: all 0.2s; }
.additional-book-images label.caption { padding: 8px 16px; background-color: #2a7bc4; color: #ffffff; text-align: center; transition: all 0.2s; }

.additional-book-images a:hover img { transform: scale(1.05); }
.additional-book-images a:hover label.caption { background-color: #2368a4; }



/*** RSN (Royal School of Needlework) Scheme ***/

body.rsn ul.mainNav,
body.rsn ul.mainNav li div.dropdown,
body.rsn .btn-green, 
body.rsn ul.tab-list li.add-to-basket a, 
body.rsn table.tab-list td.add-to-basket a {
   background-color: var(--rsn-colour);
}

body.rsn ul.mainNav li:hover,
body.rsn ul.mainNav li a:hover {
   background-color: var(--rsn-colour-hover);
}

body.rsn ul.mainNav li div.dropdown ul li:hover a {
   background-color: #ffffff;
   color: var(--rsn-colour);
}

body.rsn .btn.addToBasket:hover { 
   background-color: var(--rsn-colour-hover);
}

body.rsn .book-details h3 {
   color: var(--rsn-colour);
}

/*** RSN END ***/

.sort-and-filter { 
   display: flex;
   flex-direction: row;
   align-items: start;
   justify-content: space-between;
   gap: 20px;
   margin-bottom: 15px;
   width: 100%;
}

.sort-and-filter .simple-filter { 
   display: flex;
   flex-direction: column;
   gap: 2px;
   align-items: end;
}

.sort-and-filter .simple-filter .simple-filter-container {
   display: flex;
   flex-direction: row;
   gap: 10px;
   align-items: center;
   width: 100%;
   max-width: 250px;
}

.sort-and-filter .simple-filter label { 
   font-size: 12px;
}

.sort-and-filter .simple-filter .filter-container {
   border: 1px solid #333333;
   padding: 4px;
   display: flex;
   flex-direction: row;
   gap: 5px;
   align-items: center;
   width: 100%;
}

.simple-filter .btn-filter {
   border: 0;
   width: 16px;
   height: 16px;
   background-color: transparent;
   background-image: url(/_assets/icon-search-toggle.png);
   background-size: auto 16px;
   background-position: 0 0;
   background-repeat: no-repeat;
   cursor: pointer;
}

.simple-filter input[type=text] { 
   border: 0;
   padding: 2px;
   font-size: 12px;
   width: 100%;
}

.simple-filter .btn-filter-reset { 
   border: 0;
   background-color: transparent;
   font-size: 11px;
   cursor: pointer;
}


@media all and (max-width: 1232px) {
   .inner		{padding:0 20px;}
	.wrapper	{padding:0 20px;}
	.home-intro	{width:90%;}
	
	/** NAV **/
	ul.mainNav li a		{padding:0 10px; font-size: 15px;}
	.search-box-inner	{width:300px;}
	.search-box			{margin-left:-200px;}
	
	/** HOME CAROUSEL **/
	.slide-text-container				{position: absolute; left: 10%; top:15%; width: 40%;}
	
	header .inner .btn-us-customers	{right:20px;}

	
		.home-listing-outer h3	{font-size:16px;}

	
}

@media all and (max-width: 1020px) {

   /*.home-listing	{height:300px;}*/


   /*header .inner .btn-us-customers	{top:auto; bottom: -13px;}*/

   .special-notification { margin-top: 30px; }

   /** NAV **/
   ul.mainNav { display: none; }
   .hamburger-container { display: block; }
   .btn-other-sites-container { position: unset; float: right; top: auto; right: auto; }
   .btn-other-sites-container a { margin-left: 10px; }

   /** SEARCH **/
   header { padding: 25px 0 0; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
   .search-box { position: static; width: 100%; margin-left: 0; left: auto; top: auto; margin-top: 20px; }
   .search-box-inner { width: 100%; margin-bottom: 10px; }
   .search-box a { margin-left: 0; float: left; margin-top: 5px; margin-bottom: 5px; }
   header .inner .btn-us-customers { position: relative; top: auto; bottom: auto; right: auto; float: right; margin-bottom: 10px; }

   /** SEARCH CONTAINER **/
   .header-search-container { position: relative; width: 100%; left: auto; top: auto; margin-left: 0; margin: 20px 0; }
   .search-toggle { }

   /** HEADER **/
   div.header-controls { margin-right: 60px; }
   ul.header-controls li.mobile-trade a { display: inline-block; }

   /** HERO CAROUSEL **/
   .slide-text-container h2 { font-size: 25px; }
   .slide-text-container p { font-size: 16px; width: 100%; }
   .hero-carousel { height: 250px; }
   .hero-carousel .slide { padding-top: 0; height: 250px; }

   /** HOME LISTING 
	.home-listing-outer h3	{font-size:17px;}**/

   /** FORM **/
   .dk-selected { min-width: inherit; max-width: 100%; }
   .advanced-search-container h2 { font-size: 16px; }

   /** LISTING PAGE **/
   .left-col-narrow-enabled { width: 25%; }
   .right-col-wide-enabled { width: 72%; }

   .home-grid .col-1 { padding-bottom: 0; }
}

@media (max-width: 820px) {
    .offer-item { width: 33%; }
}


@media all and (max-width: 800px) {

	
	/** HOME LISTING **/
	.home-listing				{height:auto; padding: 70px 20px 20px 20px;}
	.home-listing-inner img		{width:100%}
	.home-listing-outer h3		{font-size:16px;}
	
	/** FOOTER **/
	footer .col-row-4 .col-1		{width:40%; float: right;}
	footer .col-row-4 .col-3		{width:60%; float: left}
	footer .col-row-4 .col-3 .col-1	{width:100%}
	footer ul li					{margin-bottom:5px;}
	footer ul						{font-size:12px;}
	
	
	
	/** LISTING PAGE **/
	.listing-item	{width:33.3%}
	
	
}

@media all and (max-width: 768px) {

	.left-col-wide	{width:100% !important;}
    .categories {margin-left: 0px;}
	
	.events-listing-container .col-3	{width:50%;}

   div.header-controls { text-align: left; margin: 10px 0; display: block; float: none; }
   div.header-controls .international-customers { float: right; margin: 2px 0 0 0; }
   div.header-controls .international-customers a img { height: 17px; }
   div.header-controls .international-customers label { display: none; }
   div.header-controls ul { margin-left: 0; }
}

@media all and (max-width: 670px) {
   .offer-item { width: 50%; }
   /** HEADER **/
   ul.header-controls { }
   ul.header-controls li.mobile-trade { float: right; }

   /** HERO CAROUSEL **/
   .slide-text-container { width: 50%; }

   /** HOME LISTING **/
   .col-row-4 .col-1 { width: 50%; }
   .home-listing-inner img { width: 60%; }

   .listing-panel.listing-panel-blog p { font-size: 15px; width: 100%; }


   .listing-item { margin-bottom: 0; }
   .listing-item.event-item h1 { font-size: 20px; }
   .listing-item.event-item h2 { font-size: 16px; }
   .listing-item.event-item.listing-item .btn { padding: 10px 20px; }
}

@media all and (max-width: 640px) {

	.left-col-narrow-enabled	{width:100%; margin-bottom: 30px;}
	.right-col-wide-enabled		{width:100%;}

	/** LISTING ADVANCED SEARCH **/
	.advanced-search-container	{font-size:0; padding-bottom: 14px;}
	.advanced-search-container .form-row	{width:50%; display: inline-block; padding:0 1%;}
	.advanced-search-container .form-row.form-row-btns	{display:block; width: 100%; margin-top: 5px}
	.advanced-search-expanded			{display:none;}
	.advanced-search-expanded.active	{display:block;}
	h2.advanced-toggle					{background-image:url(/_assets/icon-select-arrow.gif); background-size: 14px 8px; background-position:right; background-repeat: no-repeat; cursor: pointer; display: block;}
	.sort-by	{width:100%;}
    .categories {width:100%;}
	
	/** BASKET **/
	.free-del-right	{display:block; float: none; margin: 20px 0; clear: both}
	table.basket-table td.basket-product-image img	{max-width:100%;}
	.basket-right	{padding-left:0; border-left:none; border-bottom:1px solid #ddd;}
	table.basket-table td.basket-product-image	{padding-left:0}
	
	/** TEXT PAGE **/
	.text-container	{max-width:90%;}
	
	/** EVENTS **/
	.events-left-col .form-row	{width:100%;}

    .btn-view-events.detail {float:none; margin-bottom:20px;}
	
	.home-grid .col-1	{padding-bottom:0}


}

@media all and (max-width: 580px) {
   .details-image { width: 100%; }
   .product-additional-info { width: 100%; margin: 0; }
   .author-details-left { text-align: center; }
   .author-details-left img { float: none; max-width: 100%; margin-bottom: 0; }

   .special-notification p { font-size: 14px; }
}

@media all and (max-width: 550px) {

   header .inner .btn-us-customers { display: none; }
   a.us-customer-mobile-only { display: block; float: right; margin-bottom: 10px; }

   /** HOME CAROUSEL **/
   .hero-carousel-container .slick-arrow { display: none !important; }
   .hero-carousel-container .inner { padding: 0; }
   .slide-text-container { position: absolute; /*background-color:rgba(0,0,0,0.6);*/ width: 100%; top: auto; bottom: 0; left: 0; padding: 15px; padding-bottom: 20px; }
   .slide-text-container h2 { font-size: 18px; margin-bottom: 8px; }
   .slide-text-container p { font-size: 14px; width: 100%; }
   .hero-carousel .slide { background-position: right; }
   .hero-carousel-container .slick-dots li button { width: 10px; height: 10px; }

   .search-dropdown .form-cell { width: 100%; }

   /** HOME LISTING **/
   .home-listing-inner img { width: 100%; }
   .col-row-3 .col-1 { width: 100%; }
   .home-listing-outer-2 .home-listing { padding-top: 40%; }
   .col-row-3 .col-1 { width: 100%; }

   /** FOOTER **/
   footer .col-row-4 .col-1 { width: 100%; float: none; }
   footer .col-row-4 .col-3 { width: 100%; float: none; }

   /** LISTING **/
   .listing-item { width: 50%; }

   /** BASKET **/
   table.basket-table { table-layout: fixed; }
   table.basket-table th { font-size: 12px; padding: 5px; }
   table.basket-table td.basket-product-image img { max-width: 100%; }
   table.basket-table td { padding: 10px; }
   table.basket-table td,
   table.basket-table td p { font-size: 12px !important; }

   /** BLOG **/
   .listing-panel.listing-panel-blog img { width: 100%; margin-bottom: 15px; }

   .col-row-5 .col-1 { width: 33.3%; }
}

@media (max-width: 500px) {
   a.advert.desktop { display: none; }
   a.advert.mobile { display: block; }
}

@media (max-width: 400px) {
   .home-listing { padding-top: 65px; }
   .home-listing:after { background: none; background-color: #f1f1f1; }
}

@media all and (max-width: 375px) {

	/** HEADER **/
	ul.header-controls li.mobile-trade a	{margin-left:0}
	.search-box a							{font-size:13px;}
	
	/** HOME INTRO **/
	.home-intro	{width:95%;}
	
	/** ADVANCED SEARCH **/
	.advanced-search-container .form-row	{width:50%; display: inline-block; padding:0 2%;}
	
	/** LISTING **/
	.listing-item	{padding:0 5% 10px 5%}
	.listing-item:hover	{background-color:#fff}
	
	.text-header		{padding:10px 0}
	.text-container h1	{font-size:20px;}
	
    .offer-item { width: 100%; }
	
	.special-notification p	{font-size:12px;}
	.special-notification p a	{display:block;}
	
	.events-listing-container .col-3	{width:50%;}

	label.privacy-optin	{width:80%;}

}

@media all and (max-width: 340px) {
   /** HEADER **/
   .logo { width: 200px; }
   ul.header-controls li a span { margin: 0; }

   /** HERO CAROUSEL **/
   .slide-text-container h2 { font-size: 16px; }
   .slide-text-container p { font-size: 12px; }

   #jPanelMenu-menu { width: 250px !important; }
}