/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #666; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #666; }
body { background: url('../images/bodyBg.gif') #e1ecf2 repeat-x; background-position: top;}
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; overflow: hidden; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0px auto; width: 960px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 960px; height: 260px; background: url('../images/headerLine.gif') repeat-x bottom; }
	#headerCntr h1 { position: absolute; top: 0px; left: 0px; width: 650px; height: 139px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; background-position: 0 15px; }
	
		/* ### MENU CONTAINER ### */
		#bannerTxt { position: absolute; top: 139px; left: 0px; width: 960px; font-style: italic; text-align: right; font-size: 16px; font-weight: bold; color: #9b091a; }
		#menuCntr { position: absolute; top: 159px; left: 0px; width: 960px; }
		#menuCntr ul { padding-top: 2px; overflow: hidden; width: 960px; height: 31px; list-style: none; background: url('../images/menuBg.gif') repeat-x; }
		#menuCntr li { /*padding-right: 2px;*/ float: left; display: inline; background: url('../images/divider.gif') repeat-y right; }
		#menuCntr li.selected{ background-image: none; }
		#menuCntr li a { padding: 0px 10px 0px 10px; display: block; float: left; height: 31px; line-height: 31px; font-weight: bold; text-decoration: none; color: #2881b5; }
		#menuCntr li a:hover{ color: #2881b5; background: url('../images/menuBg2.gif') repeat-x; } 
		#menuCntr li.selected a{ color: #fff; background: #3389c8; }
		#menuCntr li.selected a:hover{ background-image: none;  background: #3094ce;  color: #fff; }
		
		ul#submenu { position: absolute; top: 33px; left: 0px; background: url('../images/subBg.gif') repeat-x; }
		ul#submenu li { padding: 0px; color: #70b3e4; background: none; }
		ul#submenu li a { display: inline; float: none; height: auto; font-weight: normal; color: #cce9ff; }
		ul#submenu li a:hover { background: none; }
		
		/* ### WAGEN CONTAINER ### */
		#wagenCntr { padding: 10px; position: absolute; top: 15px; right: 0px; width: 275px; background: url('../images/wagenBg.gif') #fff repeat-x; }
		#wagenCntr h3 { padding: 0px 5px 5px 5px; font-size: 12px; font-weight: bold; color: #e38826; background: url('../images/car.gif') no-repeat right top; }
		#wagenCntr ul { overflow: hidden; list-style: none; /*background: url('../images/dots.gif') repeat-x top;*/ }
		#wagenCntr li { float: left; display: inline; height: 20px; line-height: 24px; }
		#wagenCntr li a { padding: 0px 5px 0px 15px; text-decoration: none; color: #3389c8; background: url('../images/arrow.gif') no-repeat 5px center; }
		#wagenCntr li a:hover { text-decoration: underline; }
		#wagenCntr li.first a { padding: 0px 5px 0px 10px; background-position: left; }
		#wagenCntr p { padding: 5px 0px 5px 0px; background: url('../images/dots.gif') repeat-x top; }
		
		/* ### ZOEK CONTAINER ### */
		#zoekCntr { position: absolute; top: 230px; left: 0px; width: 960px; }
		#zoekCntr fieldset { overflow: hidden; height: 26px; line-height: 21px; border: 0px; }
		#zoekCntr input.field { margin-right: 5px; padding: 2px 5px 2px 5px; display: block; float: left; width: 184px; /*border: 0px; background: url('../images/field2Bg.gif') no-repeat;*/ }
		input.submit { width:auto;  color: #fff; background: #e38826; padding: 3px 5px 3px 5px;  border-top: 1px solid #e89d4d; border-left: 1px solid #e89d4d; border-right: 1px solid #7c4810;  border-bottom: 1px solid #7c4810; }
		#zoekCntr input.submit{ margin-right: 10px;  padding:3px; .padding: 2px; .padding-bottom: 1px;  float: left; display: block; /*background: url('../images/submitBg.gif') no-repeat;*/ }
		#zoekCntr label { margin-right: 5px; float: left; display: block; height: 21px; line-height: 21px; font-weight: bold; }
		#zoekCntr a { color: #3389c8; }
		#zoekCntr a:hover { text-decoration: none; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 10px; overflow: hidden; width: 940px; background: #fff; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 10px; float: left; display: inline; width: 161px; }
			
			/* ### KIJKER BOX ### */
			.kijkerBox { width: 161px; background: url('../images/topBg.gif') repeat-x; }
			.kijkerBox h3 { padding: 0px 5px 10px 5px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #3389c8; }
			.kijkerBox img { margin-left: 8px; }
			.kijkerBox p { margin: 10px 10px 0px 10px; padding: 10px 0px 10px 0px; line-height: 14px; text-align: center; background: url('../images/dots.gif') repeat-x; }
			
			
			/* ### TOP BOX ### */
			.topBox { width: 161px; background: url('../images/topBg.gif') #fff repeat-x; }
			.topBox h3 { padding: 0px 5px 0px 5px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #3389c8; }
			.topBox ul { padding: 10px; list-style: none; }
			.topBox li { padding-bottom: 1px; background: url('../images/dots.gif') repeat-x bottom; }
			.topBox li a { padding-left: 15px; display: block; height: 22px; line-height: 22px; text-decoration: none; color: #666; background: url('../images/arrow.gif') no-repeat left; }
			.topBox li a:hover { text-decoration: underline; }
			.cattop{ margin: -5px 0 0 5px;padding:1px 0 5px 10px;color: #999; }
			
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 598px; }
		
			/* ### NP BOX ### */
			.npBox { margin-bottom: 10px; padding: 5px;  background: #f4f4f4; }
			.npBox a{ margin-left: 4px; text-decoration: none; color: #3389c8; }
			/*.npBox ul { padding-left: 5px; overflow: hidden; width: 593px; list-style: none; }
			.npBox li { float: left; display: inline; height: 24px; line-height: 24px; }
			.npBox li a { padding: 0px 5px 0px 15px; text-decoration: none; color: #3389c8; background: url('../images/arrow.gif') no-repeat 5px center; }
			.npBox li a:hover { text-decoration: underline; }
			.npBox li.first a { padding: 0px 5px 0px 5px; background: none; }
			.npBox li span { padding: 0px 5px 0px 15px; background: url('../images/arrow.gif') no-repeat 5px center; }*/
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { margin-bottom: 10px; padding: 10px 10px 15px 10px; overflow: hidden; width: 578px; border-top: 1px solid #e5e5e5; background: url('../images/dots.gif') #f9f9f9 repeat-x bottom; }
			.nieuwsBox h3 { padding-bottom: 15px; font-size: 20px; font-weight: normal; color: #e38826; }
			.nieuwsBox div.nieuws { float: left; width: 265px; }
			.nieuwsBox div.right { float: right; }
			.nieuwsBox h2 { margin-bottom: 10px; padding-bottom: 5px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #dadada; margin-right: 15px; }
			.nieuwsBox span { padding-bottom: 3px; display: block; font-size: 10px; color: #aaa; }
			.nieuwsBox p { padding-bottom: 10px; line-height: 24px; }
			.nieuwsBox a.meer { padding: 0px 5px 0px 15px; color: #3389c8; background: url('../images/arrow.gif') no-repeat left; border: 0 !important; text-decoration: underline !important; }
			.nieuwsBox a:hover { text-decoration: none; }
			
			/* ### PROMO BOX ### */
			#centerCntr .promoBox { padding: 10px 10px 15px 10px; width: 578px; }
			#centerCntr .promoBox h3 { padding-bottom: 15px; font-size: 20px; font-weight: normal; }
			#centerCntr .promoBox ul { overflow: hidden; width: 578px; list-style: none; }
			#centerCntr .promoBox li { margin: 0px 10px 10px 0px; padding: 10px 7px 10px 7px; float: left; display: inline; width: 172px; border-top: 1px solid #dadada; background: #f9f9f9; }
			#centerCntr .promoBox li.last { margin-right: 0px; }
			#centerCntr .promoBox h2 { padding-bottom: 10px; line-height: 16px; text-align: center; font-size: 12px; font-weight: bold; color: #3389c8; }
			#centerCntr .promoBox p { padding: 10px 0px 10px 45px; line-height: 16px; font-size: 10px; text-transform: uppercase; color: #b2b1b1; }
			#centerCntr .promoBox em { font-size: 11px; font-style: normal; text-decoration: line-through; }
			#centerCntr .promoBox strong { font-size: 12px; color: #b72020; }
			#centerCntr a.add { padding-left: 25px; display: block; float: left; height: 16px; line-height: 16px; text-decoration: none; color: #666 ; border: 0; background: url('../images/add.gif') no-repeat left; }
			#centerCntr .addbox a.add { float: right; margin-left: 10px; }
			#centerCntr a.add:hover, #centerCntr a.details:hover{ border: 0; color: #222; }
			#centerCntr a.details { padding-left: 25px; display: block; float: right; height: 16px; line-height: 16px; color: #666; background: url('../images/details.gif') no-repeat left; }
			#centerCntr a.add, #centerCntr a.details { text-decoration: underline; border: 0; }
			.promoBox li img{ text-align: center; border: 1px solid #eee; margin: auto; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 161px; }
		
			/* ### KLANT BOX ### */
			.klantBox { width: 161px; background: url('../images/topBg.gif') #fff repeat-x; }
			.klantBox h3 { padding: 0px 5px 0 5px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #e38826; }
			.klantBox a { color: #3389c8; }
			.klantBox a:hover { text-decoration: none; }
			.klantBox p { margin: 7px 0 5px 0; padding: 0px 10px 10px 10px; background: url('../images/dots.gif') repeat-x bottom; }
			.klantBox fieldset { padding: 10px 10px 10px 10px; text-align: center; border: 0px; }
			.klantBox label { padding: 0px 0px 3px 0px; display: block; font-size: 10px; text-transform: uppercase; text-align: left; }
			.klantBox input.field { margin-bottom: 5px; padding: 2px 5px 2px 5px; display: block; width: 132px;  /*border: 0px; /*background: url('../images/fieldBg.gif') no-repeat; */ }
			.klantBox input.submit { margin: 0px 5px 5px 0px; float: left; display: inline; /*width: 50px; height: 21px; */ color: #fff;/* border: 0px; background: url('../images/submitBg.gif') no-repeat;*/ }
			.klantBox input.darkbtn { margin-bottom: 5px; float: left; width: 57px; padding: 4px 5px 4px 5px; /*height: 21px;*/ text-decoration: none; color: #fff; /*background: url('../images/registerBg.gif') no-repeat; */}
			
			/* ### VEILIG BOX ### */
			.veiligBox { width: 161px; background: url('../images/topBg.gif') #fff repeat-x; }
			.veiligBox h3 { padding: 0px 5px 10px 5px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #3389c8; }
			.veiligBox img { margin: 0px 0px 10px 20px; }
			.veiligBox p { padding: 0px 7px 10px 10px; line-height: 14px; }
			
			/* ### INFO BOX ### */
			.infoBox { width: 161px; background: url('../images/topBg.gif') #fff repeat-x; }
			.infoBox h3 { padding: 0px 5px 0px 5px; height: 22px; line-height: 22px; font-size: 12px; font-weight: bold; color: #3389c8; }
			#rightCntr ul { padding: 3px 10px 10px 10px; list-style: none; }
			#rightCntr li { padding-bottom: 1px; background: url('../images/dots.gif') repeat-x bottom; }
			#rightCntr li a { padding-left: 15px; display: block; height: 22px; line-height: 22px; text-decoration: none; color: #666; background: url('../images/arrow.gif') no-repeat left; }
			#rightCntr li a:hover { text-decoration: underline; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 960px; height: 58px; background: url('../images/footerBg.gif') repeat-x; }
	#footerCntr p { padding-top: 8px; line-height: 20px; text-align: center; color: #a1a1a1; }
	#footerCntr a { color: #3389c8; }
	#footerCntr a:hover { text-decoration: none; }
	
	
	/* ### PAGING ### */
	
	#pageselect {
		margin: 20px 0 10px 0;
	}
	#pageselect a:link, #pageselect span.page, #pageselect  a:visited, #pageselect span.active, #pageselect a.page:link, #pageselect a.page:visited {
		background-image: url(../images/main/buttons/page_grey.jpg);
		/*background: #ccc;*/
		height: 19px;
		width: 19px;
		display: block;
		font-weight: bold;
		font-size: 10px;
		float: left;
		margin-right: 5px;
		color: #ffffff !important;
		text-decoration: none;
		text-align: center;
		line-height: 18px;
		background-repeat: no-repeat;
	}
	#pageselect span.page a{
		text-align: center;
		padding-left: 4px;
		float: none;
		width: auto;
	}
	#pageselect a.page:link, #pageselect a.page:visited {
		background-image: url(../images/main/buttons/page.jpg) !important;
	}
	#pageselect a:hover, #pageselect a#active:hover, #pageselect a.page:hover {
		/*background-image: url(../images/main/buttons/page_hover.jpg) !important;*/
		text-decoration: none !important;
	}
	#pageselect span.active {
		background-image: url(../images/main/buttons/page_active.jpg);
	}
	
	#pageselect b{
		background-image: none;
		font-weight: bold;
		color: #333 !important;
	}
	
	/* ### PRODUCT LIST ### */
	#centerCntr .product h3{
		color: #3389c8;
		font-weight: bold;
		font-size: 13px;
		padding: 0;
		margin-bottom: 5px;
	}
	h3 a, #centerCntr a{		
		color: #3389c8;
		text-decoration: none;
		border-bottom: 1px solid #cde0ee;
	}
	h3 a:hover, #centerCntr a:hover{
		border-bottom: 1px solid #3389c8;
	}
	.product{
		margin: 20px 0 5px 0;
	}
	input.txtlist{
		width: 25px;
	}
	.prod_pic{ float: left; width: 160px; margin-bottom: 10px; }
	.prod_pic img, #specials img{ border: 1px solid #EEE; }
	.clearfix{ clear: both; }
	.detailsbox{ clear: both; border-top: 1px dotted #888;border-bottom: 1px dotted #888; background: #fff;  }

	.aantal{ display: inline; }
	.prod_add{ width: 550px; display: block; height: 30px;  }
	.prod_add .price{  display: inline; color: #e38826; padding: 3px 20px 3px 3px; float: left;  font-size: 16px; font-weight: bold;  }
	.prod_add .addbox{  width: 180px;  display: inline;  float: left;  padding: 5px 3px 3px 3px;  }
	.prod_add .form{ display: inline; margin: 0; }
	.prod_add a.add{ float: right; display: inline;  }
	p.btw{ line-height: 14px; color: #aaa; }
	.detailsbox{ height: 25px; clear: both; }
	.detailsbox div{ padding-top: 5px; width: 160px; display: block; float: left; } 
	#centerCntr .product a.details { float: none; border: 0; }
	
	/* ### PRODUCT DETAIL ### */
	#prodimg img{ margin: auto auto 30px auto; text-align: center; border: 1px solid #eee; }
	
	
	/* ### GENERAL ### */
	#centerCntr ul{ margin: 0 0 20px 0; list-style: none;  }
	#centerCntr ul li { padding-left: 15px; display: block; line-height: 22px; text-decoration: none; background-image: url('../images/arrow.gif'); background-repeat: no-repeat; background-position: left 8px; }
	#back{ text-align:center; margin-bottom: 20px; }
	h4{ margin-bottom: 7px; } 
	
	span.promoprice{ color:#b72020; font-weight: bold; }
	
	#centerCntr p{ line-height: 170%; }
	
	/* ### TABLE ### */
	table th{ text-align: left; border-bottom: 1px dotted #888; vertical-align: top; }
	table td{ padding: 5px 3px 5px 3px; }
	table tr.alt{ background-color: #EEE; }
	table{ width: 100%; }
	
	#googlemap{ margin-bottom: 20px; }
	#langpick{ float: right; font-weight: bold; display: block; width: 150px; text-align: right;}
	
	/* ### CHECKOUT ### */
	#checkout{  float: right; margin: 15px 0 0 0; }	
	#checkleft{ float: left; margin: 20px 0 0 0; }
	#checkout table{  line-height: 180%; }
	#checkout table td{ padding: 2px 3px 0 3px; }
	td.total{ border-top: 1px solid #333; }
	
	#checkout input{ float: right; width: 200px; margin: 20px 0 20px 0; }
	#checkleft input{ margin-right: 10px; }
	input.darkbtn{ background: #999999; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-bottom: 1px solid #515151;  border-right: 1px solid #515151;  }
	input.smallbtn{ padding: 1px 2px 1px 2px; }
	#shipform{ margin: 0 0 15px 0; }
	#shipform select{ width: 160px; padding: 1px 3px 1px 3px; }
	#shipform input.submit{ padding: 2px 6px 2px 6px; }
	textarea{ padding: 3px; }
	p.opm{ margin: -3px 0 3px 0; font-weight: bold; padding: 0;  }
	input.radio{ margin-right: 10px; }
	
	/* ### MISC ### */
	ul.brand{ 	float: left; width: 200px; }
	#googlemap{	margin-top: 10px; }
	#specials{ display: block;  }
	.kijkerBox #specials img{ text-align: center; margin-left: auto; margin-right: auto; }
	#specials p { background: #fff; }
	.specialbox{ display: none;  width: 160px; background: #fff; text-align: center; }
	.showroompic{ float: left; 	margin: 25px 10px 0 16px; }
	a.specialimg{ height: 100px; background: #fff; display: block; text-align:center; margin: auto; border: 1px solid #ccc; }
	a.specialimg:hover{ border: 1px solid #ccc !important; }
	a.specialimg img{ margin: auto; border: 0; }  	
	table.orderdetail{ margin: 0 0 20px 0; width:270px; }
	table.orderdetail td{ padding: 5px 0 0 0; width:100px; }

	/* ### FILTER ### */
	.filter{ margin: 7px 5px 0px 5px; }
	.filter select { width: 150px; color: #606161; }
	.filter input { width: 145px; color: #606161; }
	input.filterbtn{ width: 150px; margin-bottom: 10px; color: #fff; }
	
	/* ### STOCK ### */
	.stock_high,.stock_med, .stock_low, .stock_out, .stock_temp {
		float: left;
		margin-right: 5px;
		background-repeat: no-repeat;
		background-position: 5px 6px;
		padding-left: 25px;
	}
	.stock_high {
		background-image: url(../images/stock_high.gif);
	}
	.stock_med {
		background-image: url(../images/stock_med.gif);
	}
	.stock_low {
		background-image: url(../images/stock_low.gif);
	}
	.stock_out, .stock_temp {
		background-image: url(../images/stock_out.gif);
	}	
	
	
	#excel{ padding: 6px 6px 10px 6px; }
	#excel input, #excel select{ margin-top: 3px; width: 150px; }
	#e_dl{ 	
		background-image: url(../images/excelicon.gif);
		background-repeat: no-repeat;		
		padding: 17px 0 20px 70px; 
		background-position: top;
	}
	
	div.message{ padding: 7px 5px 7px 5px; color: #e38826; border: 1px solid #e38826; background: #faf4ee; margin: 0 0 10px 0; font-size: 13px; }
	.detaildate{ margin: -15px 0 10px 0; display: block; }
	.nieuwsall{ margin: 0 0 25px 0; }

	.lft{ float: left; width: 50px; display: inline; padding: 3px 0 1px 0; } 
	.rt{ float: right; width:80px !important; margin: 0 1px 3px 0;  clear: right; }

	span.errMsg {
		margin-left: 10px;
		color: #cb2121;
		font-size: 15px;
		display: inline;
	}
	
	a.cartqty{ font-size: 15px; font-weight: bold; text-decoration: none; border: 0 !important; }

	div.transfer{ border: 1px solid #333; background-color: #fff ; padding: 7px; font-size: 12px; line-height: 170%; }
	
	#pageselect a { border: 0 !important; }
	
	.texttop{ width: 300px; float: left; margin: 0 0 0 10px; font-size: 14px; font-style: italic; font-weight: bold; }
	.texttop span.txt2{ padding-left: 20px; }


.advice{  }
.advice span{ font-size: 12px !important; display: inline !important; text-decoration: line-through; }