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

/*
#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: 0px 0px 0px 0px ;
    width:146px;
    height:22px;
    padding-right:10px;
	margin:2px;
    text-align:center;
    padding-top:8px;
}
.searchbar {
	width:100%;
	font-size:14px;
	font-family: graphikLg, Verdana, 'sans-serif'; 
	color:#808080;
	border:none;   
}
*/
.dropF {
	position:absolute;
    margin-top:-7px;
    padding-bottom:6px;
    margin-left:140px;
    background:#000;
}
.dropFc {
	color:#FFF;
    font-size:16px;
}
#catpics {
	float:left;
    width:99%;
    margin:0px 0.5% 15px 0.5%;
}
#overzicht {
	float:left;
    display: table;
    width:82%;
   /* max-width:600px;*/
    min-width:320px; 
    min-height:700px;
    box-sizing:border-box;     
}
#showFilters {
	float:left;
	width:170px;
    height:30px;
	margin:-4px 0% 0px 0%;
    font-size:17px;  
    text-align:center;  
    border: solid #FFF 0px; 
    color:#000;
    background:#FFF;
	display:none;
}
.filcol {
	color:#000;
}
#gezocht {
	float:left;
    width:100%;
    min-width:320px;
	margin-top:5px;
    padding:0 0 20px 0;
    text-align:center; 
    font-size:16px;
    display:none;
}
#searchpath {
	float:left;
    width:100%;
    padding:0 0 0 0;
    box-sizing:border-box;
}
#ranking {
	float:right;
    width:100px;
    right:0;
    font-size:17px;
}
#catleft {
	float:left;
    width:186px;
    margin-top:0px;
    padding-bottom:20px;
    z-index:1;
}
#zoekcattop {
	float:left;
    width:100%;
	margin-bottom:10px;
    padding-left:0%;
    font-size:17px;
    font-weight:500;
   /* background:#FFF;  23282B; */
	color:#808080; /*FFFFFF; */
    display:x;
}
.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;
    display:none;
}
.respo {
	float:left;
	width:100%;
}
.chboxdiv {
	float:left;
	width:180px;    
    margin-left:5px;
    margin-top:5px;
    padding-bottom:10px;    
    height:auto;
    overflow:auto;
    font-size:10px;
    box-sizing:border-box;
}
#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;
    display:none;
}
.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:7px 0 0 0;
    margin-bottom:10px;
    font-size:17px;
    font-weight:500;
   /* background:#FFF; 23282B;*/
	color:#808080;  /*FFFFFF;    	*/
}
.pad {
	padding-bottom:10px;
}
.hde {
	display:none;
}
.hidit {
	display:none;
}
.npp {
	float:right;
    width:180px;
    margin:0 10px 0 0;
}
.ppp {
	float:left;
    width:23%;
    margin:3px 3% 0 3%;
    background:#000;
    color:#FFF;
    text-align:center;
    font-size:14px;									display:none;
}
.ppb {
    background:#ABABAB;
}
.pijl {
	font-size:14px;
}
.productsbox {
	float:left;
	margin:0px 0px 10px 0px;
	padding:20px 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:70%;
    height:17px;
    margin:2px auto 0px auto;
    padding:0 0 5px 0;
	text-align:left;
	color:#000000;
	font-size:14px;
    border-top:1px solid #CCC;
}
.pricebox {
	position:relative;
    width:70%;
    margin:0px auto 0px auto;
	text-align:left;
    font-family:graphikLg, Verdana, 'sans-serif'; 
    color:#000000;       
    font-size:18px;
}
.strikeprice {
	color:#000000;
}
.actioninfobar {
	position:absolute;
    width:50%;
    margin:-50px 0 0px 25%; 
    padding:6px 0 6px 0;
    background:#000000;
    color:#FFFFFF;
    font-family:graphikLg, Verdana, 'sans-serif';
    font-size:17px;  /* 14px; */
    font-weight:100;       
}
.pagination {
	float:left;
    width:100%;
    margin:40px 0 0 0;
    padding:0 0 10px 27px;
	text-align:center;
    box-sizing:border-box;
}
.pagtop {
    width:300px;
    padding:0 0 0px 27px;
    margin:2px 0 0 0;
	text-align:center;
    box-sizing:border-box;
}
.nobox {
	float:left;
	width:20px;
	height:20px;
	margin:2px;
	padding-top:0px;
    font-size:15px;
    text-align:center;	
	/*border:solid 1px #000000;*/
}
.bgp {
	background:#23282B;
	color:#FFFFFF;
}	
.black {
	color:#000;
}

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

.mal {
	margin-left:-20px;
}
#namebox1 {
	float:left;
	width:90%;
   /* max-width:1000px; */
	padding:0 5% 10px 5%;
    text-align:center;
    box-sizing:border-box;
    display:none;
}
.h1-art {
	font-size:36px;
}
#namebox2 {
	float:left;
	width:90%;
    margin:20px 0 0 0;
	padding:0 0 0 0;
    font-size:10px;
    text-align:left;  
    box-sizing:border-box;  
}

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

#pickol {
	float:left;
    max-width:600px;
}
#zoomcol { 
	float:left;
   	width:100%
   	max-width:600px;
   	min-width:315px;
   	margin-left:0px;												/*	border:1px solid #CCC;	*/
   	padding-bottom:20px;
    box-sizing:border-box;
}
#zoombox {
	float:left;
	width:100%;
    /*max-width:600px;*/
	margin-left:0px;  /* indiv per site instellen */
}
#thumbbig { 
	float:left;
    width:100%;	
    max-width:600px;																																		/*max-width:400px;*/
    text-align:center; 
}
#swiper {
	float:left;
    width:80%;
    margin:0 0% 0 10%;
}
#enlarge {
	position:absolute;
    width:30px;
    margin-top:30px;
    display:none;
}
#navleft {
	position:absolute;
    width:20px;
    margin-left:5px;
    display:inherit;
    opacity:0.6;
}
#navright {
	position:absolute;
    width:20px;
    margin-left:50%;
    opacity:0.6;
}
.zoomarr {
	font-size:60px;
    color:#333;
}
.navhide {
	display:none;
}
#zoomedimg {
	border:none;
    max-width:600px;
    margin-top:40px;
}
#thumbrail {
	float:left;														
    margin-top:10px;
    width:100%;
    max-width:560px;
}
.thumbbox {
	float:left;
    width:14%;
    padding:5px 5px 0 0;
    box-sizing:border-box;
}
.thumbimg {
    width:100%;
    height:auto;
	border:0px #FFF;
}
.promobox {
	float:left; 
	width:100%;
    margin:20px 0 0 0;
	padding:0 10px 20px 10px;
    font-size:16px;
    text-align:left; 
    /* border: 1px solid #CCC; 
    border-radius:10px; */
    box-sizing:border-box;  
}
.promobox h2  {
	font-size:19px;
    padding-bottom:0px;
}
.promobox ul  {
  margin-top:-10px;
  list-style-type: circle;
  padding: 0 0 0 20px;
}
.promobox li {
	line-height:155%;
}
.alge {
	width:97%;
	margin:45px 0 0 0;
    padding-top:20px;
    border:1px solid #CCC;
    border-radius:12px;
}

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

#detailcol {
	float:right;
    width:98%;
    max-width:560px;  /* 450 */
    margin-left:75px;  /* 125 */
    padding:0 0 20px 10px;
    box-sizing:border-box;
}
.detekst {
	font-size:17px;
    padding:0 0 0 2px;
    color:#808080;
    font-weight:400;
}
#prisbox1 {
	float:left;
	width:87%;   
	text-align:left;
   	font-family:graphikLg, Verdana, 'sans-serif'; 
   	color:#000000;       
   	font-size:24px; 
    font-weight:500;   
}
#prisbox2 {
	float:left;
	width:100%;
	text-align:left;
	font-size:12px;
	color:#000000;
	word-spacing:5px;
	padding-left:10px;
    box-sizing:border-box;
}
.prisbox3 {
    font-family:graphikLg, Verdana, 'sans-serif'; 
    color:#000000;       
    font-size:24px;
    font-weight:500;
}
.setprice {
    background:#44392E;
    color:#FFFFFF;
    font-family:graphikLg, Verdana, 'sans-serif';
    font-size:12px; 
    font-weight:100;   
    text-align:center;
}
.color-huls {
	float:left;
    width:31px;
    height:31px;
    padding:6px;
    margin:1px;
    border:1px solid #FFF;
    border-radius: 3px;	/* 0px 0px 0px 0px ;*/
}
.color-example {
	float:left;
	min-width:28px;
	min-height:28px;	
    border:solid #CCC 1px;
    border-radius: 0px 0px 0px 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;
}
.identitybox {
	float:left;
    width:120px;
    padding:0 10px 0 10px;
    box-sizing:border-box;
}
.sizebox {
	float:left;
	width:39px;
	height:31px;
	margin:3px;
	text-align:center;
	border: solid #CCCCCC 1px;
    border-radius: 3px; /* 0px 0px 0px 0px ; */
	padding-top:14px;
	font-size:14px;
}
.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:graphikLg, Verdana, 'sans-serif';
	font-size:14px; //20px; 
    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:100%;
	margin:15px 0 5px 0;
	text-align:left;
    font-size:17px;
    display:X;
}
.colorscontainer {
	float:left;
	text-align:left;
	width:100%;
	min-height:80px;
	margin-top:20px;  
}
#sizescontainer {
	float:left;
	margin-top:14px;
	width:100%;
	min-height:80px; 
    padding:20px 0 20px 0;   
}
.availtxt {
	width:100%;
   	color:#FF0000;
    text-align:left;
   	font-size:17px;
   	font-weight:400;
}
.details_exp {
	width:35px;
	height:30px;
	text-align:center;
	padding-top:5px;
	font-size:12px;
	border:solid 2px #CCCCCC;
    border-radius: 0px 0px 0px 0px ;
}
#selected {
	float:left;
	width:100%;
	margin:15px 0 0 0;
    font-size:17px;
}
.selected {
	color:#000000;
}
#bestelbutton {
	float:left;
	width:97%;
    height:35px;
	margin:40px 0 0 0;
    padding:7px 0 0 0;
    font-size:23px;   
    font-weight:500; 
    color:#FFF;
    text-align:center;
    background:#333333;
	border: solid #CCC 0px; 
    border-radius: 10px 10px 10px 10px;   
}
#reservation {
	float:left;
    width:100%;
    padding-top:11px;
    font-size:15px;
}
.outfitxt {
	float:left;
    width:100%;  
    margin:25px 0 0 0;  
    padding:6px 0 0 0;
    font-size:15px;
    font-weight:500;
    color:#808080;
    text-align:center; 
    box-sizing:border-box;
}
.outfitpr {
	float:left;
    width:33%;
    height:100%;
    margin:0 0 0 0;
    padding:0 3px 0 3px;
    text-align:center;
    box-sizing:border-box;
}
.outfitpic {
	float:left;
	width:100%;
	height:auto;
}

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

#tabscol { 
	float:left;
    width:100%;
    margin-top:9px;
    padding:20px 0 20px 0;
    font-family:graphikLg, Verdana, 'sans-serif';
	font-size:20px; 
    font-weight:normal;
    text-align:left; 
    border-radius: 0px 0px 0px 0px ;  
    box-sizing:border-box;    
}
.exinfo {
	float:left;
    width:97%;  
    padding:10px 0 10px 0;  
    border-top:1px solid #CCC;
    font-size:20px;
    color:#000;
}
.tafi {
	float:left;
    width:90%;    
}
.tabo {
	float:right;
    width:10%;
    font-size:17px;
    text-align:center;
    color:#CCC;
}
.tac {
	color:#CCC;
}
.exi {
	float:left;
    width:100%;
    padding:14px 0 20px 0;
    display:none;
    font-size:17px;
}





@media only screen and (max-width: 1600px) {
.chboxdiv { 
	margin-left: 10px;
	}	
}
@media only screen and (max-width: 1280px) {
#catpics {
    width:97%;
    margin:0px 1.5% 15px 1.5%;
}
#catleft {
	position:absolute;
    z-index:5000;
	top:0px;
    width:100%;
	background:#EDEDED;
    min-height:400px;
	}
.respo {
	width:45%;
	}
.hde {
	display:inherit;
	}
#invis0 {
	display:inherit;
	}
.npp {
	display:none;
}
.wView {
	display:none; 
    }
#zoekcattop {
	display:inherit;
} 
#showFilters {
	display:inherit; 
	}
#overzicht { 
	width:100%;
    max-width:100%;
    padding-left:0px;	
	} 
#searchpath {
    padding:0 1% 0 1%;
 	}       
.productsbox {
	width:33%;
    }
.pagtop {
	display:none;
	}
.nobox {
	font-size:170%;
    height:30px;
    padding:0 0 0 0;
	}  
#detailcol {
    margin-left:10px;
    max-width:450px;  
    }     
}
@media only screen and (max-width: 1140px) {
    #zoomcol {
        max-width:500px;
        width:100%;
        }   
}
@media only screen and (max-width: 1080px) {
    #pickol {
        max-width:50%;
    }    
    #enlarge {
        display:inherit;
    }
    #detailcol {
        margin-left:0%;
        max-width:45%;	
        }     
}
@media only screen and (max-width: 812px) {
    .productsbox {
        width:50%;
        }
    .actioninfobar {
        width:60%;
        margin:-50px 0 0px 20%; 
        }  
    #namebox1 {
        display:inherit;
        margin-top:15px;
        }
    #namebox2 {
        display:none;
        }         
}
@media only screen and (max-width: 780px) {
    #pickol {
		padding-left:5px;
    	max-width:95%;	
    	box-sizing:border-box;
    } 
    #zoomcol { 
    	max-width:100%;
    }
    #thumbbig { 
    	max-width:100%;
    }
    #zoomedimg {
    	max-width:100%;
    }
    .respr {
    	float:right;
        max-width:320px;
    } 
	#detailcol {
		padding-left:5px;
    	max-width:95%;	
    	box-sizing:border-box;
	}
}
@media only screen and (max-width: 663px) {
    .namebox {
        width:85%;
        font-size:13px;
        } 
    .pricebox {
        width:85%;
        }
    #zoomcol {
        max-width:100%;
        width:100%; 
        }
    #detailcol {
        padding-left:5px;
        max-width:95%;	
        box-sizing:border-box;
        }
    .zoomarr {
        font-size:120;
        color:#E86C07;
        }     
    #thumbrail {
        display:x;
        }
    .availtxt {
        font-size:150%;
        }
    .detailstext {
        font-size:150%;
        }    
}
@media only screen and (max-width: 400px) {
    #overzicht { 
        max-width:100%;
        padding-left:0px;	
        }
    .productsbox {
        width:100%;
        }
    .namebox {
        height:42px;
        font-size:14px;
        }           
}

























.stijl6 {
	font-size: 16px;
	font-family: graphikLg, Verdana, 'sans-serif';
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	height:30px;
	width:100%;
	padding-top:5px;
	box-sizing:border-box;
}
.button8 {
	float:right;
	width:135px;
	padding:4px 0px 4px 0px;
    border: solid #000 1px; 
    color:#FFF;
	font-size:16px;
    background:#000;
	text-align:center;	
}
.orderinfo {
    float:left;
    width:89%;
    text-align:left;   
    padding:5%;
    background:#FFFFFF;
    font-family:graphikLg, Verdana, 'sans-serif';
	font-size:20px; 
    font-weight:normal;        
	display:none;
            
}
.bannercontainer {
	float:right;
    width:120px;
    margin-top:20px;
    text-align:center;
}

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

.detailsfootbox {
	float:left;			
	margin-top:60px;
	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%; 
    min-width:300px;
    min-height:200px;
    padding-right:10px;
    text-align:center;   
    padding-top:0px;   
    border-top:solid #CCCCCC 1px;    box-sizing:border-box;    
}
.related h3 {
	font-size: 17px;
	font-style: normal;
    font-family:graphikLg, Verdana, 'sans-serif';
}
@media only screen and (max-width: 700px) {
     .related { 
	 	width: 100%;
        margin-top:15px;
		}
    }
.relatextra {
	display:none;
}
.relatedbarX {
	position:relative;
    width:170px;
    margin:-12px auto 0 auto;
    background:#FFFFFF;
	font-family:graphikLg, Verdana, 'sans-serif';       
    font-size:19px;
    font-weight:normal;
    color:#000000; 
    text-align:center; 
}
.relatedprod {
	float:left;
    width:33%;
    height:100%;
    margin-top:15px;
    padding:3px;
    text-align:center;
    box-sizing:border-box;
}
.relatedpic {
	float:left;
	width:100%
    padding:0 10% 0 10%;
    box-sizing:border-box;
	height:auto;
}
.relatedtxt {
	float:left;
    width:100%;
    color:#A6A6A6;
}