/* CSS Document */
/* ############### tales.be css/html5 framework v2 (by kvd) ###############  */
/* ############### b03_generic_custom.css ############### */

/* generic building components */

	
/* SHOPPINGCART HEADER */
	#shoppingcart{
		margin:5px 0 0 0;
		line-height:14px;
		padding:9px 0px 9px 50px;
		color:#fff;
		background-image:url(../image/basics/ico_shoppingcart.png);	background-repeat:no-repeat; background-position:9px 9px;
		}
	#shoppingcart a:link, #shoppingcart a:visited{ color:#fff}
	#shoppingcart a:hover{ color:#fff}

/* LOGOGRID HOME  */
	#logogrid{ display: inline-block; margin-bottom:20px;}
	#logogrid ul{ margin:0;}
	#logogrid ul li{
		float:left;
		margin:0 10px 10px 0;
		}
	#logogrid a{ text-decoration:none;}
		
	#logogrid .logo{
		display:block;
		width:110px;
		height:90px;
		overflow:hidden;
		padding:10px;
		text-align:center; 
		text-decoration:none;		
		border:1px solid #396eaa;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px;
		text-align:center;
		}
	
	#logogrid .merk{ text-align:center}
			

		
/* RESULTS FIRST PAGE  */

	.results .item{ margin:0 0 30px 0;}
	.results table{ width:100%;}
	.results td{ width:25%;}
	.results ul{ margin:0 0 0 20px}
	.results li{ margin:0}
	.results li a{
		text-decoration:none;}
	.results li a:hover{ text-decoration:underline;}
	

/* RESULTS DETAIL PAGE  */	
	.resultsdetail table{ width:auto;}
	.resultsdetail td{ width:auto;}
	
		

/* RESULTS SECOND PAGE TWOCOLS */
	#productgrid .item {
		width:390px;
		min-height:300px;
		float:left;	
		overflow:hidden;
		margin:0 30px 20px 0;
		padding:10px;
		border:1px solid #396eaa;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px;
		line-height:normal;
		}
		#productgrid .item .col1{ width:110px; margin-right:20px; padding:0;overflow:hidden; float:left; }
		#productgrid .item .col2{ width:260px; }
	
	#productgrid .item .col1 img {
		border-bottom:0px solid #396eaa;
		padding-bottom:5px;
		margin-bottom:10px;
		}
	#productgrid .item a {
		outline:0px dotted red
		}
	#productgrid .item h2 {
		margin:0 0 5px 0;
		color:#396eaa;
		border:0;
		padding:0;
		font-weight:bold;
		font-size:18px;
		
		}
	#productgrid .details {
		margin:10px 0 0px 0px;
		}


/* WINKELWAGEN OVERZICHT */
	#winkelwagen{}
	#winkelwagen .col1{
		float:left;
		width:600px;
		margin:0 40px 0 0; padding:0 !important;
		outline:0px solid red}
	#winkelwagen .col2{
		width:220px;
		margin:0; padding:0;
		outline:0px solid red}
	


/* ORDER NAVIGATION */
	.ordernavig{ margin:20px 0;}
	.ordernavig ul{ margin:0}
	.ordernavig li{
		display:block;
		float:left;
		width:200px;
		margin:0 20px 10px 0;
	}
	.ordernavig li a:link, .ordernavig li a:visited{
		display:block;
		padding:5px 20px;
/*		background-color:#06619a;*/
		border:1px solid #396eaa;
		-webkit-border-radius: 10px; 
		-moz-border-radius: 10px; 
		border-radius: 10px;
		text-decoration:none;
	}
	.ordernavig li a:hover{ display:block; padding:5px 20px; background-color:#396eaa; color:white}