/* General CSS */
td			{ border-color: #CCC; }
a img			{ border:none; outline:none; }
label			{ cursor: pointer; padding: 0 8px; }
div.error		{ background-color: #F8F8F8; border-width: 0 0 2px 0; border-style: solid; border-color: #FF6347; padding: 10px; margin-bottom: 15px; }
div.error ul		{ list-style-image: url(/img/template/bullet-grey.png); }
div.info		{ display: table; width: 100%;  font-size: 1.4em; border-style: solid; border-color: #6F6; border-width: 0 0 1px 0; margin-bottom: 10px; }
div.info span		{ display: table-cell; width: 100%; vertical-align: middle; color: #666; }
div.info img		{ display: table-cell; margin-right: 20px; }
span.errorfield		{ font-size: 0.8em; color: #C00; font-weight: bold; vertical-align: bottom; }
span.errorfield img	{ animation: fadein .3s ease-in forwards; }
a.webshop_name		{ text-decoration: none; }
a.webshop_name:hover	{ text-decoration: underline; }
.webshop_stylebutton	{ display: inline-block; font-weight: 700; margin: 0; padding: 5px; text-decoration: none; white-space: nowrap; transition: 1s background; }
.webshop_stylebutton:hover { transition: 0.3s background; }
.webshop_alternate_on,.webshop_halternate_on			{ background-color: #DDD; }
.webshop_alternate_off,.webshop_halternate_off			{ background-color: #EEE; }
.webshop_halternate_on:hover,.webshop_halternate_off:hover	{ background-color: #CCC; cursor:pointer; }
.webshop_social							{ float:left; width:85px; height:80px; }
img.social, div.social						{ margin: 4px; opacity:0.6; filter:alpha(opacity=60); float: left; }
img.social:hover, div.social:hover				{ opacity:1; filter:alpha(opacity=100); }
img.payment							{ border: 1px solid #CCC; margin: 0 2px 0 2px; }
.formtable							{ width: 100%; max-width: 1000px; }
input, select, textarea						{ border: 1px solid #CCC; border-radius: 3px; padding: 5px; margin: 0 0 6px 0; }
select								{ padding: 2px; }
input:focus, textarea:focus					{ background-color: #EEE; }
input[type="checkbox"], input[type="radio"]			{ border: 0;}
.formtable td:nth-child(2) img						{ vertical-align: middle; margin-bottom: 11px; }
/* .formtable td:last-of-type					{ white-space: nowrap; }*/

/* SPRITES - Generated by http://css.spritegen.com CSS Sprite Generator */
.btn-up, .btn-ok, .pay-bancontact, .pay-bank, .pay-bitcoin, 
.pay-giropay, .pay-ideal, .pay-invoice, .pay-maestro, .pay-mastercard, 
.pay-partialpayments, .pay-paymentoncollect, .pay-paymentondelivery, .pay-paypal, .pay-sofortbanking, 
.pay-visa, .btn-window, .btn-print, .soc-facebook, .soc-googleplus, 
.soc-instagram, .soc-linkedin, .soc-pinterest, .soc-twitter, .btn-bag-dark, 
.btn-bag, .btn-basket-dark, .btn-basket, .btn-cart-dark, .btn-cart, 
.btn-contact-dark, .btn-contact, .btn-lang-dark, .btn-lang, .btn-menu-dark, 
.btn-menu, .btn-search-dark, .btn-search, .btn-close, .btn-edit, 
.btn-v, .btn-x, .btn-delete, .btn-refresh, .btn-search-small, 
.btn-white
{ display: inline-block; background: url('/img/sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.btn-up { background-position: -0px -0px; width: 96px; height: 192px; }
.btn-ok { background-position: -0px -192px; width: 72px; height: 72px; }
.pay-bancontact { background-position: -0px -264px; width: 60px; height: 30px; }
.pay-bank { background-position: -0px -294px; width: 60px; height: 30px; }
.pay-bitcoin { background-position: -0px -324px; width: 60px; height: 30px; }
.pay-giropay { background-position: -0px -354px; width: 60px; height: 30px; }
.pay-ideal { background-position: -0px -384px; width: 60px; height: 30px; }
.pay-invoice { background-position: -0px -414px; width: 60px; height: 30px; }
.pay-maestro { background-position: -0px -444px; width: 60px; height: 30px; }
.pay-mastercard { background-position: -0px -474px; width: 60px; height: 30px; }
.pay-partialpayments { background-position: -0px -504px; width: 60px; height: 30px; }
.pay-paymentoncollect { background-position: -0px -534px; width: 60px; height: 30px; }
.pay-paymentondelivery { background-position: -0px -564px; width: 60px; height: 30px; }
.pay-paypal { background-position: -0px -594px; width: 60px; height: 30px; }
.pay-sofortbanking { background-position: -0px -624px; width: 60px; height: 30px; }
.pay-visa { background-position: -0px -654px; width: 60px; height: 30px; }
.btn-window { background-position: -0px -684px; width: 56px; height: 28px; }
.btn-print { background-position: -0px -712px; width: 48px; height: 48px; }
.soc-facebook { background-position: -48px -712px; width: 48px; height: 48px; }
.soc-googleplus { background-position: -0px -760px; width: 48px; height: 48px; }
.soc-instagram { background-position: -48px -760px; width: 48px; height: 48px; }
.soc-linkedin { background-position: -0px -808px; width: 48px; height: 48px; }
.soc-pinterest { background-position: -48px -808px; width: 48px; height: 48px; }
.soc-twitter { background-position: -0px -856px; width: 48px; height: 48px; }
.btn-bag-dark { background-position: -60px -264px; width: 32px; height: 32px; }
.btn-bag { background-position: -60px -296px; width: 32px; height: 32px; }
.btn-basket-dark { background-position: -60px -328px; width: 32px; height: 32px; }
.btn-basket { background-position: -60px -360px; width: 32px; height: 32px; }
.btn-cart-dark { background-position: -60px -392px; width: 26px; height: 26px; }
.btn-cart { background-position: -60px -418px; width: 26px; height: 26px; }
.btn-contact-dark { background-position: -60px -444px; width: 26px; height: 26px; }
.btn-contact { background-position: -60px -470px; width: 26px; height: 26px; }
.btn-lang-dark { background-position: -60px -496px; width: 26px; height: 26px; }
.btn-lang { background-position: -60px -522px; width: 26px; height: 26px; }
.btn-menu-dark { background-position: -60px -548px; width: 26px; height: 26px; }
.btn-menu { background-position: -60px -574px; width: 26px; height: 26px; }
.btn-search-dark { background-position: -60px -600px; width: 26px; height: 26px; }
.btn-search { background-position: -60px -626px; width: 26px; height: 26px; }
.btn-close { background-position: -72px -192px; width: 24px; height: 24px; }
.btn-edit { background-position: -72px -216px; width: 24px; height: 24px; }
.btn-v { background-position: -60px -652px; width: 24px; height: 24px; }
.btn-x { background-position: -60px -676px; width: 24px; height: 24px; }
.btn-delete { background-position: -72px -240px; width: 20px; height: 20px; }
.btn-refresh { background-position: -48px -856px; width: 20px; height: 20px; }
.btn-search-small { background-position: -68px -856px; width: 20px; height: 20px; }
.btn-white { background-position: -48px -876px; width: 18px; height: 18px; }

/* Payment logos */
div[class^='pay-']		{ border: 1px solid #CCC; margin: 4px; opacity: 0.85; transition: opacity 0.3s; }
div[class^='pay-']:hover	{ opacity: 1; }

/* Shopping cart */
#webshop_cart		{ display: inline-block; }
#webshop_cart > a	{ display: inline-block; text-decoration: none; }
#webshop_cart > a > svg	{ vertical-align: middle; margin-right: 8px; }
/*.webshop_addok		{ font-weight: bold; }
.webshop_addok a	{ margin-left: 15px; }*/
.webshop_addok .btn-v	{ vertical-align: middle; margin-right: 8px; }

/* Search box */
.searchdiv			{ display: inline-block; }
.searchdiv input[type="search"]	{ min-width: 200px; max-width: 200px; height: 25px; margin: 0; padding: 0 30px 0 5px; border: 1px solid #CCC; -webkit-appearance: none; }
.searchdiv .suggestbox		{ position:absolute;width:198px;display:none;background-color:#FFF;z-index:10;border-color:#CCC;border-style:solid;border-width:0 1px 1px;margin:25px 0 0;padding:0; }
.searchsub			{ position: absolute; width: 20px; height: 20px; margin: 3px 0 0 175px; background: url('/img/sprite.png') no-repeat; background-position: -68px -856px; cursor: pointer; }
.liveresult			{ display:block;color:#333;line-height:16px;text-decoration:none;white-space:nowrap;width:188px;font-weight:400;font-size:8pt;text-align:left;border-color:#CCC;border-style:solid;border-width:0 0 1px;margin:0;padding:5px; }
.liveresult:hover		{ background-color:#CCC; }
.liveresult:last-child		{ border: 0; }
.liveresult:last-child img	{ float: left; }


/* Productlist display */
ul[class*='webshop_prodlist'], ul[class*='webshop_catlist'] {
	display: flex; flex-wrap: wrap; justify-content: left; /* Last items keep left */
	margin: 0 -16px; padding: 0; list-style: none; text-align: center;
}
ul[class*='webshop_prodlist'] > li, ul[class*='webshop_catlist'] > li {
	flex-grow 1; /* Prevent whitespace left & right in productlist */
	/*flex: 1 0 210px; - causes problems with last row */
	/*margin: 18px auto - causes problems with last row */
	/*max-width: 250px; /* Last items keep left */
	width: 248px; /* Fixed width: ajust this if you change photo size */
	margin: 16px; list-style: none;
	background-color: #FFF; box-shadow: 0px 0px 2px 2px #DDD; transition: box-shadow 0.6s;
}
/*ul[class*='webshop_prodlist']:after, ul[class*='webshop_catlist']:after { /* Fix last row *
	content: ""; flex-grow: 20; margin: 16px; min-width: 282px;
}*/
ul[class*='webshop_prodlist'] > li > a, ul[class*='webshop_catlist'] > li > a {
	display: block; margin: 0; padding: 0; text-decoration: none;
}
ul[class*='webshop_prodlist'] > li > a > div:nth-child(1), ul[class*='webshop_catlist'] > li > a > div:nth-child(1) {
	min-height: 260px;
}
ul[class*='webshop_prodlist'] > li > a > div:nth-child(2) {
	min-height: 75px;
}
ul[class*='webshop_catlist'] > li > a > div:nth-child(2) {
	min-height: 30px;
}
ul[class*='webshop_prodlist'] > li > a > div > img, ul[class*='webshop_catlist'] > li > a > div > img { /* Thumbs are 230x230px */
	margin: 10px auto; /*opacity: 0.85; transition: opacity 0.6s; */
}
ul[class*='webshop_prodlist'] div > div, ul[class*='webshop_catlist'] div > div {
	 padding: 5px;
}
ul[class*='webshop_prodlist'] li:hover, ul[class*='webshop_catlist'] li:hover {
	box-shadow: 0px 0px 2px 2px #999;
}
ul[class*='webshop_prodlist'] li:hover img, ul[class*='webshop_catlist'] li:hover img {
	/*opacity: 1;*/
}

.webshop_price				{ font-weight: bold; }
.webshop_price > div			{ display: inline-block; }
.webshop_old_price			{ text-decoration: line-through; }
.webshop_units				{ vertical-align: super; font-size: 0.9em; font-weight: normal; margin-left: 5px; }

/* Categorylist personalisation */
ul.webshop_catborders a			{ border: 1px solid #CCC; width: 100%; /*padding-top: 10%;*/ }

.webshop_catlist_default > li > a > div	{ display: block; margin: 12px 0; }

.webshop_catlist_easy > li > a > div:last-of-type { padding: 8px 0 3px 0; background-color: #EEE; opacity: 0.8; font-weight: bold; box-shadow: 0px -1px 1px #DDD; }

.webshop_catlist_photo > li > a > div:nth-child(2) { display: none; }

.webshop_catlist_list > li > a > div:nth-child(1) 	{ display: none; }
.webshop_catlist_list > li > a > div:nth-child(2) 	{ padding: 30px 0 25px 0; }

/* Productlist borders (if set in layout settings) */
ul.webshop_prodborders > li				{ border: 1px solid #CCC; }

/* Productlist view: Easy */
ul.webshop_prodlist_easy > li > a > div:last-of-type	{ background-color: #EEE; opacity: 0.8; font-weight: bold; box-shadow: 0px -1px 1px #DDD; white-space: nowrap; overflow: hidden; }

/* Productlist view: Detailed */
.webshop_prodlist_detailed li				{ min-width: 310px; }
.webshop_prodlist_detailed .webshop_prodlist_addtocart	{ margin: 16px 5px; }

/* Productlist view: Photo only */
.webshop_prodlist_photo > li > a > div:nth-child(2) 	{ display: none; }

/* Productlist view: List */
.webshop_prodlist_list { flex-direction: column; }
.webshop_prodlist_list > li				{ min-width: 97%; text-align: left; }
.webshop_prodlist_list > li > a > div			{ display: inline-block; vertical-align: top; }
.webshop_prodlist_list > li > a > div:nth-child(1)	{ width: 30%; max-width: 260px; }
.webshop_prodlist_list > li > a > div:nth-child(2)	{ width: 70% }
.webshop_prodlist_list > li > a > div:nth-child(2) > div{ margin: 5px 10px; }
.webshop_prodlist_list > li a > div:nth-child(2) > div:first-of-type { font-weight: bold; } /* Product name */
ul.webshop_prodlist_list > li > a > div > img,
	ul.webshop_prodlist_list img			{ margin: 10px; box-shadow: 0px 0px 2px 2px #DDD; }
.webshop_prodlist_list .webshop_prodlist_addtocart	{ display: inline; }
.webshop_prodlist_list a.webshop_stylebutton		{ margin: 5px 0 10px 10px; }
ul.webshop_prodlist_list a:hover			{ box-shadow: none; }

/* Productlist view: List without photos */
.webshop_prodlist_list.without.photos > li 		{ display: flex; align-items: center; margin: 0 16px;
							  background: none; box-shadow: none;
							  border-width: 0 0 1px 0; border-style: solid; border-color: #DDD; transition: background 0.6s; }
.webshop_prodlist_list.without.photos > li > a 			{ flex-grow: 2; outline: none; }
.webshop_prodlist_list.without.photos > li > a > div		{ display: flex; align-items: center; min-width: 100%; min-height: auto; }
.webshop_prodlist_list.without.photos > li > a > div > div	{ flex-grow: 1; text-align: left; width: 20%; }
.webshop_prodlist_list.without.photos > li > a > div > div > div{ padding-left: 0; } /* Old price */
.webshop_prodlist_list.without.photos > li > a > div > div:first-of-type	{ width: 40% }
.webshop_prodlist_list.without.photos > li > div 		{ height: auto; min-height: auto; width: 400px; text-align: right; white-space: nowrap; } /* Buttons */
.webshop_prodlist_list.without.photos .webshop_prodlist_addtocart { padding-right: 0; white-space: wrap; }
 .webshop_prodlist_list.without.photos li:hover			{ background: rgba(204,204,204,0.4) }

/* Webshop filters */
.webshop_filter { display: inline-block; width: 220px; margin-bottom: 10px; }
.webshop_filter a.filter_dropdown { display: block; text-decoration: none; border: 1px solid #CCC; padding: 4px; width: 200px; outline: 0; background: transparent url(/img/layout/arrow_down.png) no-repeat 97% center; }
.webshop_filter .suggestbox { display: none; position: absolute; border-width: 0 1px 1px 1px; border-style: solid; border-color: #CCC; background: #FFF; padding: 4px; min-width: 200px; z-index: 1; margin-top: -1px; }
.webshop_filter .suggestbox ul		{ margin: 0; padding: 0; list-style: none !important; }
.webshop_filter .suggestbox li		{ padding: 1px 0 1px 15px; }
.webshop_filter .suggestbox a		{ display: block; text-decoration: none; width: 100%; }
.webshop_filter .suggestbox li:hover, .webshop_filter .suggestbox li.active { background: transparent url(/img/template/bullet-grey.png) no-repeat left center; }

/* Up arrow when scrolling down */
#webshop_uparrow	{ display: none; position: fixed; bottom: 50px; right: 25px; z-index: 10; }
#webshop_uparrow a	{ display: block; width: 96px; height: 96px; background-image: url(/img/icons/arrow-up.png) }
#webshop_uparrow a:hover{ background-position: 0 -96px}
#webshop_loading 	{ display:none;text-align: center; width: 100%; clear: both;}

/* Shopping cart div (slides out from top) */
#cartdiv		{ position: fixed; width: 100%; left: 0; top: 0; margin: 0; padding: 0; text-align: center; z-index: 5; }
#cartdiv_inner		{
	display: inline-block; width: 1130px; max-width: 90vw;  
	padding: 10px 30px; overflow-y: hidden;
	background: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(165, 165, 165, 0.7);
	text-align: right; /* Move close icon to the right */
	max-height: 0; transition: max-height 1.6s;
}
#cartdiv_txt		{ text-align: left; }
#cartdiv_txt h1		{ font-size: 1.4em; }
#cartdiv_close		{
	position: fixed; width: 24px; height: 24px; cursor: pointer; margin: 0; padding: 0; opacity: 0.8;
	padding-right: 20px;
	transition: opacity 0.3s;
}
#cartdiv_close:hover	{ opacity: 1; }
#cartdiv a:not(.webshop_stylebutton) { color: #555; text-decoration: none; transition: color 0.3s; }
#cartdiv a:not(.webshop_stylebutton):hover { color: #000; }

.rightbuttons		{ text-align: right; }
.rightbuttons a		{ margin-left: 10px; }

/* Stock display */
.webshop_status_ok,.webshop_status_warning,.webshop_status_error { font-weight:bold; }
.webshop_status_ok	{ color:#090; }
.webshop_status_warning	{ color:#F30; }
.webshop_status_error	{ color:#C00; }

/* Product detail page */
.webshop_detail_wrapper {  }
.webshop_detail_left, .webshop_detail_right	{ display: inline-block; vertical-align: top; }
.webshop_detail_left { max-width: 30%; }
.webshop_detail_right { max-width: 70%; }
p.webshop_price { margin: 0 0 12px 0; }
.webshop_detail_photos a img { box-shadow: 0px 0px 2px 2px #DDD; transition: box-shadow 0.6s; margin: 0 16px 16px 0; }
.webshop_detail_photos a:hover img { box-shadow: 0px 0px 2px 2px #999; }
.webshop_properties{width: 100%;}
.webshop_properties td, .webshop_properties th{height: 40px; border-style: solid; border-color: #CCC; border-width: 0 0 1px 0;}
.webshop_addtocart {  }
.webshop_paramstable td { vertical-align: top; width: 50%; }
.webshop_paramstable select { min-width: 230px; }
.obligatedfield	{ color: #C00; margin-left: 3px; font-weight: bold }
.paramerror { color: #C00; font-weight: bold; }
.webshop_addtocart { margin: 20px 0; }
table.webshop_tierprices { width: 100%; text-align: left; margin: 10px 0 30px 0; }


/* The submit buttons on the bottom of: cart */
#webshop_submitbuttons		{ text-align: right; }
#webshop_submitbuttons form	{ display: inline-block; margin-left: 10px; }

/* Shopping gallery */
#pmask { position: fixed; display:none; top: 0; left: 0; height:100%; width:100%; background: #000; z-index: 100; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
#pouter { display: none; position: absolute; left: 50%; top: 10px; width: 400px; z-index: 101; opacity: 0; transition: opacity 0.6s ease-out;}
#pinner { position: relative; left: -100%; z-index: 101; background: #FFF; width: 800px; text-align: center; padding-bottom: 20px; min-height: 550px; font-size: 1em; }
#pimage { padding: 100px 10px 0 10px; max-width: 512px; } /* max-width: 512px; */
#pclose { position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; cursor: pointer; background: url(/img/icons/close.png) no-repeat}
#pclose:hover { background-position: 0 -30px }
#pinner p { width: 100%; }
#pcontrols {  }
#pcontrols .webshop_stylebutton { font-size: 1em;}

#pprev, #pnext { visibility: hidden; display: block; position: absolute; margin-top: 220px; width: 64px; height: 64px; outline: none; }
#pprev:hover, #pnext:hover { background-position: 0 -64px }
#pprev { background-image: url(/img/icons/prev.png); margin-left: 0px; }
#pnext { background-image: url(/img/icons/next.png); margin-left: 740px; }

#pline { position: absolute; width: 100%; margin: 10px; left: -10px; }
.plineimg { display: inline-block; width: 60px; height: 60px; border: 1px solid #666; margin: 5px; cursor: pointer; zoom:1; /* IE 7 Hack starts here*/
 *display:inline;}

#pbuttons	{ text-align: right; margin-right: 20px; }
#pbuttons a	{ margin-right: 10px; }
#paddtocart	{ display: none; }
#pcartresult span	{ vertical-align: middle; margin-right: 3px; } /* V image */

.userrating	{ display: inline-block; padding: 5px; max-width: 180px; }
.userrating .webshop_stylebutton { float: right; }

/* Login page */
.webshop_login		{ display: inline-block; width: 50%; vertical-align: top; }
.webshop_login p	{ padding: 10px 10px 10px 0; }

/* Shopping cart table */
#orderlist			{ width: 100%; margin: 0; border-spacing: 0; }
#orderlist th			{ text-align: left; border-style: solid; border-width: 0 0 1px 0; border-color: #CCC; padding: 5px; }
#orderlist td			{ padding: 5px 0 5px 0; vertical-align: middle; }
#orderlist tr.separator td	{ border-style: solid; border-width: 1px 0 0 0; border-color: #CCC; }
#orderlist td.orderlist_img 	{ height: 70px; width: 70px; }
#orderlist td.orderlist_img a 	{ float: left; width: 60px; height: 60px; border: 1px solid #666; background-repeat: no-repeat; background-position: center center; background-size: cover; }
#orderlist tbody td:nth-child(4) input { margin-right: 5px; float: left; height: 18px; color: #666; }
#orderlist tbody td:nth-child(4) a { display: inline-block; height: 20px; border: 1px solid #999; border-radius: 3px; padding: 2px; margin-right: 5px; outline: 0; }
#orderlist tbody td:nth-child(4) a:hover { background-color: #EEE; }

/* Webshop popup - used for delivery services */
#wepopcontainer	{
	display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 12; text-align: center;
	background-color: rgba(0,0,0,0.7);
}

#wepop		{
	display: inline-block; width: 100%; height: 100%; max-width: 960px; max-height: 550px; margin: 1% 0;
	background-color: #FFF; border: 1px solid #333;
	-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;
	overflow: hidden;
}

#weinner	{ width: 100%; height: 100%; }

.webshop_breadcrumb a			{ line-height: 25px; }
/* Language and currency selection */
.webshop_dropmenu			{ display: inline-block; border-radius: 3px; min-width: 140px; margin-left: 10px; }
.webshop_dropmenu a			{ text-align: left; display: block; padding: 3px 10px; line-height: 25px; outline: none; text-decoration: none; }
.webshop_dropmenu > a			{ border-radius: 3px; }
.webshop_dropmenu div, .webshop_dropmenu a { background-color: rgba(127,127,127,0.3); z-index: 3; }
.webshop_dropmenu a:hover		{ background-color: rgba(127,127,127, 0.4); }

#plang, #pcurr				{ display: none; white-space: nowrap; position: absolute; min-width: 140px; }
/* To make the hidden menu positioned absolute:
.webshop_dropmenu			{ width: 200px; }
.webshop_dropmenu #plang, .webshop_dropmenu #pcurr { position: absolute; background-color: rgba(90,90,90,0.9); max-height: 200px; width: 200px; overflow-x: hidden; overflow-y: auto;  border-radius: 3px; z-index: 10; }
*/
#plang a:not(:last-child), #pcurr a:not(:last-child) { border-width: 0 0 1px 0; border-style: solid; border-color: rgba(255,255,255,.5); }


.showpanel {
	display: block !important;
	-webkit-animation: fadein .3s ease-in forwards; -moz-animation: fadein .3s ease-in forwards;
	-o-animation: fadein .3s ease-in forwards; animation: fadein .3s ease-in forwards;
}

.hidepanel {
	display: block !important;
	animation: fadeout .3s ease-in forwards;
	-webkit-animation: fadeout .3s ease-in forwards; -moz-animation: fadeout .3s ease-in forwards;
	-o-animation: fadeout .3s ease-in forwards; animation: fadeout .3s ease-in forwards;
}

.show1000 { display: block; }


.webshop_subselect			{ cursor: pointer; white-space:nowrap; }
.webshop_subselect img			{ border: 1px solid #CCC; }

/* Slideshow */
.webshop_slideshow	{ width: 100%; max-width: 1200px; max-height: 300px; margin: 10px auto 20px auto; white-space: nowrap; box-shadow: 0 8px 5px #888; }
.webshop_slide		{ display: none; position: absolute; text-align: center; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0; }
.webshop_slide > a	{ display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.webshop_slideshow span	{
	position: relative; display: block; color: #FFF; background: #000;
	 filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;
	line-height: 25px; text-align: left; font-weight: bold; margin-top: -29px; padding-left: 5px;
}
.webshop_slideprogress	{ height: 2px; position: absolute; background-color: #CCC; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; }
.webshop_slidenav	{ margin-top: 20px; text-align: center; }
.webshop_slidenav div	{
	display: inline-block; width: 15px; height: 15px; border-radius: 15px;
	border: 1px solid #999; margin: 0 8px 0 8px; cursor: pointer;
	box-shadow: 0 1px 3px #999;
}
.webshop_slidenav_active{ background-color: #CCC; }
.sprev, .snext		{ display: block; position: absolute; width: 64px; height: 64px; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0; outline: none; }
.sprev:hover, .snext:hover { background-position: 0 -64px }
.sprev			{ background-image: url(/img/icons/prev.png); }
.snext			{ background-image: url(/img/icons/next.png); }

/* Blog */
h1.blog, h2.blog	{ margin-bottom: 0; }
img.blog		{
	float: left; max-width: 200px; margin: 0 12px 5px 0;
	border-style: solid; border-color: #CCC; border-width: 0 1px 0 0; padding: 0 12px 0 0;
}
p.blog_date		{ color: #999; font-size: 0.9em; margin-top: 0; padding-top: 0; }
p.blog_more		{ text-align: right; }
hr { border-style: solid; border-width: 1px 0 0 0; border-color: #CCC; }

/* Checkout */
#shipping_estimation	{ max-height: 200px; overflow: auto; margin-bottom: 20px; }
#shipping_estimation table { width: 100%; }
div.paymentdescription, div.shippingdescription { margin: 8px 3px 8px 3px; color: #090; font-size: 0.8em; font-weight: bold; }
ul.checkoutprogress	{ list-style: none !important; margin: 0 auto; padding: 0; }
ul.checkoutprogress li	{
	width: 24%; float: left;
	border-style: solid; border-width: 1px 0 1px 1px; border-color: #CCC;
	text-align: center; color: #333; font-size: 0.8em; font-weight: bold; line-height: 25px;
}
ul.checkoutprogress li.active		{ background-color: #DDD; }
ul.checkoutprogress li:last-child	{ border-width: 1px; }
ul.checkoutprogress li a		{ display: block; text-decoration: none; }
ul.checkoutprogress li a:hover		{ text-decoration: underline; }

/* Live chat */
#webshop_chat		{
	position: fixed; bottom: 0; right: 20px; max-width: 300px; z-index: 10;
	color: #333; background-color: #EEE;
	border-radius: 10px 10px 0 0;
	-webkit-box-shadow: 0 -1px 1px 1px #666; -moz-box-shadow: 0 -1px 1px 1px #666; box-shadow: 0px 1px 2px 1px #666;
}

#chat_titlebar		{
	display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between;
	vertical-align: middle; text-align: center; font-weight: bold; white-space: nowrap;
	border-radius: inherit;
	color: #CCC; background-color: #222;
}

#chat_titlebar > div			{ margin: 8px 10px; cursor: pointer; }
#chat_titlebar > div:first-child:hover	{ color: #FFF; }
#chat_close 		{ display: inline-block; width: 14px; height: 14px; margin: 2px 8px 0 0; background-image: url(/img/icons/window.png); background-position: -28px 0; }
#chat_close:hover	{ background-position: -28px -14px; }
#chat_inner		{ max-height: 0; text-align: center; -webkit-transition: max-height 1.5s linear; transition: max-height 1.5s linear; }
#chat_nameform label	{ display: block; padding-top: 20px; font-weight: bold; }
#chat_nameform input	{ display: inline-block; width: 80%; margin: 0 0 20px 0; }
#chatwindow		{ height: 160px; overflow-y: auto; text-align: left; background-color: #FFF; padding: 3px; }
.chat_statusmsg		{ color: #666; }
#webshop_chat textarea	{ width: 95%; }
#chatbuttons		{ padding: 5px; text-align: right; }

#videodiv		{ position: absolute; top: 60px; left: 20px; border: 1px solid #F60; }
#videodiv video		{ height: 225px; margin: 0 0 20px 0; vertical-align: top; width: calc(50% - 12px); }


/* Customer account order list */
table.cust_order	{ width: 100%; margin-bottom: 50px; }
table.cust_order table	{ width: 100%; border: 1px solid #EEE; }
table.cust_order th	{ text-align: left; background-color: #EEE; padding: 4px; }
table.cust_order td	{ vertical-align: top; }

/* 2, 3, 4 responsive columns */
div.columns		{ display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-around; }
div.columns > div	{ flex-grow: 1; flex-basis: 0; min-width: 140px; min-height: 60px; }

/*--------------------------------
 	Animation
-------------------------------*/

.fadein			{ animation: fadein 0.6s ease-in; }
.fadeout		{ animation: fadeout 0.6s ease-out; }
@keyframes fadein	{ from { opacity: 0; } to   { opacity: 1; }}
@keyframes fadeout	{ from { opacity: 1; } to   { opacity: 0; }}



/*--------------------------------
 	Responsive
-------------------------------*/

@media all and (max-width: 1200px) {
	ul[class*='webshop_prodlist'], ul[class*='webshop_catlist'] { margin: 0; }
	ul[class*='webshop_prodlist'], ul[class*='webshop_catlist'] { justify-content: center; }
	/*ul[class*='webshop_prodlist']:after, ul[class*='webshop_catlist']:after { flex: 1 0 230px; }  /* Fix last row */
	.webshop_slideshow, .webshop_slide	{ max-width: 95vw; }
	.sprev					{ left: 3vw }
	.snext					{ right: 3vw; }
}

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

	/* Images, frames */
	img, iframe				{ max-width: 100%; height: auto !important; }

	/* Forms */
	.formtable td				{ display: block; }
	.formtable input, .formtable textarea	{ max-width: 80vw; }

	/* Product list */
	.webshop_prodlist_list .webshop_description	{ display: none; }

	/* Detail page */
	.webshop_detail_left, .webshop_detail_right	{ min-width: 100%; margin: 0 auto; }

	/* Slideshow */
	.webshop_slideprogress			{ display: none; }

	/* Shopping gallery */
	#pmask			{ max-width: 100vw; left: 0; margin: 0; padding: 0; }
	#pinner, #pouter	{ max-width: 90vw; min-height: 0; height: 80vh; margin: 0; left: 0; }
	#pinner, #pprev		{ left: 3vw }
	#pnext			{ right: 3vw; }
	#pinner img		{ max-width: 80vw; max-height: 90vh; }

	/* Checkout */
	.webshop_login		{ display: block; width: 100%; }
	ul.checkoutprogress li	{ display: block; width: 100%; float: none; border-width: 1px 1px 0 1px; }

}


@media all and (max-width: 800px) {
	.plineimg { max-width: 48px; max-height: 48px; }

	.webshop_prodlist_list.without.photos > li 		{ display: block; }
	.webshop_prodlist_list.without.photos > li > a > div		{ display: block; }
	.webshop_prodlist_list.without.photos > li > a > div > div	{ display: inline-block; width: auto; vertical-align: top; }
	.webshop_prodlist_list.without.photos > li > div 		{ width: auto; white-space: normal; } /* Buttons */


}

@media all and (max-width: 600px) {
	#cartdiv_inner		{ max-width: 80vw; }
}

@media all and (max-width: 460px) {
	/* Order list **/
	#orderlist th, #orderlist tbody td:nth-child(3)				{ display: none; }
	#orderlist tbody td:nth-child(1), #orderlist tbody td:nth-child(2)	{ display: inline-block; }
	#orderlist tbody td:nth-child(4), #orderlist tbody td:nth-child(5)	{ display: inline-block; margin-bottom: 20px; }
	.plineimg { max-width: 32px; max-height: 32px; }
}