.devider{margin:0 0.5em;padding-bottom:1em;border-bottom:solid 1px #ccc;clear:both;}
.devider.second{margin-bottom:1em;}

.btn{display:block;float:left;border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,0.4) inset,0 1px 1px rgba(0,0,0,0.1);cursor:pointer;font-size:13px;outline:medium none;padding:0.75em 1em;text-decoration:none;transition:all 0.2s linear 0s;background:#000;border:1px solid #000;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3);line-height:1.125em !important;}
.btn:hover{background-color:#555 !important;}
.btn.block{float:none;text-align:center;}

.order-form .btn.save-product{position:absolute;right:1em;top:0;background: url(../images/download.png) no-repeat 0 -30px;width:30px;height:30px;padding:0;display:block;float:none;margin-right:0.5em;z-index:1000;}
.order-form .btn.save-product:hover{background-color:none !important;background-position: 0 0;}

.btn.toRight{float:right !important;}	
.btn.toLeft{float:left !important;}	
#header{padding:1em 0.5em;}
#header .user-data{text-align:right;font-size:0.875em;}
#header .user-data a{color:#000;text-decoration:underline;}
#header .partner-logo{max-height:60px;}

.content{min-height:100%; background-color: #FFFFFF;padding-bottom:1.5em;}
.wrapper{margin:0 0.5em;}
p a{color:#000;text-decoration:underline !important;}

.sub-navigation{}
.sub-navigation li{border-top:solid 1px #ccc;}
	.sub-navigation li.groep{font-weight:bold;padding:0.25em 0;margin-top:1em;border:none;}
.sub-navigation a{display:block;color:#666;padding:0.25em 0;}

.sub-navigation a:hover,.sub-navigation a.active{color:#000;font-weight:bold;}

.sub-navigation li.pagination{padding:1em 0;color:#ccc;}
.sub-navigation li.pagination a{display:inline;}
.sub-navigation li.pagination a:hover{color:#000;font-weight:normal;}

.welkomstbericht h1,.welkomstbericht h2,.welkomstbericht h3{color:#0079C2;}
	
.product{width:16.66666%;float:left;}
.product .product-wrapper{padding:0 0.5em;margin-bottom:1em;}
.product .product-data{border:solid 1px #ccc;padding:1em;}
.product h2{margin-top:0;text-align:center;min-height:40px;}
.product h3{margin-top:0;text-align:center;font-style:italic;font-size:0.75em;color:#999;}
.product .preview{width:100%;height:125px;margin-bottom:1em;overflow:hidden;border:solid 1px #ececec;position:relative;}
.product .preview img{width:100%;display:block;margin:auto;}

.colorpicker{position:absolute;right:0;top:0;margin:0;}
	.colorpicker li{float:left;}
	.colorpicker li a{display:block;float:left;width:1.125em;height:1.125em;margin:0 0 0 0.5em;opacity:0.75;}
	.colorpicker li a.active,.colorpicker li a:hover{margin-top:0;opacity:1;}
	.colorpicker li span{display:block;width:100%;height:100%;background-color:#fff;}
	.colorpicker li a.active span,.colorpicker li a:hover span{opacity:0;}

	.order-form .input-group.first .colorpicker{top:1em}
	
.product-details{padding:0 0.5em;margin-bottom:1em;}
.product-details ol li{list-style-type: decimal;margin-left:1.25em;font-size:0.75em;}
.pdf-page{border-bottom:solid 1px #efefef;margin-bottom:1em;}
	.pdf-page ul.selector{border-top:solid 1px #ddd;width:50%;padding-top:1em;}
	.pdf-page h2{}
	.pdf-page .preview{width:45%;float:right;margin-bottom:1em;height:100%;transition:all 0.2s linear 0s;}
	.pdf-page .preview-wrapper{width:auto;position:relative;height:320px;}/**/
	.pdf-page .preview img{display:block;margin:auto;max-width:100%;max-height:100%;border:solid 1px #ccc;}
	.pdf-page .preview span{display:block;font-size:0.875em;line-height:340px;}
	.pdf-page .preview a{margin:auto;text-align:center;display:block;}
	
	.pdf-page .preview a.enlarge{background: url(../images/hover-preview.png) no-repeat -1000px 50%;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;}
	.pdf-page .preview a.enlarge:hover{background-position:50% 40%;}

	.pdf-page .preview .loader{position:absolute;top:0;left:0;width:100%;height:100%;background: #fff url(../images/loader.gif) no-repeat 50% 40%;text-align:center;z-index:1000;}
	
	.pdf-page .preview .btn{float:none;margin:1em auto 1em auto;}
	.pdf-page .selector a{float:left;display:block;padding:1em;background-color:#efefef;margin:0 1em 1em 0;color:#000;border-radius:6px}
	.pdf-page .selector a:hover{background-color:#ccc;}
	.pdf-page p{width: 50%;}

.order-form{}
.order-form .input-group{width:50%;margin-bottom:0.75em;clear:left;position:relative;}
.order-form .input-group.first{border-top:solid 1px #ddd;padding-top:1em;}
.order-form .label{font-weight:bold;font-size:0.75em;margin-bottom:0.5em;display:block;color:#666;}
.order-form .label.groep{font-size:1em;color:#000;}
	
.order-form .input-wrapper{position:relative;width:70%;float: right;}
.order-form .input,.order-form .textarea{border: 1px solid #ddd;padding: 0.375em;width:100%;box-shadow: 0 0 0.25em #E7E7E7 inset;font-size:0.875em;}
.order-form textarea{max-height: 400px;}
.order-form .referentie{padding-bottom:0.5em;}
.order-form .input.missed{border:solid 1px #ff5555;background-color:#ffe6e6;}
.order-form .btn{margin:0 1em 0 0;border:0;width:auto;float:left;}
.order-form .error{color:#ff0000;}
.order-form.afronden{width:100%;float:none;}
.order-form.afronden .input-group{margin:0;}
.order-form .hidden-field{display:none !important;}
.order-form select{border:1px solid #dddddd;font-size:0.875em;overflow:hidden;padding:0.375em 0.6em 0.375em;text-overflow:ellipsis;white-space:nowrap;width:100%;}


#toolTip{position:absolute;z-index:20000;font-size:0.875em;border:solid 2px #0079C2;color:#222;background-color:#fff;padding:0.5em 0.5em;text-align:center;font-weight:bold;box-shadow: 0 0 5px 0px #999;}

.order-form .browsefile{background: url(../images/browse-files.png) no-repeat 97% 50%;padding-right:100px;}
	
.bestellijst{z-index:300;width:100%;position:relative;}

	.bestellijst .input{width:100%;margin-bottom:0.5em;}
	.bestellijst .input.inactive{font-style:italic;color:#8a8a8a;}
	
	.bestellijst li{margin-bottom:0.5em;}
	.highlight .light a{color:#ccc;}
	.highlight .dark{background-color:#efefef;}
		
	.bestellijst .winkelwagen-header{width:50%;}
	.bestellijst .start-header{width:10%;}
	.bestellijst .prijs-header{width:10%;}
	.bestellijst .totaal-header{width:10%;text-align:right;}

	.bestellijst .btn{margin-bottom:0.5em;margin-right:0;float:none;}
	.bestellijst .set{margin-right:20px;width:100px;}
	.bestellijst span{display:inline-block;vertical-align:top;padding-top:0.2em;}
	.bestellijst span.itemcount{width:15%;padding-top:0;}
		.bestellijst span.itemcount input{width:90%;border: 1px solid #DDDDDD;border-radius: 6px 6px 6px 6px;box-shadow: 0 0 0.25em #E7E7E7 inset;padding: 0.25em 0 0.2em 0.5em;}
		.bestellijst span.itemcount	.input-wrapper{position:relative;float:left;}	
		.bestellijst span.itemcount	.placeholder{position:absolute;right:1.5em;top:0;padding: 0.2em;font-style:italic;color:#666;}
	.bestellijst span.ex{width:5%;}
	.bestellijst span.item{width:35%;}
	.bestellijst span.itemstart{width:10%;}
	.bestellijst span.itemprijs{width:10%;}
	.bestellijst span.totaalprijs{width:10%;text-align:right;}
	.bestellijst span.acties{width:20%;text-align:right;color:#9d9c9c;float:right;}
	
		
	.bestellijst a{color:#000;text-decoration:underline;}
	
	.bestellijst h3{font-size:16px;margin-bottom:0.5em;clear:both;}
	.bestellijst .inner a{color:#1e8ec9;text-decoration:underline;}
	
	.bestellijst div.price{margin:0 0 0 60%;width:20%;}
	
	.bestellijst div.price strong{display:inline-block;width:60%;}
	.bestellijst div.price em{display:inline-block;width:40%;text-align:right;font-style:normal;}
	.bestellijst div.price .border{border-bottom:double 4px;height:20px;}
	.bestellijst div.price .border.single{border-top:solid 1px;height:20px;border-bottom:none;margin-top: 5px;padding-top: 5px;}
	.bestellijst div.price .totaalbedrag{font-size:14px;font-weight:bold;}
	
	.account span.acties{width:30%;}
	
	.afleveradres{width:33.3333%;float:left;margin:1em 0;}
	.afleveradres .adres-wrapper{border:solid 1px #ccc;padding:1em;background-color:#f5f5f5;border-radius:4px;min-height:390px;}
	.afleveradres.confirmation .adres-wrapper{min-height:25px;}
	.afleveradres .adres-wrapper.std{min-height:20px;}
	.afleveradres .input-group{width:100%;}
	.afleveradres .adres-toevoegen{display:block;text-align:center;text-decoration:none;margin:0 0 1em 0;}
	.afleveradres .adres-toevoegen:hover{background-color:#ececec;}
	.afleveradres .adres-toevoegen span{display:block;font-size:0.75em;margin-top:1em;}
	.afleveradres p{margin:0 0 1em 0;}
	.afleveradres li{list-style-type: none;}
	.afleveradres li.header{font-weight:bold;}
	.afleveradres li .first{display:inline-block;width:50%;}
	.afleveradres li .first .input{width:auto;}
	
	.afleveradres .label{font-size:0.75em;}
	.afleveradres p:nth-last-child(1){margin:0;}
	
.bestelling-info{border-bottom:1px solid #ccc;padding-bottom:1em;margin-bottom:1em;}
.bestelling-info strong{display:inline-block;width:100px;}
	
div.autocomplete{position:absolute;width:250px;background-color:white;border:1px solid #DDDDDD;margin:0;padding:0;z-index:1000;}
div.autocomplete ul{list-style-type:none;margin:0;padding:0;}
div.autocomplete ul li.selected{background-color:#ccc;}
div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:0.25em 0.5em;cursor:pointer;border-bottom:solid 1px #ddd;background:none;}
div.autocomplete em{color:#999;}