/*
 * sos_common.css
 * gemeenschappelijke css voor sos websites
 */

ul, li, ol, dl, dd, h3, h4, h5, p {
	border:0pt none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

/*
ul {
    padding-left:1em;
    margin-left:0;
}
*/

select {
	font-size:10px;
}

table {
	font-family: Arial;
	font-size: 12px;
}

/* productoverzicht */

.klikpad {
	margin-bottom: 10px;
	padding: 3px 2px;
}

.productcel {
	border-top:1px solid #ccc;
	width:113px;
	float:left;
	padding:5px 3px 5px 3px;
	margin: 2px 1px;
}

.productcel .toteindevoorraad, .promovakje .toteindevoorraad {
	font-size:9px;
	color:#fff;
	background: url(/images/site_ez/fade_overlay.png);
	width:103px;
	padding:3px;
	text-align:center;
}

.productcel .toteindevoorraad {
	margin:3px;
	position:absolute;
	top:72px;
}


 /* link categorie bij product */
.productcel .grijs A, .productcel .grijs A:visited {
	 	color:#aaa;
	 	text-decoration: none;
	 	font-size:10px;
}
.productcel .grijs A:hover {
	 	text-decoration: underline;
	 	font-size:10px;
}

.productcel .label_nieuw {
	margin-left:18px;
	margin-top:3px;
	position: absolute;
	top: 0px;
}
.productcel .label_nieuw img{
	width:auto !important;
}

.productcel .label_opisop {
	right:-2px;
	position: absolute;
	top: 0px;
}

.productcel .cmpprod .cmplabel {
	position:relative; 
	top:-6px; 
	font-size:10px; 
	color:#999; 
	display:none;
	width:80px;
}

.productcel #productcelfoto {
	position:relative; 
	height:85px; 
	margin-bottom:11px;
}

.prijslabel {
	font-weight: bold;
	padding:3px 6px;
	margin-bottom:10px;
	float:left;
	line-height: 14pt;
}

.prijslabel2 {
	font-weight: bold;
	padding:2px 0px;
	margin:4px 0px;
	display:block;
    padding-right: 5px;
	float:left;
	line-height: 14pt;
}


.promoprijs {
	padding:3px 6px;
	font-weight: bold;
}

.promobalk {
	font-weight: bold;
	padding:3px 6px;
	margin-bottom:4px;
	font-size:12px;
}

.promovakje {
	float:left;
	border: 0px solid #000;
	margin-bottom: 20px;
	width: 244px;
}



/* ************* */


.folderactie-cel {
	float:left;
	background-color: #f5f5f5;
	border-top: 1px solid #ccc;
	margin: 0px 1px 20px 1px;
	width:122px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.folderactie-cel img{
	width:100%;
}

.titelbalk3 {
	border: 1px dotted #555;
	background: #ddd;
	font-weight: bold;
	padding:6px 6px;
	/* margin-right:5px; */
	margin:8px;
	font-size:14px;
	text-align:center;
	background-image: none;
}


/* nieuwsbrief */
#nieuwsbriefinschrijving {
	margin-left: 95px;
	margin-bottom: 35px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}

#nieuwsbriefinschrijving .formkader {
	background-color:#D1D2D4;
	padding:10px;
}

/* lexicon */
#lexcontent{
	color:black;
	font-size:11px;
	margin-bottom:5px;
}

/* tips */
ul.tips {
	margin-left:20px;
	padding-left:0px;
}

ul.tips li {
	list-style: square outside none;
	margin-left: 0;
	padding-bottom: 2px;
	padding-left:0;
}


/* openingsuren */
.openingsuren .title {
	text-align:center; background-color:#fff; padding:2px; font-size:10px;
	font-weight: bold;
	font-size:9px;
}

/* telenetknop */
.telenetknop {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#ffcd29;
	text-align:center;
	margin:10px 0px;
	behavior: url(/css/PIE.htc);
}

.nuonknop {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#cbcbcb;
	text-align:center;
	margin:10px 0px;
	behavior: url(/css/PIE.htc);
}

.epinfoknop {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color:#e6f0e6; 
	border: 1px solid #aaa;
	text-align:center;
	margin:10px 0px;
	behavior: url(/css/PIE.htc);
}

.cadeautipsknop{
    border-radius: 7px;
    text-align:center;
    margin:10px 0px;
}

/* bij invulformulier zoals hersteldienst */
.infokader{
	color: #000;
	text-align: center;
	margin-bottom: 5px;
	border:1px solid #ccc;
	margin-top:20px;
	padding: 10px;
	background-color: #D1D2D4;
} 
.infoalert {
	color:#f00;
}

/*social media*/
#social_media{
    float:left;
}


/* clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ook gedacht aan */
.ookgedachtaan {
	margin:40px 0 20px 0;
	zoom:1;
}
.ookgedachtaan .categorie {
	float:left; width:150px; text-align:center;
	border:0px solid #000;
	font-size:10px;
}

/* gallery */
#gallery {
	margin:10px 5px;
}

#gallery .galleryitem {
	float:left;
	margin:0 3px 14px 3px;
	width:113px;
	text-align:center;
}

#gallery .galleryitem img {
	border: 1px solid gray;
}

/******** Product vergelijking *********/
	#comparelist {
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 160px;
		z-index: 999;
		text-align: center;
		color: #000;
	}

	#comparelist .cmp-shadow {
		background-image:url('/images/sos/shadow_gradient.png'); height:9px;
	}
	#comparelist .cmp-titelbalk {
		background-color:#ccc;
		padding:2px;
		font-weight:bold;
	}
	#comparelist .cmp-balk {
		padding-top:5px;
		background-color:#fff;
		height:137px;
	}
	#comparelist .cmp-balk .cmp-content {
		background-color:#fff; 
		
		width:900px;	
		margin:0px auto;
	}
	#comparelist .cmp-productceltable {
		border-bottom:1px solid #ccc; 
	}
	
	.cmpprod {
		height:25px;
	}
	
	.cmpprod .cmplabel2 {
		position:relative; 
		top:-3px; 
		font-size:10px; 
		color:#999; 
		width:80px;
	}

/****************/

.catlijst {
	padding:18px 3px; 
}
.catlijst a:link, .catlijst a:visited {
	font-size:11px; text-decoration:none;
}
.catlijst a:hover {
	text-decoration:underline;
}
.catlijst ul li {
	list-style: square;
	margin-left:0;
	padding-bottom:4px;
}
.catlijst ul {
	margin-left:20px;
}

/*** banners ***/
#linksBanner{
	width:100% !important;
}
#linksSlider{
	margin:10px auto 10px auto;
	width:140px;
}


/*** Aanraders rechterkolom ***/
td.aanraderImg{
	position:relative;
}
td.aanraderImg .label-nieuw{
	position:absolute;
	top:-1px;
	left:-1px;
}

a.no_underline_a {
    text-decoration: none !important;

}

.scherpste_prijs {
    background-color: white;
    border-radius: 5px;
    border: 1px solid black;
    padding: 5px;
}
.scherpste_prijs:hover {
    cursor: pointer;
}

.scherpste_prijs_container {
    margin-top: 15px !important;
}

/** NIWZI: NIEUW LOGO online: 18/03/2016 **/
#niwzi-logo{
	background-image:url('//cdn.storageservice.be/niwzi/niwzi-logo-handelaars.png') !important;
	width:80px !important;
	height:72px !important;
	display:block;
}
#niwzi-logo img{
	display:none !important;
}

/** fix grote logo's merken **/
.merken img {
	max-width: 75px;
}

td a[href^="producten.php?merkid=3471"] img {
	max-width: 75px;
}

.merklogos img {
	max-width: 75px;
}

.label_promo {
	position: absolute;
	top: 0;
	left: 0;
}

.promo-txt {
	float: left;
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: bold;
	clear: both;
}

/*end event list*/
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
	border: 1px solid red;
}
input:required:valid, textarea:required:valid {
	border: 1px solid green;
}

/* css for support module */
#sos-support .required > .row > div:first-child:before {
	content: "*";
	color: red;
	width: 10px;
	height: 10px;
}
.sp-input {
	border: 1px solid #d7d7d7;
	border-radius: 0;
}
.sp-textarea, .sp-textarea.form-control {
	height: 150px;
}

.stock-label {
	position: absolute;
	left: 0;
	bottom: -10px;
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 99;
	background-color: green;
}
.stock-label:hover, .stock-label:focus, .stock-label:active {
	color: #fff;
}
.stock-label.green {
	background-color: green;
}
.stock-label.orange {
	background-color: orange;
}
.stock-label.red {
	background-color: red;
}
.productcel.productcel-stock-label .winkelkar {
	top: -55px;
}

.banner-cadeautips-container{
	width:100% !important;
}
.title-cadeautips{
	float:left;
	width:100%;
	font-weight:bold;
	text-transform: uppercase;
	font-size:30px;
	letter-spacing: 1px;
	text-align:center;
	padding:15px 0 5px 0;
}
@media(min-width:992px){
	.title-cadeautips{
		font-size:50px;
	}
}
