@charset "utf-8";

/*  COLS - LAYOUT  */

.product-canvas{
	display: block;
	position:relative;
	float: left;
	width: 175px;
	height: 295px;
	/*background: url(/images/layout/product-canvas.png);*/
	padding: 0;
	border-radius: 5px;
	border: 1px solid #333333;
	margin:8px 8px 8px 9px;
	margin-bottom:15px;
}

.product-canvas-hover{
	/*background:url(/images/layout/product-canvas-hover.png);*/
}

.product-canvas .innerblock {
	display:block;
	text-align:center;
	width:159px;
	/*height:244px;*/
	/*margin:12px;*/
	overflow:hidden;
}

.product-canvas .innerblock .titel{
	display:block;
	margin-top:4px;
	width: inherit;
	height:28px;
	overflow:hidden;
	text-align:center;
	color: #2074FF;
	text-decoration:underline;
}

.product-canvas .innerblock .basispreis{
	display:block;
	margin:4px 0;
	width: inherit;
	height:12px;
	text-align:center;
	font-size:10px;
	color:#999;
}

.product-canvas .innerblock .nooffers{
	display:block;
	width: inherit;
	height:18px;
	text-align:center;
}

.product-canvas .innerblock .preis{
	display:block;
	width: inherit;
	height:18px;
	text-align:center;
	/*font-size:16px;*/
	font-weight:bold;
	color: #FF6600;
    font-size: 24px;
}

.product-canvas .innerblock .versand{
	display:block;
	width: inherit;
	height:15px;
	text-align:center;
	font-size:10px;
	color:#999;
}

.product-canvas .innerblock .buttonblock{
	display:block;
	width: inherit;
	height:26px;
	text-align:center;
}

.product-canvas .innerblock .merchant{
	display:block;
	width: inherit;
	height:14px;
	margin-bottom:2px;
	overflow:hidden;
	text-align:center;
	font-size:11px;
	color: #2074FF;
	text-decoration:underline;
}
/**/
.product-canvas .innerblock a.mehr-preise{
	display:block;
	width: inherit;
	height:16px;
	margin-top:2px;
	text-align:center;
	font-size:11px;
	color: #2074FF;
	text-decoration:underline;
}

.product-canvas .innerblock a.mehr-preise:hover{
	color:#f60;
}

.product-canvas .innerblock .pricehintdiv{
	display:block;
	width: inherit;
	text-align:center;
}

.product-canvas.sem .innerblock .merchant-logo{
	margin:4px 0;
}

.product-canvas.sem .innerblock .preis{
	font-size:24px;
	color:#F60;
}

.product-canvas.sem .innerblock .versand{
	margin-top:5px;
}

.product-canvas.sem .watchlistLink{
	float:right;
	display:inline;
}

.product-canvas .iconblock{
	display: block;
	background-color: #EEE;
	height: 24px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-image: -webkit-linear-gradient(270deg,rgba(239,237,237,1.00) 0%,rgba(208,208,208,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(239,237,237,1.00) 0%,rgba(208,208,208,1.00) 100%);
	border-bottom:1px solid #666;
}

.product-canvas .iconblock .mt-item{
	margin-top:4px;
	float:right;
	margin-right:10px;
}

.product-canvas .iconblock .pt-item{
	display:block;
	padding-top:4px;
	text-align:center;
}

.product-canvas .iconblock .small{
	font-size:10px;
	font-weight:bold;
	padding-top:4px;
	padding-right:5px;
	margin-left:-8px;
	float:right;
}

.product-canvas .buttonblock a{
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0px;
	height: 44px;
	color: #fff;
	background-color: #FF6600;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* orange */
	background-image: -webkit-linear-gradient(270deg,rgba(253,201,166,1.00) 0%,rgba(255,102,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(253,201,166,1.00) 0%,rgba(255,102,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(253,201,166,1.00) 0%,rgba(255,102,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(253,201,166,1.00) 0%,rgba(255,102,0,1.00) 100%);
	text-align: center;
	border-top: 1px solid #666;
}

.product-canvas .buttonblock a.blue{
	/* blau */
	color: #2074FF;
	background-color: #eee;
	background-image: -webkit-linear-gradient(270deg,rgba(208,208,208,1.00) 0%,rgba(239,237,237,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(208,208,208,1.00) 0%,rgba(239,237,237,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(208,208,208,1.00) 0%,rgba(239,237,2376,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(208,208,208,1.00) 0%,rgba(239,237,237,1.00) 100%);
}

.product-canvas .buttonblock a span{
	padding-top: 12px;
	display: block;
	font-weight: bold;
	font-size: 15px;
}

.product-canvas .buttonblock a span img{
	vertical-align:text-bottom;
}

/* Icons Top */

.productinfo-panel{
	display: block;
	position: absolute;
	top: 0px;
	height: 18px;
	width: 175px;
	background-image: -webkit-repeating-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.66) 100%);
	background-image: -moz-repeating-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.66) 100%);
	background-image: -o-repeating-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.66) 100%);
	background-image: repeating-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0.66) 100%);
	background-repeat: repeat;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.productinfo-icon{
	display: none;
	position: absolute;
	width:24px;
	heíght:24px;
	left: 153px;
	top: 0px;
}

.icon-pr{
	display:block;
	position: absolute;
	top: 0px;
	left: 133px;
}

.icon-ws{
	display:block;
	position: absolute;
	top: 0px;
	left: 108px;
}

a .wl-icon{
	display:inline-block;
	width:16px;
	height:16px;
}

.productinfo-button{
	display:block;
	width:24px;
	heíght:24px;
	color:#428bca;
}

.button-voucher{
	display: none;
	position: absolute;
	heíght:24px;
	left: 0px;
	top: 0px;
	z-index:1000;
}

@media (min-width:768px){

	.product-canvas.jqOfferRow{
		border-bottom:none;
	}
	
	.product-canvas{
		display: inline-block;
		position: relative;
		width: 175px;
		height: 270px;
		padding: 0;
		border-radius: 5px;
		margin: 8px 8px 8px 9px;
		margin-bottom: 15px;
	}
	
	.product-canvas:hover{
		-webkit-box-shadow: 0px 0px 5px #373737;
		box-shadow: 0px 0px 5px #373737;
	}
	
	.product-canvas .innerblock {
		position:relative;
		display:block;
		text-align:center;
		width:173px;
	}
	
	.product-canvas .innerblock .titel{
		display:block;
		margin-top:4px;
		font-size:12px;
		width: inherit;
		height:32px;
		overflow:hidden;
		text-align:center;
		text-decoration:none;
	}
	
	.panel-img{
		position: relative;
		height: 124px;
		width: 100%;
		text-align: center;
		overflow: hidden;
		overflow-x: hidden;
	}
	
	.panel-img img{
		margin-top:4px;
		max-width:120px;
		max-height:120px;
	}

	
	.product-canvas .innerblock .nooffers{
		display:block;
		width: inherit;
		height:18px;
		text-align:center;
	}
	
	.product-canvas .innerblock .versand{
		display:block;
		width: inherit;
		height:15px;
		text-align:center;
		font-size:10px;
		color:#999;
	}
	
	.product-canvas .buttonblock{
		display:block;
		height:26px;
		text-align:center;
	}
	
	.product-canvas .buttonblock .btn{
		width:88%;
	}

	.product-canvas.sem .innerblock .merchant-logo{
		margin:4px 0;
		height:32px;
		overflow:hidden;
	}
	
	.product-canvas.sem .innerblock .merchant-logo img{
		max-height:32px;
		max-width:120px;
	}
	
	
	.product-canvas .innerblock .basispreis{
		text-align: right;
		position: absolute;
		text-shadow: 0 0 1px #fff;
		top: 117px;
		right: 10px;
		height: 12px;
		line-height: 12px;
		font-size: 9px;
		color: #000;
		z-index: 1;
		background-image: url(/images/bg-halbtrans.png);
	}
	
	.innerblock .preis a{
		text-align:right;
		position:absolute;
		text-shadow:-1px 1px 0 #fff, -1px -1px 0 #fff;
		top: 92px;
		right:10px;
		height:26px;
		font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
		line-height:24px;
		font-weight:normal;
		font-size:24px;
		color:#F10004;
		z-index:1;
	}
	
	.price-decimal{
		font-size:0.6em;
		vertical-align:super;
	}
	
	.price-in-product{
		font-size:16px;
		top:-10px;
	}
	
	.innerblock .preis a, .innerblock .preis a span{
		
	}
	
	.innerblock .preis a:hover{
		text-decoration:none;
	}
	.innerblock .description{
		display:block;
		padding:10px 0;
	}

	.product-canvas .iconblock{
		position:relative;
		display: block;
		height: 24px;
		z-index:1002;
	}
	
	.product-canvas .iconblock .mt-item{
		margin-top:4px;
		float:left;
		margin-left:10px;
	}
	
	.product-canvas .iconblock .pt-item{
		display:block;
		padding-top:4px;
		text-align:center;
	}
	
	.product-canvas .iconblock .small{
		font-size:10px;
		font-weight:bold;
		padding-top:4px;
		padding-right:5px;
		margin-left:-8px;
		float:right;
	}
	.buttonblock{
		text-align:center;
		margin-top:10px;
	}
	.product-canvas-clear{
		display:none;
	}

}

@media (max-width:767px){
	
	.product-canvas:hover{}
	/*
	.product-canvas.jqOfferRow{
		border:none;
	}
	*/
	.product-canvas{
		display: block;
		position:relative;
		min-height:110px;
		clear:both;
		width: 100%;
		height: 120px;
		padding: 5px 0 5px 0;
		border-bottom:1px dashed #999;
		margin: 5px 0;
	}
	
	.product-canvas:hover{}
	
	.product-canvas .innerblock {
		display:block;
		padding-bottom:5px;
		clear:both;
		text-align:left;
		width:100%;
		height:auto;
	}
	
	.panel-img{
		float:left;
		width: 25%;
		padding-bottom:5px;
	}
	
	.panel-img img{
		max-width:80px;
		max-height:80px;
	}
	
	.product-canvas .innerblock .titel{
		display:block;
		float:left;
		background-color:#fff;
		height:16px;
		margin-bottom:5px;
		font-size:14px;
		font-weight:bold;
		width: 70%;
		overflow:hidden;
		text-decoration:none;
	}
	
	.product-canvas.sem .innerblock .merchant-logo{
		display:inline-block;
		height:30px;
		overflow:hidden;
		float:left;
		margin:4px 0;
		max-width:80px;
	}
	.product-canvas.sem .innerblock .img{
		max-height:30px;
	}


	.innerblock .preis a{
		display:block;
		float:right;
		line-height:28px;
		font-weight:bold;
		font-size:24px;
		color:#cb0000;
	}
	
	.product-canvas .innerblock .basispreis{
		display:block;
		text-align:right;
		margin:4px 0;
		width: 70%;
		height:12px;
		font-size:10px;
		color:#999;
	}
	
	.product-canvas .innerblock .nooffers{
		display:block;
		float:left;
		width: inherit;
		height:18px;
		text-align:center;
	}
	
	.product-canvas .innerblock .versand{
		display:block;
		background-color:#fff;
		float:left;
		width: 70%;
		height:15px;
		font-size:10px;
		color:#999;
	}
	
	.product-canvas .buttonblock{
		display:inline-block;
		/*width:35%;*/
		float:right;
		margin-top:-20px;
		/*height:26px;*/
		text-align:right;
	}
	
	.product-canvas .buttonblock .btn{
		/*width:auto;*/
	}
	
	.product-canvas-clear{
		display:block;
	}
	
	.innerblock .productinfo-button{
		display:none;
	}
	
	.innerblock .icon-pr{
		display:none;
	}
	
	.innerblock .button-voucher{
		top:80px;
		left:5px;
	}
	
	.productinfo-panel{
		display:none;
	}
	
	.icon-ws{
		top:6px;
		left:90px;
	}
	
	.eek{
		top:62px;
	}

}

@media (max-width: 480px) {
	
	.product-canvas{
		position:relative;
		min-height:100px;
		width:100%;
		float:none;
	}
	.product-canvas .innerblock{
		position:absolute;
		width:100%;
		left:0px;
		top:0px;
	}
	
	.innerblock .panel-img img{
		position:absolute;
		top:5px;
		left:5px;
	}

	.innerblock .productinfo-button{
		display:none;
	}
	
	.innerblock .icon-pr{
		display:none;
	}
	
	.innerblock .button-voucher{
		top:80px;
		left:5px;
	}
	
	.product-canvas .innerblock .titel{
		display:block;
		position:absolute;
		top:5px;
		left: 90px;
		background-color:#fff;
		height:16px;
		font-size:14px;
		font-weight:bold;
		width: 70%;
		overflow:hidden;
		text-decoration:none;
	}
	
	.innerblock .preis{
		display:block;
		position:absolute;
		top:35px;
		left:90px;
		font-weight:bold;
		font-size:24px;
		color:#cb0000;
	}
	.innerblock .preis a:hover{
		text-decoration: none;
	}
	
	.product-canvas .innerblock .basispreis{
		display:block;
		position:absolute;
		float:none;
		margin:0;
		top:32px;
		left:190px;
		text-shadow:none;
		text-align:left;
		background-color:#fff;
		background-image:none;
		height:12px;
		width:auto;
		font-size:10px;
		color:#999;
	}
	
	.product-canvas .innerblock .versand{
		display:block;
		position:absolute;
		top:46px;
		left:190px;
		background-color:#fff;
		height:12px;
		font-size:10px;
		color:#999;
	}
	
	.product-canvas.sem .innerblock .merchant-logo{
		display:block;
		position:absolute;
		height:20px;
		top:77px;
		left:90px;
	}
	.product-canvas.sem .innerblock .merchant-logo img{
		height:20px;
	}
	
	.product-canvas .buttonblock{
		display:block;
		position:absolute;
		top:90px;
		right:5px;
		text-align:right;
	}
	
	.product-canvas .buttonblock .btn{
		/*width:auto;*/
	}
	
	.product-canvas-clear{
		display:block;
	}
	
	.productinfo-panel{
		display:block;
		width:90px;
	}
	
	.icon-ws{
		top:0px;
		left:5px;
	}
	
}