/*------- COLLECTIONS ------*/


#brand-list {
	padding-left: 20px;	
}
	#brand-list .brand-column {
		float:left;
		margin-right: 30px;		
	}	
	#brand-list .brand {
		position: relative;
		margin-bottom: 30px;	
	}
		#brand-list .brand .img {
			width: 200px;
			height: 200px;
			background-size: contain;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			opacity: .8;
		}
		#brand-list .brand:hover .img { opacity: .6; }
		#brand-list .brand .count {
			position:absolute;
			left:0px;
			top:0px;
			text-align: center;
			line-height: 200px;			
			heigth:200px;
			width: 200px;
			font-size: 50px;
			color: #333; 
			text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
		}
		#brand-list .brand:hover .count { color: #000; }
		#brand-list .brand .name {
			font-weight: normal;
			font-size: 22px;		
		}



		#brand-type-list {
			padding-left: 20px;	
		} 
		#brand-type-list .brand {
			float:left;
			margin-right: 30px;
			position: relative;
		}		
        .demo-section {
            padding: 30px;
            width: 577px;
        }
        .listView {
            padding: 0px;
            margin-bottom: -1px;
            width: 575px;
            min-height: 510px;
			border: none;
			background: none;
        }
        .big .listView {
			width: 890px;
			padding: 0px;
			min-height: 405px;
		}
        .product {
            float: left;
            position: relative;
            width: 111px;
            height: 170px;
            margin: 0px 2px;
            padding: 0;
        }
        .product .img {
            width: 110px;
            height: 110px;
        }
        .product h3 {
            margin: 0;
            padding: 3px 5px 0 0;
            max-width: 96px;
            overflow: hidden;
            line-height: 1.1em;
            font-size: .9em;
            font-weight: normal;
            text-transform: uppercase;
            color: #999;
        }
		.k-state-selected.product h3 {
			color: #fff;
		}
        .product p {
            visibility: hidden;
        }
        .product:hover p {
            visibility: visible;
            position: absolute;
            width: 110px;
            height: 110px;
            top: 0;
            margin: 0;
            padding: 0;
            line-height: 110px;
            vertical-align: middle;
            text-align: center;
            color: #fff;
            background-color: rgba(0,0,0,0.75);
            transition: background .2s linear, color .2s linear;
            -moz-transition: background .2s linear, color .2s linear;
            -webkit-transition: background .2s linear, color .2s linear;
            -o-transition: background .2s linear, color .2s linear;
        }
        .k-listview:after, .product dl:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
		
        .product.big {
            float: left;
            position: relative;
            width: 440px;
            height: 180px;
			margin:0px;
            margin-bottom: 20px;
            padding: 0;
        }	
        .product.big:nth-child(odd) {
			margin-right:10px;
		}
        .product.big .img {
            width: 180px;
            height: 180px;
			margin-right: 10px;			
			float:left;
        }
		.product.big h3 {
			max-width: none;
			font-weight: bold;
			font-size:14px;
			margin-bottom: 20px;
		}
		
		.product.big .descr1 {
			font-size:12px;
		}
		.product.big .descr2 {
			font-size:12px;
		}
		.product.big .descr3 {
			font-size:12px;
		}
		
		.product.big .varianti {
			position: absolute;
			bottom: 40px;
			left: 190px;
		}		
		.product.big .prezzo {
			position: absolute;
			bottom: 8px;
			left: 190px;
			font-weight: bold;
		}
		.product.star1 .star-flag{
			width:16px;
			height:16px;
			background: url(https://web.4sellerapp.it/themes/4seller/_/img/star.png) no-repeat;
			position: absolute;
			top: 2px;
			right: 2px;
		}
		.product.big.star1 .star-flag{
			top: 5px;
			right: 5px;			
		}
		
.with-cart .page .page-header	{
	/*width: calc(100% - 51px);*/
}
		
#region-cart {
	position: fixed;
	z-index: 30;
	right:-150px;
	top:160px;
	width: 175px;
	height: calc(100% - 160px);
	background: #eee;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	border-top: 1px solid #B0B0B0;
}

.show-cart #region-cart {
	right: 0px;
}

.show-cart.with-cart .page .page-header	{
	/*width: calc(100% - 200px);*/
}


#cartDiv {
	width:300px;
	height: 100%;	
}
#cartBar {
	float:left;
	width:23px;
	height:100%;
	background: url(https://web.4sellerapp.it/themes/4seller/img/cart.png) no-repeat center;
	border-right: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	cursor:pointer;
	background-color: #bbb;
}

#cartBar:hover {
	background-color: #c5c5c5;
}
#cart {
	height: 100%;
	margin-left:35px;
	margin-top: 10px;
}	

	#cart .product {
		float:none;
	}
	#cart .product h3 {
		color: #666;
	}