/*

    ////////////////////////////////////////////////////////////
    //
    // L8M
    //
	//
	// Contains CSS (for screen).
    //
	// Filesource /public/default/css/screen/shop.css
	// Version    $Id: shop.css 182 2014-11-14 11:20:54Z rq $
    //
    ////////////////////////////////////////////////////////////

    ////////////////////////////////////////////////////////////
    // general
    ////////////////////////////////////////////////////////////

*/

article.product {
	display: block;
	position: relative;
}

article.product * {
	vertical-align: top;
}

article.product div.zoomWrapperImage img {
	max-width: none;
}

article.product span.label {
	right: 0px;
	top: 0px;
}

article.product div.container-side {
	display: inline-block;
	width: 33%;
	margin-right: 2%;
}

article.product div.container-side div.pimage {
	height: 260px;
}

article.product div.product-image div.pimage img {
	margin: 0px auto;
}

article.product div.product-image div.product-thumbnails {
	clear: both;
}

article.product div.product-image div.product-thumbnails ul li {
	float: left;
	margin: 10px 4px;
}

article.product div.productview {
	display: inline-block;
	width: 64%;
}

article.product div.productview > div {
	min-height: 40px;
	padding: 0px 0px 20px 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CFCFCF;
	clear: both;
}

#product-relation a {
	border: 1px solid #000;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 10px;
}
#product-relation a.active {
	border-color: #6f7c24;
	box-shadow: 0 0 5px #6f7c24;
	background-color: #6f7c24;
	color: #ffffff;
}

article.product div.productview div.to-cart div.quantity.form-element-element input,
article.product div.productview div.to-cart input.a_menge_input {
	width: 30px;
	text-align: center;
	display: inline;
	padding: 10px 5px;
	margin: 0px 10px;
}

article.product div.productview div.to-cart a.button {
	display: inline-block;
	float: right;
}

article.product div.productview div.to-cart div.addToCartSpace > div {
	display: inline-block;
	width: 50%;
}

article.product div.productview div.container-top div.main-price {
	min-height: 30px;
}

article.product div.productview div.container-top div.main-price div.price {
	color: #6f7c24;
	font-size: 24px;
	font-weight: normal;
	display: block;
}

article.product div.productview div.container-top div.main-price div.oldPrice {
	display: block;
}

article.product div.productview div.container-top div.main-price div {
	display: inline;
}

article.product div.wash-symbol {
	display: table;
	margin: 20px 0px;
}

article.product div.certificates {
	display: table;
	margin: 10px 0px 20px;
}


article.product div.wash-symbol img,
article.product div.certificates img {
	vertical-align: middle;
}

article.product div.certificates img {
	margin-right: 20px;
}

article.product div.product-image a.gallery img {
	width: 48px;
}

article.product div.product-image a.main.gallery img {
	width: 200px;
}

article.product div.product-image a.main {
	display: block;
	margin: 0px auto 20px;
}

article.product div.product-image a.main img {
	display: block;
	margin: auto;
	width: 200px;
}

div.orderview a:hover {
	color: #6f7c24;
}

div.orderview div.products div.orderproduct > div {
	display: inline-block;
	overflow: hidden;
	width: 9%;
	margin-right: 1%;
	vertical-align: top;
	font-size: 10px;
}

div.orderview div.products div.orderproduct div.article div.picture img {
	max-width: 54px;
}

div.orderview div.products div.orderproduct > div.refund,
div.orderview div.products div.orderproduct > div.refundsum {
	visibility: hidden;
}

div.orderview div.products div.orderproduct.with-refund > div.refund,
div.orderview div.products div.orderproduct.with-refund > div.refundsum {
	visibility: visible;
}

div.orderview div.products div.orderproduct > div legend {
	display: none;
	color: #333;
}

div.orderview div.products div.orderproduct > div.article {
	width: 30%;
}

div.orderview div.products div.orderproduct > div.sum {
	width: 15%;
	margin: 0px;
}

div.orderview div.products div.orderproduct > div.article > div {
	display: inline-block;
}

div.orderview div.products div.orderproduct > div.article > div:first-child {
	width: 29%;
	margin-right: 1%;
}

div.orderview div.products div.orderproduct > div.article > div:last-child {
	width: 67%;
}

div.orderview div.products div.orderproduct > div.article > div:last-child a {
	display: block;
}

div.orderview div.products div.orderproduct:not(.legend) > div.quantity {
	text-align: center;
	vertical-align: middle;
	box-shadow: 0px 0px 0px 1px #CFCFCF;
}

div.orderview div.products div.orderproduct > div.quantity > * {
	display: inline-block;
	width: 20px;
	vertical-align: middle;
}

div.orderview div.products div.orderproduct > div.article i.fa-link,
div.orderview div.products div.orderproduct > div.quantity i.fa-link {
	display: none;
}

div.orderview div.products div.orderproduct > div.quantity p {
	font-size: 200%;
	font-weight: bold;
	font-family: Arial,​Helvetica,​sans-serif;
	color: #000;
}

div.orderview div.products div.orderproduct > div.quantity div i {
	font-size: 90%;
}

div.orderview div.products div.orderproduct > div.quantity i {
	font-size: 150%;
}

div.orderview div.products div.orderproduct:not(.legend) > div.price,
div.orderview div.products div.orderproduct:not(.legend) > div.sumprice,
div.orderview div.products div.orderproduct:not(.legend) > div.refund,
div.orderview div.products div.orderproduct:not(.legend) > div.refundsum {
	text-align: right;
	font-size: 120%;
}

div.orderview div.products div.orderproduct:not(.legend) > div.sum div.sum-of-refund-and-product {
	font-size: 150%;
}

div.orderview div.resume {
	width: 275px;
	color: #3b3b3b;
	margin: 0px 0px 15px;
	float: right;
}

div.orderview div.resume > div > div:last-child {
	text-align: right;
	font-size: 14px;
	margin-top: -28px;
}

div.scrollBox {
	border: 1px solid #CCCCCC;
	height: 150px;
	overflow: hidden;
	padding: 10px;
}

div.shop-payments {
	text-align: center;
}

div.shop-payments div {
	display: inline-block;
	width: 21%;
	padding: 50px 2% 10px;
	background-repeat: no-repeat;
	background-position: center 10px;
	text-align: center;
	color: #000;
	transition: box-shadow 0.5s;
	cursor: pointer;
	position: relative;
	border-radius: 2px;
	min-width: 220px;
}

div.shop-payments div i.fa {
	opacity: 0;
}

div.shop-payments div i.fa-check-square {
	position: absolute;
	top: 10px;
	right: 10px;

	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

div.shop-payments div.active i.fa {
	opacity: 1;
}

div.shop-payments div:hover,
div.shop-payments div.active {
	box-shadow: inset 0px 0px 2px #000;
}

div.steps{
	display: table;
	width: 100%;
}
div.steps p {
	display: table-cell;
	margin-bottom: 20px !important;
	text-align: center;
}
div.steps p.active span {
	background-color: #6f7c24;
	color: #FFF;
}
div.steps p span {
	border: 1px solid #999;
	border-radius: 100px;
	display: inline-block;
	font-size: 150%;
	margin: 0 10px 10px;
	padding: 11px 10px 11px;
	width: 20px;
}

div.orderview div.info {
	float: left;
}

div.orderproduct > div.quantity div.changequantity a {
	bottom: 3px;
	display: block;
	font-size: 24px;
	height: 16px;
	position: relative;
}