body {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-weight: 300;
}

body, input, select, textarea, button {
	font-family: "bio-sans", sans-serif;
	/* There are some Bio Sans related fixes at the end of this stylesheet */
}

/*@font-face {
	font-family: 'icons';
	src:url('/fonts/icons.eot?5zqebf');
	src:url('/fonts/icons.eot?5zqebf#iefix') format('embedded-opentype'),
		url('/fonts/icons.ttf?5zqebf') format('truetype'),
		url('/fonts/icons.woff?5zqebf') format('woff'),
		url('/fonts/icons.svg?5zqebf#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

span.icon, a.icon {
	font-family: 'icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 0.9em;
}

a.icon {
	text-decoration: none;
}

@-moz-document url-prefix() {
	.wf-loading #container {
		visibility: hidden;
	}
}*/


.icon-label {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	left: -9999px;
}

h1, h2, h3, p, dt, dd, li, cite, em, strong, i, b, s, a, span, tr, td {
	line-height: 1.3em;
}

p, li, cite {
	margin-bottom:0.8em;
}


strong, b, label, h1, h2, h3 {
	font-weight: 600;
}

em, i {
	font-style: italic;
}


h1 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.6em;
	text-transform: none;
	line-height: 1.2em;
}

h2 {
	clear: left;
	font-weight: 300;
	background-color: Black;
	color: White;
	font-size: 18px;
	padding: 5px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h2.plain {
	text-align: center;
	background-color: transparent;
	font-weight: 600;
	color: Black;
}

h2 a {
	text-decoration: none;
	color: White;
}

h2 a:hover {
	color: #CCC;
}

h2:first-child {
	margin-top: 0;
}

h3 {
	font-size: 1.2em;
	margin: 1em 0 0.25em;
}


.hidden {
	position: absolute !important; 
	top: -5000px; 
	width: 1px; 
	height: 1px;
	overflow: hidden; 
}

label.hidden {
	position: static !important;
	height: 1.3em;
	width: 150px;
	visibility: hidden;
}

.invisible {
	visibility: hidden;
}

.clear {
	clear: both;
}

a {
	color: #555;
}

a:hover {
	text-decoration: none;
	color: #111;
}

a:active, a:focus {
	outline: none;
}

img.lowres {
	/* placeholder for content editor */
}

img {
	max-width: 100%;
}

picture {
	max-width: 100%;
	display: block;
	text-align: center;
}


dl {
	margin: -1em 0 1em 0;
}

dt {
	margin-top: 1em;
	font-weight: 600;
}

ul {
	list-style-type: square;
	display: block;
	list-style-position: outside;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

ul.flat {
	list-style-type: none;
	margin-left: 0;
}

ol {
	list-style-type: decimal;
	display: block;
	list-style-position: outside;
	margin-left: 3em;
	margin-bottom: 1em;
}

li {
	display: list-item;
	margin-bottom: 0.5em;
}

li.current, li.current a {
	color: #111;
	text-decoration: none;
}



hr {
	height: 1px;
	border: 0;
	margin: 1em 0;
	background: #CCC;
}

.left {
	float: left;
	clear: left;
	margin: 5px 10px 10px 0;
}

.right {
	float: right;
	clear: right;
	margin: 5px 0 10px 10px;
}

.center {
	text-align: center;
}

pre {
	color: #444;
	margin-top: 2em;
}



.icon {
	vertical-align: middle;
}

a.highlight {
	color: #e5184b !important;
}









/**********************************************************
 * Shop Category                                          *
 **********************************************************/


ul.products {
	/*float: left;*/
	list-style-type: none;
	margin: 0 -25px 0 0;
	padding: 0;
	text-align: center;
}

ul.products > li {
	margin: 0;
	padding: 0 25px 25px 0;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	max-width: 425px;
	position: relative;
	overflow: hidden;
	/*background-image: url(/graphics/ajax-loader.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;*/
}

ul.products > li.thumb-2 {
	width: 38.8%;
	max-width: 825px;
}

ul.products > li thumb-3 {
	width: 80%;
	max-width: 925px;
}
/*
@media screen and (max-width: 1210px) {
	ul.products li {
		box-sizing: content-box;
		width: 25%;
		padding-right: 2%;
	}

	ul.products li.thumb-2 {
		width: 50%
	}
}*/

ul.products-small {
	margin-right: -10px;
}

ul.products-small > li {
	width: 20%;
	max-width: 160px;
	padding: 0 10px 10px 0;
	font-size: 0.8em;
}

ul.products-small > li.thumb-2 {
	width: 40%;
	max-width: 310px;
}

ul.products-small > li.thumb-3 {
	width: 60%;
	max-width: 460px;
}

ul.products span.thumb {
	display: block;
	width: 100%;
	border: 0;
	text-align: center;
	position: relative;
	z-index: 1;
	line-height: 0;
}


ul.products > li span.name,
ul.products > li span.price,
ul.products > li span.sizes {
	display: block;
	padding: 0 3px 0.2em 3px;
	font-size: 1em;
	color: #666;
	text-align: center;
}

ul.products > li span.sizes {
	color: #999;
}



ul.products > li span.price s {
	color: #666;
}

ul.products > li span.price.reduced {
	color: #CA015E;
}

ul.products > li span.discount {
	display: block;
	color: White;
	background-color: #e5184b;
	padding: 5px;
	text-transform: uppercase;
}

ul.products > li span.name {
	margin-top: 0.5em;
	font-weight: 600;
}

ul.products > li span.sizes span {
	font-size: 0.8em;
	display: inline-block;
	padding: 0 0.5em;
}

ul.products > li span.sizes span.unavailable {
	color: #CCC;
	display: none;
}

ul.products > li span.controls {
	display: none;
	position: absolute;
	top: 10px;
	right: 35px;
	z-index: 3;
	text-align: right;
}

ul.products > li:hover span.controls {
	display: block;
}

ul.products > li span.quick-shop {
	display: block;
	margin-bottom: 0.25em;
	font-weight: 600;
	font-size: 0.8em;
	color: #666;
	cursor: pointer;
	vertical-align: top;
	text-align: right;
	max-width: 45px;
}

ul.products-small > li span.controls {
	right: 15px;
	top: 5px;
}

ul.products > li span.quick-shop:hover {
	color: #444;
}

ul.products > li.no-quick-shop span.quick-shop {
	display: none;
}

ul.products > li a.wishlist-button {
	color: #e5184b;
	opacity: 0.6;
	font-size: 2em;
	vertical-align: top;
}

ul.products > li a.wishlist-button:hover {
	opacity: 1;
}

ul.products > li span.low-stock {
	position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    font-weight: 600;
    text-transform: uppercase;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
    font-size: 1.3em;
    width: 3.5em;
    text-align: center;
    line-height: 1.1em;
    letter-spacing: 2px;
	/*text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;*/
}

ul.products-small > li span.low-stock {
    font-size: 1em;
}

ul.products > li a {
	color: #333;
	text-decoration: none;
}

ul.products > li img.sold-out {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	width: 12%;
	transform: rotate(-15deg);
}

ul.products > li.thumb-2 img.sold-out {
	width: 7.5%
}

body.js h1.category ~ div.paginator {
	display: none;
}


div.paginator {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	clear: both;
}

div.paginator p {
	display: inline;
}

p.autoload-loading {
	text-align: center;
	font-weight: 600;
	text-transform: lowercase;
	font-variant: small-caps;
}

p.autoload-more {
	text-align: center;
	margin-bottom: 4em;
}

p.autoload-more a {
	display: inline-block;
	background-color: Black;
	color: White;
	padding: 10px 30px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.3em;
}

ul.products span.detail {
	overflow: hidden;
	background-image: url(/graphics/ajax-loader-inverted.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

ul.products span.detail,
ul.products span.detail img {
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: none;
}

ul.products span.detail img {
	max-width: 500px;
}

ul.products li.thumb-2 span.detail img {
	max-width: 1000px;
}

ul.products li.thumb-3 span.detail img {
	max-width: 1500px;
}


/*ul.products div.thumb-zoom {
	position: absolute;
	background-color: white;
	border: 1px solid #CCCCCC;
	left: -145px;
	top: -180px;
	padding: 10px;
	z-index: 1000;
}

ul.products div.thumb-zoom img {
	width: 495px;
	height: 660px;
}*/

p.products-cols {
	display: none;
}

/**********************************************************
 * Shop Product                                           *
 **********************************************************/

div.product h1 {
	margin: 0 0 0.25em 0;
	text-align: center;
}

div.product p.product-controls + h1 {
	margin-top: 1.25em;
}

div.product {
	margin-bottom: 25px;
}

div.product div.detail {
	width: 300px;
	float: left;
}

#overlay-content div.product ul.photos {
	max-height: 500px;
}

div.product p.discount {
	color: White;
	background-color: #e5184b;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	clear: both;
}

div.product div.price {
	font-size: 1.2em;
	color: #333;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
}

div.product div.price strong {
	display: none;
}

div.product div.price.reduced {
	color: #e5184b;
}

div.product div.price .previous-price {
	color: #333;
	font-size: 0.7em;
}

div.product a.laybuy-popup {
	display: block;
	text-align: center;
    width: 100%;
    text-decoration: none;
    margin-bottom: 1em;
}

div.product a.laybuy-popup img {
	vertical-align: bottom;
}

img.laybuy {
	vertical-align: bottom;
}

div.product a.clearpay-popup {
	display: block;
	text-align: center;
    width: 100%;
    text-decoration: none;
	margin-bottom: 1em;
}

div.product a.clearpay-popup img {
	vertical-align: bottom;
}

img.clearpay {
	vertical-align: bottom;
}

div.product div.controls {
	margin-bottom: 20px;
}

div.product.voucher div.controls div.control {
	margin: 0.5em 0;
}

div.product.voucher div.controls div.control input.currency {
	width: 70px;
	padding: 5px;
	border: 1px solid #CCC;
}

div.product.voucher div.controls {
	border-top: 0;
}

div.product.voucher div.controls label {
	position: static;
}

div.product div.opt,
div.product div.add {
	margin: 0 0 8px 0;
}

div.product div.opt label {
	display: block;
}

div.product div.opt label,
div.product div.opt select,
div.product div.opt input {
	width: 100%;
}

div.product div.opt.checkbox input {
	width: auto;
	margin-bottom: 1em;
}

div.product input.qty {
	border: 0;
	padding: 2px 0 2px 0;
	margin: 0;
	display: none;
}

input.qty {
	text-align: center;
	width: 28px;
}

input.qty:focus {
	outline: none;
}

span.qty-control {
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
	background-color: White;
	border: 1px solid #BBB;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.product button.add {
	color: White;
	background-color: Black;
	font-size: 12pt;
	font-weight: 600;
	margin: 0;
	content: "Add to Basket";
	padding: 6px;
	text-align: center;
	width: 100%;
}

div.product div.add label {
	display: none;
}

div.product p.sold-out {
	font-size: 1.1em;
	font-weight: 600;
	color: #B40000;
	text-transform: uppercase;
	text-align: center;
}

div.product p.no-trade {
	font-size: 1.1em;
	font-weight: 600;
	color: #B40000;
}


p.product-results-return {
	display: none;
	clear: both;
}

body.products div.col h1 {
	/*padding-right: 245px;*/
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: 4px double #CCC;
	font-size: 1.2em;
}

h1.category {
	margin: 0 0 0.5em 0;
	line-height: 1em;
}

h1.category span {
	color: #999;
	text-transform: none;
	font-size: 0.65em;
}

body.search h1.category span.prefix {
	display: none;
}

div.category-header {
	width: 100%;
	margin: 10px 0 20px 0;
}



p.product-controls a.next-product {
	float: right;
	width: 50%;
	text-align: right;
}

p.product-controls a.prev-product {
	float: left;
	width: 50%;
}

div.product ul.photos {
	list-style-type: none;
	margin-left: 325px;
	overflow-x: scroll;
    white-space: nowrap;
}

#overlay-content div.product ul.photos {
	
}

div.product div.photo-wrapper {
	margin-left: 325px;
	position: relative;
	padding: 0 35px 0 0;
	overflow: hidden;
}

div.product div.photo-wrapper ul.photos {
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0;
}

div.product ul.photos li {
	margin: 0;
	padding: 0 0 0 35px;
	line-height: 1em;
	overflow: hidden;
	display: inline-block;
	max-width: 50%;
	vertical-align: middle;
}

div.product ul.photos li.wide {
	max-width: 100%;
}

div.product ul.photos div.zoom-container {
	position: relative;
	overflow: hidden;
}

div.product ul.photos img.zoom {
	max-width: none;
	max-height: none !important;
	position: relative;
}

div.product div.photo-wrapper div.scroll-left,
div.product div.photo-wrapper div.scroll-right {
	position: absolute;
	top: 0;
	width: 35px;
	height: 100%;
	vertical-align: middle;
	padding: 0;
	cursor: pointer;
	background-color: White;
	background-image: url(/graphics/arrow-left.png);
	/*background-image: url(/graphics/arrow-left.png), linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);*/
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 1000px;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	display: none;
}

div.product div.photo-wrapper div.scroll-left {
	left: 0;
}

div.product div.photo-wrapper div.scroll-right {
	right: 0;
	left: initial;
	background-image: url(/graphics/arrow-right.png);
	/*background-image: url(/graphics/arrow-right.png), linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);*/
	background-position: right center;
}

div.product div.photo-wrapper div.scroll-left.disabled ,
div.product div.photo-wrapper div.scroll-right.disabled {
	cursor: default;
}

div.product ul.fake-select {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

div.product ul.fake-select li {
	display: inline-block;
	min-width: 30px;
	margin: 0 4px 4px 0;
	border: 1px solid #CCC;
	background-color: #FFF;
}

div.product ul.fake-select a {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 9pt;
	padding: 2px 6px;
	color: #777;
	font-weight: 600;
}

div.product ul.fake-select a:hover {
	color: #000;
}

div.product ul.fake-select li.current a:hover {
	color: #CCC;
	cursor: default;
}

div.product ul.fake-select li.current {
	/*-webkit-box-shadow: 0px 0px 5px 3px #000000;
	-moz-box-shadow: 0px 0px 5px 3px #000000;
	box-shadow: 0px 0px 5px 3px #000000;*/
	border-color: #CCC;
}

div.product li.current a {
	background-color: #000;
	color: #CCC;
}

div.add-basket-popup {
	background-color: #111111;
	border: 1px solid #555555;
	display: block;
	padding: 10px;
	/*position: absolute;
	width: 300px;
	top: 3em;
	left: -1px;
	z-index: 99;*/
	margin-top: 10px;
	color: #BBB;
	cursor: pointer;
	/*-webkit-box-shadow: 0px 0px 10px 7px #ffffff;
	-moz-box-shadow: 0px 0px 10px 7px #ffffff;
	box-shadow: 0px 0px 10px 7px #ffffff;*/
}

div.add-basket-popup a {
	color: #BBB;
}

div.product div.addthis_sharing_toolbox {
	margin-bottom: 0.5em;
}

div.product a.more {
	color: White;
	background-color: #e5184b;
	font-size: 12pt;
	font-weight: 600;
	margin: 0;
	padding: 3px 5px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	clear: both;
}


/**********************************************************
 * Product Filters                                        *
 **********************************************************/

div.product div.sections {
	border-top: 1px solid #CCC;
	margin-bottom: 10px;
}

div.product div.sections div.section {
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
}

div.product div.sections h3 {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}

div.product div.sections div.content {
	clear: both;
	padding-top: 10px;
}

div.product div.sections h3 span.icon {
	float: right;
	padding: 4px 0 4px 4px;
}


body.js div.product div.sections h3 {
	cursor: pointer;
	display: flex;
	align-items: center;
}

body.js div.product div.sections h3 span:first-child {
	flex-grow: 1;
}

body.js div.product div.sections div.section > div.content {
	display: none;
}

body.js div.product div.sections div.section:first-child > div.content {
	display: block;
}






/**********************************************************
 * Size Guide                                             *
 **********************************************************/


table.size-guide,
table.shipping-guide {
	max-width: 400px;
	width: 100%;
	margin-bottom: 1.5em;
}

table.size-guide td {
	text-align: center;
}

table.shipping-guide td {
	text-align: left;
}

table.size-guide th,
table.shipping-guide th {
	background-color: transparent;
	color: inherit;
	padding-left: 0;
}

table.size-guide td,
table.size-guide th,
table.shipping-guide td,
table.shipping-guide th {
	border-bottom: 1px solid #F0F0F0;
}

table.size-guide caption,
table.shipping-guide caption {
	font-weight: 600;
	padding-bottom: 0.5em;
}

table.shipping-guide caption {
	text-align: left;
}

table.size-guide + p {
	margin-top: 1em;
	text-align: center;
}



/**********************************************************
 * Selectors                                              *
 **********************************************************/

ul.selector {
	list-style-type: none;
	margin: 0;
	display: inline;
}

ul.selector li {
	display: inline;
}

ul.selector a {
	display: inline;
	position: relative;
	margin: 0 3px 0 0;
	padding: 0 5px;
	border: 1px solid #999;
	background-color: #999;
	color: White;
	text-decoration: none;
	outline: none;
}

ul.selector a:hover,
ul.selector li.current a:hover {
	background-color: #666;
	color: #CCC;
}

ul.selector li.current a {
	color: #333;
	background-color: White;
}

ul.selector li.prev a,
ul.selector li.next a {
	color: #AAA;
	background-color: transparent;
	border: none;
	text-decoration: underline;
	text-transform: lowercase;
	font-variant: small-caps;
}

ul.selector li.prev a:hover,
ul.selector li.next a:hover {
	text-decoration: none;
}

ul.selector li.disabled a {
	color: #DDD;
	cursor: default;
	text-decoration: none;
}

ul.selector li.disabled a:hover {
	text-decoration: none;
}

ul.selector li.start-group a {
	margin-left: 10px;
}

/**********************************************************
 * Forms                                                  *
 **********************************************************/

button, input[type=submit] {
	border: 0;
	background-color: #666;
	color: #EEE;
	padding: 5px 10px;
	font-size: 13pt;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
}

input[type=submit] {
	position: relative;
	top: 2px;
}


input, select, textarea {
	border: 1px solid #DDD;
	background-color: #FFF;
	color: #333;
	padding: 3px;
	font-size: inherit;
	outline: none;
}

input.blur {
	color: #B8B8B8;
}

fieldset {
	border: none;
	padding: 10px 0;
	margin: 2em auto 0 auto;
	max-width: 600px;
}

form.mailing-list fieldset {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

fieldset legend {
	padding: 0;
	font-weight: 600;
	font-size: 1.3em;
	color: #666;
	letter-spacing: 0.05em;
}

#overlay-content form:first-child fieldset:first-child {
	margin-top: 0;
}

fieldset p {
	margin-bottom: 0.5em;
}

div.control {
	position: relative;
	border: 1px solid #DDD;
	background-color: White;
	padding: 0;
	margin-bottom: 6px;
	transition: border 200ms ease-out, padding 200ms ease-out;
	overflow: hidden;
}

div.control.focus {
	border: 1px solid #666;
}

div.control.error {
	color: #D00;
	background-color: #FFEEEE;
	border-color: #D00;
}

input.error, select.error, textarea.error {
	border-color: #D00;
	background-color: #FFEEEE;
}

div.control label em.required {
	color: #D00;
	cursor: help;
}

div.control span.input {
	/*border: 1px solid #DDD;*/
	padding: 0 2px;
	cursor: default;
}

div.control.current {
	border: 1px solid #666;
	background-color: #F5F5F5;
}

div.control.checkbox input,
div.control.radio input {
	width: auto;
	margin-right: 0.5em;
	position: relative;
	top: 2px;
}

div.product div.control.inline input {
	width: auto;
}

div.product div.control,
div.product-filters div.control {
	border: none;
	padding: 0;
}

div.control input, div.control select, div.control textarea, div.control span.input {
	border: none;
	color: #666;
	padding: 2em 1em 0.5em 1em;
	width: 100%;
	position: relative;
	z-index: 2;
	background-color: transparent;
}

div.control input[disabled], div.control select[disabled], div.control textarea[disabled], div.control span.input.disabled {
	background-color: rgba(0, 0, 0, 0.03);
}

div.control span.input {
	display: block;
}

div.control input[type=checkbox],
div.control input[type=radio] {
	padding: 0;
	border: 1px solid #CCC;
}

div.control select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



div.control label,
div.control span.label {
	position: absolute;
	top: 0.75em;
	left: 1em;
	font-size: 0.9em;
	color: #AAA;
	z-index: 1;
	font-weight: 600;
	transition: top 200ms ease-out, font-size 200ms ease-out;
	width: 100%;
}

div.control.empty label {
	font-size: 1em;
	top: 1.5em;
	cursor: text;
}

div.control.empty input, 
div.control.empty select, 
div.control.empty textarea,
div.control label.hidden + input,
div.control label.hidden + select,
div.control label.hidden + textarea {
	padding-top: 1.5em;
	padding-bottom: 1em;
}

fieldset div.inline {
	display: flex;
	justify-content: space-between;
}

fieldset div.inline > div {
	flex-grow: 1;
	margin-right: 6px;
}

fieldset div.inline > div:last-child {
	margin-right: 0;
}

div.control.checkbox label,
div.control.radio label,
div.control.select select {
	cursor: pointer;
	font-size: 1em;
}

div.control.checkbox,
div.control.radio {
	padding: 1em;
}

div.control.checkbox label,
div.control.radio label {
	position: static;
}

fieldset p.note { padding-bottom: 1em; font-size: 0.9em; color: #AAA; }
div.control label em, 
div.control span.label em { 
	color: #D00;
	line-height: 1em;
}

div.control.select::after,
div.control.date div.control.inline.select::after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 0;
	right: 20px;
	top: 35%;
	opacity: 0.3;
	background-image: url('/core/graphics/fa/solid/chevron-down.svg');
	background-position: 50% 50%;
	background-size: contain;
	display: block;
}

div.control.date div.control.inline.select::after {
	top: 0;
	right: 10px;
}

div.control.date div.control.inline.select select {
	padding-right: 30px;
	margin-right: 10px;
}


#basket p.delivery-message {
	text-align: center;
	font-size: 1.1em;
}

.form-container.narrow {
	width: 400px;
	max-width: 100%;
	margin: auto;
}

.form-container p.privacy {
	font-size: 0.9em;
	margin-top: 2em;
}



/* reCAPTCHA */

div.control.captcha {
	border: none;
	margin-top: 1.5em;
}

div.control.captcha label {
	position: static;
	padding-bottom: 0.5em;
	font-size: 1em;
}

div.control.captcha div.g-recaptcha {
	margin-top: 0.5em;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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


span.loading-icon {
	border: 3px solid #CCC;
	border-radius: 50%;
	border-top-color: #666;
	width: 24px;
	height: 24px;
	-webkit-animation: spin 1s cubic-bezier(0.8,0.5,0.5,0.8) infinite;
	animation: spin 1s cubic-bezier(0.8,0.5,0.5,0.8) infinite;
	display: inline-block;
	vertical-align: baseline;
	margin: 0 0.5em;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}



/**********************************************************
 * Login Form                                             *
 **********************************************************/

fieldset.login {
    width: 334px;
    max-width: 100%;
    margin: 1em auto 3em auto;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 0 2px 5px 2px #EEE;
    padding: 15px;
    background-color: #FCfCfC;
	min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

fieldset.login legend {
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    padding: 5px;
}

fieldset.login input {
    width: 100%;
	font-size: 1.4em;
	padding-top: 1.5em;
}

fieldset.login div.control {
	margin-bottom: 1em;
}

fieldset.login div.checkbox {
	background-color: transparent;
	padding: 0;
	border: none;
}

fieldset.login div.checkbox input {
    width: auto;
}

fieldset.login div.checkbox label {
    display: inline;
}

fieldset.login input:focus {
    outline: none;
    box-shadow: 0 0 5px 0 #999;
}

fieldset.login button {
    width: 100%;
    padding: 0.5em;
    text-transform: uppercase;
    background-color: Green;
    color: White;
    border: 0;
}

fieldset.login a.register {
    display: block;
    background-color: #888;
    text-align: center;
    color: white;
    text-decoration: none;
    padding: 0.3em 0;
	margin-top: 0.5em;
	text-transform: uppercase;
	font-size: 1.4em;
}

fieldset.login h2 {
	font-size: 1em;
	font-weight: 600;
	background-color: inherit;
    color: inherit;
    padding: 0;
}

fieldset.login p.cancel {
	margin-top: 0.5em;
	margin-bottom: 0;
	text-align: center;
}

fieldset.login p.separator {
    text-align: center;
    opacity: 0.5;
    margin: 0.25em 0;
}

fieldset.login p.forgotten {
    clear: both;
}

fieldset.login div.errors {
	word-wrap: break-word;
}

fieldset.change-password div.password-output {
	margin-bottom: 1em;
}

fieldset.change-password div.password-indicators {
	margin-bottom: 0.5em;
}

div.account-password div.password-output {
	padding: 0 10px;
}

div.account-password div.password-suggestions {
	margin-top: 0.5em;
}

/**********************************************************
 * Buttons                                                *
 **********************************************************/

div.buttons, 
p.buttons {
	margin: 0.5em auto;
	max-width: 600px;
}


div.buttons.right, 
p.buttons.right {
	text-align: right;
}

div.buttons.left, 
p.buttons.left {
	text-align: left;
}

.buttons button,
.buttons a.button {
	display: inline-block;
	margin: 0 10px 0 0;
	background-color:#f5f5f5;
    border:1px solid #999;
    border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	font-size: 1.4em;
	line-height: 1.4;
	text-decoration: none;
	font-weight: 600;
    color:#565656;
	cursor:pointer;
	padding: 5px 10px 6px 7px;
}

.buttons button {
    width: auto;
    overflow: visible;
    padding: 5px 10px 5px 7px;
}

.buttons button img, .buttons a img{
	display: inline-block;
	margin: 0 3px -3px 0;
    padding: 0;
    border: none;
}


/* STANDARD */

.buttons button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.buttons button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/**********************************************************
 * Error/warning messages                                 *
 **********************************************************/

div.errors { margin: 0 0 10px 0; padding: 10px 10px 10px 36px; border: 2px solid #FC6; border-width: 2px 0; background-color: #FFC; position: relative; }
div.errors.positive { border-color: #9C9; background-color: #EFE;}
div.errors.negative { border-color: #C00; background-color: #FEE;}
div.errors.info { border-color: #5386B6; background-color: #E8EFF5;}
div.errors p { margin: 0 0 0.5em 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: 600; }
div.errors img.icon { position: absolute; top: 10px; left: 10px; }
div.errors a {
	color: #777;
}

div.errors div.form-container {
	margin-top: 1em;
}

div.errors div.form-container p {
	margin-bottom: 1em;
}

/**********************************************************
 * Tables                                                 *
 **********************************************************/

table {
	border-collapse: collapse;	
	width: 100%;
	clear: both;
	margin: 0 0 1em 0;
}

table td, 
th.label {
	border-bottom: 1px solid #666;
}

table th.label {
	background-color: transparent;
	color: #999;
}

table td.noborder {
	border: none;
	text-align: center;
	width: 60%;
}

table td.noborder select,
table td.noborder input {
	width: 220px;
}

table td.currency,
table th.currency {
	text-align: right;
} 

table th {
	background-color: #666;
	color: #EEE;
	font-weight: 600;
}

table td, 
table th {
	padding: 5px 3px;
	text-align: left;
	vertical-align: top;
}

table td.title {
	color: #555;
}

table th a {
	color: White;
}



/**********************************************************
 * Basket/Checkout                                        *
 **********************************************************/


form.basket {
	background-color: White;
}

form.basket ul.basket-items {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 1em -10px 0 0;
	padding: 0;
	text-align: center;
}

form.basket ul.basket-items li {
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #EEE;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	max-width: 400px;
}

form.basket ul.basket-items p.thumbnail {
	float: left;
	width: 25%;
	padding-right: 10px;
	margin-bottom: 0;
}

form.basket ul.basket-items div.detail {
	width: 75%;
	margin-left: 25%;
}

form.basket ul.basket-items div.detail :last-child,
form.basket ul.basket-items li.voucher :last-child {
	margin-bottom: 0;
}

form.basket ul.basket-items p.name,
form.basket ul.basket-items p.price-total {
	font-size: 1.2em;
}

form.basket ul.basket-items button.delete {
	background-color: transparent;
	color: #CCC;
	padding: 0;
	margin-left: 5px;
	vertical-align: baseline;
}

form.basket ul.basket-items button.delete:hover {
	color: #C00;
}

div.basket-buttons button,
div.basket-buttons a {
	width: 100%;
	padding: 3px 10px;
	display: block;
	font-weight: 300;
	font-size: 20px;
}

form.basket.changed button.update {
	background-color: #e5184b;
	color: #FFF;
}



div.basket-summary {
	width: 40%;
	padding: 20px;
	margin-right: 20px;
	border-right: 2px solid #DDD;
	background-color: #FAFAFA;
}

div.basket-summary div.basket {
	max-width: 300px;
	margin: 0 0 0 auto;
}

div.basket-summary p,
div.basket-track p {
	margin-bottom: 0;
}

div.basket-summary ul.basket-items,
div.basket-track ul.basket-items {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.basket-summary ul.basket-items li,
div.basket-track ul.basket-items li {
	display: flex;
	align-items: center;
}

div.basket-summary ul.basket-items li p.thumbnail,
div.basket-track ul.basket-items li p.thumbnail {
	width: 20%;
	margin-right: 5px;
}

div.basket-track ul.basket-items li p.thumbnail {
	max-width: 100px;
}

div.basket-summary ul.basket-items li p.name,
div.basket-track ul.basket-items li p.name {
	font-weight: 600;
}

div.basket-summary ul.basket-items li div.detail,
div.basket-track ul.basket-items li div.detail {
	flex-grow: 2;
}

div.basket-summary ul.basket-items li p.price-total,
div.basket-track ul.basket-items li p.price-total {
	font-weight: 600;
	padding-left: 10px;
}

div.basket-summary div.totals,
div.basket-track div.totals {
	border-top: 1px solid #DDD;
	margin: 20px 0;
	padding: 10px 0;
}

div.basket-summary div.totals p,
div.basket-track div.totals p {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

div.basket-summary div.totals p.total,
div.basket-summary div.totals p.total-base,
div.basket-track div.totals p.total,
div.basket-track div.totals p.total-base {
	border-top: 1px solid #DDD;
	font-weight: 600;
	padding-top: 10px;
}

div.basket-summary p.privacy {
	margin-top: 4em;
	color: #999;
}



form.basket div.checkout-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

form.basket div.checkout-links div.checkout-link {
	width: 45%;
	flex-grow: 1;
	margin-bottom: 10px;
}

form.basket div.checkout-links div.checkout-link:nth-child(even) {
	margin-right: 0;
}

form.basket div.checkout-links div.checkout-link:nth-child(odd):last-child {
	flex-grow: 0;
	width: 50%;
	margin-right: 0;
}

form.checkout div.checkout-links fieldset {
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 10px 10px 0 10px;
	margin-top: 0;
}

form.checkout div.checkout-links fieldset legend {
	padding: 0 5px;
	text-align: center;
}

form.checkout div.checkout-links fieldset > div {
	display: flex;
	justify-content: center;
}

form.checkout div.checkout-links div.checkout-link:last-child {
	margin-right: 0;
}

div.checkout-links div.checkout-link {
	width: 33%;
	max-width: 100%;
	min-width: 170px;
	margin: 0 10px 10px 0;
	vertical-align: top;
	text-align: center;
}

div.checkout-links div.checkout-link * {
	margin-bottom: 0;
	line-height: 0;
}

div.checkout-links a.paypal {
	background-color: #0070BA;
	padding: 6px 10px;
}

div.checkout-links a.paypal img {
	max-height: 20px;
}

div.checkout-links a.amazon {
	background-color: #F1C14C;
	background: linear-gradient(to top, #F1C14C, #F7DD9F);
	padding: 6px 10px;
}

div.checkout-links a.amazon-light-gray { 
	background-color: #E8EAED;
	background: linear-gradient(to top, #E8EAED, #F5F7F9);
}

div.checkout-links a.amazon-dark-gray { 
	background-color: #444C54;
	background: linear-gradient(to top, #444C54, #6F757B);
}

div.checkout-links a.amazon img {
	max-height: 20px;
	position: relative;
	top: 3px;
}

div.checkout-links a.amazon + p {
	text-transform: uppercase;
	font-weight: 600;
}

div.checkout-links a.clearpay {
	background-color: #FCD983;
	color: Black;
    padding: 6px 10px;
}

div.checkout-links p.description {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 9px;
	margin-top: 8px;
}

div.checkout-links a.clearpay img {
	max-height: 20px;
}

#amazon-widget {
	min-height: 228px; 
	height: 240px;
}

#amazon-widget, 
#amazon-widget + form {
	min-width: 300px; 
	width: 600px;
	max-width: 100%;
	margin: 0 auto;
}

#amazon-widget.address + form span.delivery-name {
	display: none;
}

#amazon-widget + form select {
	max-width: 500px;
}

#amazon-widget.wallet + form select {
	display: none;
}


form.basket.changed p.checkout-link a,
form.basket.changed div.checkout-links a {
	background-color: #AAA;
}

form.basket div.controls input,
form.basket div.controls select {
	width: 250px;
	max-width: 100%;
	display: inline-block;
}

form.basket div.controls label {
	display: inline-block;
	width: 120px;
	text-align: right;
}

form.basket ul.delivery-options {
	list-style-type: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0 -10px 10px 0;
	padding: 0;
}

form.basket ul.delivery-options li {
	flex-grow: 1;
	flex-shrink: 1;
	padding: 10px;
	text-align: center;
	border: 2px solid #EEE;
	background-color: White;
	width: 30%;
	margin-right: 10px;
}

form.basket ul.delivery-options li :last-child {
	margin-bottom: 0;
}

form.basket ul.delivery-options li p.description {
	font-size: 0.8em;
}

form.basket ul.delivery-options li.current {
	border-color: #555;
}

form.basket div.checkout-controls {
	background-color: #f8f8f8;
	margin: 0 -25px -25px -25px;
	padding: 10px 0;
}

form.basket div.checkout-controls > * {
	width: 100%;
	display: block;
	max-width: 400px;
	margin: 0 auto;
}

form.basket div.totals span {
	display: inline-block;
	vertical-align: top; 
}

form.basket div.totals span.label {
	width: 80%;
	font-weight: 600;
}

form.basket div.totals span.value {
	width: 20%;
	text-align: right;
}

form.basket div.totals p.total {
	font-weight: 600;
	font-size: 1.2em;
}

form.basket div.basket-buttons {
	text-align: center;
}

form.basket p.delivery select {
	max-width: 200px;
}

body.js form.basket button.update {
	display: none;
}

body.js form.basket ul.delivery-options li,
body.js form.basket div.voucher h3 {
	cursor: pointer;
}

form.basket div.voucher {
	margin-bottom: 0.5em;
	display: flex;
	align-items: center
}

form.basket div.voucher button {
	font-size: inherit;
	padding: 4px 10px;
}

form.basket div.voucher label {
	padding-right: 10px;
}

form.basket div.voucher input {
	flex-grow: 1;
	flex-shrink: 1;
}

div.sidr form.basket {
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
}

div.sidr form.basket.fixed-layout div.checkout-controls {
	position: fixed;
	bottom: 0;
}

div.sidr form.basket div.checkout-controls {
	margin: 0;
	padding: 10px;
}

div.sidr form.basket ul.basket-items {
	margin: 0;
	padding: 10px;
}

div.sidr form.basket ul.basket-items li {
	width: 100%;
}

div.sidr form.basket ul.basket-items li:last-child {
	margin-bottom: 0;
}

div.sidr div.errors {
	margin: 0 10px 10px 10px;
}

div.sidr div.errors:first-child {
	margin-top: 10px;
}


div.checkout {
	display: flex;
	margin: -25px;
}


form.checkout {
	width: 600px;
	max-width: 100%;
	padding: 20px 0;
}

form.checkout p.or {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	text-transform: uppercase;
	margin-top: 1.5em;
}

form.checkout p.or span {
	padding: 0 1em;
}

form.checkout p.or::before,
form.checkout p.or::after {
	content: '';
	display: inline-block;
	height: 1px;
	background-color: #CCC;
	flex-grow: 1;
}

p.checkout-login-invitation {
	text-align: center;
}

p.checkout-link a,
form.checkout button {
	color: #EEE;
	font-size: 2em;
	text-transform: uppercase;
	/*background-color: #666;*/
	background-color: #e5184b;
	text-decoration: none;
}

p.checkout-link a {
	background-color: Black;
}

table.basket p.thumbnail {
	float: left;
	width: 60px;
	margin-right: 10px;
}

form.checkout button {
	float: none;
}

form.checkout fieldset {
	padding-left: 0;
	padding-right: 0;
}

form.checkout select.saved-addresses {
	margin-bottom: 0.5em;
	padding: 1em;
	color: #666;
}

form.checkout div.details {
	display: flex;
	justify-content: space-between;
}

form.checkout div.details > * {
	width: 50%;
	border: 1px solid #DDD;
	margin: 0 10px 0 0;
	padding: 10px;
	overflow: hidden;
}

form.checkout div.details > :last-child {
	margin-right: 0;
}

form.checkout label em, form.checkout span.label em {
	position: static;
	font-size: 1em;
}

form.checkout label.hidden {
	display: none;
}

form.checkout fieldset.payment div.control {
	width: 33%;
	cursor: pointer;
}

form.checkout fieldset.payment span.description {
	display: block;
	margin-top: 0.75em;
	font-size: 0.9em;
	color: #666;
}

form.checkout fieldset.payment span.icons img.icon {
	height: 20px;
}

form.checkout fieldset.payment img.clearpay {
	height: 30px;
}

form.checkout fieldset.payment img.paypal {
	height: 30px;
}

form.checkout div.checkbox span.after {
	display: block;
}

form.checkout p.button {
	margin: 0;
	text-align: right;
}

form.checkout p.button button {
	min-width: 180px;
	cursor: pointer;
	margin: 0.5em 0;
	background-color: Green;
}

form.checkout p.button button.waiting {
	background-color: #DDD;
	cursor: default;
	transition: 0.5s;
}

form.checkout h2 {
	margin-top: 0;
	margin-bottom: 0.3em;
}

form.checkout p.payment-type {
	text-align: right;
}

form.checkout div.card-form div.date select,
form.checkout div.card-form div.cvc input {
	width: auto;
}

form.checkout div.card-form div.date label {
	display: none;
}

form.checkout div.card-form div.control.inline {
	display: inline;
	padding: 0;
	border: none;
}

form.checkout div.card-form #card_number.type-detected,
form.checkout div.card-form input[name=card_number].type-detected {
	padding-right: 32px;
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

form.checkout div.card-form #card_cvc,
form.checkout div.card-form input[name=card_cvc] {
	max-width: 65px;
}

div.card-form img.disabled {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	opacity: 0.5;
}


div.card-form div.inline:nth-child(2) {
	align-items: center;
}

ul.card-logos {
	list-style-type: none;
	margin: 0 0 0.4em 0;
	padding: 0;
	clear: both;
}

ul.card-logos li {
	display: inline-block;
	margin: 0;
	padding: 0.4em 5px 0 0;
	max-width: 25%;
}

ul.card-logos li img {
	height: 24px;
}

p.card-password-logo {
	float: left;
	margin: 8px 16px 8px 0;
	clear: left;
	width: 90px;
	text-align: center;
}

#issuer-form div.buttons.right {
	width: auto;
}


.pac-container .pac-icon {
	margin-top: 2px;
}

div.checkout-complete a.icon {
	display: inline-block;
	width: 16px;
	vertical-align: bottom;
	margin-left: 0.5em;
}





/**********************************************************
 * Product Filters                                        *
 **********************************************************/
 
div.product-filters form {
}

div.product-filters h2 {
	font-size: 1.2em;
	padding: 0 0 10px 0;
	margin: 0;
	background-color: transparent;
	color: inherit;
	border-bottom: 1px solid #CCC;
}

div.product-filters div.group {
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
}

div.product-filters h3 {
	display: flex;
	align-items: center;
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}

div.product-filters h3 span:first-child {
	flex-grow: 1;
}

div.product-filters div.group > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.product-filters div.group > ul li {
	display: block;
	padding: 0;
	margin: 0.5em 0 0 0;
}

div.product-filters div.selected {
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
}

div.product-filters div.selected a {
	text-decoration: none;
}

div.product-filters div.selected h3 {
	font-weight: 300;
}

div.product-filters div.selected p.reset {
	float: right;
}

div.product-filters div.selected ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.product-filters div.selected li {
	display: block;
	margin: 5px 0 0 0;
	padding: 3px;
	background-color: #EEE;
}

div.product-filters div.selected span.icon {
	display: inline-block;
	margin-right: 3px;
	cursor: pointer;
}

div.product-filters div.selected span.group {
	opacity: 0.6;
}

body.js div.product-filters h3 {
	cursor: pointer;
}

body.js div.product-filters div.group > ul {
	display: none;
}

body.js div.product-filters p.reset {
	text-transform: lowercase;
}

body.js div.product-filters input[type=checkbox],
body.js div.product-filters input[type=radio] {
	position: absolute;
	visibility: hidden;
}

div.product-filters input[type=checkbox] + span.checkmark,
div.product-filters input[type=radio] + span.checkmark {
	display: inline-block;
	visibility: visible;
	width: 12px;
	height: 12px;
	border: 1px solid #CCC;
	margin-right: 3px;
}

div.product-filters input[type=radio] + span.checkmark {
	border-radius: 12px;
}

div.product-filters input[type=checkbox]:checked + span.checkmark,
div.product-filters input[type=radio]:checked + span.checkmark {
	background-color: black;
	box-shadow: inset 0 0 0 1px White;
}

div.product-filters div.group.query {
	
}

div.product-filters div.group.query label {
	display: none;
}

div.product-filters div.group.query div.control {
	display: flex;
	border: 1px solid #DDD;
}

div.product-filters div.group.query div.control span.after {
	display: flex;
	align-items: center;
}

div.product-filters div.group.query input {
	border: 0;
	width: 135px;
	padding: 3px 5px;
	margin: 0;
	flex-grow: 1;
}

div.product-filters div.group.query input:focus {
	outline: none;
}

div.product-filters div.group.query button {
	margin: 0 0 0 5px;
	padding: 2px 5px;
	line-height: 1;
}

div.product-filters div.group.query span.after > a:first-child {
	align-self: center;
}

div.product-filters p.submit {
	text-align: center;
	padding: 10px 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
	display: none;
}

#overlay-content div.product-filters p.submit {
	display: block;
}

div.mobile-buttons {
	display: none;
	text-align: center;
}

div.mobile-buttons a {
	width: 100%;
	max-width: 250px;
	display: inline-block;
	background-color: #DDD;
	color: Black;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	padding: 6px;
	margin: 0 5px 10px 5px;
}

/**********************************************************
 * Currency Selector                                      *
 **********************************************************/

div.currency-selector ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

div.currency-selector ul li {
	margin: 0;
	padding: 0;
	width: 50%;
}

div.currency-selector ul li.base{
	width: 100%;
}

div.currency-selector ul li a {
	text-decoration: none;
	display: block;
	border-radius: 5px;
	padding: 7px;
	margin: 0 10px 10px 0;
}

div.currency-selector ul li.current a,
div.currency-selector ul li a:hover,
div.currency-selector ul li a:active {
	border: 2px solid #CCC;
	padding: 5px;
}

div.currency-selector ul li a:hover {
	border-color: #DDD;
}

div.currency-selector ul li .note {
	color: #AAA;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8em;
}

div.currency-selector ul li .rate {
	display: block;
	color: #CCC;
}

div.currency-selector ul li.base .rate{
	display: none;
}



/**********************************************************
 * News                                                   *
 **********************************************************/

/*ul.news {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
}

ul.news li {
	width: 25%;
	padding: 0;
	margin: 0;
	height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

ul.news li::before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top: 100%;
}

ul.news li::after {
	content: "";
	display: table;
	clear: both;
}

ul.news li span.title {
	position: absolute;
	color: White;
	top: 0;
	left: 0;
	font-weight: 600;
	text-shadow: Black 0 0 3px;
}*/

ul.news {
	list-style-type: none;
	margin: 0 -15px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

ul.news li {
	width: 33.3333333%;
	padding: 0 15px 15px 0;
	margin: 0;
	position: relative;
}

ul.news li a.title {
	position: absolute;
	color: White;
	top: 5px;
	left: 5px;
	font-weight: 600;
	text-shadow: Black 0 0 3px;
	text-decoration: none;
	width: 50%;
}

ul.news li a.image {
	display: block;
	width: 100%;
}

ul.news li a.image img {
	width: 100%;
}



/**********************************************************
 * Slideshow Gallery                                      *
 **********************************************************/

ul.gallery-slideshow {
	margin: 0 0 -4px 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
}

ul.gallery-slideshow li {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	line-height: 1em;
	max-width: 100%;
}

ul.gallery-slideshow li img {
	max-width: 100%;
}

ul.gallery-slideshow li + li {
	display: none;
}

ul.slideshow-controls {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	float: left;
	position: relative;
	top: -20px;
}

body.home ul.slideshow-controls,
body.gallery ul.slideshow-controls {
	/*float: right;
	width: auto !important;
	right: 25px;*/
	top: -55px;
	width: 100% !important;
	margin-bottom: -20px;
}

ul.slideshow-controls li {
	margin: 0;
	padding: 7px;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
}

ul.slideshow-controls li.playpause {
	display: none;
}

ul.slideshow-controls li.playpause img {
	position: relative;
    top: 4px;
}

ul.slideshow-controls li a {
	display: block;
	font-size: 10px;
	background-color: White;
	color: #CCC;
	height: 20px;
	width: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	line-height: 20px;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 10px 0 #000000;
	box-shadow: 0 0 10px 0 #000000;
}

ul.slideshow-controls li.current a {
	background-color: #EEE;
	color: #666;
}

ul.slideshow-controls li a:hover {
	color: #CCC;
	text-decoration: none;
}

/**********************************************************
 * Blog Feed                                              *
 **********************************************************/

div.blog-feed {
	padding: 0 25px;
}

div.blog-feed h2 {
	color: Black;
	background-color: White;
	padding: 0;
	text-transform: none;
	text-align: center;
}

div.blog-feed ul.feed {
	margin: 0 0 0 -25px;
}

div.blog-feed ul.feed li {
	width: 20%;
	max-width: 640px;
	display: inline-block;
	margin: 0 0 25px 0;
	padding: 0 0 0 25px;
	vertical-align: top;
	text-align: center;
}

div.blog-feed ul.feed img {
	
}

div.blog-feed ul.feed a {
	
	
}

div.blog-feed ul.feed p.content {
	display: none;
}



/**********************************************************
 * Home Page Gallery                                      *
 **********************************************************/

ul.gallery-home,
ul.gallery-handheld {
	padding: 0;
	margin: 0;
	display: block;
	min-height: 300px;
	max-width: 100%;
	background-image: url(/graphics/ajax-loader.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

ul.gallery-home {
	min-height: 300px;
}

ul.gallery-home > li,
ul.gallery-handheld > li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

ul.gallery-home div.content,
ul.gallery-handheld div.content {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

ul.gallery-handheld,
ul.gallery-handheld + ul.slideshow-controls {
	display: none;
}


/**********************************************************
 * Gift Cards                                             *
 **********************************************************/

div.giftcard {
	display: inline-block;
	background-color: Black;
	color: White;
	font-size: 2em;
	width: 600px;
	max-width: 100%;
	margin: 0 1em 1em 0;
	position: relative;
	overflow: hidden;
} 

div.giftcard input {
	font-weight: 600;
	text-align: center;
	margin: 0.5em 0;
	width: 100%;
	top: 100px;
	font-size: 2em;
	letter-spacing: 5px;
	background-color: black;
	border: 0;
	color: White;
	cursor: text;
}

div.giftcard p {
	margin: 0 0 0.2em 35px;
}

div.giftcard strong {
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 10px;
}

div.giftcard p.button {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 20px; 
	right: 20px;
	background-color: #e5184b;
	color: White;
	font-weight: 600;
	padding: 2px 15px;
	font-size: 0.8em;
}




/************************
* Twitter Feed          *
*************************/

ul.twitter-horizontal {
	color: #666;
	padding: 0;
	margin: 0 0 0 -25px;
}

iframe.twitter-follow-button {
	vertical-align: text-bottom;
}

ul.twitter-horizontal li {
	display: inline-block;
	width: 25%;
	min-width: 200px;
	margin: 0 0 25px 0;
	padding: 0 0 0 25px;
	background-image: none;
	vertical-align: top;
	overflow: hidden;
}

ul.twitter-horizontal li.follow p {
	margin-bottom: 0;
	line-height: 1em;
}

ul.twitter-horizontal a.user {
	color: #999;
}

ul.twitter-horizontal a.name {
	color: #666;
	font-weight: 600;
	font-size: 1.1em;
}

ul.twitter-horizontal div.body {
	margin-left: 60px;
}

ul.twitter-horizontal span.tweet,
ul.twitter-horizontal span.added {
	display: block;
}

ul.twitter-horizontal span.added  {
	margin-top: 0;
	font-size: 0.8em;
}

ul.twitter-horizontal span.added a  {
	color: #CCC;
}

ul.twitter-horizontal img.user {
	float: left;
	border: 1px solid #CCC;
}

ul.twitter-horizontal a.icon img {
	height: 16px;
	vertical-align: middle;
}

ul.twitter-horizontal a.icon:hover img {
	opacity: 0.5;
}



/************************
 * Wish List            *
 ************************/

ul.wishlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.wishlist > li {
	display: inline-block;
	width: 400px;
	max-width: 100%;
	margin: 0 20px 20px 0;
	padding: 20px 0 0 0;
	border-top: 2px solid #CCC;
	vertical-align: top;
}

ul.wishlist img.thumb {
	width: 100px;
	float: left;
	margin-right: 10px;
}

ul.wishlist li > form > div.control {
	margin-left: 110px;
}

ul.wishlist div.control label {
	display: block;
}

ul.wishlist a.delete {
	float: right;
	font-size: 1.5em;
}

ul.wishlist h3 {
	margin-top: 0;
}

div.wishlist-search,
div.wishlist-share {
	width: 300px;
	max-width: 100%;
	float: right;
	clear: right;
	margin-bottom: 20px;
	background-color: White;
	padding-left: 20px;
}

ul.wishlist  div.controls {
	width: auto;
	margin-top: 1em;
	float: left;
}

ul.wishlist div.add-basket-popup {
	position: absolute;
}





div.countdown {
	width: 100%;
	background-color: Black;
	color: White;
	padding: 3px;
	margin-bottom: 1em;
}

body.home div.countdown {
	margin-bottom: 0;
}

div.countdown strong {
	text-transform: uppercase;
}

div.countdown p {
	vertical-align: middle;
	text-align: center;
	margin-bottom: 0;
	font-size: 1.6em;
}

div.countdown p img {
	width: 175px;
	vertical-align: middle;
}




/**********************************************************
 * Countdown Timer                                        *
 **********************************************************/

p.countdown {
	text-align: center;
	padding: 10px;
	margin-bottom: 0;
}

p.countdown span.timer {
	display: block;
}

p.countdown span.interval {
	display: inline-block;
	width: 5em;
}

p.countdown span.interval span.number {
	font-size: 3.3em;
	display: block;
	font-weight: 600;
	line-height: 1em;
}

p.countdown span.interval span.period {
	display: block;
}

/**********************************************************
 * My Account                                             *
 **********************************************************/

 ul.my-account {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	justify-content: space-around;
}

ul.my-account > li {
	width: 300px;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em;
	text-align: center;
	cursor: pointer;
}

ul.my-account > li img {
	display: block;
	margin: 0 auto 1em auto;
	height: 40px;
	opacity: 0.3;
}

ul.address-book {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.address-book > li {
	min-width: 220px;
	margin: 0 1em 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

ul.address-book > li button {
	font-size: 7pt;
	margin-bottom: 1em;
}

ul.address-book > li p.address {
	margin-bottom: 0;
}


/**********************************************************
 * Shop the Feed                                          *
 **********************************************************/

ul.shop-the-feed {
	display: flex;
	list-style-type: none;
	flex-wrap: wrap;
	margin: 0 -10px 0 0;
	padding: 0;
	line-height: 0;
	justify-content: center;
}

ul.shop-the-feed * {
	line-height: 0;
}

ul.shop-the-feed > li {
	width: 20%;
	max-width: 300px;
	padding-right: 10px;
	margin-bottom: 10px;
}

ul.shop-the-feed > li > div.image {
	position: relative;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

ul.shop-the-feed > li > div.image > a {
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

ul.shop-the-feed > li > div.image > a:hover::after {
	content: "Shop this look";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.85);
	color: Black;
	text-align: center;
	padding-top: 50%;
	cursor: pointer;
}

ul.shop-the-feed > li > div.image > a:hover img {
	display: none;
}

ul.shop-the-feed > li > div.products {
	display: none;
}

ul.shop-the-feed > li span.added {
	display: none;
}

ul.shop-the-feed > li ul.products-small {
	display: none;
}

div.shop-the-feed {
	display: block;
	margin-right: 0;
	max-height: 100%;
}

div.shop-the-feed.horizontal {
	display: flex;
	margin-right: -20px;
}

div.shop-the-feed > div {
	width: 100%;
	margin-right: 0;
}

div.shop-the-feed.horizontal > div {
	width: 50%;
	margin-right: 20px;
}

div.shop-the-feed > div.image {
	background-image: none !important;
}

div.shop-the-feed span.added {
	font-size: 1.2em;
	margin-top: 0.25em;
}

div.shop-the-feed div.products {
	max-height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

div.shop-the-feed ul.products-small li {
	width: 33%;
	max-width: unset;
}

div.shop-the-feed ul.products-small li.thumb-2 {
	width: 66%;
}

div.shop-the-feed div.controls {
	display: flex;
	justify-content: space-between;
	margin-top: 0.5em;
}

div.shop-the-feed div.controls a {
	text-transform: uppercase;
	text-decoration: none;
	text-align: right;
}

div.shop-the-feed div.controls a:hover {
	text-decoration: underline;
}

div.shop-the-feed div.controls a:first-child {
	text-align: left;
}


/***********************************
 * Fix Bio Sans vertical alignment *
 **********************************/

/*
p.checkout-link a {
	padding-bottom: 0.3em;
}

div.product ul.fake-select a {
	padding-bottom: 4px;
}

h2 {
	padding-bottom: 6px;
}

div.product button.add,
button, 
input[type=submit] {
	padding-bottom: 8px;
}

div.control.empty label {
	top: 1.4em;
}
*/