/* BASIC SETUP */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	overflow-x: hidden;
}
body {
	background: #FFFFFF;
	color: #333333;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 1em;
}

iframe {
	display: block;
}

/* useful styles */
.hr hr {
	display: none;
}
.hr, hr {
	border: 0;
	border-bottom: 1px solid #e0e0e0;
	display: block;
	margin: 1.5em 0;
}
.error {
	color: #FF0000;
}
.small {
	font-size: 0.75em;
}
.big {
	font-size: 1.3em;
}

/* responsive */
.desktop {
	display: block !important;
}
span.desktop {
	display: inline !important;
}
table.desktop {
	display: table !important;
}
col.desktop {
	display: table-column !important;
}
th.desktop,
td.desktop {
	display: table-cell !important;
}
tr.desktop {
	display: table-row !important;
}
.mobile,
span.mobile,
table.mobile,
col.mobile,
th.mobile,
td.mobile,
tr.mobile {
	display: none !important;
}

/* alignment */
.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.align-right {
	text-align: right !important;
}
.valign-top {
	vertical-align: top !important;
}
.valign-middle {
	vertical-align: middle !important;
}
.valign-bottom {
	vertical-align: bottom !important;
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}
.clearafter:after {
	content: '';
	clear: both;
	display: block;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.position-relative {
	position: relative;
}


/* common elements */
p {
	line-height: 1.4em;
	margin-bottom: 1em;
}
img {
	border: 0;
}
a {
	color: #555555;
	text-decoration: none;
}
a:hover {
	color: #777777;
}
.main a, a.gold {
	color: #c28e2b;
}


/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: .08em;
	margin: 1em 0;
	text-transform: uppercase;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.1em;
}
h4, h5, h6 {
	font-size: 1.1em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}
h1 img.icon,
h2 img.icon,
h3 img.icon,
h4 img.icon,
h5 img.icon,
h6 img.icon {
	display: inline-block;
	position: relative; top: -.1em;
	width: auto; height: 1em;
	vertical-align: middle;
}



/* column styles */
.columns {
	margin: 15px -15px;
}
.cycle-slideshow .columns {
	width: calc(100% + 30px); max-width: none !important;
}
.columns.tight {
	margin: 5px -5px;
}
.cycle-slideshow .columns {
	width: calc(100% + 10px); max-width: none !important;
}
.columns:after {
	clear: both;
	content: '';
	display: block;
}
.c10,
.c16,
.c20,
.c25,
.c30,
.c33,
.c40,
.c50,
.c60,
.c66,
.c75,
.c70,
.c80,
.c90,
.c100 {
	display: block;
	float: left;
	position: relative;
	min-height: 1px;
}
.columns .c10,
.columns .c16,
.columns .c20,
.columns .c25,
.columns .c30,
.columns .c33,
.columns .c40,
.columns .c50,
.columns .c60,
.columns .c66,
.columns .c70,
.columns .c75,
.columns .c80,
.columns .c90,
.columns .c100 {
	padding: 15px;
}
.c10 { width: 10%; }
.c16 { width: 16.66%; }
.c20 { width: 20%; }
.c25 { width: 25%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c40 { width: 40%; }
.c50 { width: 50%; }
.c60 { width: 60%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c90 { width: 90%; }
.c100 { width: 100%; }

.columns.tight .c10,
.columns.tight .c16,
.columns.tight .c20,
.columns.tight .c25,
.columns.tight .c30,
.columns.tight .c33,
.columns.tight .c40,
.columns.tight .c50,
.columns.tight .c60,
.columns.tight .c66,
.columns.tight .c70,
.columns.tight .c75,
.columns.tight .c80,
.columns.tight .c90,
.columns.tight .c100 {
	padding: 5px;
}
.c10.float-right,
.c16.float-right,
.c20.float-right,
.c25.float-right,
.c30.float-right,
.c33.float-right,
.c40.float-right,
.c50.float-right,
.c60.float-right,
.c66.float-right,
.c70.float-right,
.c75.float-right,
.c80.float-right,
.c90.float-right,
.c100.float-right {
	float: right;
}

.lc {
	padding-right: 50px;
}
.rc {
	padding-left: 50px;
}


/* tables */
table.form, .main table {
	border: 0 !important;
	border-collapse: collapse;
	margin: 2em 0;
	width: 100%;
}
.main table th,
.main table td {
	padding: .5em;
	vertical-align: top;
}
.main table:not(.noborder) th,
.main table:not(.noborder) td {
	border: 1px solid #CCCCCC !important;
}
table.form th,
.main table th {
	border: 0 !important;
	text-align: left;
	text-transform: uppercase;
}
table.form td {
	border: 0 !important;
}
form table,
table.form {
	width: 100%;
}
	.main form table th,
	.main table.form th,
	.main form table td,
	.main table.form td {
		border: 0;
		vertical-align: middle;
	}


/* tabs */
.tabs {
	border-bottom: 1px solid #c28e2b;
	margin-bottom: 1.5em;
}
	.tabs:after {
		clear: both;
		content: '';
		display: block;
	}
	.tabs a,
	.tabs .tab {
		border-bottom: 6px solid transparent;
		color: #b0b0b0;
		display: block;
		font-size: 1.1em;
		float: left;
		letter-spacing: .08em;
		padding: .4em .5em;
		text-transform: uppercase;
	}
	.tabs.align-center a,
	.tabs.align-center .tab {
		display: inline-block;
		float: none;
	}
		.tabs a:hover {
			color: #404040;
		}
		.tabs a.active,
		.tabs .tab {
			border-bottom: 6px solid #c28e2b;
			color: #000000;
		}



.inset-left,
.inset-right {
	max-width: 50%;
}


/* pagenation */
.page-navigation {
	color: #c28e2b;
	margin: 1em 0 2em;
	text-align: center;
}
	.page-navigation a {
		color: inherit;
		display: inline-block;
		margin: 0 .5em;
	}
	.page-navigation a.current {
		color: #333333;
		pointer-events: none;
	}



/* slideshow */
.cycle-slideshow {

}
	.cycle-slideshow * {
		max-width: 100%;
	}
.slideshow-thumbnails {

}
	.slideshow-thumbnails img {
		display: block;
		width: 100%;
	}
	.slideshow-thumbnails .active img {
		opacity: .6;
	}
	.cycle-slideshow .group {
		width: 100%;
	}

	.cycle-slideshow .columns,
	.cycle-slideshow .columns.tight {
		margin-top: 0; margin-bottom: 0;
	}




/* cycle slideshow controls */
.navi-arrow {
	background: url(../images/arrow-right-gold.svg) center/50% auto no-repeat rgba(255,255,255,1);
	display: block;
	opacity: .9;
	position: absolute;
	top: calc(50% - 20px);
	width: 40px; height: 40px;
	z-index: 1001;
}
.navi-arrow:hover {
	opacity: 1;
}
.navi-arrow.left {
	background-image: url(../images/arrow-left-gold.svg);
	left: 0;
	/*-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg); */
}
.navi-arrow.right {
	right: 0;
}

.navi-arrow.alt {
	background: url(../images/arrow-right.svg) center/50% auto no-repeat #c28e2b;
	border-radius: 50%;
	top: calc(50% - 15px);
	width: 30px; height: 30px;
}
.navi-arrow.alt.left {
	background-image: url(../images/arrow-left.svg);
	left: -40px;
}
.navi-arrow.alt.right {
	right: -40px;
}
	.navi-arrow.alt span.title {
		display: block;
		max-width: none;
		position: absolute; left: calc(50% - 5em); top: calc(100% + .3em);
		text-align: center;
		width: 10em;
	}

.pager {
	bottom: 20px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
	z-index: 1000;
}
	.pager span {
		border: 2px solid #FFFFFF;
		border-radius: 50%;
		cursor: pointer;
		display: inline-block;
		font-size: 0;
		margin: 0 5px;
	}
		.pager span::before {
			/*background: #f0f0f0;*/
			border-radius: 50%;
			content: '';
			display: block;
			margin: 2px;
			transition: all .3s ease;
			width: 10px; height: 10px;
		}
		.pager span:hover::before,
		.pager span:focus::before {
			opacity: .8;
		}
		.pager span.cycle-pager-active::before {
			background: #c28e2b;
		}




.addthis_sharing_toolbox {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}




/* show / hide content boxes */
.text-expander {

}
	.text-expander .text {
		height: 0;
		overflow: hidden;
	}
	.text-expander.active .text {
		height: auto;
	}


.block-link,.block-link.inverted:hover {
    background: transparent;
	border: 1px solid #c28e2b;
	color: #c28e2b;
	display: inline-block;
	font-size: .9em;
	letter-spacing: .1em;
	padding: .5em 1.4em;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}
a.block-link:hover,
a:hover .block-link {
	color: #c28e2b;
	opacity: .6;
}
	.block-link .icon,
	.block-link img {
		display: inline-block;
		height: 1.4em;
		margin: -.2em .6em -.2em -.2em;
	}
	.block-link .icon.white {
		display: none;
	}
.block-link.active, .block-link.inverted {
	/*opacity: .4;*/
	background: #c28e2b;
	color: #FFFFFF;
}
a.block-link.active:hover,
a:hover .block-link.active {
	color: #FFFFFF;
	opacity: 1;
}
	.block-link.active .icon {
		display: none;
	}
	.block-link.active .icon.white {
		display: inline-block;
	}

.block-link.nav {
	margin: 1em 0 0;
	padding: .5em .8em;
	text-align: left;
	white-space: normal;
	width: 100%;
}


a.tag {
	color: #c28e2b;
	text-decoration: underline;
	text-transform: uppercase;
}


.hidden {
	display: none !important;
}

.tabbed-content {
	display: none;
	position: relative;
}
.tabbed-content.active {
	display: block;
}

.zoom {
	display: block;
	pointer-events: none;
	position: absolute; bottom: 5%; right: 5%;
	width: 6%; height: 6%;
}

.large-message {
	font-size: 1.3em;
	margin: 4em 0;
	padding: 0 10%;
	text-align: center;
}

/* ----------------------------- PAGE STRUCTURE ----------------------------- */
.root {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	width: 100%;
}
	.root > div, .page-width {
		margin: 0 auto;
		position: relative;
		max-width: 1100px;
	}


#print-logo {
	display: none;
}


.alert-banner {
	background: #FFFFFF;
	color: rgba(13,31,45,1);
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
	.alert-banner p {
		margin: 0;
	}
		.alert-banner a {
			color: inherit;
			text-decoration: underline;
		}


header.root {
	background: rgba(13,31,45,.85);
	color: #FFFFFF;
	position: absolute; top: 0; right: 0;
	z-index: 1001;
}
	header > div {
		height: 150px;
	}
		header .basket-box {
			font-size: .7em;
			position: absolute; top: .2em; right: 0;
			text-transform: uppercase;
		}
			header .basket-box a {
				color: inherit;
				display: inline-block;
				margin: 0 1em 0 0;
				padding: .3em 0;
				vertical-align: middle;
			}
			header .basket-box a:hover {
				opacity: .8;
			}
			header .basket-box a.wishlist {
				background: url('../images/heart.svg') center left/auto 1em no-repeat transparent;
				padding-left: 1.4em;
			}
			header .basket-box a.login {
				background: url('../images/login.svg') center left/auto 1em no-repeat transparent;
				padding-left: 1.4em;
			}
			header .basket-box a.basket {
				background: url('../images/basket.svg') center left/auto 1em no-repeat transparent;
				padding-left: 1.4em;
			}

			#search-form {
				background: rgba(255,255,255,.2);
				display: inline-block;
				margin: 0;
				padding: 0;
				position: relative;
				vertical-align: middle;
			}
				#search-form input[type="text"] {
					border: 0;
					color: #FFFFFF;
					font-size: 1em;
					margin: 0;
					padding: .3em;
					width: 100%;
				}
				#search-form input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
					color: #FFFFFF;
				}
				#search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
					color: #FFFFFF;
					opacity: 1;
				}
				#search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
					color: #FFFFFF;
					opacity: 1;
				}
				#search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
					color: #FFFFFF;
				}
				#search-form input[type="text"]:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
					color: #FFFFFF;
				}
				#search-form input[type="image"] {
					background: transparent;
					height: 1.8em;
					margin: 0;
					padding: .2em;
					position: absolute; top: 0; right: 0;
				}

		header .logo {
			display: block;
			position: absolute; bottom: 25px; /*left: calc(10% - 70px);*/
			transition: all .3s ease;
			/*width: 170px;*/
			z-index: 1003;
		}
			header .logo img {
				display: block;
				width: 100%;
			}
		.mobile-menu-toggle {
			display: none;
		}

#header-gap {
	background: rgba(13,31,45,1);
	height: 150px;
}


.main-navigation {
	position: absolute; bottom: 0; right: 0;
	width: 100%;
	z-index: 1002;
}
	.main-navigation .mobile-basket-box {
		display: none;
	}
	.main-navigation .logo {
		display: none;
	}
	.main-navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: right;
		width: 100%;
	}
		.main-navigation li {
			display: inline-block;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: left;
		}
		.main-navigation li.dropdown {
			position: static;
		}
			.main-navigation ul a,
			.main-navigation ul a:visited,
			.category-name {
				border-bottom: 4px solid transparent;
				color: #c28e2b;
				display: block;
				font-size: 1em;
				font-weight: 100;
				margin: 0 5px;
				padding: .5em 10px;
				position: relative;
				text-transform: uppercase;
			}
				.main-navigation ul a span,
				.main-navigation ul a:visited span,
				.category-name span {
					display: block;
					font-family: 'Marcellus', Georgia, 'Times New Roman', serif;
					font-size: 1.3em;
					letter-spacing: .08em;
				}
			.main-navigation ul li.dropdown > a {
				padding-right: 1.2em;
			}
				.main-navigation ul li.dropdown > a:after {
					content: '';
					display: block;
					position: absolute; right: .2em; bottom: 1em;
					width: 0; height: 0;
					border-style: solid;
					border-width: 4px 4px 0 4px;
					border-color: #c28e2b transparent transparent transparent;
				}
				.main-navigation ul li.dropdown.active > a:after {
					border-top-color: #FFFFFF;
				}

			.main-navigation li:first-child a {

			}
			.main-navigation li:first-child a {

			}
			.main-navigation ul li.active a {
				background: rgba(255,255,255,.2);
				color: #FFFFFF;
			}

			.main-navigation ul a:hover,
			.main-navigation ul ul a:hover,
			.main-navigation ul .dropdown-box a:hover {
				background: rgba(255,255,255,.2);
				/*border-bottom-color: #FFFFFF;*/
			}
			.main-navigation ul :hover > a,
			.main-navigation ul ul :hover > a,
			.main-navigation ul .dropdown-box :hover > a {
				background: rgba(255,255,255,.2);
				/*border-bottom-color: #FFFFFF;*/
			}

			.main-navigation ul ul.menu {
				position: absolute;
				height: 0;
				left: 0;
				top: 100%;
				visibility: hidden;
				width: 200px;
			}
			.main-navigation ul li:hover ul,
			.main-navigation ul a:hover ul {
				visibility: visible;
			}

				.main-navigation ul ul.menu li {
					display: block;
					float: none;
				}

					.main-navigation ul ul.menu a, .main-navigation ul ul.menu a:visited {
						background-color: #FFFFFF;
						border: 0;
						line-height: 1em;
						height: auto;
						padding: .3em 15px;
						text-align: left;
						text-transform: none;
					}
					.main-navigation ul ul.menu li:first-child a {
						padding-top: 1.5em;
					}
					.main-navigation ul ul.menu li:last-child a {
						padding-bottom: 1.5em;
					}
					.main-navigation ul ul.menu a:hover {
						color: rgba(13,31,45,1);
					}
					.main-navigation ul ul.menu :hover > a {
						color: rgba(13,31,45,1);
					}
					.main-navigation ul ul.menu li.active2 a {
						color: rgba(13,31,45,1);
					}

			.main-navigation ul .dropdown-box {
				background: #FFFFFF;
				-webkit-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.8);
				-moz-box-shadow: 0 5px 10px -5px rgba(0,0,0,0.8);
				box-shadow: 0 5px 10px -5px rgba(0,0,0,0.8);
				font-size: .75em;
				padding: 2% 1%;
				position: absolute; top: 100%; left: -10px;
				visibility: hidden;
				white-space: normal;
				width: calc(100% + 20px);
			}
			.main-navigation ul li:hover .dropdown-box,
			.main-navigation ul a:hover .dropdown-box {
				visibility: visible;
			}
				.main-navigation ul .dropdown-box div.item {
					background: url('../images/shadow-right.png') left center /auto 100% no-repeat transparent;
					padding: 0 2% 0 1%;
				}
				.main-navigation ul .dropdown-box div.item:first-of-type {
					background: none;
				}
					.main-navigation ul .dropdown-box a,
					.main-navigation ul li.active .dropdown-box a {
						color: #000000;
						line-height: normal;
						text-transform: none;
						width: 100%; height: auto;
					}
						.main-navigation ul .dropdown-box a span {
							display: block;
							font-family: 'Lato', Helvetica, Arial, sans-serif;
							font-size: 1em;
							font-weight: 700;
						}
						.main-navigation ul .dropdown-box a .header {
							height: 5em;
						}
							.main-navigation ul .dropdown-box a .heading {
								font-size: 1.2em;
								font-weight: 100;
								letter-spacing: .08em;
								margin: 0 0 .2em;
								text-transform: uppercase;
							}
						.main-navigation ul .dropdown-box a .image {
							display: block;
							margin: 0 0 1em;
							width: auto; max-width: 100%; height: auto; max-height: 13em;
						}
						.main-navigation ul .dropdown-box a .text {
							display: block;
							margin: 0 0 1em;
							padding: 0 0 0 5%;
						}
						.main-navigation ul .dropdown-box a .block-link {
							display: inline-block;
							font-size: .9em;
						}




#google-map {
	width: 100%;
	height: 400px;
}
	#google-map img {
		max-width: none;
	}

#banner {
	/*height: 700px;*/
}
.banner {
	/*height: 300px;*/
	background: rgba(13,31,45,1);
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#banner.banner, #secondary-banner.banner {
    margin-bottom: 20px;
}
	.banner .pager {
		/*bottom: 50px;*/
	}
	.banner .navi-arrow {
		top: calc(50% + 75px);
		transform: translateY(-50%);
	}
	.banner .navi-arrow.alt.left {
		left: 30px;
	}
	.banner .navi-arrow.alt.right {
		right: 30px;
	}
	.banner .cycle-slideshow {
		width: 100%;
		height: 100%;
	}
		.banner .item {
			background: center/cover;
			display: block;
			/*height: 100%; */
			padding-top: calc(30% + 300px);
			position: absolute;
			width: 100%;
 		}
 		@media screen and (min-width: 998px) {
        	#secondary-banner.banner .item {
        	    padding-top: 30%;
        	}
 		}
 			.banner .overlay {
 				background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
				background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );

 				display: block;
				height: 70%;
				pointer-events: none;
				left: 0;
				position: absolute;
				bottom: 0;
				width: 100%;
 				z-index: 98;
 			}
			.banner .link {
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 100;
			}
			.banner .root {
				pointer-events: none;
				position: absolute; top: 50%; /* header overlap */ right: 0; bottom: 0; left: 0; transform: translateY(-50%);
				z-index: 101;
			}
				.banner .root > div {
					height: 100%;
				}
					.banner .text {
						align-items: center;
						color: #FFFFFF;
						display: flex; 
						font-family: 'Futura', Helvetica, Arial, sans-serif;/*font-family: 'Century Gothic', Helvetica, Arial, sans-serif;*/
						/*font-weight: bold;*/
						justify-content: center;
						letter-spacing: 0;/*letter-spacing: .05em;*/
						margin: 0;
						
						position: absolute; top: 0; bottom: 0; left: 0; right: 0;
						text-align: center;
						width: 100%;
					}
						.banner .text > div {
							width: 100%; max-width: 600px;
						}
							.banner .text h2 {
								font-family: 'Abril Fatface', cursive;/*font-family: 'Minion Pro', 'Times New Roman', serif;*/
								font-size: 2rem;
								letter-spacing: 0;/*letter-spacing: 0.05em;*/
								margin: 0 0 2rem;
								text-transform: none;
							}
							.banner .text p {
								/*margin: 0 0 .3em;*/
							}
							.banner .text .highlight-gold {
								
							}
							.banner .text .button {
								border: 1px solid #FFFFFF;
								color: inherit;
								display: inline-block;
								letter-spacing: .1em;
								margin-top: 3rem;
								padding: .8em 1.6em;
								pointer-events: initial;
								text-transform: uppercase;
								transition: all .3s ease;
							}
							.banner .text a.button:hover,
							.banner .text a.button:focus {
								background: #FFFFFF;
								color: #c28e2b;
								transform: scale(1.05);
							}


.main {
	position: relative;
	padding: 40px 0;
	z-index: 2;
}
	.main ul, .main ol {
		margin-bottom: 1.5em;
		margin-left: 1.5em;
	}
		.main li {
			margin-bottom: 0.3em;
		}
	.main iframe {
		display: block;
		margin: 1.5em 0;
		max-width: 100%;
	}
	.main img {
		max-width: 100%; height: auto;
	}

.main.indent {
	margin-top: -40px;
	padding-top: 0;
}
.main.shallow {
	padding: 20px 0;
}
.main.article-content {
	background: #FFFFFF;
	padding-right: 40px; padding-left: 40px;
}
.main.article-content.two-columns {
	background: url('../images/bbbbbb.gif') center top 40px/1px calc(100% - 80px) no-repeat #FFFFFF;
}


.root.home {
	background: rgba(13,31,45,1);
	color: #FFFFFF;
}

	.content-body {
		background: #eeeeee;
		margin-right: -1000em; margin-left: -1000em;
		padding-right: 1000em; padding-left: 1000em;
		padding-top: 1em; padding-bottom: 1em;
	}
	.content-body.narrow {
		margin-right: 0; margin-left: 0;
		padding-right: 30px; padding-left: 30px;
	}
	.content-body.no-bg {
		background: transparent;
		padding-left: 0;
		padding-right: 0;
	}
	.content-body.watermark {
		background: url('../images/pattern-bottom.png') bottom right calc(1000em - 100px)/auto 141px no-repeat #eeeeee;
	}
		.content-body.watermark h1, .content-body.watermark h2, .content-body.watermark h3, .content-body.watermark h4, .content-body.watermark h5, .content-body.watermark h6 {
			margin: 0 0 .5em;
		}

	#content-header {
		margin-top: 0; margin-bottom: 10px;
	}
		#content-header .c10, #content-header .c20, #content-header .c25, #content-header .c30, #content-header .c33, #content-header .c40, #content-header .c50, #content-header .c60, #content-header .c66, #content-header .c70, #content-header .c80, #content-header .c90, #content-header .c100 {
			padding-top: 0; padding-bottom: 0;
		}
			#content-header h1 {
				margin: .8em 0;
			}






	/* timeline */
	#timeline-root {

	}
		#timeline-info {
			background: url(../images/trail.svg) center/100% auto no-repeat #eeeeee;
			position: relative;
			z-index: 2;
		}
			#timeline-info .navi-arrow.alt {
				top: 200px;
			}
			#timeline-info .navi-arrow.alt.left {
				left: -10%;
			}
			#timeline-info .cycle-slideshow {

			}
				#timeline-info .item {
					background: url(../images/pattern-gold-top.png) top left 30px/auto 141px no-repeat transparent;
					padding: 4em 10% 4em 15%;
					width: 100%;
				}
				#timeline-info .item:nth-child(odd){
					background: url(../images/pattern-top.png) top right 30px/auto 141px no-repeat transparent;
				}
					#timeline-info .item .content {
						position: relative;
						width: 100%;
					}
						#timeline-info .item:not(.cycle-slide-active) .timeline-image .polaroid {
							visibility: hidden !important;
						}

						#timeline-info .polaroid {
							background: #eff0f5;
							-webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.75);
							-moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.75);
							box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.75);
							font-size: .85em;
							margin: 0 auto 7em;
							padding: 1em 1em 1.5em;
							position: relative; top: 5em;
							text-transform: uppercase;
							-ms-transform: rotate(-5deg); /* IE 9 */
							-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
							transform: rotate(-5deg);

							width: 70%; max-width: 250px;
						}
						#timeline-info .item:nth-child(odd) .polaroid {
							-ms-transform: rotate(5deg); /* IE 9 */
							-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
							transform: rotate(5deg);
						}
							#timeline-info .polaroid img {
								display: block;
								margin: 0 0 1.5em;
								width: 100%;
							}
						#timeline-info .text {
							border-left: 1px dotted #b0b0b0;
							float: right;
							font-size: .9em;
							padding: 2em 4em 1em;
							width: 50%;
						}
							#timeline-info .text .bg {
								background: #eeeeee;
							}
							#timeline-info .year {
								color: #c28e2b;
								font-family: 'Marcellus', Georgia, 'Times New Roman', serif;
								font-size: 5em;
							}
							#timeline-info .text h1 {
								margin: .7em 0 1em;
							}
			#timeline-info:after {
				border-style: solid;
				border-width: 1em .6em 0 .6em;
				border-color: #eeeeee transparent transparent transparent;
				content: '';
				display: none;
				position: absolute; top: calc(100% - 1px); left: calc(50% - .3em);
				width: 0; height: 0;
				z-index: 1000;
			}

		#timeline-navi {
			overflow: hidden;
			position: relative;
			width: 100%;
			z-index: 1;
		}
			#timeline-navi > div {
				background: #FFFFFF;
				-webkit-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.6);
				-moz-box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.6);
				box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.6);
				margin-right: -1000em; margin-left: -1000em;
				padding-right: 1000em; padding-left: 1000em;
				position: relative;
			}
			#timeline-navi .box {
				height: 7em;
				position: relative;
			}
			#timeline-navi a {
				display: block;
				position: absolute; top: 0; left: 5%;
				width: 10px; height: 100%;
			}
			#timeline-navi a.active {
				pointer-events: none;
			}
				#timeline-navi a:before {
					background: #b0b0b0;
					content: '';
					display: block;
					position: absolute; top: 0; left: 4px;
					width: 2px; height: 100%;
				}
				#timeline-navi a.active:before {
					background: #c28e2b;
					left: 3px;
					width: 4px;
				}
				#timeline-navi a:after {
					background: #f1f1f1;
					border: 1px solid #b0b0b0;
					border-radius: 50%;
					content: '';
					display: block;
					position: absolute; top: calc(50% - 6px); left: -3px;
					width: 14px; height: 14px;
				}
				#timeline-navi a.active:after {
					background: #c28e2b;
					border: 1px solid #c28e2b;
				}
					#timeline-navi a span {
						background: rgba(13,31,45,1);
						color: #c28e2b;
						display: none;
						padding: .3em .8em;
						position: absolute; top: calc(50% - .8em); left: 1.5em;
						pointer-events: none;
					}
					#timeline-navi a:hover span {
						display: block;
					}
						#timeline-navi a span:before {
							border-style: solid;
							border-width: .4em .5em .4em 0;
							border-color: transparent rgba(13,31,45,1) transparent transparent;
							content: '';
							display: block;
							position: absolute; right: calc(100% - 1px); top: .5em;
							width: 0; height: 0;
						}






	/* stockists */
	/* search */
	#stockists-search {
		background: #FFFFFF;
		padding: 3em 30%;
	}
		#stockists-search h1 {
			font-size: 1.8em;
			font-weight: bold;
			margin: 0 0 .4em;
		}
		#stockists-search form {
			margin: 0;
			white-space: nowrap;
		}
	#stockist-map {
		width: 100%; height: 500px;
	}

	/* results */
	table.stockist-results {
		border: 0;
		width: 100%;
	}
		table.stockist-results tr {

		}
			table.stockist-results th {
				border: 0;
				background: transparent;
			}
			table.stockist-results td {
				border: 0;
				border-bottom: .4em solid #EEEEEE;
				background: #FFFFFF;
				padding-top: 1em; padding-bottom: 1em;
			}
				.stockist-number {
					background: #78a22f;
					border-radius: 50%;
					display: inline-block;
					font-size: 1.2em;
					line-height: 1.5em;
					width: 1.5em; height: 1.5em;
					vertical-align: middle;
				}
			
		table.stockist-results tr.result-50 {
			color: #FFFFFF;
			font-weight: bold;
		}
			table.stockist-results tr.result-50 td {
				background: #c28e2b;
			}
			table.stockist-results tr.result-50 a {
				color: inherit;
			}
			table.stockist-results tr.result-50 .stockist-number {
				background-color: #FFFFFF;
				color: #c28e2b;
				font-weight: bold;
			}
			table.stockist-results tr.result-50 a.block-link.active, table.stockist-results tr.result-50 a.block-link.inverted {
				background: #FFFFFF;
				color: #c28e2b;
			}

	.outlet-summary {
		font-size: 1.1em;
		line-height: 3em;
		margin-top: 1em;
	}
		.outlet-summary img {
			display: block;
			float: left;
			margin: 0 1em 0 0;
			height: 3em;

		}

	/*  */
	#stockist-details {

	}
		#stockist-details .contact-details {
			background: #FFFFFF;
			height: 300px;
			padding: 4% 5%;
		}
		#stockist-detail-map {
			width: 100%;
			height: 300px;
		}







	/* browse articles */
	.browse-filter {

	}
		.browse-filter h6 {
			margin-bottom: .4em;
		}
		.browse-filter .columns {
			margin-top: 0; margin-bottom: 0;
		}
			.browse-filter .block-link {
				padding: .6em 0;
				width: 100%;
			}
	.article-summary {
		background: #FFFFFF;
		color: #202020;
		display: block;
		font-size: .8em;
		margin: 0 0 10px;
		position: relative; top: 0;
		transition: all .3s ease;
	}
	.article-summary:last-of-type {
		margin-bottom: 0;
	}
	a.article-summary:hover {
		top: 2px;
	}
		.article-summary span {
			display: block;
		}
		.article-summary .content {
			padding: 5%;
		}
		.article-summary .content.top {

		}
		.article-summary .content.bottom {

		}
		.article-summary .content > .icon {
			font-size: 1.8em;
			margin: 0 0 .4em;
			height: 1em;
		}
		.article-summary .heading {
			font-size: 1.6em;
			letter-spacing: .08em;
			text-transform: uppercase;
		}
		.article-summary .subheading {
			font-size: 1.3em;
		}
		.article-summary .image {
			display: block;
			width: 100%; height: auto;
		}
		.video-thumb {
			display: block;
			position: relative;
		}
			.video-thumb .play {
				opacity: .5;
				position: absolute; top: 40%; left: 40%;
				transition: all .3s ease;
				width: 20%; height: auto;
			}
			a:hover .video-thumb .play,
			a.video-thumb:hover .play {
				opacity: 1;
			}
		.article-summary .heart {
			color: #b0b0b0;
			float: left;
		}
		.article-summary .type {
			color: #c28e2b;
			float: right;
			text-transform: uppercase;
		}
		.article-summary .hr {
			margin: .8em 0;
		}
		.article-summary .footer {
			min-height: 1.5em;
			position: relative;
		}
			.article-summary .bl {
				color: #b0b0b0;
			}
				.article-summary .bl span {
					color: #000000;
					font-size: 1.1em;
				}
			.article-summary .bl.info {
				display: none;
			}
			.article-summary .date {
				color: #b0b0b0;
				position: absolute; bottom: 0; right: 0;
			}

	/* variants for different article types */
	.article-summary.recipes-type {

	}
		.article-summary.recipes-type .icon {
			display: none;
		}
		.article-summary.recipes-type .heading {
			letter-spacing: 0;
			text-transform: none;
		}
	.article-summary.gallery-type {

	}
		.article-summary.gallery-type .icon {
			display: none;
		}
		.article-summary.gallery-type .content.top {
			/*display: none;*/
		}
	.article-summary.videos-type {

	}
		.article-summary.videos-type .content.top {
			/*display: none;*/
		}
	.article-summary.blog-type {

	}
		.article-summary.blog-type .content.top {
			padding: 8%;
		}
	/* grouped articles, overrides */
	.article-summary.grouped {

	}
		.article-summary.grouped .content.top {
			display: none !important;
		}
		.article-summary.grouped .bl.author {
			display: none;
		}
		.article-summary.grouped .bl.info {
			display: block;
		}





	/* articles */
	.article-info {
		border: 1px dashed #999999; border-right: 0; border-left: 0;
		color: #777777;
		font-size: .9em;
		margin-bottom: 1em;
		padding: .5em 0;
	}
		.article-info .options {
			text-align: right;
		}
		.article-info .icon {
			display: inline-block;
			height: 1em;
		}

	.article-nav {
		font-size: .9em;
		letter-spacing: .08em;
		text-transform: uppercase;
	}
		.article-nav a {
			color: rgba(13,31,45,1);
		}
		.article-nav .back {
			float: left;
		}
		.article-nav .nav {
			float: right;
			text-align: right;
		}
			.article-nav .nav a {
				color: #c28e2b;
			}

	iframe.youtube-video {
		margin: 0;
		width: 100%;
		height: 500px;
	}

	.num-likes:before {
		content: '(';
	}
	.num-likes:after {
		content: ')';
	}
	.num-likes[data-likes="0"] {
		display: none;
	}




	.page {

	}
		.page .image {
			float: left;
			width: 20%;
		}
			.page .image a, .page .image img {
				display: block;
				width: 100%;
			}
		.page .text {
			margin-left: calc(20% + 20px);
		}


	.image img {
		display: block;
		width: 100%; 
	}


	/* gallery slideshow */
	.gallery-slideshow {
		position: relative;
	}
		.gallery-slideshow .item {
			/*background: center/cover no-repeat #e0e0e0;
			display: block;
			padding-top: 50%;*/
			width: 100%;
		}
			.gallery-slideshow .item img {
				display: block;
				width: 100%;
			}
	/*.gallery-thumbs {
		position: relative;
		text-align: center;
	}
		.gallery-thumbs .item {
			display: inline-block;
			width: 15%;
		}
		.gallery-thumbs .item.active {
			opacity: .7;
		}
			.gallery-thumbs .item img {
				display: block;
				width: 100%;
			}*/



	/* gallery grid */
	.image-thumb {
		display: block;
		position: relative; top: 0;
		transition: all .3s ease;
	}
		.image-thumb .image {
			display: block;
			width: 100%;
		}

	.features .image-thumb {
		color: #FFFFFF;
		font-size: .85em;
		letter-spacing: .1em;
		text-transform: uppercase;
	}
	.image-thumb:hover {
		top: 2px;
	}
		.features .image-thumb img {
			margin-bottom: .5em;
		}
		.features .image-thumb a {
			color: inherit;
			display: block;
		}


	.fancybox-outer {
		background: #FFFFFF !important;
		border-radius: 0 !important;
	}
		.fancybox-title-inside-wrap {
			padding: .5em 0;
			letter-spacing: .08em;
			text-transform: uppercase;
		}
		.fancybox-item.fancybox-close {
			top: 10px !important; right: 10px !important;
		}
		.fancybox-item.fancybox-prev:hover span {
			left: 10px !important;
		}
		.fancybox-item.fancybox-next:hover span {
			right: 10px !important;
		}





#footer-top {
	background: rgba(13,31,45,1);
	color: #FFFFFF;
	padding-top: 2em;
	padding-bottom: 1em;
}
	.social {

	}
		.social-link {
			background: center/80% auto no-repeat #c28e2b;
			border-radius: 50%;
			display: inline-block;
			height: 2em;
			margin: 0 .3em 0 0;
			transition: all .3s ease;
			width: 2em;
		}
		.social-link:hover {
			background-color: #FFFFFF;
		}

		.social-link.facebook {
			/*background-color: #3C5A99;*/
			background-image: url('../images/social/facebook.svg');
		}
		.social-link.googleplus {
			/*background-color: #cb3c2f;*/
			background-image: url('../images/social/googleplus.svg');
		}
		.social-link.instagram {
			/*background-color: #185887;*/
			background-image: url('../images/social/instagram.svg');
		}
		.social-link.linkedin {
			/*background-color: #0076B3;*/
			background-image: url('../images/social/linkedin.svg');
		}
		.social-link.pinterest {
			/*background-color: #C91618;*/
			background-image: url('../images/social/pinterest.svg');
		}
		.social-link.youtube {
			/*background-color: #da2124;*/
			background-image: url('../images/social/youtube.svg');
		}
		.social-link.twitter {
			/*background-color: #6BACDF;*/
			background-image: url('../images/social/twitter.svg');
		}

footer {
	background: rgba(13,31,45,1);
	/*border-top: 1px solid #c28e2b;*/
	color: #FFFFFF;
	font-size: .85em;
	padding: 1.5em 0 3em;
	text-transform: uppercase;
}
	footer > div {

	}
		footer a {
			color: inherit;
			text-decoration: none;
		}
		footer a:hover {
			color: inherit;
			text-decoration: underline;
		}

		footer .megamenu {

		}
			footer .megamenu ul {
				list-style-type: none;
				margin: 0;
				padding: 0 25px 0 0;
			}
				footer .megamenu ul li {
					margin: 0 0 .3em;
					padding: 0;
				}
				footer .megamenu ul li.large {
					font-weight: bold;
					margin-bottom: 1em;
				}
					footer .megamenu ul li a {
						display: block;
					}
					footer .megamenu ul ul,
					footer .megamenu ul .dropdown-box {
						display: none;
					}


		#signup-form {
			margin: 2em 0 0;
		}
			#signup-form input[type="text"],
			#signup-form input[type="email"] {
				color: #FFFFFF;
				display: block;
				padding: .3em .5em;
				width: 80%;
			}
			#signup-form input[type="submit"] {
				border: 0;
				color: #FFFFFF;
				font-size: .9em;
				font-weight: bold;
				padding: 0;
				text-transform: uppercase;
			}

		footer .wilstone-logo {
			display: block;
		}
			footer .wilstone-logo img {
				display: inline-block;
				height: 2em;
			}

		footer .info {
			color: #bbbbbb;
		}
			footer .info a {
				color: inherit;
			}
			
    div.root.has-right-column-images .main {
        float: left;
    }

    .right-column-images {
        margin-top: 60px;
        float: right;
    }
    
    #footer-top {
        clear: both;
    }

/* FANCYBOX PAGE */
body.popup {
	background-image: none;
 }
	.popup-root {

	}

/* SHOWS MODE OVERRIDES */
body.shows-mode #footer-top {
	display: none;
}
body.shows-mode footer > div {
	display: none;
}

.gift-voucher-option {
	width: 100% !important;
}


/* Recipes & Blog 2022 */
.article-thumb {
	color: #FFFFFF !important;
	display: block;
	position: relative;
}
	.article-thumb::before {
		content: '';
		display: block;
		padding-top: 139%;
		width: 100%; height: 0;
	}
	.article-thumb > div,
	.article-thumb img {
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	}
	.article-thumb img {
		object-fit: cover;
		width: 100%; height: 100%;
	}
	.article-thumb .heading {
		border-bottom: 1px solid #FFFFFF;
		font-family: 'Abril Fatface', cursive;/*font-family: 'Minion Pro', 'Times New Roman', serif;/*font-family: 'Marcellus', Georgia, 'Times New Roman', serif;*/
		font-size: 1.4em;
		/*letter-spacing: .05em;*/
		padding: 1em .7em .5em;
		position: absolute; right: 10%; bottom: 1em; left: 10%;
		text-align: center;
		z-index: 2;
	}
	.article-thumb.blog-thumb .heading {
		border-bottom: 0;
	}
	.article-thumb::after {
		background: rgba(0,0,0,.4);
		background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
		content: '';
		display: block;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		width: 100%; height: 100%;
		z-index: 1;
	}



/* home page banner video */
.banner-video {
	overflow: hidden;
	padding-top: 56%;
	position: relative;
}
	.banner-video iframe {
		display: block;
		pointer-events: none;
		position: absolute; top: -1%; left: -1%;
		width: 102%; min-height: 102%; height: auto !important;
	}/*@font-face {
	font-family: 'Century Gothic';
	src:  url('fonts/century-gothic-bold.woff2') format('woff2'),
	      url('fonts/century-gothic-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}*/

@font-face {
	font-family: 'Minion Pro';
	src:  url('fonts/minionpro-regular.woff2') format('woff2'),
	      url('fonts/minionpro-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Futura';
	src:  url('fonts/futura-medium.woff2') format('woff2'),
	      url('fonts/futura-medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}form {
	margin: 2em 0;
}
fieldset {
	border: 0;
}

input,
textarea {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: .9em;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	background: transparent;
	border: 1px solid #c28e2b;
	border-radius: 0;
	display: inline-block;
	margin: .3em 0;
	padding: .5em;
	vertical-align: middle;
}
input[type="text"].active,
input[type="email"].active,
input[type="search"].active,
input[type="password"].active,
textarea.active {
	background: #c28e2b;
	color: #FFFFFF;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #c28e2b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #c28e2b;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #c28e2b;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #c28e2b;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color: #c28e2b;
}

textarea {
	min-height: 8em;
}
select {
	border: 1px solid #c28e2b;
	font-size: 1em;
	vertical-align: middle;
	width: 100%;
}
	select option {
		padding: .5em;
	}



/* submit, button */
input[type="submit"],
button,
input[type="button"] {
	-webkit-appearance: none;
	background: transparent;
	border: 1px solid #c28e2b;
	border-radius: 0;
	color: #c28e2b;
	cursor: pointer;
	display: inline-block;
	font-size: .9em;
	letter-spacing: .1em;
	margin: .3em 0;
	padding: .4em 1.4em;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	vertical-align: middle;
	opacity: 1;
}
input[type="submit"].active,
input[type="button"].active,
button.active,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #c28e2b;
	color: #FFFFFF;
}
input[type="submit"].disabled,
input[type="button"].disabled,
button.disabled {
	opacity: 0.33;
}

/* image */
input[type="image"] {
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 2.1em;
	margin: .3em 0;
	opacity: .8;
	padding: .5em;
	vertical-align: middle;
	width: auto;
}
input[type="image"]:hover {
	opacity: 1;
}




/* select style (requires wrapper .select-style) */
.select-style {
	border: 1px solid #c28e2b;
	display: inline-block;
	padding: 0;
	margin: .3em 0;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}
	.select-style select {
		background: none;
		border: 0;
		display: block;
		padding: .3em;
		position: relative;
		width: calc(100% + 3em);
	}
		.select-style select option {
			padding: 0;
		}
	.select-style:after {
		background: url(../images/arrow-down-gold.svg) center/60% auto no-repeat #FFFFFF;
		border-left: 1px solid #c28e2b;
		content: '';
		display: block;
		height: 100%;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 2em;
	}
.select-style.nav {
	display: block;
	margin: 0;
	width: 100%;
}
	.select-style.nav select {
		color: #c28e2b;
		font-family: inherit;
		font-weight: inherit;
		font-size: .9em;
		padding: .6em 0;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
	}
	.select-style.nav:after {
		display: none;
	}


.clear-filters {
	border: 1px solid #FFFFFF;
	display: inline-block;
	font-size: .9em;
	opacity: .7;
	padding: .6em;
	text-transform: uppercase;
}
.clear-filters:hover,
.clear-filters:focus {
	opacity: 1;
}


label {
	display: inline-block;
	font-size: .8em;
	margin: .3em 0;
	width: 100px;
}
label.inline {
	display: inline;
	width: auto;
	margin: 0;
	font-size: 1em;
}
table label { width: auto; }


/* inputs widths (easily indent against labels) */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select,
.select-style {
	width: calc(100% - 110px);
}
table input[type="text"],
table input[type="email"],
table input[type="search"],
table input[type="password"],
table textarea,
table select,
table .select-style {
	width: 100%;
}

input[type="text"].date_day,
input[type="text"].date_month,
input[type="text"].date_year {
	max-width: 3em;
	text-align: center;
}





form.formhandler {
	max-width: 600px;
}

	form.formhandler fieldset {
		border-style: none;
		clear: both;
		margin: 0 0 1.5em 0;
		padding: 0;

	}
		form.formhandler p {
			margin: 1em 0 .7em;
		}

		form.formhandler legend {
			display: none;
		}

		form.formhandler fieldset ol {
			margin: 0 !important;
			list-style: none;
		}

			form.formhandler fieldset li {
				float: left;
				clear: left;
				width: 100%;
			}

				form.formhandler fieldset.submit input {
					margin-left: 100px;
				}

				form.formhandler label.inline,
				form.formhandler label.checkbox {
					display: inline;
					float: none;
					margin: 0;
					width: auto;
				}

				form.formhandler input[type="checkbox"] {
					margin: 1em 0 1em 100px;
				}

				form.formhandler fieldset.radio {
					margin-left: 100px;
					padding: .5em 0;
				}

				/* nested fieldsets */
				form.formhandler fieldset fieldset {
					margin-bottom: 0;
					border-style: none;
					background-color: transparent;
					background-image: none;
				}

				form.formhandler fieldset fieldset label.legend {
					margin-bottom: 1em;
				}

				form.formhandler fieldset fieldset ol {
					position: relative;
				}

				form.formhandler fieldset fieldset label {
					float: none;
					width: auto;
					margin-right: auto;
				}
				
#form3 fieldset li.checkbox {
    font-size: 1.5em;
    background: #e8e8e8;
}				
.inset-left {
	display: block;
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
}
.inset-right {
	display: block;
	float: right;
	margin: 0 0 30px 30px;
	position: relative;
}

.highlight-gold {
	color: #c28e2b;
}
.highlight-black {
	color: #000000;
}

.large-paragraph {
	font-size: 1.2em;
}

.quote {
	color: #505050;
	font-size: 1.5em;
}

.file-download {
	background: url('../images/download-icon.svg') center left/auto 2em no-repeat transparent;
	color: #000000;
	font-size: 1.2em;
	font-weight: 900;
	padding: .3em .3em .3em 2.3em;
	text-decoration: none;
}
.file-download:hover {
	opacity: .8;
}

img.imagefullwidth {
	width: 100%;
	height: auto !important;
}/* browse */
#breadcrumbs {
	font-size: 0.8em;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* tweaks to navi styled category names */
.category-name {
	border-bottom: 0;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}



/* grid of products or categories */
.shop-browser-product,
.shop-browser-category {
	color: #000000 !important;
	display: block;
	font-size: .8em;
	margin: 0 0 1em;
	position: relative;
	text-transform: uppercase;
}
.shop-browser-product:hover,
.shop-browser-category:hover {
	color: #000000;
}
	.shop-browser-product img,
	.shop-browser-category img {
		background: #FFFFFF;
		/*border: 1px solid #d0d0d0;*/
		display: block;
		margin: 0 0 1em;
		/*padding: 5%;*/
		width: 100%;
	}
	.shop-browser-product .heading,
	.shop-browser-category .heading {
		display: block;
		height: 5em;
		letter-spacing: .1em;
	}
	.shop-browser-category .heading {
		height: auto;
	}
	.shop-browser-category .strapline, .shop-browser-product .strapline {
	    font-weight: bold;
	    text-transform: none;
	}
	.shop-browser-product .info,
	.shop-browser-category .info {
		display: block;
		position: absolute; bottom: 0; left: 0;
		width: 100%;
	}
		.shop-browser-product .info .price,
		.shop-browser-category .info .price {
			display: inline-block;
			font-weight: bold;
			line-height: 1.6em;
		}
		.shop-browser-product .info .original-price,
		.shop-browser-category .info .original-price {
			text-decoration: line-through;
		}
		.shop-browser-product .info .reduced-price,
		.shop-browser-category .info .reduced-price {
			color: #AA0000;
		}
		.shop-browser-product .info .block-link,
		.shop-browser-category .info .block-link {
			float: right;
		}

.shop-browser-product.large,
.shop-browser-category.large {

}
	.shop-browser-product.large img,
	.shop-browser-category.large img {
		/*border: 0;*/
	}


/* product */
#product-left {
	padding-bottom: 2em;
}
	#product-image {
		position: relative;
	}
		#product-image .item {
			display: block;
			width: 100%;
		}
			#product-image .item .image {
				/*border: 1px solid #d0d0d0;*/
				display: block;
				width: 100%;
			}
	#product-thumbnails {
		margin-bottom: 0;
	}
		#product-thumbnails a {
			/*border: 1px solid #d0d0d0;*/
			display: block;
		}
		#product-thumbnails a.active {
			/*border-color: #c28e2b;*/
			pointer-events: none;
		}
			#product-thumbnails a img {
				display: block;
				width: 100%;
			}

#product-video {
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   margin-bottom: 2em;
}
    #product-video iframe {
       position:absolute;
       left: 0;
       top: 0;
       height: 100%;
       width: 100%;
    }

#product-right {
	border-top: 1px solid #c28e2b;
	font-size: .9em;
	padding-top: 20px;
	padding-bottom: 2em;
}
	#product-right form {
		margin: 0;
	}
	#product-right h1 {
		font-size: 1.2em;
	}
	#product_price {
		color: #777777;
		font-size: 2.2em;
		font-weight: bold;
		margin-bottom: 1em;
		text-align: right;
	}
	#product_orderform input[type="submit"],#product_orderform input[type="button"] {
		padding-left: 0; padding-right: 0;
		width: 100%;
	}
	#buy {
		font-size: 1.1em;
		font-weight: bold;
	}
	#product-info {
		margin-bottom: 2em;
	}
	#product-right .tabbed-content {
		padding-bottom: 2em;
	}
	#product-right .addthis_sharing_toolbox {
		filter: grayscale(0);
		/*text-align: right;*/
	}

	#product-right .video-link {
		color: white;
		background-color: #c28e2b;
		font-size: 1.1em;
		font-weight: bold;
	}

	.more-products {
		position: relative;
	}


	#associated label {
		width: 100%;
	}

.out-of-stock {
    /*color: #F00;*/
    font-weight: bold;
    /*font-size: 1.1em;*/
}

/* basket */
table.accessory {
	margin: 0;
	padding: 0;
	width: 100%;
}
table.accessory td {
	font-size: 0.9em;
	padding: 2px;
	vertical-align: top !important;
}
table.accessory td:nth-child(1) {
	width: 16px;
	padding-top: 4px;
}
table.accessory a {
	text-decoration: underline !important;
}
table.accessory td:nth-child(3), table.accessory td:nth-child(4) {
	text-align: right;
	width: 64px;
}

.checkout-sections {
	position: relative;
}
.checkout-sections .loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	opacity: .75;
	z-index: 10000;
	pointer-events: none;
}
.checkout-sections .all-sections {
	visibility: hidden;
}

.checkout-section {
	margin-bottom: 2rem;
}

.checkout-section-header {
	padding: 8px 10px;
	background: #c28e2b;
	color: #fff;
}

.checkout-section-header h2 {
	margin: 0;
	text-transform: none;
	font-size: 1rem;
}

.checkout-section-detail {
	padding: 1.5rem;
	background: #f9f9f9;
	display: none;
}

.checkout-section-header.open + .checkout-section-detail {
	display: block;
}

.checkout-section-detail table {
	margin: 0;
}

.checkout-section-detail table.form input, .checkout-section-detail table.form select, .checkout-section-detail table.form textarea {
	background: white;
}
.checkout-section-detail table.form td {
	padding: 0;
}
.checkout-section .stock-notice {
	color: #00a000;
	font-weight: bold;
	font-size: 0.8em;
}

#getaddress_input {
	width: 50%;
	margin-right: 5px;
}
.checkout-sections .all-errors ul {
	list-style: none;
	background: rgba(255, 0, 0, .33);
	margin: 0;
	padding: 10px;
	border: 1px solid red;
}
.checkout-sections .all-errors li {
	padding: 0;
	margin: 0 0 4px 0;
	color: #800000;
	font-weight: bold;
}
.checkout-sections .all-errors li:last-of-type {
	margin-bottom: 0;
}
.checkout-sections .has-error {
	border: 1px solid red;
	background: rgba(255,0,0,0.1);
}
.checkout-sections .total-cell {
	padding-top: 4px;
	padding-bottom: 4px;
}/* mobile */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {

body { 
	font-size: .8em; 
	overflow: hidden;
}

.mobile { 
	display: block !important; 
}
span.mobile { 
	display: inline !important; 
}
table.mobile {
	display: table !important; 
}
col.mobile { 
	display: table-column !important; 
}
th.mobile, 
td.mobile { 
	display: table-cell !important; 
}
tr.mobile { 
	display: table-row !important; 
}
.desktop, 
span.desktop, 
table.desktop, 
col.desktop, 
th.desktop, 
td.desktop, 
tr.desktop { 
	display: none !important; 
}

h1, h2, h3, h4, h5, h6 { 
	margin: .8em 0; 
}
h1 {
	font-size: 1.4em; 
}
h1:first-child, 
h2:first-child, 
h3:first-child, 
h4:first-child, 
h5:first-child, 
h6:first-child { 
	margin-top: 0; 
}

/* column styles */
.columns, 
.columns.tight { 
	margin: 0 -5px; 
}
.columns:after { 
}
.c20, 
.c25, 
.c33, 
.c40, 
.c50, 
.c60, 
.c66,
.c75, 
.c80, 
.c100 {  
}
.c20.float-right, 
.c25.float-right, 
.c33.float-right, 
.c40.float-right, 
.c50.float-right, 
.c60.float-right, 
.c66.float-right, 
.c75.float-right, 
.c80.float-right {  
}
.columns .c20, 
.columns .c25, 
.columns .c33, 
.columns .c40, 
.columns .c50, 
.columns .c60, 
.columns .c66, 
.columns .c75, 
.columns .c80, 
.columns .c100, 
.columns.tight .c20, 
.columns.tight .c25, 
.columns.tight .c33, 
.columns.tight .c40, 
.columns.tight .c50, 
.columns.tight .c60, 
.columns.tight .c66, 
.columns.tight .c75, 
.columns.tight .c80, 
.columns.tight .c100 { 
	padding: 5px; 
}

.cm10,
.cm20, 
.cm30, 
.cm33, 
.cm40, 
.cm50, 
.cm60, 
.cm66, 
.cm70, 
.cm80, 
.cm90,
.cm100 { 
	float: left; 
	min-height: 1px; 
}
.cm10 { width: 10%; }
.cm20 { width: 20%; }
.cm30 { width: 30%; }
.cm33 { width: 33.33%; }
.cm40 { width: 40%; }
.cm50 { width: 50%; }
.cm60 { width: 60%; }
.cm66 { width: 66.66%; }
.cm70 { width: 70%; }
.cm80 { width: 80%; }
.cm90 { width: 90%; }
.cm100 { width: 100%; }

.lc { 
	padding-right: 15px; 
}
.rc { 
	padding-left: 15px; 
}
.cm100.lc,
.cm100.rc,
.lcm,
.rcm {  
	padding-left: 0;
	padding-right: 0;
}


.tablescroll {
	max-width: 100%;
	position: relative;
}
	.tablescroll > div { 
		overflow-x: auto;
	}
		.tablescroll table {
		}
	.tablescroll:after {
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
		
		content: '';
		height: 100%;
		pointer-events: none;
		position: absolute; right: 0; top: 0;
		width: 30px;
		z-index: 10;
	}



/* tabs */
.tabs { 
	margin-bottom: 1em;
}
	.tabs:after {
	}
	.tabs a { 
		border-bottom: 3px solid transparent;
		font-size: .85em;
		letter-spacing: .04em;
		padding: .3em .5em; 
	}
	.tabs.align-center a {
	}
		.tabs a:hover { 
		}
		.tabs a.active { 
			border-bottom: 3px solid #c28e2b;
		}



.m_small {
	font-size: .8em;
}



/* xinha */
.inset-left { 
	float: none; 
	height: auto;
	margin: 1em 0;
	width: 100%;
}
.inset-right { 
	float: none; 
	height: auto;
	margin: 1em 0; 
	width: 100%;
}



.navi-arrow { 
	height: 30px; 
	top: calc(50% - 15px); 
	width: 30px; 
}
.navi-arrow:hover { 
}
.navi-arrow.left { 
}
.navi-arrow.right { 
}

.navi-arrow.alt {
	width: 20px; height: 20px;
}
.navi-arrow.alt.left {
}
.navi-arrow.alt.right {
}
	.navi-arrow.alt span.title {
		font-size: .8em;
	}

iframe.youtube-video {
	height: 200px;
}




.root { 
	width: 100%; 
}
	.root > div, .page-width { 
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}







/* ----------------------------- PAGE STRUCTURE ----------------------------- */

header.root { 
	background: rgba(13,31,45,1);
	padding: 10px; 
	position: static; top: auto; right: auto;
}
	header > div {
		height: auto;
	}
		header .logo { 
			margin: 0 0 3px; 
			position: static; bottom: auto;
			width: 65px; 
		}
			header .logo img {  }
		
		header .basket-box {
			display: none;
		}
			header .basket-box a {
			}
			header .basket-box a:hover {
			}
			header .basket-box a.wishlist {
			}
			header .basket-box a.login {
			}
			header .basket-box a.basket {
			}
			
			/*#search-form { 
				background: rgba(255,255,255,.2);
				display: inline-block; 
				margin: 0;
				padding: 0;
				position: relative;
				vertical-align: middle;
			}
				#search-form input[type="text"] {
					border: 0;
					color: #FFFFFF;
					font-size: 1em;
					margin: 0;
					padding: .3em;
					width: 100%;
				}
				#search-form input[type="text"]::-webkit-input-placeholder {
					color: #FFFFFF;
				}
				#search-form input[type="text"]:-moz-placeholder {
					color: #FFFFFF;
					opacity: 1;
				}
				#search-form input[type="text"]::-moz-placeholder {
					color: #FFFFFF;
					opacity: 1;
				}
				#search-form input[type="text"]:-ms-input-placeholder {
					color: #FFFFFF;
				}
				#search-form input[type="text"]:placeholder-shown {
				}
				#search-form input[type="image"] {
					background: transparent;
					height: 1.8em;
					margin: 0;
					padding: .2em;
					position: absolute; top: 0; right: 0;
				}*/
		
		.mobile-menu-toggle {
			cursor: pointer;
			display: block;
			height: 20px;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			/*-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;*/
			position: absolute; top: 10px; right: 10px; 
			width: 22px;
			z-index: 10001;
		}
		body.mobile-menu .mobile-menu-toggle {
			position: fixed; top: 20px; right: 20px;
		}
			.mobile-menu-toggle span {
				display: block;
				position: absolute;
				height: 3px;
				background: #FFFFFF;
				border-radius: 2px;
				left: 0;
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out;
				-moz-transition: .25s ease-in-out;
				-o-transition: .25s ease-in-out;
				transition: .25s ease-in-out;
				width: 100%;
			}
			.mobile-menu-toggle span:nth-child(1) {
				top: 0px;
			}
			.mobile-menu-toggle span:nth-child(2), .mobile-menu-toggle span:nth-child(3) {
				top: 7px;
			}
			.mobile-menu-toggle span:nth-child(4) {
				top: 14px;
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(1) {
				top: 7px;
				width: 0%;
				left: 50%;
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(2) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(4) {
				top: 7px;
				width: 0%;
				left: 50%;
			}



/* responsive navigation */
.main-navigation { 
	background: rgba(13,31,45,1);
	-webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	color: #FFFFFF;
	height: 100%; 
	font-size: 1.4em;
	left: 0; 
	margin-left: -75%; 
	padding: 10px 20px; 
	position: fixed; right: auto; top: 0; 
	transition: all .3s ease;
	width: 70%; 
	z-index: 1003; 
}
body.mobile-menu .main-navigation { 
	margin-left: 0; 
	overflow-x: hidden; 
	overflow-y: auto; 
}
	.main-navigation .logo { 
		display: block; 
		margin: 0 0 20px;
		width: 65px; 
	}
		.main-navigation .logo img { 
			display: block; 
			width: 100%;
		}
	.main-navigation .mobile-basket-box {
		display: block;
		margin: 0 0 20px;
	}
		.main-navigation .mobile-basket-box a {
			color: inherit;
			display: block;
			margin: 0;
			padding: .2em 0;
			vertical-align: middle;
		}
		.mobile-basket-box a:hover {
			opacity: .8;
		}
		.mobile-basket-box a.icon {
			background: url('../images/plus.svg') center left/auto 1em no-repeat transparent;
			padding-left: 1.4em;
		}
		.mobile-basket-box a.wishlist {
			background: url('../images/heart.svg') center left/auto 1em no-repeat transparent;
			padding-left: 1.4em;
		}
		.mobile-basket-box a.login {
			background: url('../images/login.svg') center left/auto 1em no-repeat transparent;
			padding-left: 1.4em;
		}
		.mobile-basket-box a.basket {
			background: url('../images/basket.svg') center left/auto 1em no-repeat transparent;
			padding-left: 1.4em;
		}
		.mobile-basket-box #search-form { 
			background: rgba(255,255,255,.2);
			display: block; 
			margin: .5em 0 0 0;
			padding: 0;
			position: relative;
			vertical-align: middle;
			width: 70%;
		}
			.mobile-basket-box #search-form input[type="text"] {
				border: 0;
				color: #FFFFFF;
				font-size: 1em;
				margin: 0;
				padding: .3em;
			}
			.mobile-basket-box #search-form input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
				color: #FFFFFF;
			}
			.mobile-basket-box #search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
				color: #FFFFFF;
				opacity: 1;
			}
			.mobile-basket-box #search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
				color: #FFFFFF;
				opacity: 1;
			}
			.mobile-basket-box #search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
				color: #FFFFFF;
			}
			.mobile-basket-box #search-form input[type="text"]:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
				color: #FFFFFF;
			}
			.mobile-basket-box #search-form input[type="image"] {
				background: transparent;
				height: 1.8em;
				margin: 0;
				padding: .2em;
				position: absolute; top: 0; right: 0;
			}
		
	.main-navigation ul { 
		padding-bottom: 20px; 
		text-align: left; 
	}
		.main-navigation ul li { 
			display: block;
			float: none;
		}
			.main-navigation ul a, 
			.main-navigation ul a:visited,
			.category-name { 
				border: 0 !important;
				height: auto; 
				line-height: normal; 
				padding: 0;
			}
			.category-name {
				font-size: 1em;
			}
			.main-navigation ul a, 
			.main-navigation ul a:visited {
				margin: 0 0 .8em;
			}
			.main-navigation ul li.active {
				
			}
			.main-navigation ul li.active a { 
				background: none;
			}
			.main-navigation ul li.dropdown > a:after {
				display: none;
			}
			.main-navigation ul li.dropdown.active > a:after {
			}
			
			.main-navigation li:first-child a { 
				
			}
			.main-navigation li:last-child a { 
				border: 0; 
				padding-right: 0; 
			}
			.main-navigation ul a:hover, 
			.main-navigation ul ul a:hover,
			.main-navigation ul .dropdown-box a:hover { 
				background: transparent; 
				text-decoration: none; 
			}
			.main-navigation ul :hover > a, 
			.main-navigation ul ul :hover > a,
			.main-navigation ul .dropdown-box :hover > a { 
				background: transparent; 
				text-decoration: underline; 
			}
			.main-navigation ul a:hover { 
				background: transparent; 
				text-decoration: underline; 
			}
			
			.main-navigation ul ul.menu { 
				border-top: 0; 
				height: auto; 
				left: auto; 
				padding: .3em 0 10px 10px; 
				position: static; 
				top: auto; 
				visibility: visible; 
				width: auto; 
			}
				.main-navigation ul ul.menu li { 
					background: transparent; 
					padding: 0; 
				}
					.main-navigation ul ul.menu a, 
					.main-navigation ul ul a:visited { 
						background: none; 
						padding: .5em 0; 
					}
					.main-navigation ul ul.menu a.active2 { 
						background-color: transparent; 
					}
					.main-navigation ul ul.menu li:first-child a { 
						padding-top: .5em; 
					}
					.main-navigation ul ul.menu li:last-child a { 
						padding-bottom: .5em; 
					}
					/* style the second level hover */
					.main-navigation ul ul.menu a:hover, 
					.dropdown-box ul.menu a:hover { 
						background: transparent; 
					}
					.main-navigation ul ul.menu :hover > a, 
					.dropdown-box ul.menu :hover > a { 
						background: transparent; 
					}

			.dropdown-box { 
				background: transparent;
				display: block; 
				font-size: 1em;
				left: auto;
				position: static; 
				top: auto; 
				padding: 0 0 10px 10px; 
			}
				.dropdown-box .category-box { 
					padding: 0; 
				}
				.dropdown-box .category-box:first-of-type { 
					border-right: 0; 
				}
					.dropdown-box .cycle-slideshow {  }
						.dropdown-box .cycle-slideshow a {  }
							.dropdown-box .cycle-slideshow a .shadow { 
								
							}
								.dropdown-box .cycle-slideshow a img { 
									display: block; 
									padding: 10px; 
									width: 100%; 
								}
				.main-navigation .dropdown-box ul.menu { 
					border: 0; 
					text-align: left; 
					left: auto;
					position: static;
					top: auto;
					visibility: visible; 
					width: auto; 
				}
					.main-navigation .dropdown-box a { 
						color: inherit; 
					}
					.main-navigation .dropdown-box a:hover {  }

		/* make the second level visible when hover on first level list OR link */
		.main-navigation ul li:hover ul, 
		.main-navigation ul a:hover ul { 
			
		}
		
		.main-navigation li.dropdown {
			padding-bottom: 1em;
			position: static;
		}
			
			.main-navigation ul .dropdown-box {
				background: transparent; 
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				font-size: .65em;
				padding: 0; 
				position: static; top: auto; left: auto; 
				visibility: visible; 
			}
			/*.main-navigation ul li:hover .dropdown-box, 
			.main-navigation ul a:hover .dropdown-box { 
				visibility: visible; 
			}*/
				.main-navigation ul .dropdown-box div.item {
					background: none;
					float: left;
					padding: 0;
					width: 100%;
				}
				.main-navigation ul .dropdown-box div.item:first-of-type {
					background: none;
				}
					.main-navigation ul .dropdown-box a,
					.main-navigation ul li.active .dropdown-box a {
						color: #FFFFFF;
					}
						.main-navigation ul .dropdown-box a span {
							display: block;
							font-weight: 700;
						}
						.main-navigation ul .dropdown-box a .header {
							height: auto;
						}
							.main-navigation ul .dropdown-box a .heading {
								font-size: 1em;
								font-weight: 300;
								margin: 0;
							}
						.main-navigation ul .dropdown-box a .image {
							display: none;
						}
						.main-navigation ul .dropdown-box a .text {
							display: none;
						}
						.main-navigation ul .dropdown-box a .block-link {
							display: none;
						}




#header-gap {
	display: none;
}




#google-map { 
	height: 250px;
}



.banner { 
	height: auto; /* height: 200px */
}
	.banner .pager {
		/*display: none;*/
	}
	.banner .navi-arrow.alt.left {
		display: none;
	}
	.banner .navi-arrow.alt.right {
		display: none;
	}
	.banner .cycle-slideshow {  }
		.banner .item { 
			padding-top: calc(100vh - 100px);
		}
			.banner .item .link {  }
			.banner .item .text {  }
				.banner .item .text { 
					font-size: 1.1em; 
					bottom: 30px; left: 10px; 
					width: calc(100% - 20px);
				}






.main { 
	padding: 20px 0; 
}
	.main ul, .main ol { 
	}
		.main li { 
		}
	.main iframe {
	}
	.main img { 
	}

.main.indent {
	margin-top: -20px;
}
.main.shallow {
	padding: 10px 0;
}
.main.article-content {
	padding-right: 20px; padding-left: 20px;
}
.main.article-content.two-columns {
	background: none;
}

.root.home {
}
	.content-body {
		
	}
	.content-body.narrow {
		padding-right: 10px; padding-left: 10px;
	}
	.content-body.watermark {
		background: url('../images/pattern-bottom.png') bottom right calc(1000em - 20px)/auto 70px no-repeat #eeeeee;
	}
		.content-body.watermark h1, .content-body.watermark h2, .content-body.watermark h3, .content-body.watermark h4, .content-body.watermark h5, .content-body.watermark h6 {
		}
	#content-header {
	}
		#content-header .c10, #content-header .c20, #content-header .c25, #content-header .c30, #content-header .c33, #content-header .c40, #content-header .c50, #content-header .c60, #content-header .c66, #content-header .c70, #content-header .c80, #content-header .c90, #content-header .c100 {
		} 
			#content-header h1 {
				margin: 0;
			}





	/* timeline */
	#timeline-root {
		
	}
		#timeline-info {
			background: url(../images/trail.svg) center/100% auto no-repeat #eeeeee;
		}
			#timeline-info .navi-arrow.alt {
				top: 0px;
			}
			#timeline-info .navi-arrow.left.alt {
				left: 15px;
			}
			#timeline-info .navi-arrow.right.alt {
				right: 15px;
			}
			#timeline-info .cycle-slideshow {
				
			}
				#timeline-info .item {
					background: url(../images/pattern-gold-top.png) top left 20px/auto 70px no-repeat transparent;
					padding: 1.5em 0;
				}
				#timeline-info .item:nth-child(odd){
					background: url(../images/pattern-top.png) top right 20px/auto 70px no-repeat transparent;
				}
					#timeline-info .item .content {
						
					}
						#timeline-info .polaroid {
							/*-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
							-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
							box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/
							font-size: .8em;
							margin: 0 0 7em;
							padding: .5em .5em 1em;
							top: 5em;
							width: 80%; max-width: 250px;
						}
						#timeline-info .item:nth-child(odd) .polaroid {
						}
							#timeline-info .polaroid img {
								margin: 0 0 1em;
							}
						#timeline-info .text {
							border: 0;
							font-size: .8em;
							padding: 0;
						}
							#timeline-info .text .bg {
							}
							#timeline-info .year {
								font-size: 3em;
							}
							#timeline-info .text h1 {
								font-size: 1.3em;
							}
			#timeline-info:after {
			}
			
		#timeline-navi {
		}
			#timeline-navi .box {
				height: 4em;
			}
			#timeline-navi a {
			}
			#timeline-navi a.active {
				
			}
				#timeline-navi a:before {
				}
				#timeline-navi a.active:before {
				}
				#timeline-navi a:after {
				}
				#timeline-navi a.active:after {
				}
					#timeline-navi a span {
					}
					#timeline-navi a:hover span {
						display: none;
					}
						#timeline-navi a span:before {
						}




	/* browse articles */
	.browse-filter {
	
	}
		.browse-filter h6 {
		}
		.browse-filter .columns {
		}
			.browse-filter .block-link {
				padding: .4em 0;
			}
	.article-summary {
		background: #FFFFFF;
		display: block;
		font-size: .8em;
		margin: 0 0 10px;
		position: relative; top: 0;
		transition: all .3s ease;
	}






	/* articles */
	.article-info {
		color: #777777;
		font-size: .8em;
		margin-bottom: 1em;
		padding: .5em 0;
	}
		.article-info .options {
			float: none;
			padding-top: .2em !important;
			text-align: left;
		}
		.article-info .icon {
		}
	
	.article-nav {
		font-size: .75em;
		letter-spacing: .05em;
	}
		.article-nav a {
		}
		.article-nav .back {
		}
		.article-nav .nav {
		}
			.article-nav .nav a {
			}


	/* gallery grid */
	.image-thumb { 
	}
		.image-thumb .image { 
		}
	
	.features .image-thumb {
		font-size: .7em;
		letter-spacing: 0em; 
	}
	.image-thumb:hover {
	}
		.features .image-thumb img {
		}
		.features .image-thumb a {
		}
	
	
	
	
	
	.fancybox-outer {
	}
		.fancybox-title-inside-wrap {
		}
		.fancybox-item.fancybox-close {
		}
		.fancybox-item.fancybox-prev:hover span {
		}
		.fancybox-item.fancybox-next:hover span {
		}
		
	
	
	
	
	
	/* stockists */
	/* search */
	#stockists-search {
		padding: 1em 10%;
	}
		#stockists-search h1 {
			font-size: 1.5em;
		}
		#stockists-search form {
		}
	/*  */
	#stockist-details {
	
	}
		#stockist-details .contact-details {
			height: auto;
		}
	
	#stockist-map {
		height: 250px;
	}
	
	.stockist-results.desktop {
		
	}
	.stockist-results.mobile {
		
	}
	
	.outlet-summary {
		line-height: normal;
	}
		.outlet-summary img {
		}





#footer-top {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
	.social { 
			
	}
		.social-link { 
			
		}
		.social-link:hover {  
			
		}



footer { 
}
	
	footer .megamenu { 
		float: none; 
	}
		footer .megamenu ul { 
			float: none; 
			padding: 0 0 20px 0; 
		}
			footer .megamenu ul li a span { 
			}
	
	footer .social {
		
	}
	
	footer .wilstone-logo {
		margin: 1em auto;
		text-align: center;
	}
		footer .wilstone-logo img {
			
		}
	
	footer .info { 
		font-size: 1em;
		float: none;
		margin: 1.5em 0 0;
		text-align: center;
		width: 100%;
	}


/* shop */
#breadcrumbs { 
	font-size: 0.7em; 
	padding-top: 1em;
	padding-right: 20px;
}


#product-left { 
	padding-bottom: 1em;
}
	#product-image { 
		pointer-events: none;
	}
		#product-image .zoom {
			display: none;
		}

#product-right {
	border-top: 0;
	padding-top: 0;
	padding-bottom: 1em;
}
	#product-right form {
		margin: 0 0 2em;
	}
	#product-right h1 {
		font-size: 1.2em;
		margin-bottom: .2em;
	}
	#product_price {
		font-size: 1.8em;
		margin-bottom: .5em;
		text-align: left;
	}



.basket {
	
}
	.basket .thumbnail {
		width: 32px; height: 32px;
	}


}



/* medium-small size screens */
/* only screen and (min-device-width: 480px) and (max-device-width: 780px),  */
@media only screen and (min-width: 480px) and (max-width: 780px) {

header .logo {
	width: 130px;
	bottom: auto; top: 20px;
}

header .basket-box {
	font-size: .65em;
}

.main-navigation ul {
	font-size: .8em;
	white-space: nowrap;
}
	.main-navigation ul a, 
	.main-navigation ul a:visited,
	.category-name {
		padding-left: 0; padding-right: 0;
	}




}



/* medium size screens */
/* only screen and (min-device-width: 480px) and (max-device-width: 980px) */
@media only screen and (min-width: 480px) and (max-width: 980px) {

body { 
	font-size: .8em; 
}

.cr10 { width: 10%; }
.cr20 { width: 20%; }
.cr30 { width: 30%; }
.cr33 { width: 33.33%; }
.cr40 { width: 40%; }
.cr50 { width: 50%; }
.cr60 { width: 60%; }
.cr66 { width: 66.66%; }
.cr70 { width: 70%; }
.cr80 { width: 80%; }
.cr90 { width: 90%; }
.cr100 { width: 100%; }

.lc {
	padding-right: 0;
}
.rc {
	padding-left: 0;
}

.lcr {
	padding-right: 20px;
}
.rcr {
	padding-left: 20px;
}




.root {  
	
}

.main-navigation {
	font-size: 1.2em;
}



#stockist-details .contact-details {
	height: auto;
}



/* shop */
.more-products {
	margin: 0 40px;
}




}

/* print */
@media only print {


body {
	font-size: .7em;
	margin: 0;
	overflow: hidden;
	zoom: 100%;
}

.root {
	padding-left: 0; padding-right: 0;
}
.root > div, .page-width { 
	max-width: 1000px; 
}

#print-logo {
	display: block;
	width: 125px; height: auto;
}

header {
	display: none;
}

#header-gap {
	display: none;
}

.gallery-slideshow .navi-arrow {
	display: none;
}

.article-nav {
	display: none;
}

.article-info {
	display: none;
}

footer {
	display: none;
}


}