/* BASIC SETUP */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; font-size: .85em; font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #333333; }

/* useful styles */
.hr hr { display: none; }
.hr { border-bottom: 1px solid #555555; margin: 2em 0; }
.hr.light { border-color: #cccccc; }
.error { color: #FF0000; font-weight: bold; margin-bottom: 1em; text-align: center; }
.small { font-size: 0.75em; }

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

/* alignment */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.clear { display: block; clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

.hidden { display: none; }

.gold .highlight, .highlight-gold { color: #D2AD31; }

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

/* HEADINGS */
h1, h2, h3, h4, h5, h6, .title { margin-bottom: 0.8em; font-weight: normal; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; color: #444444; line-height: 1.1em; }
h1 { font-size: 2em; }
/*.gold h1 { background-image: url(../images/flourish-gold.png); }*/
h2 { font-size: 1.6em; }
h3, .title { font-size: 1.3em; }
h4, h5, h6 { font-size: 1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none !important; }

h1, h2.fancy, h3.fancy, h4.fancy, h5.fancy, h6.fancy, .title.fancy { display: block; background: url(../images/flourish.png) center left no-repeat transparent; padding-left: 40px; margin-left: -40px; min-height: 24px; }

p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 1.4em; }

.text-indent iframe { width: 100% !important; max-width: 560px; margin: 2em 0; }

.special-link:hover { color: #000000; }

.feed.download {  }
	.feed.download a.item { display: block; margin: 1.5em 0; color: #666666; text-decoration: none; }
		.feed.download a.item .thumb { float: left; display: block; width: 20%; margin: 0 1em .4em 0; }
		.feed.download a.item .icon { float: left; width: 32px; height: 32px; background-position: left center; background-repeat: no-repeat; background-image: url(../images/filetype/file.png); margin: 0 1em .4em 0; }

		.txt { background-image: url(../images/filetype/txt.png) !important; }
		.doc, .docx, .word { background-image: url(../images/filetype/doc.png) !important; }
		.jpg { background-image: url(../images/filetype/jpg.png) !important; }
		.png { background-image: url(../images/filetype/png.png) !important; }
		.pdf { background-image: url(../images/filetype/pdf.png) !important; }
		.web { background-image: url(../images/filetype/web.png) !important; }

/* column styles */
.c, .cr { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cr { float: right; }
.c25 { width: 25%; }
.c33 { width: 33%; }
.c50 { width: 50%; }
.c66 { width: 66%; }
.c75 { width: 75%; }
.c100 { float: none; }


/* PAGE STRUCTURE */

#root { background-color: #FFFFFF; z-index: 3; transition: all .2s ease; -webkit-transition: all .2s ease; }
.background { width: 100%; background: url(../images/bg/bg-left2.png) 0 -80px/18% auto repeat-y transparent; position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background-attachment: fixed;*/ }
.background.right { background: url(../images/bg/bg-right2.png) top right/18% auto repeat-y transparent; /*background: url(../images/bg/bg-right-r.png) bottom right/18% auto no-repeat transparent; background-attachment: fixed;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gold .background { background-image: url(../images/bg/bg-left-gold2.png); }
.gold .background.right { background-image: url(../images/bg/bg-right-gold2.png); }

.background.user { background-size: 20% auto; background-repeat: no-repeat; }
.background.user.left { background-position: top left; }
.background.user.right { background-position: bottom right; }

.root {  }
	.root > div { width: 915px; margin: 0px auto; position: relative; }

	#mobile-menu { display: none; }

	header {  }
		header > div { height: 150px; }
		header .logo { display: block; position: absolute; left: 0px; top: 45px; width: 240px; height: 87px; background: url(../images/logo.png) center no-repeat transparent; }
		.gold header .logo { background-image: url(../images/logo-gold.png); }

		header .login { position: absolute; bottom: 65px; right: 0; text-align: right; width: 350px; }
			header .login input[type="text"], header .login input[type="password"] { float: left; width: 37%; margin-left: 1%; }
			header .login input[type="submit"] { float: left; width: 24%; margin: 0; }
			.form-links { font-size: 0.7em; color: #000000; }
				.form-links a { color: #000000; text-decoration: underline; }

		header .social { display: block; position: absolute; right: 145px; bottom: 20px; z-index: 110; }
			header .social a { float: left; display: block; margin: 0 .4em; background: center/contain no-repeat #444444; width: 22px; height: 22px; }
			.social-link.facebook {
				/*background-color: #3C5A99;*/
				background-image: url('../images/social/facebook.svg');
			}
			.social-link.googleplus {
				/*background-color: #cb3c2f;*/
				background-image: url('https://www.boxallandedmiston.co.uk/templates/images/social/googleplus.svg');
			}
			.social-link.instagram {
				/*background-color: #185887;*/
				background-color: transparent;
				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('https://www.boxallandedmiston.co.uk/templates/images/social/pinterest.svg');
			}
			.social-link.youtube {
				/*background-color: #da2124;*/
				background-image: url('https://www.boxallandedmiston.co.uk/templates/images/social/youtube.svg');
			}
			.social-link.twitter {
				/*background-color: #6BACDF;*/
				background-color: transparent;
				background-image: url('../images/social/twitter.svg');
				width: 28px;
			}

		.search-form.desktop { display: block; position: absolute; right: 0px; bottom: 20px; z-index: 110; background: #BFBFBF; width: 132px; }
		.gold .search-form.desktop { background: #E0CC8D; }
			.search-form.desktop form { display: block; }
				.search-form.desktop input[type="text"] { float: left; background: none; border: 0; color: #FFFFFF; width: 110px; padding: 0 5px; height: 22px; line-height: 22px; margin: 0; }
				.gold .search-form.desktop input[type="text"] { color: #666666; }
				.search-form.desktop input[type="submit"] { float: right; width: 22px; height: 22px; margin: 0; padding: 0; background: url(../images/search.png) center no-repeat transparent; }
				.gold .search-form.desktop input[type="submit"] { background: url(../images/search-gold.png) center no-repeat transparent; }


	#google-map { width: 100%; height: 300px; }


	#main-image { position: relative; width: 100%; height: 350px; overflow: hidden; }
		/*#main-image .arrow { display: block; position: absolute; top: 0; width: 30px; height: 30px; background: transparent; z-index: 30; background-repeat: no-repeat; background-position: 0 0; }
		#main-image .arrow:hover { background-position: 0 -30px; }
		#main-image .arrow.left { background-image: url(../images/arrow-left.png); left: 0; }
		#main-image .arrow.right { background-image: url(../images/arrow-right.png); right: 0; }*/

		.navi { position: absolute; bottom: 10px; right: 20px; z-index: 1001; }
			.navi a { display: inline-block; width: 10px; height: 10px; margin-right: 5px; border-radius: 50%; background: #808080; }
				.navi a:hover { background: #aaaaaa; }
				.navi a.activeSlide { background: #e0e0e0; }
				.navi a span { display: none; }

		#main-image .item { width: 100%; height: 350px; display: block; position: absolute; background-size: cover; background-position: center; }
			#main-image .text { position: absolute; bottom: 38px; right: 0; padding: 20px; background-image: url(../images/808285-40.png); color: #FFFFFF; text-transform: uppercase; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 1.2em; text-align: right; }


	#main { padding: 0 0 3em; margin-top: 2em; }

		.print-logo { display: none; }

		.text-indent { padding: 0 40px; }
			.text-indent .hr { margin-left: -40px; width: calc(100% + 80px); }
			.text-indent a { text-decoration: underline; }
		.content {  }
			.content ul, .content ol { margin-left: 1.5em; margin-bottom: 1em; }
				.content li { margin-bottom: 0.3em; }

			table.borders { margin: 1em 0; width: 100%; border-collapse: collapse; border: 0 !important; }
				table.borders th, table.borders td { padding: 3px 5px; border: 1px solid #e0e0e0; }
				table.borders th { text-align: left; background: #e0e0e0; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1.3em; }
				table.borders td {  }

		/* galleries */
		.gallery-thumbs { display: block; margin: 2em 0 2em -1%; width: 102%; }
			.gallery-thumbs .c { width: 48%; margin: 0 1%; margin-bottom: 1em; position: relative; }
				.gallery-thumbs .c .overlay { position: absolute; top: 0; left: 0; width: 100%; display: block; background: url(../images/black-trans.png); color: #FFFFFF; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; transition: height .3s ease; overflow: hidden; }
			.gallery-thumbs a.c:hover .overlay { height: 220px; }
					.gallery-thumbs .c .overlay-title { display: block; font-size: 1.4em; text-transform: uppercase; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; height: 50px; line-height: 50px; }
					.gallery-thumbs .c .overlay .text { display: block; padding: 5px 0 0 0; }
					.gallery-thumbs .c .thumb { display: block; width: 100%; height: 220px; background-size: cover; background-position: center; }


		/* gallery */
		#gallery-image { position: relative; width: 100%; height: 500px; margin: 40px 0 25px; }
			#gallery-image .arrow { display: block; position: absolute; top: 50px; width: 50px; height: 400px; background: transparent; z-index: 900; background-repeat: no-repeat; background-position: center; transition: width .3s ease; }
			#gallery-image .arrow:hover { width: 100px; }
			#gallery-image .arrow.left { background-image: url(../images/arrow-left.png); left: 0; }
			#gallery-image .arrow.right { background-image: url(../images/arrow-right.png); right: 0; }

			#gallery-image .imagerotator { height: 550px; }
				#gallery-image .item { position: absolute; width: 100%; height: 500px; background-position: center; background-repeat: no-repeat; background-size: contain; }
					#gallery-image .item .text { display: block; position: absolute; bottom: 0; left: 0; color: #FFFFFF; background: url(../images/black-trans.png); padding: 9px 30% 9px 30px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

		#gallery-thumbs { width: 95%; position: relative; margin: 0 auto 3em; }
			#gallery-thumbs .arrow { display: block; position: absolute; top: 50%; margin-top: -15px; width: 17px; height: 31px; background: transparent; z-index: 30; background-repeat: no-repeat; background-position: center; }
			#gallery-thumbs .arrow:hover {  }
			#gallery-thumbs .arrow.left { background-image: url(../images/arrow-left-small.png); left: -25px; }
			#gallery-thumbs .arrow.right { background-image: url(../images/arrow-right-small.png); right: -25px; }

			#gallery-thumbs .imagerotator { width: 100%; height: 150px; }
				#gallery-thumbs .group { position: absolute; width: 100%; height: 150px; }
					#gallery-thumbs .item { display: block; width: 10%; height: 70px; margin: 0 1.25% 10px; float: left; overflow: hidden; }
					#gallery-thumbs .item.active { opacity: .5; }
						#gallery-thumbs .item img { display: block; width: 100%; }



		/* list of pages, search */
		.page {  }
			.page .image { float: left; width: 20%; }
				.page .image a, .page .image img { display: block; width: 100%; }
			.page .text { margin-left: 23%; }

		.more-text { margin: 2em 0; }

		/* grid of pages, media */
		.grid-box { margin: 3em -1% 0; width: 102%; }
			.grid-page { display: block; float: left; margin: 0 1%; width: 23%; }
				.grid-page .image { background: top center no-repeat transparent; background-size: contain; height: 150px; margin-bottom: 1em; }
				.grid-page .heading { display: block; font-size: 1.1em; }
					.grid-page em { font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-size: .9em; }


		/* footer all pages */
		.featured { margin: 0 -1%; width: 102%; padding-top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
			.featured .c { width: 23%; margin: 0 1%; }
			.featured .c:hover { opacity: .9; }
				.featured .c .title { margin: 0; font-size: 1.2em; background-position: top left; height: 3.5em; }

			.featured .video { position: relative; }
				.featured .item a { display: block; }
					.featured .item .overlay { display: block; position: absolute; left: 50%; top: 50%; margin-top: -20px; width: 57px; height: 40px; margin-left: -28px; pointer-events: none; z-index: 100; }
					/*.featured .item:hover .overlay { opacity: .9; }*/
					.featured .item img { width: 100%; }


		footer { padding: 20px; background: #e6e7e8; }
		footer.root > div { width: 100%; }
		.gold footer { background: #E5DCCB; }
			footer .megamenu { font-size: 0.85em; }
				footer .megamenu ul { float: left; margin: 0; padding: 0 30px 30px 0; list-style-type: none; }
					footer .megamenu ul li { margin: 0; padding: 0; }
					footer .megamenu ul li.large { text-transform: uppercase; font-weight: bold; }
						footer .megamenu ul li a { display: block; padding: 0 0 4px; }

			footer .contact { float: right; text-align: right; padding-bottom: 30px; }
				footer .contact .logo { display: block; width: 160px; height: 58px; background: url(../images/logo.png) center no-repeat transparent; background-size: contain; margin-bottom: .8em; }
				footer .contact .text { opacity: .6; }
				.gold footer .contact .logo { background-image: url(../images/logo-gold.png); }

			footer .translate { float: left; }


			footer .info { float: right; text-align: right; font-size: 0.8em; opacity: .4; color: #000000; }
				footer .info a { color: inherit; }

			.footer-logos {
				text-align: center;
				margin: 1.5em 0;
			}
				.footer-logos img {
					margin: .5em .8em;
					height: 5em;
				}
				

.in-this-section { padding: 0 0 0 2%; }
	.in-this-section .title { font-size: 1.6em; padding-top: 2px; }
	.in-this-section ul { list-style: none; margin-left: 0; padding-left: 0; font-size: 0.9em; }
	.in-this-section li { border-bottom: 1px dotted #e0e0e0; padding-bottom: 4px; }
	.in-this-section li:last-child { border-bottom: 0; }
	.in-this-section a.active { font-weight: bold; }

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

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

input[type="text"], input[type="email"], input[type="password"], textarea { width: 100%; padding: 1px 3px; vertical-align: middle; border: 1px solid #e0e0e0; background: #e6e7e8; margin-bottom: 3px; border-radius: 0; }

.gold input[type="text"], .gold input[type="email"], .gold input[type="password"], .gold textarea { background: #ede8df; }

input[type="submit"], input[type="image"], input[type="button"] { display: block; padding: 0 0 0 32px; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-style: italic; color: #777777; font-size: 1.1em; border: 0; cursor: pointer; width: auto; margin-bottom: .2em; background: url(../images/flourish.png) center left no-repeat transparent; background-size: contain; margin-top: .5em; }
input[type="submit"]:hover, input[type="image"]:hover, input[type="button"]:hover { color: #333333; }


form.formhandler {
	padding: 1em 0 0;
	width: 100%;
	margin: 0 auto;
}

form.formhandler fieldset {
	clear: both;
	width: 100%;
	margin: 0 0 -1em 0;
	padding: 0 0 1em 0;
	border-style: none;
	background-repeat: repeat-x;
}

form.formhandler legend {
	margin-left: 1em;
	color: #000000;
	display: none;
}

form.formhandler fieldset ol {
	/*padding: 1em 1em 0 1em;*/
	margin: 0 !important;
	list-style: none;
}

form.formhandler fieldset li {
	padding-bottom: 1em;
}

form.formhandler li input, form.formhandler li textarea {  }

form.formhandler fieldset.submit {
	
	border-style: none;
}

form.formhandler label {
	float: left;
	width: 40%;
	margin-right: 1em;
}

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

/* left aligned labels */
form.formhandler fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}

form.formhandler fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

/* background stuff */
form.formhandler fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	background-color: transparent;
}

form.formhandler fieldset.submit input {
	width: auto;
	cursor: pointer;
}

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

form.formhandler fieldset fieldset label.legend {
	float: left;
	width: 100%;
	margin-right: 1em;
	vertical-align: top;
}

form.formhandler fieldset fieldset ol {
	position: relative;
	top: -1.5em;
	margin: 0 0 0 14em;
	padding: 0;
}

form.formhandler fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}
/* Copyright (c) Stu Nicholls. All rights reserved. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html */

.main-navigation { height: 40px; position: relative; z-index: 2001; margin-bottom: 1em; }
	
	.main-navigation ul { float: right; list-style-type: none; margin: 0; padding: 0; }

		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.main-navigation ul ul { visibility: hidden; position: absolute; height: 0; top: 40px; left: 50%; width: 170px; margin-left: -85px; }
	
		/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
		.main-navigation li { float: left; position: relative; margin: 0; padding: 0; }
		
			/* style the first level links */
			.main-navigation a, .main-navigation a:visited { display: block; padding: 0 13px 0 8px; height: 40px; line-height: 40px; text-transform: uppercase; font-size: 0.85em; background: url(../images/main-nav-bg.png) center right no-repeat; }
			.gold .main-navigation a, .gold .main-navigation a:visited { background-image: url(../images/main-nav-bg-gold.png); }
			
			.main-navigation a.active { color: #000000; }
			.main-navigation a.first {  }
			.main-navigation a.last { border: 0; padding-right: 0; background: none; }
			/* style the first level hover */
			.main-navigation a:hover, .main-navigation ul ul a:hover{ color: #000000; }
			.main-navigation :hover > a, .main-navigation ul ul :hover > a { color: #000000; }
			.main-navigation a.menu:hover, .main-navigation ul ul a.menu:hover { background-image: url(https://www.boxallandedmiston.co.uk/templates/images/dropdown-arrow-b0c126.png); }
			
			.main-navigation a.menu:hover, .main-navigation ul ul li.menu:hover { background-image: url(../images/dropdown-arrow.png); }
			.main-navigation .menu:hover, .main-navigation ul ul .menu :hover { background-image: url(../images/dropdown-arrow.png); }
			
			.main-navigation .dropdown-container:hover, .main-navigation ul ul .dropdown-container :hover { background-image: url(../images/dropdown-arrow.png); }
			
				
				/* style the second level links */
				.main-navigation ul ul li { float: none; }
				.main-navigation ul ul a, .main-navigation ul ul a:visited { text-align: left; height: auto; text-transform: none; border: 0; background: none #e6e6e6 !important; line-height: normal; padding: 5px 12px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
				.main-navigation ul ul a.active2 { color: #000000; text-decoration: underline; }
				.main-navigation ul ul a.first2 { padding-top: 12px; }
				.main-navigation ul ul a.last2 { padding-bottom: 12px; }
				/* style the second level hover */
				.main-navigation ul ul a:hover { color: #000000; }
				.main-navigation ul ul :hover > a { color: #000000; }


/* DON'T CHANGE */
/* style the table so that it takes no part in the layout - required for IE to work */
.main-navigation table { position: absolute; top: 0; left: 0; border-collapse: collapse; }
/* 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 ul li:hover .dropdown, .main-navigation ul a:hover .dropdown { visibility: visible; }



/* special dropdowns */
.dropdown-container, .menu { background-position: bottom center; background-repeat: no-repeat; }
.dropdown-container { position: static !important; }

	.dropdown { display: block; visibility: hidden; position: absolute; top: 40px; left: 190px; width: 500px; min-height: 250px; padding: 25px; background: #e6e6e6; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
	
		.dropdown .item { display: block; float: left; width: 48%; margin: 0 1%; font-size: 0.9em; text-align: left; color: #666666; }
			.dropdown a { background: none !important; line-height: normal; height: auto; padding: 0; }
			.dropdown .item .thumb { display: block; width: 100%; height: 115px; background-size: cover; background-color: #cccccc; background-position: center; margin-bottom: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
			.dropdown .item .heading { display: block; margin-bottom: 1em; font-size: 1.2em; }
			
			.dropdown .item .subnav {  }
				.dropdown .item .subnav a { border-bottom: 1px solid #999999; text-transform: none; }
.large-paragraph { font-size: 1.6em; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; }

img.image-fullwidth { display: block; width: 100% !important; height: auto !important; margin: 2em 0; }
img.image-responsive { display: block; max-width: 100% !important; height: auto !important; margin: 2em 0; }

.highlight { color: #999999; }

a.special-link { display: inline-block; background: url(../images/flourish.png) center left no-repeat transparent; padding-left: 40px; margin-left: -40px; height: 24px; line-height: 24px; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-style: italic; color: #777777; font-size: 1.3em; text-decoration: none; }

table.borders { border: 1px solid #a00000; }.shop-root { border: 5px solid #555555; background: #fff; padding: 30px 60px 0; margin-bottom: 2em; position: relative; }

	h1.large { background: none; text-align: center; font-size: 2.6em; margin-bottom: .6em; padding: 0; }
	.shop-root .fancy.indented, .shop-root h1 { margin-left: 0; }

	.shop-root > .hr { border-bottom: 1px dashed #c3a54b; margin: 2em -60px; }

	.shop-root .breadcrumb { margin: 0 0 30px 0px; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.3em; }
		.shop-root .breadcrumb .c {  }
			.shop-root .breadcrumb .c a { display: inline-block; padding-left: 40px; margin-left: -40px; background: center left no-repeat transparent; background-size: contain; pointer-events: none; opacity: .3; height: 1.1em; line-height: 1.1em; }
		.shop-root .breadcrumb .c a.active { opacity: 1; }
		.shop-root .breadcrumb .c a.clickable { pointer-events: auto; }
		.shop-root .breadcrumb .c a.clickable:hover { opacity: 1; }
		.shop-root .breadcrumb .c a.complete { background-image: url(../images/tick.png); }

	/* stage 1 */
	.presets {  }
		.presets .c { display: block; width: 31%; margin: 0 1%; height: 260px; text-align: center; font-size: 0.9em; }
		.presets .c.gold, .presets .c:hover { color: #c3a54b; }
			.presets .c .image { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #ebebeb; height: 165px; background: center no-repeat #FFFFFF; background-size: 90%; border-radius: 4px; margin-bottom: .5em; overflow: hidden; position: relative; }
			.presets .c.gold .image, .presets .c:hover .image { border-color: #c3a54b; }
				.presets .c .image .summary { display: block; opacity: 0; transition: opacity .3s ease; width: 100%; height: 165px; color: #FFFFFF; background-color: #c3a54b; text-align: left; padding: 12px 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
				.presets .c:hover .image .summary { opacity: .8; }
					.presets .c .image .summary .small { font-size: .9em; }
			.presets .heading { display: block; margin-bottom: .2em; }
			.presets .name { display: block; opacity: .8; font-size: .9em; margin-bottom: .2em; }
			.presets .price { display: block; }
			.presets .comingsoon { font-weight: bold; font-size: 1.1em; color: #1A1513; }

	.price-summary { text-align: left; margin: 2em 0 0; }
		.price-summary .price_incvat { font-size: 2.2em; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; }
		.price-summary .excvat { font-size: 0.9em; margin-bottom: 0.75em; }
			.price-summary .price { font-size: 1.5em; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1em; }

		.price-summary .weight { font-size: 0.9em; margin-bottom: 0.75em; }
			.price-summary .weight span { font-size: 1.5em; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1em; }
		.price-summary .text { font-size: .9em; }

	/* stage 2 */
	.gun-options { padding-right: 10px; font-size: 0.9em; }
		.gun-options .option { display: block; color: #333333; padding: 0 0 0 40px; margin: 5px 0 5px -40px; background: center left no-repeat transparent; background-size: contain; height: 1.4em; position: relative; }
		.gun-options .option.active { color: #c3a54b; }
		.gun-options .option.complete { background-image: url(../images/tick.png); }
		.gun-options .option.incomplete {  }
			.gun-options .option .selection { margin-left: .5em; opacity: .5; }
		.gun-options .option ul { display: none; position: absolute; top: -0.65em; left: 180px; list-style: none; background: white; border: 1px solid #d2ad31; box-shadow: 2px 2px 5px #ddd; padding: 2% 5%; z-index: 1000; }
			.gun-options .option ul li { color: #333; white-space: nowrap; }
			.gun-options .option ul li:hover { color: #c3a54b; }
			.gun-options .option ul li.tail { display: block; width: 13px; height: 16px; background-image: url(../images/component-list-tail.png); background-repeat: no-repeat; position: absolute; top: 9px; left: -13px; }

		.gun-options .option:hover { color: #c3a54b; cursor: pointer; background-image: url(../images/flourish-gold.png); }
		.gun-options .option:hover ul { display: block; }
		.gun-options .option.finish { color: #c3a54b; margin-top: 1.5em; background-image: url(../images/tick-gold.png); }

		.gun-options .next { margin-top: 30px; display: inline-block; font-size: 1.2em; background-image: url(../images/options/flourish-right.png); background-repeat: no-repeat; background-position: center right; padding-right: 35px; }
		.gun-options .next:hover { color: #c3a54b; background-image: url(../images/options/flourish-right-gold.png); }

	/* display the gun image in space available, background-size resizes appropriately */
	#customise-view { min-height: 200px; }

	.gun-view { position: relative; display: block; margin: 0 0 2em; }
		.gun-view .image { background: center no-repeat transparent; background-size: contain; z-index: 100; vertical-align: middle; width: 100%; max-width: 100%; }
		.gun-view.wcontrols .image {  width: calc(100% - 45px);  }
		.gun-view.flip .image {
			-moz-transform: scaleX(-1);
		    -o-transform: scaleX(-1);
		    -webkit-transform: scaleX(-1);
		    transform: scaleX(-1);
		    filter: FlipH;
		    -ms-filter: "FlipH";
		}

		/* viewpoint controls */
		/*.gun-view .view { display: block; position: absolute; width: 50px; height: 1.2em; margin-left: -25px; opacity: 0; transition: all .3s ease; right: 0; z-index: 500; text-align: center; font-size: 0.8em; color: #000000; }
		.gun-view:hover .view { opacity: .5; }
		.gun-view .view:hover  { opacity: 1; }
		.gun-view .above { top: 40%; background: url(../images/view-controls/above.png) top center no-repeat; padding: .9em 0 0 0; }
		.gun-view .sides { top: 50%; margin-top: -10px; background: url(../images/view-controls/sides.png) top center no-repeat; padding: 1.2em 0 0 0; }
		.gun-view .below { bottom: 40%; background: url(../images/view-controls/bottom.png) bottom center no-repeat; padding: 0 0 1.2em 0; height: .9em; }
		.gun-view:hover .above { top: 0; }
		.gun-view:hover .below { bottom: 0; }*/
		.gun-view .view { display: block; position: absolute; width: 50px; height: 1.2em; opacity: 0.4; transition: all .3s ease; z-index: 500; text-align: center; font-size: 0.8em; color: #000000; bottom: 0px; }
		.gun-view:hover .view { opacity: .5; }
		.gun-view .view:hover  { opacity: 1; }
		.gun-view .above { right: -20px; background: url(../images/view-controls/above.png) top center no-repeat; padding: .9em 0 0 0; }
		.gun-view .sides { right: 30px; background: url(../images/view-controls/sides.png) top center no-repeat; padding: 1.2em 0 0 0; }
		.gun-view .below { right: 80px; background: url(../images/view-controls/bottom.png) top center no-repeat; padding: .9em 0 0 0; }
		.gun-view:hover .above {  }
		.gun-view:hover .below {  }

		.zoom { width: 100px !important; left: 0px; background: url(../images/view-controls/zoom.png) top center no-repeat; padding: .9em 0 0 0; opacity: 1 !important; }


	.nofooter { height: 30px; }

	.shop-root .header { margin: -30px -60px 30px -60px; line-height: 46px; }
	.shop-root .footer { margin: 40px -60px 0 -60px; line-height: 50px; }
	.shop-root .options { background: #555555; color: #FFFFFF; height: 48px; padding: 0 30px; overflow: hidden; }
		.shop-root .options a { display: inline-block; color: #e0e0e0; padding: 0 35px 0 15px; background: center right no-repeat transparent; }
		.shop-root .options a:hover { text-decoration: underline; opacity: .8; }

		.shop-root .options .flourish-left { background-image: url(../images/options/flourish-left.png); background-position: center left; padding: 0 15px 0 35px; }
		.shop-root .options .flourish-right { background-image: url(../images/options/flourish-right.png); }
		.shop-root .options .edit { background-image: url(../images/options/flourish-left.png); background-position: center left; padding: 0 15px 0 35px; }
		.shop-root .options .print { background-image: url(../images/options/print.png); }
		.shop-root .options .submit { background-image: url(../images/options/send.png); }
		.shop-root .options .send { background-image: url(../images/options/send.png); }
		.shop-root .options .save { background-image: url(../images/options/save.png); background-position: center left; padding: 0 15px 0 35px; }

		.detail-view { position: absolute; bottom: 48px; right: -0; display: none; width: 550px; height: 140px; }
			.detail-view .image { width: 30%; float: left; position: relative; }
				.detail-view .image .overlay { position: absolute; padding: 10px; color: #FFFFFF; font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-size: 0.8em; font-style: italic; }
				.detail-view .image img { display: block; width: 100%; height: 140px; border-radius: 4px; }
			.detail-view .text { width: 70%; height: 140px; padding: 10px; float: right; font-size: .9em; background: #f2f2f2; box-sizing: border-box; }


	/* stage 3 */
	#stage3 { margin: 3em 0; }
		#stage3 #gun_name { display: block; width: 100%; font-size: 2em; margin: 0; background: none; border: none; text-align: center; }


	/* overview */
	#overview_heading { width: 100%; margin-bottom: 2em; }
		#overview_heading h1 { font-size: 2.2em; margin: 0; }

	.chosen-options { padding: 30px 30px 30px 15px; }
	.chosen-options.border { border-right: 1px dashed #c3a54b; padding-left: 0; }
		.chosen-options .option { display: block; margin: 1em 0; font-size: 1.4em; }
			.chosen-options .item { margin-bottom: 1em; min-height: 80px; }
			.chosen-options .text {  }
				.chosen-options .text .selection { color: #c3a54b; font-size: 0.9em; }
				.chosen-options .text .component-price { color: #808080; font-size: 0.9em; }
			.chosen-options .image { background: center no-repeat #cccccc; background-size: cover; border-radius: 3px; }

	#price_total_heading { width: 100%; }
		#price_total_heading * { margin: 0; }
		#price_total_heading span { font-size: 1.2em; }

	#price_total { width: 100%; margin: 2em 0; font-size: .9em; }
		#price_total td { padding-top: 10px; padding-bottom: 10px; }
		#price_total td.total { border-left: 1px solid #CCCCCC; padding-left: 40px; font-size: 1.2em; }
			#price_total .price { font-family: 'Vollkorn', 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.5em; }

	#contact_details_heading { width: 100%; }
		#contact_details_heading * { margin: 0; }
		#contact_details_heading span { font-size: 1.2em; }

	#contact_details { width: 100%; margin: 2em 0; }
		#contact_details td { padding-bottom: 10px; }

/* basket */
#viewbasket { margin-bottom: 10px; }
table.basket { margin-bottom: 5px; }
table.basket th {  }
table.basket td {  }
table.basket .optionlabels { font-size: 0.9em; }

table.form {  }
table.form th {  }
table.form td {  }

.cc-image-name { position: absolute; bottom: 60px; font-weight: bold; color: red; }

@media print {

	.noprint { display: none !important; }
	.page-break { page-break-after: always; }

	.printoption #mobile-menu { display: none; }

	.printoption .background { background: none !important; }

	.printoption .search-form { display: none; }

	.printoption header { display: none; }

	.printoption .main-navigation { display: none; }

	.printoption #main-image { display: none; }

	.print-logo { display: block; margin: 30px auto; width: 240px; height: 87px; background: url(../images/logo.png) center no-repeat transparent; }

	.printoption .shop-root { display: block; border: 0; }
		.printoption .shop-root .options.header { opacity: 0; }
		.printoption .shop-root .options.footer { opacity: 0; }

	.printoption footer { display: none !important; }

}