﻿/* styling single productitem */

.productList .item{
	height: 315px;
	width: 168px;
	margin: 0 22px 20px 0;
	padding: 1px;
	position: relative;
    float: left;
	cursor: pointer;
	background:#fff;
}

.productList .item .brand{
	position: absolute;
	top: 0;
	left: 0;
}
.productList .item .offergroup{
	position: absolute;
	top: 0;
	right: 0;
}

.productList .item .thumb{
	height: 186px;
	width: 168px;
}

.productList .item .thumb a{
	height: 186px;
	line-height: 186px;
	width: 168px;
}

.productList .item .content{
	overflow: hidden;
}

.productList .item .content .title{
	font-size: 12px;
	display:block;
}

.productList .item .itemBtn{
	display: block;
	font-size: 12px;
}

.productList .item:hover .itemBtn,
.productList .item .itemBtn:hover{
	text-decoration: none;
}

#favoriteList .item:hover .itemBtn{
	background-position: 0 0;
}
.removeFiltersDive{
	float:right;
	margin-top:-27px;
}
.removeGroupFilter{
	font-size:12px;	
	color: #204EAC;
	cursor:pointer;
	font-weight:normal;
	text-align:right;
}
.removeGroupFilter:hover{
	text-decoration:underline;
}

/* price */
.price {
	display: block;
    overflow: hidden;
    width: 100%;
}

.valuta{
    display:none;
}

.priceWrap .prefix,
.priceWrap .old,
.priceWrap .price .valuta {
    margin: 0 4px 0 0;
}

.priceWrap .old {
	color: #454545;
	font-size: 12px;
	font-weight: normal;
    text-decoration: line-through;
}

.offerText{
    position: relative;
    font-size: 12px;
    color: #5c5c5c;
}

#globalNav .navSub li .price,
#globalNav .navSub li .offerText,
#globalNav .navSub li .price span,
#globalNav .navSub li .offerText span {
	display:inline;
}

.offerText .lineThrough{
	background: transparent url(../images/lineThru.png) no-repeat 0 0;
    height: 10px;
    width: 38px;
    position: absolute;
    top: 2px;
    left: -2px;
}



/* sizes over a productitem */
.sizeInfoBtn {
    position: absolute;
    bottom: 4px;
    right: 4px;
    height: 16px;
    width: 16px;
    display: block;
    background: transparent url(../images/sizeinfo.png) no-repeat 0 0;
}

.sizeInfo{
    width: 148px;
    height: 0;
    background: transparent url(../images/popup_transpBG.png) repeat 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    color:#454545;  
    overflow:hidden;
	display: none;
}

.sizesVisible{
    border: 1px solid #ccc;
    padding: 5px 10px; 
	display: block;
}

.sizeInfo h4{
	color: #fff;
	text-shadow:2px 2px 3px #000000;
}


#content .sizeInfo ul{
    list-style: none;
}

.sizeInfo li{
    width:25px;
    height:25px;
    margin-left:4px;
    margin-bottom:4px;
    background:#fff;
    text-align:center;
    line-height:25px;
    float:left;
}

.sizeInfo li a:hover{
    text-decoration: none;
}


.sizeInfo li.active{
    border-width:3px;
    width:39px;
    height:39px;
}
.sizeInfo li.active{
    background:#000;
    color:#fff;
    width:22px;
    height:22px;
    line-height:22px;
}
.sizeInfo li.active a{
    color: #fff;
}
.sizeInfo li.outOfStock{
    color:#222222;
    background:#9c9c9c;
}



/* Product Labels */

.label{
	width:44px;
	background:url(../images/labelSprite.png) no-repeat 0 0 transparent;
	position: absolute;
	top:-1px;
	left:10px;
	z-index:999;
}
.sale,
.special{
	height:53px;	
}
.nieuw{
	height:23px;	
	background-position:0px -53px;
}
.special{
	background-position:0px -76px;	
}