/* GLOBAL FONTS */
 
	@font-face {
		font-family: 'Silkscreen';
		src: url('../fonts/slkscr/slkscr.eot');
		src: url('../fonts/slkscr/slkscr.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/slkscr/slkscr.woff') format('woff'),
			 url('../fonts/slkscr/slkscr.ttf') format('truetype'),
			 url('../fonts/slkscr/slkscr.svg#Silkscreen') format('svg');
		font-weight: normal;
		font-style: normal;
		}
	@font-face {
		font-family: 'Silkscreen';
		src: url('../fonts/slkscr/slkscrb.eot');
		src: url('../fonts/slkscr/slkscrb.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/slkscr/slkscrb.woff') format('woff'),
			 url('../fonts/slkscr/slkscrb.ttf') format('truetype'),
			 url('../fonts/slkscr/slkscrb.svg#Silkscreen') format('svg');
		font-weight: bold;
		font-style: normal;
		}
	




/*
HTML5 Reset
https://github.com/murtaugh/HTML5-Reset
 */
	html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		background: transparent;
		}
	article, aside, figure, footer, header, hgroup, nav, section, details, summary { display: block; }
	
	/* Responsive images and other embedded objects
	Note:  keeping IMG here will cause problems if you're using foreground images as sprites.
	If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
	img, object, embed { max-width: 100%; }
	
	html {overflow-y: scroll;} /* force a vertical scrollbar to prevent a jumpy page */
	
	ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, 
	blockquote:after, 
	q:before, 
	q:after {content: ''; content: none;}
	
	a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
	
	del {text-decoration: line-through;}
	
	abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
	
	table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
	th {font-weight: bold; vertical-align: bottom; text-align: left;}
	td, td img {font-weight: normal; vertical-align: top;}
	
	hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
	
	input, select {vertical-align: middle;}
	
	pre {
		white-space: pre; /* CSS2 */
		white-space: pre-wrap; /* CSS 2.1 */
		white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
		word-wrap: break-word; /* IE */
		}
	
	input[type="radio"] {vertical-align: text-bottom;}
	input[type="checkbox"] {vertical-align: bottom;}
	
	select, input, textarea {font: 99% sans-serif;}
	
	small {font-size: 85%;}
	b, strong {font-weight: bold;}
	
	sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}
	
	pre, code, kbd, samp {font-family: monospace, sans-serif;} /* standardize any monospaced elements */
	
	.clickable, label, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable elements */
	button, input, select, textarea { margin: 0; } /* Webkit browsers add a 2px margin outside the chrome of form elements */
	button {width: auto; overflow: visible;} /* make buttons play nice in IE */
	
	/* let's clear some floats */
	.cf:before, .cf:after {
		content: " ";
		display: table;
		}
	.cf:after { clear: both; }
	.cf { zoom: 1; clear: both; }
	
	/* fix the box model + IE 7 patch ... http://paulirish.com/2012/box-sizing-border-box-ftw/ */
/*	*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		*behavior: url(/assets/js/IE/boxsizing.htc);
		}*/
	
	/* huh? */
	.chromeframe { position: absolute; top: 0; }

	/* Custom text-selection colors (remove any text shadows:  twitter.com/miketaylr/status/12228805301) */
	::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
	::selection {background: #fcd700; color: #fff; text-shadow: none;} 
	
	a:link { -webkit-tap-highlight-color: #fcd700; } /*	j.mp/webkit-tap-highlight-color */
	ins {background-color: #fcd700; color: #000; text-decoration: none;}
	mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
	
	/* thinner type in safari */
	body { -webkit-text-stroke: 1px transparent; }

	/* prevent Chrome from overriding auto-fill style */
	input:-webkit-autofill {
		background-color: inherit;
		/* background-image: inherit; */
		color: inherit;
		}

	img {
		color: transparent;
		font-size: 0;
		vertical-align: middle;
		-ms-interpolation-mode: bicubic; /* better IE scaling */
		}

	svg {
		overflow: hidden; /* Keep IE9 from drawing outside the box */
		}






/* CORE TAGS */

	html {
		position: relative;
		min-height: 100%;
		}
	body {
		min-width: 960px;
		}
	html body {
	   margin-bottom: auto;
	}
		#body_reference {
			padding: 50px;
			min-width: 100px;
			height: auto;
			}
	
	div { position: relative; }
	p { margin-bottom: 10px; }
	
	ol, ul, li { list-style: none; }
	ul.bullets { margin: 10px 0; }
	.bullets li {
		margin-left: 14px;
		padding-left: 10px;
		list-style: disc outside;
		}

/* LINKS */

	a { 
		text-decoration: none;
		outline: none;
		}
	
	a.red { color: red !important; }

/* HEADERS */

	.fancybox-inner h1,
	.fancybox-inner h2,
	.fancybox-inner h3,
	.fancybox-inner h4 {
		color: #000;
		text-shadow: none;
		}

/* FORM ELEMENTS */

	input,
	select,
	textarea,
	button {
		position: relative;
		display: inline-block;
		text-align: left;
		}
		
	button.inactive {
		opacity: 0.5;
		cursor: default;
	}
	
	.w40 { width: 40px !important; }
	.w60 { width: 60px !important; }
	input.w100 { width: 100px !important; }
	input.disabled { cursor: default; }

/* LAYOUT */
	
	.hidden { display: none; }
	.nowrap { white-space: nowrap; }
	.noline {
		text-decoration: none;
		border: none;
		}
	.no_sel {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}
	
	.bold { font-weight: bold; }
	
	.left {
		position: relative;
		float: left;
		margin-right: 5px;
		}
	.right {
		position: relative;
		float: right;
		margin-left: 5px;
		}
	
	.al_l { text-align: left !important; }
	.al_c { text-align: center !important; }
	.al_r { text-align: right !important; }
	
	.pad10 { margin-right: 10px; }
	.pad20 { margin-right: 20px; }
	.pad30 { margin-right: 30px; }
	
	.push_down_20 {
		margin-bottom: 20px;
		}
	
	.padtop_10 { padding-top: 10px; }
	
	.linkrows a { display: block; }
	
	.up3 { top: -3px; }
	
	.big {
		font-size: 140%;
		}

/* LINES + BOXES */

	.boxed {
		position: relative;
		padding: 10px 20px;
		margin-bottom: 20px;
		}
	
	.ui-effects-transfer { z-index: 9999; }
	
	.line_2 {
		position: relative;
		width: 100%;
		height: 2px;
		margin: 0 0 10px 0;
		}
	
	.half_1 {
		float: left;
		width: 305px;
		padding: 20px 40px 20px 20px;
		margin-right: 20px;
		}
	.half_2 {
		float: left;
		width: 305px;
		padding: 20px 20px 20px 40px;
		}

/* MAIN CONTAINER */
	
	#container {
		position: relative;
		margin: 0 auto; /* center */
		width: 960px; /* 960px after padding */
		min-height: 300px;
		z-index: 100;
		}

/* HEADER */

	#header_bg {
		position: absolute;
		top: 0;
		width: 100%;
		}
	header {
		position: relative;
		width: 960px;
		margin: 0 auto 0 auto;
		z-index: 200;
		}
		
		#searchbox { float: right; }
		
		#searchbox img {
			position: absolute;
			top: 5px;
			left: 7px;
			width: 16px;
			height: 16px;
			}
		#searchbox input {
			width: 100px;
			padding: 4px 5px 2px 35px;
			margin: 0 -2px 0 0;
			}
		
/* NAV */

	#nav a {
		display: block;
		}

/* FOOTER */

	footer {
		position: relative;
		width: 100%;
		z-index: 1;
		padding-bottom: 15px;
		min-height: 130px;
		}
		
		#footer_bg1 {
			position: absolute;
			bottom: 0;
			width: 100%;
			min-width: 960px;
			z-index: 0;
			}
		
		#footer_bg2 {
			position: absolute;
			bottom: 0;
			width: 100%;
			z-index: 1;
			}
		#footer_content {
			position: relative;
			width: 960px;
			margin: 0 auto;
			z-index: 100;
			overflow: hidden;
			}
			
		body #footer_content {
		  height: auto;
		}
			
			#optIn {
				width: 160px;
				}

			#footer_copyright {
				position: absolute;
				left: 10px;
				bottom: 25px;
				font-size: 11px;
				}
				
			#footer_powered_by {
				position: absolute;
				bottom: 10px;
				left: 10px;
				font-size: 11px;
			}

/* BREADCRUMBS */

	#breadcrumbs {
		position: relative;
		margin-bottom: 20px;
		}

/*	INTRO */

	#body_intro .grid_13 .topline {
		margin-top: 10px;
		}
	
	#body_intro h2 {
	    margin-top: 5px !important;
	}
	
	#body_intro .form {
		margin: 10px 0;
		font-style: italic;
	}
	
	.intro_4 {
		width: 785px; /* grid_13 = 760*/
		margin-left: -12px;
		margin-bottom: 10px;
		font-size: 11px;
		line-height: 13.2px;
		}
		.intro_4 > div {
			float: left;
			width: 172px;
			padding: 12px;
			overflow: hidden;
			}
			.intro_4.aspect_1x1 > div { height: 253px; }
			.intro_4.aspect_4x3 > div { height: 210px; }
		.intro_4 img {
			width: 172px;
			}
			.intro_4.aspect_1x1 img { height: 172px; }
			.intro_4.aspect_4x3 img { height: 129px; }
		.intro_4 > div:hover {
			cursor: pointer;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			transition: all 0.2s ease;
			}
	
	.intro_5 {
		width: 776px; /* grid_13 = 760*/
		margin-left: -7px;
		margin-bottom: 10px;
		font-size: 11px;
		line-height: 13.2px;
		}
		.intro_5 > div {
			float: left;
			width: 140px;
			padding: 12px 7px;
			overflow: hidden;
			}
			.intro_5.aspect_1x1 > div { height: 225px; }
			.intro_5.aspect_4x3 > div { height: 190px; }
		.intro_5 img {
			width: 140px;
			}
			.intro_5.aspect_1x1 img { height: 140px; }
			.intro_5.aspect_4x3 img { height: 105px; }
		.intro_5 > div:hover {
			cursor: pointer;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			transition: all 0.2s ease;
			}
	
	.intro_1 {
		margin-top: -10px;
		}
		.intro_1 .name {
			font-size: 20px;
			line-height: 20px;
			}
		.intro_1 img {
			float: left;
			margin-right: 20px; 
			width: 400px;
			}
			.intro_1.aspect_1x1 img { height: 400px; }
			.intro_1.aspect_4x3 img { height: 300px; }
		.intro_1 .img {
			z-index: 100;
			}

/* CATEGORY VIEW ICONS */
	
	#view_icons {
		position: absolute;
		right: 0;
		bottom: 0;
		}
	
	#view_icons a {
		text-indent: -10000px;
		display: inline-block;
		width: 23px;
		height: 23px;
		overflow: hidden;
		background-repeat: no-repeat;
		}
		#view_icons a.selected {
			cursor: default;
			}
	
	#view_icons a.list {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		background-position: 0 0;
		border-right: 1px solid transparent;
		}
		#view_icons a.list.selected {
			background-position: 0 -23px;
			}
		#view_icons a.list:not(.selected):hover {
			background-position: 0 -46px;
			}
	
	#view_icons a.hybrid {
		background-position: -24px -1px;
		}
		#view_icons a.hybrid.selected {
			background-position: -24px -24px;
			}
		#view_icons a.hybrid:not(.selected):hover {
			background-position: -24px -47px;
			}
	
	#view_icons a.grid {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background-position: -48px -1px;
		border-left: 1px solid transparent;
		}
		#view_icons a.grid.selected {
			background-position: -48px -24px;
			}
		#view_icons a.grid:not(.selected):hover {
			background-position: -48px -47px;
			}

/* CATEGORY VIEW LISTS */
	
	#item_list_desc,
	.item_list_desc {
		margin-bottom: 20px;
		font-weight: normal;
	}
		
	#item_list_desc_before img,
	.item_list_desc_before img {
		height: auto !important;
		width: auto !important;
		max-width: 100%;
	}
	
	#item_list_desc+#item_list_desc_after,
	.item_list_desc+.item_list_desc_after {
		padding-top: 10px;
	}
	
	#item_list_desc_after,
	.item_list_desc_after {
		margin-bottom: -10px;
	}
	
	#item_list_desc_after img,
	.item_list_desc_after img {
		height: auto !important;
		width: auto !important;
		max-width: 100%;
	}
	
	#item_list, .item_list {
		position: relative;
	}
	
	#item_list.grid,
	.item_list.grid {
        grid-template-columns: 1fr 1fr 1fr;
        display: grid;
    }
	
	#item_list li,
	.item_list li {
		position: relative;
		float: left;
		overflow: hidden;
		cursor: pointer;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		transition: all 0.2s ease;
		}
			/* toggled dimensions ... 760 max */
			#item_list.list li,
			.item_list.list li {
				float: none;
				width: 748px;		/* sync to jquery */
				min-height: 16px;	/* sync to jquery */
				padding: 5px;
				}
			
			/* sync w+h to jquery */
			#item_list.hybrid li,
			.item_list.hybrid li  {
				width: 748px;
				height: 46px;
				padding: 5px;
				}
			
			/* sync w+h to jquery */
			#item_list.grid li,
			.item_list.grid li {
				padding: 10px;
				width: auto !important;
                height: auto !important;
			}
			
		
		#item_list li:hover,
		.item_list li:hover {
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			transition: all 0.2s ease;
			}
		#item_list li a,
		.item_list li a {
			display: block;
			width: 100%;
			height: 100%;
			}
		
		#item_list img,
		.item_list img {
			float: left;
			margin: 0 10px 10px 0;
			height: auto;
			}
			/* toggled dimensions */
			#item_list.list img,
			.item_list.list img {
				display: none;
				}
			
			#item_list.aspect_1x1.hybrid img,
			.item_list.aspect_1x1.hybrid img {
				width:  42px;		/* sync to jquery */
				height: 42px;		/* sync to jquery */
				}
			#item_list.aspect_4x3.hybrid img,
			.item_list.aspect_4x3.hybrid img {
				width:  56px;		/* sync to jquery */
				height: 42px;		/* sync to jquery */
				}

			#item_list.aspect_1x1.grid img,
			.item_list.aspect_1x1.grid img {
				width:  100% !important;
				height: auto !important;
			}
			#item_list.aspect_4x3.grid img,
			.item_list.aspect_4x3.grid img {
				width:  100% !important;
				height: auto !important;
				box-sizing: border-box;
				}
				
			#item_list.aspect_1x1.grid .items-list-image-container,
            .item_list.aspect_1x1.grid .items-list-image-container {
                display: block;
                min-height: 224px;
                margin-bottom: 10px;
			}
            #item_list.aspect_4x3.grid .items-list-image-container,
            .item_list.aspect_4x3.grid .items-list-image-container {
                display: block;
                min-height: 168px;
                margin-bottom: 10px;
            }
            
            #item_list.aspect_4x3.grid .items-list-image-container img,
            .item_list.aspect_4x3.grid .items-list-image-container img {
                margin: 0;
            }
		
		#item_list.grid table,
		.item_list.grid table {
			display: block;
			white-space: pre;
			}
		
		#item_list table td,
		.item_list table td {
			width: auto;
			}
				
		#item_list .name,
		.item_list .name {
			font-weight: normal;
			margin-right: 10px;
			white-space: nowrap;
			}
			#item_list.grid .name,
			.item_list.grid .name {
				width: 100%;
				white-space: normal;
				}
		#item_list.list div,
		.item_list.list div {
			display: inline-block;
			}
		
		#item_list .short_desc,
		.item_list .short_desc {
			width: 100%;
			font-weight: normal;
			}
			#item_list.list .short_desc,
			.item_list.list .short_desc {
				display: none;
				}
			#item_list.grid .short_desc,
			.item_list.grid .short_desc {
				width: 0;
				}
		#item_list .short_desc div,
		.item_list .short_desc div {
			height: 44px;
			line-height: 14px;
			overflow: hidden;
			display: block;
			}
			#item_list.grid .short_desc div,
			.item_list.grid .short_desc div {
				display: none;
				}
		
		#item_list.list .item_count,
		.item_list.list .item_count {
			white-space: nowrap;
			}
		#item_list .item_count,
		.item_list .item_count {
			text-align: right;
			padding-left: 20px;
			}

/* ITEM PAGE */

	#body_item #images_mask {
		position: absolute;
		display: none;
		z-index: 1000;
		}
	
	#body_item #images_box {
		margin-bottom: 20px;
		z-index: 999;
		}
	#body_item #images_box.aspect_1x1 { height: 340px; }
	#body_item #images_box.aspect_4x3 { height: 255px; }
	
	
	#body_item .thumb_box {
		position: absolute;
		max-width: 350px;
		bottom: -1px;
		left: 0;
		}
	#body_item .thumb_foto img {
		float: left;
		width: 80px;
		}
	#body_item .aspect_1x1 .thumb_foto { height: 80px; }
	#body_item .aspect_4x3 .thumb_foto { height: 60px; }
	
	#body_item .thumb_foto_pad { float: left; }
	#body_item .aspect_1x1 .thumb_foto_pad { height: 60px; }
	#body_item .aspect_4x3 .thumb_foto_pad { height: 60px; }
	
	
	#body_item .banner {
		position: absolute;
		top: -1px;
		right: -3px;
		width: 113px;
		height: 114px;
		background-repeat: no-repeat;
		background-position: right top;
		}
		#body_item .banner.is_sale {
			background-image: url(../images/layout/banner_on_sale.png);
			}
		#body_item .banner.is_special_offer {
			background-image: url(../images/layout/banner_special_offer.png);
			}
		#body_item .banner.is_limited_stock {
			background-image: url(../images/layout/banner_limited_stock.png);
			}
		#body_item .banner.is_rare {
			background-image: url(../images/layout/banner_rare.png);
			}
		#body_item .banner.is_free {
			background-image: url(../images/layout/banner_free.png);
			}
		#body_item .banner.is_smellable {
			background-image: url(../images/layout/banner_smellable.png);
			}
		#body_item .banner.is_expected {
			background-image: url(../images/layout/banner_expected_stock.png);
			}
	
	#body_item #dynamic_desc {
		/*
		overflow: auto;
		height: 220px;
		*/
		padding-right: 20px;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		overflow: hidden;
		}
	
	#body_item #io_desc {
		overflow: hidden;
		}

/* ITEM PAGE ... OPTIONS */

	#options a.iopt,
	#options a.iow {
		display: block;
		padding: 1px 5px 3px 5px;
		margin: 0 10px -1px 0;
		}
	#options a.selected {
		cursor: default;
		}
	
	a#currency,
	a#currency2,
	a#currency3 {
		float: right;
		margin: 5px 10px 0 0;
		}
		a#currency2,
		a#currency3 {
			margin-right: 0;
			}

	#add_to_wishlist {
		display: block;
		margin: 0 0 0 8px;
		}

	#curr_box {
		padding: 0 20px 20px 20px;
		}
		#curr_box select {
			font-size: 14px;
			}

/*	ITEM FULL-LIST OPTIONS */
	
	#fulloptions_box {
		position: relative;
		float: left;
		}
	
	#fulloptions table {
		margin: -10px 0 0 0;
		}
	#fulloptions_add2order {
		display: none;
		position: absolute;
		white-space: nowrap;
		top: -4px;
		margin: 0 0 0 -7px;
		z-index: 100;
		}
	#fulloptions_add2order input[type=button] {
		margin-left: 0;
		margin-top: 2px;
		}
	
	input#f_add_to_order {
		margin-bottom: 0;
		}
	
/* ITEM DESCRIPTION TABS */

	.etabs {
		margin: 0;
		padding: 0;
		}
	.tab {
		position: relative;
		display: inline-block;
		zoom: 1;
		*display: inline;
		border-radius: 2px 2px 0 0;
		top: 1px;
		}
	.tab a {
		display: block;
		padding: 5px 10px 8px 10px;
		outline: none;
		}
	.tab.active {
		padding-top: 6px;
		position: relative;
		z-index: 200;
		}
	.tab a.active {
		cursor: default;
		}
	
	.tab-container {
		margin-bottom: 20px;
		}
	.tab-container .panel-container {
		padding: 10px;
		border-radius: 0 2px 2px 2px;
		}
	.panel-container {
		margin-bottom: 10px;
		}

/* ITEM CROSS-SELL */

	.cross_sell_slider {
		margin-top: 40px;
	}
	.cross_sell_slider  .flexslider {
		padding: 10px; /* surrounding pad */
	}
	.cross_sell_slider  .flexslider .slides > li {
		position: relative;
		padding: 10px; /* inner-slide padding */
		margin-right: 0; /* inter-slide margin */
	}
	.cross_sell_slider  .flexslider img {
		width: 165px;
	}
	.cross_sell_slider .aspect_1x1 .flexslider img {
		height: 164px;
	}
	.cross_sell_slider .aspect_4x3 .flexslider img {
		height: 124px;
	}

	.cross_sell_slider  .flexslider .name,
	.cross_sell_slider  .flexslider .short_desc {
		width: 165px;
	}
		
	.cross_sell_slider h2 {
		font-size: 18px;
		margin: -5px 0 -5px 0;
	}
	.cross_sell_slider .slides > li:hover {
		background: rgba(255,255,255,0.1);
	}
	.cross_sell_slider .name {
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		margin: 10px 0;
	}
	cross_sell_slider .short_desc {
		height: 40px;
		color: #bbb;
	}

/* PROFILE */

	#dashboard > div {
		padding: 0;
		margin: 0;
		}
	#dashboard > div.dash_1 {
		width: 370px;
		}
	#dashboard > div.dash_2 {
		width: 760px;
		}

/* DIALOG BOXES */

	#dialog {
		max-width: 680px;
		}
		#dialog h1 {
			color: #000; /* will always be black on white so leave it here */
			text-shadow: none;
			}
		#dialog_ok {
			outline: none;
			}

/* REFERENCES */

	#reference_content {
		max-width: 640px;
		}

/* SIGN IN */

	.smallprint {
		font-family: Silkscreen, courier;
		font-size: 8px;
		font-weight: normal;
		margin: -3px 0 6px 0;
		}
	#forgot_pass {
		font-family: Silkscreen, courier;
		font-size: 8px;
		margin: -3px 0 6px 0;
		}

/* REGISTRATION */

	.error {
		float: left;
		z-index: 1000;
		}
	
	#contact_error,
	#signin_error,
	#reg_error {
		display: none;
		margin-left: 10px;
		max-width: 290px;
		}
	
	.icon_x,
	.icon_v {
		position: absolute;
		margin: 3px 0 0 -10px;
		background-position: left top;
		width: 21px;
		height: 18px;
		}
		.icon_v {
			background-position: right top;
			}

/* ORDER */

	#order_steps {
		margin-bottom: 20px;
		}
	#order_steps > div {
		float: left;
		margin-right: -1px;
		}
	
	#order_review .order_thumb { height: 48px; }
	#order_review.aspect_1x1 .order_thumb { width: 48px; }
	#order_review.aspect_4x3 .order_thumb { width: 64px; }
	
	.remove {
		display: inline-block;
		cursor: pointer;
		}
	
	#payment_methods button {
		margin-bottom: 5px;
		}

/* TABLES */

	table.middle tr td,
	table tr.middle td {
		vertical-align: middle !important;
		}
	
	table.tables {
		position: relative;
		text-align: left;
		}
	
	table.tables tr td {
		position: relative;
		padding: 3px 5px 2px 5px;
		}
	table.tables tr th.right,
	table.tables tr td.right {
		float: none !important;
		text-align: right;
		}
	
	table.tables tr th h2 {
		margin: 0 -10px 0 0;
		}
	table.tables tr td h2 {
		margin: 0;
		}
	
	table.tables tr.hoverable {
		cursor: pointer;
		}
	table.tables tr.selected {
		cursor: default;
		}
	table.tables tr.hoverable:hover td {
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		transition: all 0.2s ease;
		}
	


/*
	jQuery plugin stylesheets ...
	Edit with care.
*/




/* ISOTOPE */

	/* Isotope Filtering */
	.isotope-item {
		z-index: 2;
		}
	
	.isotope-hidden.isotope-item {
		pointer-events: none;
		z-index: 1;
		}
	
	/* Isotope CSS3 transitions */
	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
		 -moz-transition-duration: 0.8s;
		  -ms-transition-duration: 0.8s;
		   -o-transition-duration: 0.8s;
			  transition-duration: 0.8s;
		}
	
	.isotope {
	  -webkit-transition-property: height, width;
		 -moz-transition-property: height, width;
		  -ms-transition-property: height, width;
		   -o-transition-property: height, width;
			  transition-property: height, width;
		}
	
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
		 -moz-transition-property:    -moz-transform, opacity;
		  -ms-transition-property:     -ms-transform, opacity;
		   -o-transition-property:      -o-transform, opacity;
			  transition-property:         transform, opacity;
		}
	
	/* disabling Isotope CSS3 transitions */
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
		 -moz-transition-duration: 0s;
		  -ms-transition-duration: 0s;
		   -o-transition-duration: 0s;
			  transition-duration: 0s;
		}





/* jQuery FlexSlider v2.2.0  */

	/* Browser Resets
	*********************************/
	.flex-container a:active,
	.flexslider a:active,
	.flex-container a:focus,
	.flexslider a:focus  {outline: none;}
	.slides,
	.flex-control-nav,
	.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

	/* Icon Fonts
	*********************************/
	/* Font-face Icons */
	@font-face {
		font-family: 'flexslider-icon';
		src:url('../fonts/flexslider/flexslider-icon.eot');
		src:url('../fonts/flexslider/flexslider-icon.eot?#iefix') format('embedded-opentype'),
			url('../fonts/flexslider/flexslider-icon.woff') format('woff'),
			url('../fonts/flexslider/flexslider-icon.ttf') format('truetype'),
			url('../fonts/flexslider/flexslider-icon.svg#flexslider-icon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	/* FlexSlider Necessary Styles
	*********************************/
	.flexslider {margin: 0; padding: 0;}
	.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img {
		width: 100%;
		display: block;
	}
	.flex-pauseplay span {text-transform: capitalize;}

	/* Clearfix for the .slides element */
	.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	html[xmlns] .slides {display: block;}
	* html .slides {height: 1%;}

	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */
	.no-js .slides > li:first-child {display: block;}

	/* FlexSlider Default Theme
	*********************************/
	.flexslider { margin: 0 0 60px; position: relative; /*background: #fff; border: 4px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; */ }
	.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
	.loading .flex-viewport { max-height: 300px; }
	.flexslider .slides { zoom: 1; }
	.carousel li { margin-right: 5px; }
	
	/* Direction Nav */
	.flex-direction-nav {*height: 0;}
	.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 37%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } /* color: rgba(255,255,255,0.8); text-shadow: 3px 3px 0 rgba(0,0,0,0.7); */
	.flex-direction-nav .flex-prev { left: -30px; }
	.flex-direction-nav .flex-next { right: -30px; text-align: right; }
	.flexslider:hover .flex-prev { opacity: 0.7; left: 25px; }
	.flexslider:hover .flex-next { opacity: 0.7; right: 25px; }
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
	.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
	.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; line-height: 40px; }
	.flex-direction-nav a.flex-next:before  { content: '\f002'; }
	
	/* Pause/Play */
	.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
	.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
	.flex-pauseplay a:hover  { opacity: 1; }
	.flex-pauseplay a.flex-play:before { content: '\f003'; }
	
	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -10px; text-align: center;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /*background: #888; background: rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); */}
/*	.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,1); }*/
	.flex-control-paging li a.flex-active { /*background: #f90; background: rgba(255,150,0,0.9);*/ cursor: default; }

	.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
	.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	.flex-control-thumbs img:hover {opacity: 1;}
	.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

	@media screen and (max-width: 860px) {
	  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
	  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
	}







/* fancyBox v2.1.5 */
	
	/* my fixes */
	.fancybox-lock {
		margin: 0 !important;
		}
	
	/* core */
	.fancybox-wrap,
	.fancybox-skin,
	.fancybox-outer,
	.fancybox-inner,
	.fancybox-image,
	.fancybox-wrap iframe,
	.fancybox-wrap object,
	.fancybox-nav,
	.fancybox-nav span,
	.fancybox-tmp {
		padding: 0;
		margin: 0;
		border: 0;
		outline: none;
		vertical-align: top;
		}
	
	.fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8020;
		}
	
	.fancybox-skin {
		position: relative;
		background: #f9f9f9;
		color: #444;
		text-shadow: none;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
		}
	
	.fancybox-opened {
		z-index: 8030;
		}
	
	.fancybox-opened .fancybox-skin {
		-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
				box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		}
	
	.fancybox-outer, .fancybox-inner {
		position: relative;
		}
	
	.fancybox-inner {
		overflow: hidden;
		}
	
	.fancybox-type-iframe .fancybox-inner {
		-webkit-overflow-scrolling: touch;
		}
	
	.fancybox-error {
		color: #444;
		font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
		margin: 0;
		padding: 15px;
		white-space: nowrap;
		}
	
	.fancybox-image, .fancybox-iframe {
		display: block;
		width: 100%;
		height: 100%;
		}
	
	.fancybox-image {
		max-width: 100%;
		max-height: 100%;
		}
	
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite.png');
		}
	
	#fancybox-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -22px;
		margin-left: -22px;
		background-position: 0 -108px;
		opacity: 0.8;
		cursor: pointer;
		z-index: 8060;
		}
	
	#fancybox-loading div {
		width: 44px;
		height: 44px;
		background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
		}
	
	.fancybox-close {
		position: absolute;
		top: -18px;
		right: -18px;
		width: 36px;
		height: 36px;
		cursor: pointer;
		z-index: 8040;
		}
	
	.fancybox-nav {
		position: absolute;
		top: 0;
		width: 40%;
		height: 100%;
		cursor: pointer;
		text-decoration: none;
		background: transparent url('../images/fancybox/blank.gif'); /* helps IE */
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		z-index: 8040;
		}
	
	.fancybox-prev {
		left: 0;
		}
	
	.fancybox-next {
		right: 0;
		}
	
	.fancybox-nav span {
		position: absolute;
		top: 50%;
		width: 36px;
		height: 34px;
		margin-top: -18px;
		cursor: pointer;
		z-index: 8040;
		visibility: hidden;
		}
	
	.fancybox-prev span {
		left: 10px;
		background-position: 0 -36px;
		}
	
	.fancybox-next span {
		right: 10px;
		background-position: 0 -72px;
		}
	
	.fancybox-nav:hover span {
		visibility: visible;
		}
	
	.fancybox-tmp {
		position: absolute;
		top: -99999px;
		left: -99999px;
		max-width: 99999px;
		max-height: 99999px;
		overflow: visible !important;
		}
	
	/* Overlay helper */
	
	.fancybox-lock {
		overflow: hidden !important;
		width: auto;
		}
	
	.fancybox-lock body {
		overflow: hidden !important;
		}
	
	.fancybox-lock-test {
		overflow-y: hidden !important;
		}
	
	.fancybox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		display: none;
		z-index: 8010;
		background: url('../images/fancybox/fancybox_overlay.png');
		}
	
	.fancybox-overlay-fixed {
		position: fixed;
		bottom: 0;
		right: 0;
		}
	
	.fancybox-lock .fancybox-overlay {
		overflow: auto;
		overflow-y: scroll;
		}
	
	/* Title helper */
	
	.fancybox-title {
		visibility: hidden;
		font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
		position: relative;
		text-shadow: none;
		z-index: 8050;
		}
	
	.fancybox-opened .fancybox-title {
		visibility: visible;
		}
	
	.fancybox-title-float-wrap {
		position: absolute;
		bottom: 0;
		right: 50%;
		margin-bottom: -35px;
		z-index: 8050;
		text-align: center;
		}
	
	.fancybox-title-float-wrap .child {
		display: inline-block;
		margin-right: -100%;
		padding: 2px 20px;
		background: transparent; /* Fallback for web browsers that doesn't support RGBa */
		background: rgba(0, 0, 0, 0.8);
		-webkit-border-radius: 15px;
		   -moz-border-radius: 15px;
				border-radius: 15px;
		text-shadow: 0 1px 2px #222;
		color: #FFF;
		font-weight: bold;
		line-height: 24px;
		white-space: nowrap;
		}
	
	.fancybox-title-outside-wrap {
		position: relative;
		margin-top: 10px;
		color: #fff;
		}
	
	.fancybox-title-inside-wrap {
		padding-top: 10px;
		}
	
	.fancybox-title-over-wrap {
		position: absolute;
		bottom: 0;
		left: 0;
		color: #fff;
		padding: 10px;
		background: #000;
		background: rgba(0, 0, 0, .8);
		}
	
	/*Retina graphics!*/
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		   only screen and (min--moz-device-pixel-ratio: 1.5),
		   only screen and (min-device-pixel-ratio: 1.5){
	
		#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
			background-image: url('../images/fancybox/fancybox_sprite@2x.png');
			background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
		}
	
		#fancybox-loading div {
			background-image: url('../images/fancybox/fancybox_loading@2x.gif');
			background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
		}
	}




/* ADMIN BOX */

	#admin_box {
		position: absolute;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 20px;
		background: #222;
		-webkit-box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 1);
		-moz-box-shadow:    0px 0px 15px 4px rgba(0, 0, 0, 1);
		box-shadow:         0px 0px 15px 4px rgba(0, 0, 0, 1);
		z-index: 100000;
		}
	
	#admin_box h2 {
		font-size: 20px;
		}
	
	.prio_1,
	.prio_2,
	.prio_3,
	.prio_4,
	.prio_5,
	.prio_6 {
		position: absolute;
		width: 15px;
		height: 15px;
		background: url(../images/admin/task_priorities.png) left top no-repeat;
		}
		.prio_1 { background-position: left -76px; }
		.prio_2 { background-position: left -61px; }
		.prio_3 { background-position: left -46px; }
		.prio_4 { background-position: left -31px; }
		.prio_5 { background-position: left -16px; }
	
	.star {
		position: absolute;
		top: -1px;
		left: 1px;
		width: 24px;
		height: 24px;
		background: url(../images/admin/bugs_star.png) left top no-repeat;
		}
	
	#runtime {
		position: absolute;
		bottom: 5px;
		right: 5px;
		padding: 5px;
		text-align: right;
		
		font-family: Silkscreen, courier;
		font-size: 8px;
		line-height: 10px;
		background: #000;
		color: #999;
		}
		#runtime span {
			color: #fff;
			}



/*
	960 Grid System ~ http://960.gs/
*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16 {
	position: relative;
	}

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.grid_1 { width: 40px; }
.grid_2 { width: 100px; }
.grid_3 { width: 160px; }
.grid_4 { width: 220px; }
.grid_5 { width: 280px; }
.grid_6 { width: 340px; }
.grid_7 { width: 400px; }
.grid_8 { width: 460px; }
.grid_9 { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }

.prefix_1 { padding-left: 60px; }
.prefix_2 { padding-left: 120px; }
.prefix_3 { padding-left: 180px; }
.prefix_4 { padding-left: 240px; }
.prefix_5 { padding-left: 300px; }
.prefix_6 { padding-left: 360px; }
.prefix_7 { padding-left: 420px; }
.prefix_8 { padding-left: 480px; }
.prefix_9 { padding-left: 540px; }
.prefix_10 { padding-left: 600px; }
.prefix_11 { padding-left: 660px; }
.prefix_12 { padding-left: 720px; }
.prefix_13 { padding-left: 780px; }
.prefix_14 { padding-left: 840px; }
.prefix_15 { padding-left: 900px; }

.suffix_1 { padding-right: 60px; }
.suffix_2 { padding-right: 120px; }
.suffix_3 { padding-right: 180px; }
.suffix_4 { padding-right: 240px; }
.suffix_5 { padding-right: 300px; }
.suffix_6 { padding-right: 360px; }
.suffix_7 { padding-right: 420px; }
.suffix_8 { padding-right: 480px; }
.suffix_9 { padding-right: 540px; }
.suffix_10 { padding-right: 600px; }
.suffix_11 { padding-right: 660px; }
.suffix_12 { padding-right: 720px; }
.suffix_13 { padding-right: 780px; }
.suffix_14 { padding-right: 840px; }
.suffix_15 { padding-right: 900px; }

.push_1 { left: 60px; }
.push_2 { left: 120px; }
.push_3 { left: 180px; }
.push_4 { left: 240px; }
.push_5 { left: 300px; }
.push_6 { left: 360px; }
.push_7 { left: 420px; }
.push_8 { left: 480px; }
.push_9 { left: 540px; }
.push_10 { left: 600px; }
.push_11 { left: 660px; }
.push_12 { left: 720px; }
.push_13 { left: 780px; }
.push_14 { left: 840px; }
.push_15 { left: 900px; }

.pull_1 { left: -60px; }
.pull_2 { left: -120px; }
.pull_3 { left: -180px; }
.pull_4 { left: -240px; }
.pull_5 { left: -300px; }
.pull_6 { left: -360px; }
.pull_7 { left: -420px; }
.pull_8 { left: -480px; }
.pull_9 { left: -540px; }
.pull_10 { left: -600px; }
.pull_11 { left: -660px; }
.pull_12 { left: -720px; }
.pull_13 { left: -780px; }
.pull_14 { left: -840px; }
.pull_15 { left: -900px; }




/*	Print styles */
#print { display: none; }

@media print {

	html, body {
		background: none;
		font-size: 140%;
		}
	body {
		margin: 0 auto;
		color: #000;
		}
	#header_bg,
	header,
	#container,
	footer,
	#admin_box {
		display: none;
		}
	#print {
		display: block;
		font-size: 180%;
		}

	h1, h2, h3, h4 {
		color: #000;
		font-family: 'Myriad Pro', Arial, sans-serif;
		-webkit-font-smoothing: anti-aliased;
		text-shadow: none;
		font-weight: bold;
		white-space: nowrap;
		}

	table.tables th {
		background: none;
		color: #676;
		font-family: 'Myriad Pro', Arial, sans-serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 10px;
		padding: 5px 5px 5px 5px;
		}

	table.tables td {
		white-space: nowrap;
		}
	.desc,
	table.tables td.desc {
		font-size: 12px;
		color: #676;
		}
}

/*	Media queries
	www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) { }
@media all and (orientation: portrait) { }
@media all and (orientation: landscape) { }

#address_form form {
	max-width: 350px;
	overflow: hidden;
}

#address_form form button {
	float: right;
}

#address_form form button:after {
	display: block;
	content: ' ';
	clear: both;
}

fieldset.address-box {
	max-width: 350px;
}

fieldset.address-box .error {
	display: inline-block;
	border: 0;
	border-radius: 0;
	float: none;
	padding: 5px 0 0 0;
	background: none;
	color: #f00;
}

fieldset.address-box .address-field {
	margin-bottom: 2em;
	padding: 5px 10px 5px 15px;
	box-sizing: border-box;
	width: 100%;
	border-left: 1px solid #ccc;
	display: block;
	float: left;
}

fieldset.address-box label {
	
}

fieldset.address-box .address-field.address-label-active {
	background: rgba(0, 0, 0, 0.04);
}



fieldset.address-box input, fieldset.address-box select {
	display: block;
	float: none;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
    border-radius: 4px;
}

.field-placeholder {
	display: block;
	font-size: 0.9em;
	font-style: italic;
	min-height: 1.2em;
}

fieldset.address-box select {
    padding: 0em 0.5em;
    height: 2.1em;
    -webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.1);
}

fieldset.address-box .address-field.houseNumber {
	float: left;
	width: 50%;
	display: table-cell;
	box-sizing: border-box;
}

fieldset.address-box .address-field.houseSuffix {
	float: left;
	width: 50%;
	display: table-cell;
	box-sizing: border-box;
}

fieldset.address-box .address-field.streetname {
    width: 100%;
    box-sizing: border-box;
}

fieldset.address-box .address-field.postcode {
    width: 40%;
}

fieldset.address-box .address-field.city {
    width: 55%;
}

.address-field.city + .address-field.postcode {
    margin-left: 5%;
}

.address-field.postcode + .address-field.city {
    margin-left: 5%;
}

fieldset.address-box .address-field.additional {
	clear: both;
}

fieldset.address-box .address-field.phone {
    clear: both;
}

fieldset.address-box .friends-email-picker label {
	float: left;
	width: 100px;
}

fieldset.address-box .friends-email-picker {
	overflow: hidden;
}

fieldset.address-box .friends-email-picker .friendsEmail {
	clear: left;
	width: 100%;
}

fieldset.address-box .friends-email-picker input[type=radio] {
	width: auto;
	display: inline-block;
}

fieldset.address-box label input[type=radio] {
	margin-right: 5px;
	vertical-align: -2px;
}

fieldset.address-box .address-field input[type=text][disabled] {
	background: #ccc;
}

fieldset.address-box .noHouseNumber {
	display: block;
	margin-top: 10px;
}

fieldset.address-box label.noHouseNumber {
	padding-left: 20px;
}

fieldset.address-box .noHouseNumber input {
	display: inline;
	width: auto;
	margin-left: -20px;
	margin-right: 7px;
}

fieldset.address-box .noPostcode {
	display: block;
	margin-top: 10px;
}

fieldset.address-box label.noPostcode {
	padding-left: 20px;
}

fieldset.address-box .noPostcode input {
	display: inline;
	width: auto;
	margin-left: -20px;
	margin-right: 7px;
}



.address-required {
	color: #f00;
	margin-left: -10px;
    width: 10px;
    display: inline-block;
}

#address_selector tr {
	border-top: 2px solid #000;
}

#address_selector tr:last-child {
	border-bottom: 2px solid #000;
}


#address_selector tr td {
	padding: 10px 0;
}

#new_address_button {
	margin-top: 30px;
}

#address_selector {
	min-width: 350px;
}

.btn, a.btn, a.btn:visited, a.btn:link {
	padding: 6px;
	margin: 0 4px 10px 0;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	text-shadow: 1px 1px 3px #fff;
	display: inline-block;
	cursor: pointer;
	
	background: -webkit-linear-gradient(top, #fb3 0%, #f90 100%);
	background: -moz-linear-gradient(top, #fb3 0%, #f90 100%);
	background: -o-linear-gradient(top, #fb3 0%, #f90 100%);
	background: -ms-linear-gradient(top, #fb3 0%, #f90 100%);
	background: linear-gradient(top, #fb3 0%, #f90 100%);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.05),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.2),
		0 1px 0 rgba(255, 255, 255, 0.05);
	box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.05),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.2),
		0 1px 0 rgba(255, 255, 255, 0.05);
	border: 1px solid #000;
	border-radius: 5px;
}

a.btn:hover {
	color: #000;
}

.btn.btn-big {
	font-size: 16px;
	padding: 10px 10px;
}

.btn.btn-grey, a.btn.btn-grey {
	background: #999;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}

.btn.btn-red, a.btn.btn-red {
	background: #a40000;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}

.profile-notification table {
	width: 100%;
}

.toast {
    position: fixed;
    bottom: 10%;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    border-radius: 5px;
    left: 50%;
    padding: 20px 30px;
    z-index: 999;
    font-size: 1.2em;
    min-width: 30%;
    text-align: center;
}

.top-links .fa {
    display: none;
}


.credit-card-form {
	
}

.credit-card-form__field {
	margin-bottom: 15px;
	display: block;
}

.credit-card-form__field__label {
	display: block;
}

.credit-card-form__field {
	
}

.credit-card-form__field__input--expiration-month, .credit-card-form__field__input--expiration-year {
	width: 4em !important;
}

.credit-card-form__errors {
	color: red;
	margin-top: 15px;
}

.forms-grid {
	width: 100%;
	float: none;
}

.forms-grid #currency2 {
	clear: both;
}

.forms-grid #fulloptions_box {
	width: 100%;
	float: none;
	box-sizing: border-box;
}

.forms-grid-row {
	overflow: hidden;
	width: 100%;
    border: 1px solid #999;
    border-right: 0;
    border-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.forms-grid-col {
	box-sizing: border-box;
	padding: 10px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.forms-grid-col:hover {
	background: #e6e6e6;
}

.forms-grid-col .forms-grid-images {
	z-index: 1;
	position: relative;
}

.forms-grid-col .forms-grid-thumbs {
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	position: absolute;
}

.forms-grid-col .forms-grid-thumbs img {
	width: 25%;
	box-sizing: border-box;
}

.forms-grid-col .banner {
	z-index: 2;
}

.forms-grid-col img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.option-details-label {
	font-weight: bold;
	margin-right: 2%;
	width: 28%;
	display: inline-block;
}

.option-details-value {
	width: 70%;
	text-align: right;
	display: inline-block;
}

.forms-grid-col .qtyline {
	float: left;
	margin-top: 10px;
	min-width: 80px;
}

.forms-grid-col .add-to-order-btn {
	float: right;
	margin-top: 42px;
	text-align: right;
	min-height: 24px;
}

.forms-grid-col .add-to-order-btn.notify {
    margin-bottom: 12px;
}

.forms-grid-col .add-to-order-btn.inquire {
	width: 100%;
	text-align: right;
    margin-bottom: 12px;
}


.forms-grid-col .qtyline .option-details-label {
	width: auto;
	margin-right: 10px;
}

.forms-grid-col .qtyline  .qty-container {
	margin-top: 5px;
	margin-left: 10px;
	clear: left;
}

.forms-grid-desc-button {
	text-align: center;
	margin-bottom: 15px;
}

.form-grid-weights-options-label {
	font-weight: bold;
    margin-right: 2%;
}

.form-grid-weights ul {
	margin: 0;
	padding: 0;
}

.form-grid-weight {
	margin: 0;
    padding: 0;
}

.form-grid-weight label {
    padding: 7px 0;
    display: block;
}

.form-grid-weight-radio {
	display: inline-block;
	width: 10%;
}

.form-grid-weight-radio input {
	vertical-align: middle;
}

.form-grid-weight-quantity {
	display: inline-block;
	width: 45%;
}

.form-grid-weight-price {
    display: inline-block;
    width: 45%;
    text-align: right;
}

.form-grid-qty-container {
	overflow: hidden;
	padding-top: 10px;
}

.form-grid-qty-label {
    font-weight: bold;
    margin-right: 2%;
    display: block;
    width: 50%;
    float: left;
}

.form-grid-qty-input-field {
	float: right;
}

.form-grid-button-container {
	text-align: center;
}

.grid-options-sort {
	float: left;
	margin-bottom: 10px;
}


.items-list-switch-container {
	margin-bottom: 20px;
	clear: both;
}

.items-list-switch {
	padding: 3px 6px 3px 6px;
    margin: 0 4px 0 0;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 3px #fff;
    background: -webkit-linear-gradient(top, #fb3 0%, #f90 100%);
    background: -moz-linear-gradient(top, #fb3 0%, #f90 100%);
    background: -o-linear-gradient(top, #fb3 0%, #f90 100%);
    background: -ms-linear-gradient(top, #fb3 0%, #f90 100%);
    background: linear-gradient(top, #fb3 0%, #f90 100%);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid #000;
    border-radius: 5px;
    color: #000 !important;
    text-shadow: 1px 1px 3px #fff;
}

.cart-1-discount-info.cart-1-discount-info, .cart-1-discount-info.vivid,
.cart-2-discount-info {
	color: #FF8C31;
	font-weight: bold;
	padding: 10px 0;
	font-size: 1.2em;
}

.checkout-vat-info {
	display: block;
	text-align: right;
	margin-top: 15px;
	font-style: italic;
}
.cart-2-discount-info {
	font-size: 1em;
}

.cart-1-discount-info.vivid {
	line-height: 1.2em;
}

.remove-coupon {
	margin-top: 0.7em;
}

.inquire_form label,
.order_ask_question_form label,
.checkout_address_issue_form label {
	display: block;
	margin-top: 20px;
}

.inquire_form input,
.inquire_form input[type=email],
.inquire_form textarea,
.order_ask_question_form input,
.order_ask_question_form textarea,
.checkout_address_issue_form input,
.checkout_address_issue_form textarea {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}

.inquire_form_button_container,
.order_ask_question_form_button_container,
.checkout_address_issue_form_button_container {
	text-align: center;
	margin-top: 10px;
}

.error-message {
	color: #f00 !important;
}

.error-message a {
	color: #a50000 !important;
}

.row {
	display: flex;
}

.row.row-wrap {
	flex-wrap: wrap;
}

.row .col {
	display: flex;
	flex-grow: 1;
	flex-basis: 50%;
	flex-direction: row;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}

.row .col p {
	margin: 5px 0;
}

.btn-right {
	margin-left: auto;
	margin-right: 0;
}

.personal-data-address-col {
	padding-bottom: 20px;
}

.accept-policy ul {
	margin-bottom: 10px;
	list-style-type: disc;
}

.accept-policy li {
	list-style-type: disc;
    list-style-position: inside;
}

.accept-policy h2 {
	margin-top: 30px;
	margin-bottom: 10px;
}

.accept-policy label input {
    vertical-align: middle;
    margin-right: 10px;
}

.accept-policy .btn-big {
	margin-top: 40px;
}


.cookies-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px 65px 15px 15px; 
	background: #000;
	color: #fff;
	text-align: center;
	z-index: 999;
	border-radius: 10px 10px 0 0;
}

.cookies-bar p {
	margin-bottom: 0;
}

.cookies-bar p a {
	color: #fff !important;
	text-decoration: underline !important;
}

.cookies-bar__close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    background: url(/assets/images/close.png) no-repeat center 13px;
    cursor: pointer;
}

.newsletter-optout ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.newsletter-optout li {
    margin-bottom: 10px;
}

.newsletter-optout label input {
	vertical-align: -3px;
	margin-right: 10px;
}

.newsletter-optout__disc-list li {
	list-style-type: disc;
	list-style-position: inside;
}

.all-items-row.selected {
	background-color: rgba(0,0,0,0.1);
}

.all-items-row:hover {
	background-color: rgba(0,0,0,0.1);
}

.order-total {
    width: 35%;
    margin: 0;
    box-sizing: border-box;
}

.order-total table {
	margin-left: auto;
}

#payment_methods {
	width: 60%;
	margin-right: 0;
	margin-left: 5%;
}

.payment_method_info {
	position: relative;
	padding: 5px 0 10px 25px;
	box-sizing: border-box;
	float: left;
	max-width: 50%;
}

.payment_method_info:before {
	content: '<--';
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
}

.payment_method {
	clear: both;
}

.payment_method button {
	float: left;
	min-width: 50%;
	margin: 0;
}

.boxed.left.summary {
    box-sizing: border-box;
    width: 100%;
}

.ad1 {
	display: block;
	overflow: hidden;
	margin-top: 30px;
}

.ad1 .ad1__row {
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}

.ad1 .ad1__row__img {
	display: block;
	float: left;
}

.ad1 .ad1__row__img--v1 {
	width: 40.4%;
	margin-right: 1.325%;
}

.ad1 .ad1__row__img--v2 {
	width: 30.0%;
	margin-right: 1.325%;
}

.ad1 .ad1__row__img--v3 {
	width: 26.85%;
}

.ad1 .ad1__row__img--v4 {
	width: 40.4%;
	margin-right: 1.725%;
}

.ad1 .ad1__row__img--v5 {
	width: 57.875%;
}

@media screen and (max-width: 710px) {
	.ad1 .ad1__row__img {
		width: 80% !important;
		float: none;
		margin: auto;
		margin-right: auto !important;
		margin-bottom: 30px;
	}
	
	.ad1__row--first {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 510px) {
	.ad1 .ad1__row__img {
		width: 100% !important;
	}
}

.order__billing-address {
	margin-top: 20px;
	text-align: right;
}

.order__billing-address:before {
	border-top: 2px solid #000;
	display: block;
	content: ' ';
	max-width: 12em;
	margin-left: auto;
	margin-bottom: 10px;
}

.legal-warning {
    text-align: center;
    margin-bottom: 10px;
    font-size: 0.9em;
}

.logo_container {
	display: flex;
}

.logo_container_left {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}	

.logo_container_right {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.header_logo {
	max-height: 100px;
}

.ordering-disabled {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 30px;
}

div.iti {
    z-index: 101;
    display: block;
    color: #000;
}

#address_selector tr.address-error {
	border-top: 0;
}

#address_selector tr.address-error td {
	padding-top: 0;
	padding-bottom: 0;
}

#address_selector tr.address-error tr {
	background: yellow;
}

#address_selector tr.address-error .error {
	float: none;
	margin-bottom: 10px;
}

#address_form div.address-error {
	margin-top: 10px;
}


pre.xdebug-var-dump {
	white-space: pre;
}

.checkout-insurance {
	margin: 15px 0;
}

.checkout-insurance label {
	margin-left: 20px;
}

.checkout-insurance label input {
	vertical-align: middle;
	margin-right: 5px;
}

.new-carrier-warning, .warning-message {
	background: #fb3;
	clear: both;
	display: block;
	color: #000;
	padding: 10px;
	margin-bottom: 2em;
	overflow: hidden;
}

.warning-message button {
	background: -webkit-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: -moz-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: -o-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e2e2e2 100%);
    background: linear-gradient(top, #fff 0%, #e2e2e2 100%);
    float: right;
    margin-left: 10px;
}

.warning-message button:hover {
	background: -webkit-linear-gradient(top, #fff 0%, #c7c7c7 100%);
    background: -moz-linear-gradient(top, #fff 0%, #c7c7c7 100%);
    background: -o-linear-gradient(top, #fff 0%, #c7c7c7 100%);
    background: -ms-linear-gradient(top, #fff 0%, #c7c7c7 100%);
    background: linear-gradient(top, #fff 0%, #c7c7c7 100%);	
}

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

.address.country {
	margin-bottom: 10px;
}

.address.country + .address.name {
	margin-top: 2em;
} 

.list-new-carrier-warning {
	border-top: 0 !important;
}

.list-new-carrier-warning .new-carrier-warning {
	margin: 0;
}

.accept-terms-label {
	display: inline-block;
	padding-left: 20px;
	max-width: 300px;
}

.accept-terms-label.error {
	padding-left: 25px;
	padding-right: 10px;
}

.accept-terms-label a {
	text-decoration: underline;
}

.accept-terms-label-input {
	margin-left: -20px;
	width: 20px;
	display: inline-block;
	vertical-align: 3px;
}

.shipping_breakdown {
	width: 265px;
	transition: background-color 0.5s;
}

.shipping_breakdown.highlight {
	background-color: #fb3;
}

.shipping_breakdown dl {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 5px;
    margin-bottom: 25px;
}

.shipping_breakdown dd {
	text-align: right;
}

.shipping_breakdown dt:after {
	content: ':\00a0';
}

.see-shipping-breakdown-link {
	font-size: 0.9em;
	display: block;
	font-style: italic;
	cursor: pointer;
	text-decoration: underline;
}

.shipping-break-down-go-back {
	margin: 25px auto 10px auto;
	display: none;
}

.intro_items {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.intro_header {
    margin-top: 20px;
}

.registration_form_hint {
	font-style: italic;
}

table.registration td.desc {
	width: 40%;
}

table.registration tr.checkbox td:nth-child(2) {
	padding: 5px 0;
}

table.registration input[type=checkbox] {
	vertical-align: middle;
	margin-right: 10px;
}

table.registration .date_of_birth {
	margin-left:-5px;
	margin-top: -3px;
}

.password_field {
	position: relative;
}

.password_field .password_show_input {
    padding-right: 55px !important;
    box-sizing: border-box;
    margin-top: -3px !important;
    width: 176px;
}

.password_field .password_show_button {
	position: absolute;
	top: -3px;
	left: 128px;
	width: 50px;
	padding: 2px 6px 2px 6px;
	text-align: center;
}

.login_form .password_field {
	margin-top: 3px;
}

#order_table .warning-message {
	margin-bottom: 0;
	margin-top: 10px;
}

tr.orders-row td {
	vertical-align: middle;
}

table tr.orders-not-confirmed-warning td {
	padding-bottom: 15px;
}

.orders-not-confirmed-warning-link {
	float: right;
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}

.orders-not-confirmed {
	border-bottom: 0 !important;
}

.orders-not-confirmed-warning-content {
	padding-top: 10px;
}

.frontoffice_notification textarea {
	width: 98%;
    box-sizing: border-box;
}

.shipping-address-issues {
	margin: 50px 0;
	background: #e8e8e8;
    padding: 15px 5px;
    max-width: 350px;
}

.shipping-address-issues button {
	float: right;
	margin-top: -5px;
}

.shipping-address-issues button:after {
	display: block;
	content: ' ';
	clear: both;
}

.cf.grid_0,
.cf.grid_1,
.cf.grid_2,
.cf.grid_3,
.cf.grid_4,
.cf.grid_5,
.cf.grid_6,
.cf.grid_7,
.cf.grid_8,
.cf.grid_9,
.cf.grid_10,
.cf.grid_11,
.cf.grid_12,
.cf.grid_13,
.cf.grid_14,
.cf.grid_15
 {
	clear: none;
}