/* HTML */
html{overflow-y:scroll;}


/* BODY */
body{padding:0;margin:0;min-width:800px;background:#101010 url('../images/backgrounds/body.jpg') fixed repeat-x;font-family:'Trebuchet MS';font-size:12px;color:#000;}
	#bglayer{position:fixed;z-index:1;bottom:0;right:0;width:215px;height:400px;background:url('../images/backgrounds/hose.png') bottom right no-repeat;}
hr{visibility:hidden;clear:both;border-collapse:collapse;border:0;height:0px;}
img{border:0;}
a,.submit{color:#C51414;text-decoration:none;cursor:pointer;}
a:hover,.submit:hover{color:#999;}


form {margin:10px;}
form fieldset {padding:10px;border:0;}
form fieldset legend {font-size:160%;}
form div {position:relative;clear:both;margin-bottom:5px;}
form div label {display:block;font-size:110%;color:#222;cursor:pointer;}
form div input.txt,
form div select,
form div textarea {position:relative;display:block;padding:2px 3px;width:100%;font-size:140%;font-family:'Lucida Sans Typewriter',consolas,verdana,sans-serif;background:#FFF;border:1px #CCC solid;-moz-box-sizing:border-box;resize:none;}
form div select {cursor:pointer;}
form div select option {padding:1px 1px 0 6px;cursor:pointer;}
form div input.chb {position:relative;top:1px;}

form div label.chb {display:inline;margin-left:3px;}
form div.chbsect div {float:left;clear:none;margin-right:5px;}
form p {margin:0;padding:2px 4px;}

/* CONTAINER */
#container{position:relative;z-index:2;width:802px;margin:30px auto 30px auto;background:#EBEBEB;border-radius:4px;box-shadow:0px 0px 30px 1px #000;}

/* HEADER */
#header{position:relative;z-index:2;padding:20px 20px 0px 20px;background:#FFF url('../images/backgrounds/header.jpg') repeat-x;border-radius:4px 4px 0px 0px;}
	#logo{margin:0px 0px 20px 0px;padding:0;height:75px;}
	#services{position:absolute;left:220px;top:23px;padding:0;margin:0;list-style:none;}
		#services li{height:10px;padding:0px 0px 0px 16px;margin-bottom:10px;background:url('../images/icons/icons.png') 0px -95px no-repeat;line-height:10px;text-shadow:1px 1px #FFF;}
	#header .direct{position:absolute;top:0px;right:20px;width:178px;padding:2px;border:1px solid #FFF;border-top:0;background:#A51111 url('../images/backgrounds/xbackgrounds.png') 0px -76px repeat-x;color:#FFF;font-size:12px;letter-spacing:3px;font-weight:bold;box-shadow:0px 10px 8px -6px #999;}
		#header .direct p{width:150px;float:right;margin:0;margin-right:-5px;text-align:center;text-shadow:1px 1px #000;}
		#header .direct .icon{position:absolute;top:8px;left:8px;width:24px;height:24px;background:url('../images/icons/icons.png') 0px -72px no-repeat;}

	/* VIEWER */
	#viewer{position:relative;width:760px;height:200px;background:#333;border:1px solid #FFF;border-bottom:0;}
		#main_korting{display:none;position:absolute;top:-1px;left:234px;z-index:9999;width:280px;padding:8px 5px 8px 5px;border:1px solid #FFF;background:url('../images/backgrounds/contentblock.jpg') repeat-x;opacity:0.95;border-radius:0px 0px 3px 3px;box-shadow:0px 8px 8px -6px #000;text-align:center;font-weight:bold;}
		#viewer .slogan{position:absolute;top:-40px;right:0;font-weight:bold;font-size:15px;color:#666;text-shadow:1px 1px #FFF;}
	
	ul.bjqs{position:relative;list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
	li.bjqs-slide{position:absolute;display:none;}
	ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
	ul.bjqs-controls.v-centered li a{position:absolute;}
	ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
	ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
	ul.bjqs-controls.v-centered li a{display:block;padding:10px;background:#fff;color:#000;text-decoration: none;}
	ul.bjqs-controls.v-centered li a:hover{background:#000;color:#fff;}
	
	ol.bjqs-markers{position:absolute;top:0;right:0;list-style:none;padding:0; margin:0;width:110px;}
	ol.bjqs-markers.h-centered{text-align:center;}
	ol.bjqs-markers li{display:inline;float:left;}
	ol.bjqs-markers li a{display:inline-block;float:left;width:16px;height:16px;margin:5px;text-indent:-9999px;outline:none;background:url('../images/icons/icons.png') 0px -40px no-repeat;}
	ol.bjqs-markers li.active-marker a,ol.bjqs-markers li a:hover{background-position:0px -56px;}
	
	p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
	p.bjqs-caption{background:rgba(255,255,255,0.5);}


	
/* MENU */	
#menu{position:relative;z-index:3;height:36px;width:760px;margin:auto;background:#E5E5E5 url('../images/backgrounds/xbackgrounds.png') repeat-x;border:1px solid #FFF;border-top:0;box-shadow:0px 10px 8px -6px #999;}
	#menu ul{list-style:none;padding:0;margin:0;}
		#menu ul li{float:left;margin:0;}
			#menu ul li a{display:block;height:27px;padding:9px 20px 0px 20px;font-size:12px;font-weight:bold;color:#FFF;text-shadow:1px 1px #000;}
			#menu ul li a:hover{height:28px;margin-top:-1px;padding:10px 20px 0px 20px;background:#E0E0E0 url('../images/backgrounds/xbackgrounds.png') 0px -38px repeat-x;color:#FFF;}
			#menu ul li a.active{color:#CCC;}

/* CONTENT */	
#contentholder{margin:20px 20px 10px 20px;border:1px solid #E8E8E8;background:#FFF url('../images/backgrounds/contentholder.png') 180px 0px repeat-y}
#contentholder.novmenu{background-position:-2px 0px;}
	#content{float:left;width:570px;min-height:300px;padding:5px;}
	#contentholder.novmenu #content{width:750px;}
		#content h2{margin:0px 0px 15px 0px;}
	.contentblock{position:relative;min-height:300px;padding:5px;background:#F0F0F0 url('../images/backgrounds/contentblock.jpg') repeat-x;color:#222;text-shadow:1px 1px #FFF;}

/* VMENU */
#vmenu{position:relative;float:left;width:170px;padding:5px 5px 0px 5px;}
	#vmenualert{margin:-5px auto 15px auto;width:150px;padding:2px;border:1px solid #FFF;border-top:0;background:#606060 url('../images/backgrounds/xbackgrounds.png') 0px -285px repeat-x;box-shadow:0px 10px 8px -6px #999;}
		#vmenualert p{margin:0;text-align:center;color:#FFF;font-size:12px;text-shadow:1px 1px #000;}
	#vmenu .part{background:#EEE;margin-bottom:5px;padding:5px;border:1px solid #DDD;}
	
	.vsubmenu{margin:0;padding:0;list-style:none;}
		.vsubmenu li{display:block;background:#333 url('../images/backgrounds/xbackgrounds.png') 0px -125px repeat-x;margin-bottom:2px;}
			.vsubmenu li:hover{background-position:0px -205px;}

		.vsubmenu li a{display:block;padding:3px 5px 3px 5px;background:url('../images/icons/icons.png') right -163px no-repeat;color:#FFF;}
			.vsubmenu li a:hover,.vsubmenu li.active a{background-position: right -193px;}
			
			/*workaround voor te lange links*/
			.vsubmenu li a.big{background-position: right -153px;}
			.vsubmenu li a.big:hover,.vsubmenu li.active a.big{background-position: right -183px;}


/* CONTACT */
#contactform{}
	#contactform fieldset{border:0;margin:0;padding:0;}
	#contactform dd{margin:0;}
		#contactform #fmessage{width:450px;height:100px;max-width:554px;max-height:300px;}
		#contactform #fname,#contactform #femail{width:300px;}
		dt label{font-weight:bold;}
			label span{color:#AAA;font-weight:normal;}
		dd{position:relative;}
		.submit{display:block;padding:2px 10px 4px 10px;border:1px solid #FFF;background:#999 url('../images/backgrounds/xbackgrounds.png') 0px -125px repeat-x;text-align:center;font-size:12px;color:#FFF;box-shadow:0px 0px 3px 0px #444;border-radius:2px;text-shadow:1px 1px #000;}
		.submit:hover{background-position:0px -205px;color:#FFF;text-shadow:1px 1px #000;}
		.borte{display:none;visibility:hidden;}

span.ct,span.cm,span.ce{display:inline-block;width:16px;height:16px;margin-right:2px;background:url('../images/icons/icons.png') 0px -105px no-repeat;text-indent:-9999px;}
span.ct{background-position: 0px -104px;}
span.cm{background-position: 2px -120px;}
span.ce{background-position: 0px -136px;}

/* TARIEVEN */
#voorrijkosten_wrapper{position:relative;background:#FAFAFA;border:1px solid #DDD;}
	#voorrijkosten_wrapper .left{float:left;width:312px;padding:0px 10px 10px 10px;}
		#voorrijkosten_wrapper #outputDiv{font-weight:bold;}
	#voorrijkosten_wrapper .right{float:left;width:202px;padding:12px 12px 12px 12px;}
		#voorrijkosten_wrapper #map{height:150px;width:200px;border:solid thin #333;}


/* FOOTER */
#footer{position:relative;padding-bottom:10px;background:#8F0F0F url('../images/backgrounds/footer.jpg') repeat-x;color:#FFF;border-top:1px solid #fff;border-radius:0px 0px 4px 4px;text-align:center;}
	#footer div.info{display:inline-block;width:230px;vertical-align:top;margin:5px;text-align:center;text-shadow:1px 1px #000;}
		#footer div span{color:#BBB;font-weight:bold;}
		#copyright{position:absolute;bottom:-23px;left:0;width:100%;}
			#copyright p{margin:0;font-size:10px;text-align:center;color:#444;}
				#copyright p a{color:#444;}
				#copyright p a:hover{color:#A7DA1C;}
	#social{position:absolute;bottom:0;left:24px;width:24px;height:24px;background:#000;border-radius:4px 4px 0px 0px;padding:4px 4px 0px 4px;}


/* = Product pages etc = */
#bread_crumb_trail{list-style:none;overflow:hidden;padding:0;}
#bread_crumb_trail li{float:left;}
#bread_crumb_trail li:before{content: ">";padding:5px;}
#bread_crumb_trail li:first-child:before{content: "";padding:0px;}


/*main product page*/
.cat-select *{margin:0;padding:0;font-family:Arial,Verdana,sans-serif;text-align:center;text-decoration:none !important;color:#000;}
.cat-select a{display:block;position:relative;float:left;margin:0px 17px 17px 0px;width:172px;height:144px;overflow:hidden;-moz-border-radius:8px;border-radius:8px;
/*normal background*/
background:#000305;
background:-moz-linear-gradient(top,#333238,#000305 28px);
background:-webkit-gradient(linear,left top,left 28px,from(#333238),to(#000305));
}
.cat-select .endrow{margin-right:0px;}

.cat-select a h3{padding:0 5px;width:159px;height:37px;font-size:12px;font-weight:normal;color:#FFF;display:table-cell;vertical-align:middle;text-shadow:1px 1px #000;}
.cat-select a div{position:relative;left:1px;width:170px;height:106px;overflow:hidden;background:#FFF;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px;}
.cat-select a p{position:absolute;bottom:2px;width:157px;padding:0px 5px 0px 5px;font-size:11px;}
.cat-select a div.imgWrapper{position:relative;left:0;width:170px;height:75px;border-radius:0;}
.cat-select a div img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

.cat-select a:focus,
.cat-select a:hover{
/*hover background*/
background:#A51111;
background:-moz-linear-gradient(top,#C51414,#A51111 28px);
background:-webkit-gradient(linear,left top,left 28px,from(#C51414),to(#A51111));
outline:0;}
.cat-select a:active h3{text-shadow:0 1px 1px #222;}



	#new_item_select{position:absolute;top:-17px;right:20px;padding:0px;border:1px solid #FFF;border-top:0;box-shadow:0px 10px 8px -6px #999;list-style:none;}
		#new_item_select li{float:left;background:#6A6A6A url('../images/backgrounds/xbackgrounds.png') 0px -285px repeat-x;}
			#new_item_select li p,#new_item_select li a,#new_item_select li span{display:block;margin:0;padding:5px;color:#FFF;text-shadow:1px 1px 0px #000;}
			#new_item_select li a,#new_item_select li span{background:#A51111 url('../images/backgrounds/xbackgrounds.png') 0px 0px repeat-x;cursor:pointer;}
				#new_item_select li a:hover,#new_item_select li span:hover{background-position: 0px -38px;}

#product_contents img {max-width:365px;}
#product_contents .content_box {width:365px;max-width:365px;float:right;word-wrap:break-word;}
#product_contents .content_box *{max-width:365px;word-wrap:break-word;}
#product_contents .content_box>*:first-child{margin-top:0;padding-top:0;}

table.product_variation {border-collapse:collapse;width:100%;cursor:default;box-shadow:0px 10px 8px -6px #999;}
table.product_variation thead tr {background:#B81212;}
	table.product_variation thead tr th {height:32px;color:#FFF;text-shadow:1px 1px 1px #333;border-bottom:1px #000 solid;border-right:1px #910D0D solid;}
	table.product_variation thead tr th:first-child,
	table.product_variation thead tr th:last-child {padding:0;width:10px;}
	table.product_variation thead tr th:last-child {border-right:none;}
		table.product_variation thead tr th span.val2 {position:relative;width:0px;height:0px;}
		table.product_variation thead tr th span.val2 span {position:absolute;top:10px;right:-5px;}table.product_variation thead tr th span.val2 span.edit {right:14px;background-color:#DD0;}table.product_variation thead tr th span.val2 span.del {background-color:#D00;}
table.product_variation tbody tr:nth-child(odd) {background:#FFF;}
table.product_variation tbody tr:nth-child(even) {background:#DADADA;}
table.product_variation tbody tr:nth-child(odd):hover,
table.product_variation tbody tr:nth-child(even):hover {background:#888;color:#FFF;text-shadow:1px 1px 0px #000;}
	table.product_variation col {width:10px;}
	table.product_variation .colHover{background:#888;}
	table.product_variation tbody tr td {padding:0 2px;width:10px;border-right:1px solid #DADADA;font-family:monospace;text-align:center;}	
	table.product_variation tbody tr td:last-child {border-right:none;}
		table.product_variation tbody tr td a.ui-icon{float:left;}
		table.product_variation tbody td span.nowrap {white-space:nowrap;}
		table.product_variation tbody td span.right {display:block;text-align:right;}
		table.product_variation tbody td span.vrd_green{display:inline-block;height:16px;width:16px;margin-top:2px;background:url('../images/icons/icons.png') 0px -227px no-repeat;}

.voorbehoud{text-align:center;}

#cart_contents div.product {margin-top:-12px;}
#cart_contents div.product h1 a {display:block;width:1px;white-space:nowrap;}
#cart_contents div.product h1 a img {margin-right:10px;vertical-align:middle;max-width:60px;max-height:30px;}
	.submitright {text-align:right;}.submitright input,.submitright a {display:inline;margin:10px 0 0 10px;}::-moz-focus-inner{border:0;}

#cart_contents .totalprice {margin-top:50px;padding:5px 10px;font-size:18px;border-top:1px #000 solid;background:#FCE2E2;}
#cart_contents .totalprice span.price {float:right;}
#cart_contents .nextbtns {margin-top:0px;margin-bottom:10px;}

.sumary {margin:50px 0 10px 0;padding:0;list-style:none;font-size:18px;border-top:1px #000 solid;}
.sumary li {padding:5px 10px;background:#FFF;}
.sumary li:nth-child(odd){background:#FCE2E2;}
.sumary li span.val {float:right;}

.sumarysmall {margin:0 0 10px 0;padding:0;list-style:none;font-size:12px;border-top:1px #000 solid;}
.sumarysmall li {position:relative;padding:2px 10px;text-align:right;background:#FFF;}
.sumarysmall li:nth-child(odd){background:#E0E0E0;}
.sumarysmall li span {position:absolute;right:100px;}
.sumarysmall li span.val {position:static;}