/*
////////////////////////////////////////////////////////////////////// PRODUCT OVERVIEW ////////////////////////////////////////////////////////////
*/

#overzicht {
	float:left;
    display: table;
    width:82%;
/*    max-width:810px;*/
    min-width:320px; 
    box-sizing:border-box;     
}
#showFilters {
	float:left;
	width:97%;
    height:30px;
	margin:10px 1% 0px 1%;
    font-size:21px;  
    text-align:center;  
    border: solid #808080 1px; 
    color:#808080;
    background:#E3E3E3;
	display:none;
}
/*
#searchbarholder {
	float:left;
    width:100%;
	max-width:835px;
    /*min-width:320px;*/
	margin-top:0px;
   	margin-left:3px;    
   	}   
.selectholder {
	float:left;
    border-top:solid #969696 1px;border-left:solid #969696 1px;border-right:solid #969696 1px;border-bottom:solid #969696 1px;    border-radius: 7px 0px 7px 0px ;
    width:140px;
    height:20px;
    padding-right:10px;
	margin:2px;
    text-align:center;
    padding-top:7px;
}
.searchbar {
	width:100%;
	font-size:14px;
	font-family: lekton; 
	color:#808080;
	border:none;   
}
*/
.dropF {
	position:absolute;
    margin-top:-7px;
    padding-bottom:6px;
    margin-left:134px;
    background:#000;
}
.dropFc {
	color:#FFF;
    font-size:16px;
}
#gezocht {
	float:left;
    width:100%;
	/*max-width:800px;*/
    min-width:310px;
	margin-top:5px;
    padding-bottom:20px;
   	margin-left:3px;
    text-align:center; 
    font-size:11px;
    display:none;
}
#searchpath {
	float:left;
    width:100%;
    padding:0 0 0 20px;
    box-sizing:border-box;
}
#ranking {
	float:right;
    width:100px;
    right:0;
}
#catleft {
	float:left;
    width:186px;
    margin-top:0px;
    padding-bottom:20px;
    z-index:1;
    background:#FFF;
    /*min-height:700px;*/
}
#zoekcattop {
	float:left;
    width:100%;
	margin-bottom:10px;
    padding-left:0%;
    font-size:18px;
    font-weight:600;
    background:#FFF;  /*00A9AB; */
	color:#808080; /*FFFFFF;    	*/
}
#zoektip {
	position:absolute;
	width:120px;	
	padding:5px;
	display:none;
	margin-left:-140px;
	background:#CCC;
	color:#FFF;
	font-size:10px;
}
.zoekknop {
	width:98%;
    max-width:180px;
    height:30px;
	margin-top:10px;
	text-align:center;
	font-size:21px;
	font-weight:300;
	background:#FFF;
    border:1px solid #808080;
    color:#808080;
    background:#F5F5F5;
}
.chboxdiv {
	float:left;
	width:180px;    
    margin-left:5px;
    margin-top:5px;
    padding-bottom:10px;    
    height:auto;
    overflow:auto;
    font-size:10px;
}
.collaps {
    margin-top:-5px;
    padding-bottom:0px; 	
}
.chboxtxt1 {
	color:#808080;
    font-size:14px;    
}
.chboxtxt2 {
	color:#808080;
    font-size:14px;   
}
.cml0{
	margin-right:5px;
    width:17px;
    height:17px;
    margin-top:3px;
    border:1px solid #808080;
    background: #FFF;
}
.cml15{
	margin-left:15px;
	margin-right:5px;
    width:17px;
    height:17px;
    margin-top:3px;
    border:1px solid #808080;
    background: #FFF;
}      
.cml30{
	margin-left:30px;
	margin-right:5px;    
    width:17px;
    height:17px;
    margin-top:3px;
    border:1px solid #808080;
    background: #FFF;    
}
.zoekkleurtop {
	float:left;
    width:100%;
    padding-left:0%;
    margin-bottom:10px;
    font-size:18px;
    font-weight:600;
    background:#FFF; /*00A9AB;*/
	color:#808080;  /*FFFFFF;    	*/
}
.pad {
	padding-bottom:10px;
}
#invis1 {
	display:none;
}
#invis2 {
	display:none;
}
#invis3 {
	display:none;
}
#invis4 {
	display:none;
}
.ppp {
	float:left;
    width:23%;
    margin:0 5% 0 5%;
    background:#000;
    color:#FFF;
    text-align:center;
    font-size:14px;
}
.ppb {
    background:#FF0000;
}
.pijl {
	font-size:9px;
}
#sideinfo {
	float:left;
    margin-top:20px;
    margin-left:5px;
    padding-top:10px;
    border-top:1px solid #808080;
    width:175px;
    height:auto;
    font-size:10px;	
    color:#A6A6A6;
}
.productsbox {
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 5px 0px 5px;
	text-align:center;
    box-sizing:border-box;    
}
.productsbox3 {
	width:33%; 
	height:auto; 
	border:none;
}	
.imagebox {
	position:relative;
    width:100%;
    margin:0px auto 0px auto;
}
.namebox {
	position:relative;
    width:100%;
    margin:0px auto 0px auto;
	text-align:center;
	color:#666666;
	font-size:12px;
}
.pricebox {
	position:relative;
    width:100%;
    margin:0px auto 0px auto;
	text-align:center;
    font-family:lekton; 
    color:#FF0000;       
    font-size:12px;
}
.strikeprice {
	color:#808080;
}
.actioninfobar {
	position:absolute;
    min-width:100%;
  	min-height:18px;
    margin:30px auto 0px auto; 
    background:#FFFFFF;
    color:#000000;
    font-family:lekton;
    font-size:12px; 
    font-weight:100;       
}
.productsbox4 {
	width:180px;
	height:340px;
	border:none;
}
.productsbox5 {
	width:140px;
	height:260px;
	border:none;
}
.productsbox7 {
	width:95px;
	height:135px;
	border:1px solid #CCC;
}

#pagination {
	float:right;
    width:100%;
	text-align:right;
}
.nobox {
	float:left;
	width:20px;
	height:20px;
	margin:2px;
	padding-top:3px;
    text-align:center;	
	border:solid 1px #000000;
}
.bgp {
	background:#000000;
	color:#FFFFFF;
}	

/*
////////////////////////////////////////////////////////////////////// PRODUCT DETAILS ////////////////////////////////////////////////////////////
*/

.mal {
	margin-left:-20px;
}
#namebox {
	float:left;
	width:100%;
   /* max-width:1000px; */
	padding-bottom:10px;
    text-align:center;
}

/* ******** kolom 1 ******** */

#zoomcol {
	float:left;
   	width:100%
   	max-width:560px;
   	min-width:315px;
   	margin-left:0px;
   	padding-bottom:20px;
}
#zoombox {
	float:left;
	width:100%;
    /*max-width:430px;	*/
	margin-left:0px;  /* indiv per site instellen */
}
#thumbbig {
	float:left;
    width:100%;
    text-align:center;
}
.zoomedimg {
	border:none;
}
#thumbrail {
	float:left;
    top:70px;
    width:100%;
}
.thumbimg {
	margin:5px 0px 0px 0px;
}

/* ******** kolom 2 ******** */

#detailcol {
	float:left;
    width:98%;
    max-width:450px;
    margin-left:5px;
    padding-bottom:20px;
}
.detekst {
	font-size:14px;
    color:#808080;
    font-weight:600;
}
#prisbox1 {
	float:left;
	width:100%;   
	text-align:left;
   	font-family:lekton; 
   	color:#000000;       
   	font-size:17px;    
}
#prisbox2 {
	float:left;
	width:100%;
	text-align:left;
	font-size:12px;
	color:#000000;
	word-spacing:5px;
	margin-left:10px;
}
.prisbox3 {
    font-family:lekton; 
    color:#000000;       
    font-size:17px;
}
.setprice {
    background:#000000;
    color:#FFFFFF;
    font-family:lekton;
    font-size:12px; 
    font-weight:100;   
    text-align:center;
}
.color-huls {
	float:left;
    width:24px;
    height:24px;
    padding:4px;
    margin:1px;
    border:1px solid #FFF;
    border-radius: 7px 0px 7px 0px ;
}
.color-example {
	float:left;
	min-width:21px;
	min-height:21px;	
    border:solid #CCC 1px;
    border-radius: 7px 0px 7px 0px ;
}
.addborder {
	border:solid #808080 1px;
    background:#F5F5F5;
}
.removeborder {
	border:solid #CCC 1px;
}
.colorbox-details {
	float:left;
	width:28px;
	height:28px;
	margin:1px;
	border:2px #CCC solid;
}
.sizebox {
	float:left;
	width:28px;
	height:22px;
	margin:3px;
	text-align:center;
	border: solid #CCCCCC 1px;
    border-radius: 7px 0px 7px 0px ;
	padding-top:6px;
	font-size:11px;
}
.stc {
	color:#000000;
}
.soldsize {
	background-color:#ccc;
    color:#999999;
}    
.colorsample {
	float:left;
	width:100%;
	min-height:100px;
	min-height:130px;
	margin-top:40px;
	margin-bottom:10px;    
    font-family:lekton;
	font-size:14px; //11px; 
    font-weight:normal; 
    color:#808080;  
}	
.colorname {
	background:#FFFFFF;
	text-align:center;
	margin:15px;
	margin-left:130px;
	width:200px;
    font-size:18px;
}	
.detailstext {
	float:left;
	width:65px;
	margin-top:10px;
	margin-left:10px;
	text-align:left;
    font-size:12px;
}
#colorscontainer {
	float:left;
	text-align:left;
	width:100%;
	min-height:80px;
	margin-top:40px;  
}
#sizescontainer {
	float:left;
	margin-top:14px;
	width:100%;
	min-height:80px;    
}
.availtxt {
	width:100%;
   	color:#C6C7C9;
    text-align:left;
   	font-size:14px;
   	font-weight:400;
}
.details_exp {
	width:28px;
	height:23px;
	text-align:center;
	padding-top:5px;
	font-size:12px;
	border:solid 2px #CCCCCC;
    border-radius: 7px 0px 7px 0px ;
}
#selected {
	float:left;
	width:160px;
	height:40px;
	margin-top:10px;
	margin-left:10px;
    font-size:10px;
}
#bestelbutton {
	float:left;
	width:100%;
    height:35px;
	margin-top:40px;
    font-size:14px;
	border: solid #CCCCCC 2px;    
}

/* ******** kolom 3 ******** */

#tabscol {
	float:left;
    width:100%;
    margin-top:9px;
    padding-bottom:20px;
    font-family:lekton;
	font-size:13px; 
    font-weight:normal;
    text-align:center; 
    border-radius: 7px 7px 7px 7px ;      
}
.tabs {
	float:left;
    width:25%;
    margin-top:1px;
    background:#666666;	/*000000;*/
    font-size:13px; 
    border:1px solid #FFF;
    box-sizing:border-box;
}
.tabsinfo {
	float:left;
    width:100%;
    margin-top:1px;
	background:#FFF;
}
.tabstxt {
	color:#FFFFFF}
.closeTabs {
    float:left;
    width:100%;
    text-align:left;   
    padding:10px 1% 0 1%;
    background:#FFFFFF;
    font-family:lekton;
	font-size:11px; 
    font-weight:normal;        
	display:none;
    /*border-left:solid #CCCCCC 1px;border-right:solid #CCCCCC 1px;border-bottom:solid #CCCCCC 1px; border-radius:7px 7px 7px 7px ;  */
    box-sizing:border-box;      
}
.stijl6 {
	font-size: 16px;
	font-family: '.$settings['font'].';
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	height:30px;
	width:100%;
	padding-top:5px;
	box-sizing:border-box;
}
.button8 {
	float:left;
	width:283px;
	padding:4px 0px 4px 0px;
    border: solid #929292 1px; 
    color:#333;
	font-size:16px;
    background:#E3E3E3;
	text-align:center;	
}
.orderinfo {
    float:left;
    width:89%;
    text-align:left;   
    padding:5%;
    background:#FFFFFF;
    font-family:lekton;
	font-size:11px; 
    font-weight:normal;        
	display:none;
    border-left:solid #CCCCCC 1px;border-right:solid #CCCCCC 1px;border-bottom:solid #CCCCCC 1px;        
}
.bannercontainer {
	float:right;
    width:120px;
    margin-top:20px;
    text-align:center;
}

/* ******** bottom related ******** */

.detailsfootbox {
	float:left;			
	margin-top:30px;
	margin-left:1.5%;
	padding-bottom:30px;
    width:97%;
	/*max-width:970px;*/
	min-width:320px;
	font-size:12px;
	min-height:220px; 
}
#related {
	float:left;					
    width:49%; 
/*	max-width:470px;*/
    min-width:300px;
    min-height:200px;
    padding-right:10px;
    text-align:center;        
        border-radius: 0px 0px 0px 0px ;
    padding-top:7px;   
    box-sizing:border-box;
}
@media only screen and (max-width: 700px) {
     #related { 
	 	width: 100%;
		}
    }
#combis {
    float:left;
    width:49%; 														
/*	max-width:470px;	*/
    min-width:300px;
    min-height:200px;
    padding-right:10px;
    text-align:center;    
        border-radius: 0px 0px 0px 0px ;
    padding-top:7px;  
    box-sizing:border-box;     
}
@media only screen and (max-width: 700px) {
     #combis { 
	 	width: 100%;
		}
    }
.relatextra {
	display:none;
}
.relatedbarX {
	float:left;
    width:100%;
    background:#FFFFFF;
	font-family:lekton;       
    font-size:13px;
    font-weight:100;
    color:#000000; 
    text-align:left; 
    border-radius: 0px 0px  0px 0px;
}
.relatedprod {
	float:left;
    width:33%;
    height:100%;
    margin-top:15px;
    padding:3px;
    text-align:center;
    box-sizing:border-box;
}
.relatedpic {
	float:left;
	width:100%;
	height:auto;
}
.relatedtxt {
	float:left;
    width:100%;
    color:#A6A6A6;
}