/*
* Layout styles
*/

body {
	text-align: left;
	padding: 0px; margin: 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
	background-image: url('../images/topnav_bg.png');
	background-repeat: repeat-x;
	
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }


#box {
	position: relative;
	float: none;
	width: 1000px;
	margin: 0px auto 32px;
}

	#topnav {
		float: left;
		width: 983px;
		height: 36px;
		margin: 0px 8px 0px 9px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	
	
		#topnav a {
			float: left;
			text-transform: uppercase;
			padding: 0px 30px 0px 30px;
			line-height: 31px;
			color: #ffffff;
			text-decoration: none;
		}
		
		#topnav a:hover {
			background-image: url('../images/topnav_over.png');
		}
		
		#topnav a.active {
			background-image: url('../images/topnav_active.png');
		}
		
		#topnav a.extra {
			background-image: url('../images/topnav_extra.png');
		}
		
		#topnav span.spacer {
			background-image: url('../images/topnav_spacer.png');
			background-repeat: no-repeat;
			width: 2px;
			height: 31px;
			float: left;
			background-position: center top;
		}
	

	#header {
		float: left;
		text-align: left;
		width: 1000px;
		height: 90px;
	}
	
		#header #logo {
			float: left;
			width: 200px;
			height: 65px;
			margin: 12px 0px;
		}
		
		#header #search-box {
			float: left;
			width: 400px;
			height: 29px;
			margin: 7px 100px;
			
		}
		
			#header #search-box input[type="text"] {
				border: 0px;
				width: 300px;
				padding: 6px 8px 7px 8px;
				background-image: url(../images/searchbox.png);
				color: #666;
			}
			
			#header #search-box input[type="submit"] {
				display: none;
			}
			
			#header #search-box #search-button {			
				background-image: url(../images/searchbox.png);
				background-position: -316px 0px;
				width: 56px;
				padding: 0px 0px 0px 28px;
				height: 29px;
				line-height: 29px;
				color: #FFF;
				text-decoration: none;
				display: inline-block;
			}

			#header #search-box #search-button:hover {			
				background-image: url(../images/searchbox.png);
				background-position: -316px -29px;
				width: 56px;
				padding: 0px 0px 0px 28px;
				height: 29px;
				line-height: 29px;
				color: #FFF;
				text-decoration: none;
				display: inline-block;
			}
		
		#header #cart-thumb-view {
			float: left;
			width: 200px;
			margin: 10px 0px 10px 0px;
			height: 70px;
		}
		
			#header #cart-thumb-view #cart-show-button {			
				background-image: url(../images/shopping-cart-icon.jpg);
				background-position: 0px 0px;
				width: 42px;
				height: 50px;
				line-height: 50px;
				color: #FFF;
				text-decoration: none;
				display: inline-block;
				float: left;
				margin: 10px 8px 10px 0px;
			}

			#header #cart-thumb-view #cart-show-button:hover {			
				background-image: url(../images/shopping-cart-icon.jpg);
				background-position: 0px -50px;
				width: 42px;
				height: 50px;
				line-height: 50px;
				color: #FFF;
				text-decoration: none;
				display: inline-block;
				float: left;
				margin: 10px 8px 10px 0px;
			}
			
			#header #cart-thumb-view h3 {
				font-size: 120%;
				color: #666;
				float: left;
			}
			
			#header #cart-thumb-view p {
				float: left;
				margin: 2px 0px;
				color: #666;
				line-height: 120%;
			}
			
				#header #cart-thumb-view p span {
					width: 75px;
					display: inline-block;
				}
				
				#header #cart-thumb-view a {
					color: #a0cb00;
				}
								
	#left {
		float: left;
		width: 220px;
	}
		
	ul#leftmenu {
		float: left;
		margin: 20px 10px 0px 10px;
		width: 200px;
	}
	
		ul#leftmenu li {
			float: left;
			width: 200px;
			line-height: 120%;
		}
	
		ul#leftmenu li a {
			float: left;
			display: block;
			padding: 2px 0px 2px 20px;
			color: #585757;
			text-decoration: none;
			font-weight: bold;
		}
		
		ul#leftmenu li a:hover {
			color: #158ad4;
			text-decoration: none;
			background-image: url('../images/arrow_grijs.png');
			background-repeat: no-repeat;
			background-position: left center;
		}
		
		ul#leftmenu li a.active {
			background-image: url('../images/arrow_groen.png');
			background-repeat: no-repeat;
			background-position: left center;
		}

		ul#leftmenu li a.active:hover {
			color: #585757;
			text-decoration: underline;
		}

		ul#leftmenu ul {
			float: left;
			display: none;
			overflow: hidden;
			width: 180px;
			margin: 4px 0px 4px 20px;
		}
		
		ul#leftmenu ul li {
			float: left;
			width: 180px;
		}

		ul#leftmenu ul ul {
			float: left;
			display: none;
			overflow: hidden;
			width: 160px;
			margin: 4px 0px 4px 20px;
		}
		
		ul#leftmenu ul ul li {
			float: left;
			width: 160px;
		}

		
	#nieuwsbrief {
		float: left;
		width: 200px;
		height: 145px;
		padding: 0px 10px 10px 10px;
		margin: 20px 0px 0px 0px;
	}
	
		form#inschrijven p {
			color: #585757;
			font-weight: bold;
			line-height: 160%;
			margin: 4px 0px 4px 0px;
		}
		
			form#inschrijven input[type=text], form#inschrijven input[type=password] {
				border: 1px solid #585757;
				background-color: #eee;
				width: 194px;
				padding: 2px;
			}
			
			form#inschrijven input[type=submit] {
				float: right;
				background-color: #158ad4;
				color: #FFF;
				font-weight: bold;
				border: 0px;
				padding: 3px;
			}
			
	#promoarea {
		float: left;
		width: 200px;
		padding: 0px 10px 10px 10px;
		margin: 20px 0px 0px 0px;
		text-align: center;
	}
	
	div.box h1 {
		margin: 0px 0px 10px 10px;
		color: #585757;
		font-size: 140%;
	}
	
	div.bg_bl_220_up {
		background-image: url('../images/bg_bl_220_up.png');
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	#content {
		float: left;
		margin: 20px 0px 20px 20px;
		width: 760px;
	}

		#home-cycle {
			width: 760px;
			height: 480px;
			float: left;
			position: relative;
			overflow: hidden;				
		}
		
			#home-cylce #scrollbox {
				float: left;
				width: 760px;
				height: 480px;
				z-index: 1;
			}

			#home-cycle .items {
				float: none;
				position: absolute;
				width: 20000em;
			}
			
				#home-cycle .items div {
					width: 760px;
					height: 480px;
					float: left;
				}
				
				#home-cycle .items div a {
					display: block;
					width: 760px;
					height: 480px;
				}
			
			#home-cycle ul.navigation {
				position: absolute;
				left: 10px;
				bottom: 10px;
				z-index: 1000;
			}
			
				#home-cycle ul.navigation li {
					margin: 0px 10px 0px 0px;
					width: 16px;
					height: 16px;
					line-height: 16px;
					float: left;
				}
				
					#home-cycle ul.navigation li a {
						display: block;
						background-color: #666666;
						text-decoration: none;
					}

					#home-cycle ul.navigation li.active a {
						background-color: #a0cb00;
					}

			#info-foot {
				float: left;
				width: 760px;
				height: 120px;
				margin: 20px 0px 0px 0px;
			}

		#banner_prods {
		margin: 5px 0px 10px -10px;
		width: 760px;
			border: 1px solid #333;
			padding: 4px;
		}
	
		#content h1 {
			color: #158ad4;
			font-size: 120%;
			line-height: 140%;
		}
			#content h1 a {
				color: #158ad4;
				text-decoration: none;
			}

			#content h1 span {
				color: #585757;
			}
		
			#content h1 span.green {
				color: #a0cb00;
			}


		#content p.paginate {
			text-align: right;
			margin: 8px 0px 8px 0px;
			line-height: 140%;
		}
		
			#content p.paginate a {
				color: #585757;
				padding: 2px 4px 2px 4px;
				text-decoration: none;
			}

			#content p.paginate a#active {
				color: white;
				background-color: #a0cb00;
				padding: 2px 4px 2px 4px;
				text-decoration: none;
			}

			#content p.paginate a:hover {
				color: #158ad4;
				text-decoration: none;
			}
			
		#content p {
			margin: 8px 0px 8px 0px;
			line-height: 140%;
		}

		#content h2 {
			margin: 8px 0px 8px 0px;
			color: #a0cb00;
		}

		
		#content #loginform, #content #wachtwoordform {
			margin: 8px 0px 8px 0px;
		}
		
			#content #loginform li, #content #wachtwoordform li {
				margin: 4px 0px 4px 0px;
			}
		
			#content #loginform li span.name, #content #wachtwoordform li span.name {
				display: inline-block;
				width: 100px;
			}
		
			#content #loginform li span.value, #content #wachtwoordform li span.value {
				display: inline-block;
				width: 200px;
			}

			#content #loginform input[type=text], #content #loginform input[type=password], #content #wachtwoordform input[type=text], #content #wachtwoordform input[type=password] {
				width: 150px;
				padding: 2px;
				border: 1px solid #a0cb00;
			}
			
			#content #loginform input.error, #content #wachtwoordform input.error {
				border: 1px solid #FF4F64;
			}
		
			#content #loginform input.valid, #content #wachtwoordform input.valid {
				border: 1px solid #158ad4;
			}

			#content #loginform input[type=submit], #content #wachtwoordform input[type=submit] {
				width: 156px;
				padding: 2px;
				color: #ffffff;
				background-color: #158ad4;
				border: 0px;
			}

			
		#content #prod {
			float: left;
			width: 540px;
		}
			
			#prod #faqlist h4 {
				color: #a0cb00;
				cursor: pointer;
				margin: 10px 0px;
			}
			
			#prod #faqlist p {
				margin: -10px 0px 0px 0px;
				display: none;
			}
		
			#prod p {
				line-height: 140%;
			}
		
			#content #prod #prod_foto {
				float: left;
				width: 350px;
				height: 350px;
				margin: 0px 10px 10px 0xp;
			}
			
			#content #prod #prod_pricing {
				float: left;
				width: 180px;
				position: relative;
			}
			
				#content #prod #prod_pricing h1.prijs {
					margin: 80px 0px 0px 0px;
				}

				#content #prod #prod_pricing h1 {
					text-align: center;
					font-size: 150%;
				}
				
				#content #prod #prod_pricing h1 span {
					font-size: 70%;
				}
				
				#content #prod #prod_pricing h1 span.actie {
					font-size: 100%;
					color: #FF9900;
				}

				#content #prod #prod_pricing p {
					margin: 12px 0px 12px 0px;
					text-align: center;
				}
				
				#content #prod #prod_pricing a.button {
					padding: 4px 26px 4px 42px;
				}

				#content #prod #prod_pricing a.details {
					color: #fff;
					background-image: url('/images/button_details.png');
					background-repeat: no-repeat;
					background-position: 4px center;
					text-decoration: none;
				}
	
				#content #prod #prod_pricing a.order {
					color: #fff;
					background-image: url('/images/button_winkelwagen.png');
					background-repeat: no-repeat;
					background-position: 10px center;
					text-decoration: none;
				}
				
				#content #prod #prod_pricing a.incart {
					background-image: url('/images/button_winkelwagen_incart.png');
				}

			#content #prod #prod_fotolist {
				float: left;
				width: 540px;
				margin: 0px 0px 10px 0px;
			}
			
				#content #prod #prod_fotolist a.navbutton {
					float: left;
					width: 50px;
					height: 110px;
					display: block;
				}
				
				#content #prod #prod_fotolist a.arrowprev {
					background-image: url('/images/arrow_prev.png');
				}
			
				#content #prod #prod_fotolist a.arrownext {
					background-image: url('/images/arrow_next.png');
				}

			#content #prod ul#prod_fotoscroll {
				float: left;
				width: 440px;
			}
			
				#content #prod ul#prod_fotoscroll li {
					margin: 0; padding: 5px;
					float: left;
					position: relative;
					width: 100px;
					height: 100px;
					display: none;
				}
				
				#content #prod ul#prod_fotoscroll li img {
					width: 100px; 
					height: 100px;
					position: absolute;
					left: 0; top: 0;
					padding: 5px;
					-ms-interpolation-mode: bicubic; 
					background-image: url('/images/photoscroll_bg100.png');
				}
				
				#content #prod ul#prod_fotoscroll li img.hover {
					background-image: url('/images/photoscroll_bg140.png');
					border: none;
				}
				
			#content #prod #prod_fotoliststate {
				float: left;
				width: 540px;
				height: 40px;
				line-height: 40px;
				text-align: right;
			}
			
				#content #prod #prod_fotoliststate ul {
					float: right;
					margin: 0px 0px 0px 10px;
					width: 28px;
				}
				
					#content #prod #prod_fotoliststate ul li {
						float: left;
						width: 6px;
						height: 6px;
						margin: 0px 1px 1px 0px;
						background-color: #ccc;
					}
					
					#content #prod #prod_fotoliststate ul li.showing {
						background-color: #585757;
					}
				
		#content #prod #specs {
			border: 1px solid #585757;
			
		}
				
			#content #prod #specs td {
				padding: 6px;
				border: 1px solid #aeaeae;
			}
			
			#content #prod #specs td.prop_even {
				background-color: #efefef;
			}
			
			#content #prod #specs td.prop_odd {
				background-color: #f4f4f4;
			}
			
			#content #prod #specs td.val_even {
				background-color: #e4e4ff;
			}
			
			#content #prod #specs td.val_odd {
				background-color: #efefff;
			}

		#content #prod_options {
			float: left;
			width: 200px;
			margin: 0px 10px 0px 10px;
		}
		
			#content #prod_options h3 {
				margin: 10px 0px 4px 0px;
				color: #585757;
			}
			
			#content #prod_options p.border {
				border-bottom: 1px solid #dedede;
				margin: 4px 0px 4px 0px;
				padding: 0px 0px 2px 0px;
			}
			
			#content #prod_options p a {
				text-decoration: none;
				color: #333333;
			}
			
			#content #prod_options p a:hover {
				text-decoration: none;
				color: #585757;
			}

			#content #prod_options p img {
				vertical-align: middle;
				margin: 4px 10px 4px 0px;
			}
			
			#content #prod_options p span.download {
				font-size: 80%;
			}

			#content #prod_options p.tableintro {
				margin: 12px 0px 4px 0px;
				font-weight: bold;
				text-align: left;
			}
			
			#content #prod_options table {
				color: #585757;
				border: 1px solid #aeaeae;
			}

			#content #prod_options table td {
				border: 1px solid #aeaeae;
				padding: 4px;
			}

			#content #prod_options table td.name {
				text-align: left;
				width: 140px;
			}

			
			#content #prod_options table td.value {
				font-style: italic;
				text-align: right;
				width: 40px;
			}
			
			#content #prod_options table td.name_even {
				background-color: #efefef;
			}
			
			#content #prod_options table td.name_odd {
				background-color: #f4f4f4;
			}
			
			#content #prod_options table td.val_even {
				background-color: #e4e4ff;
			}
			
			#content #prod_options table td.val_odd {
				background-color: #efefff;
			}
			
			#content #prod_options a.has3d {
				background-image: url('/images/photoscroll_bg100.png');
				width: 100px;
				height: 100px;
				display: block;
				padding: 0px 10px 10px 0px;
			}

			
			#content #prod_options ul {
				float: left;
				width: 198px;
				border: 1px solid #333;
			}
						
				#content #prod_options ul li {
					float: left;
					padding: 4px;
					width: 190px;
					border-top: 1px solid #585757;
					line-height: 120%;
					background-image: url('/images/specs_bg.png');
					background-repeat: repeat-x;
					background-position: bottom;
				}
				
				#content #prod_options ul li.first {
					border-top: 0px;
				}
				
		#content #tekstpagina {
			float: left;
			width: 540px;
		}
			#content #tekstpagina a {
				color: #a0cb00;
				text-decoration: none;
			}

			#content #tekstpagina a:hover {
				color: #158ad4;
				text-decoration: none;
			}
		
			#content #tekstpagina ol {
				margin: 8px 0px 8px 0px;
				padding: 0px 20px 0px 30px;
				list-style-type: decimal;
			}
			
				#content #tekstpagina ol li {
					line-height: 140%;
				}
				
			#content #tekstpagina h1 {
				font-size: 160%;
			}
			
			#content #tekstpagina h2 {
				font-size: 120%;
			}
			
				#content #tekstpagina h2 span {
					color: #000000;
				}
				
			#content #tekstpagina ul {
				margin: 8px 0px 8px 0px;
				padding: 0px 20px 0px 30px;
				list-style-type: disc;
			}
			
				#content #tekstpagina ul li {
					line-height: 140%;
				}
				
			#content #tekstpagina form {
				margin: 8px 0px 8px 0px;
			}
			
				#content #tekstpagina form ul {
					margin: 0px;
					padding: 0px;
					list-style-type: none;
				}
			
				#content #tekstpagina form li {
					margin: 4px 0px 4px 0px;
				}
			
				#content #tekstpagina form li span.name {
					display: inline-block;
					width: 160px;
				}
			
				#content #tekstpagina form li span.value {
					display: inline-block;
					width: 380px;
				}
	
				#content #tekstpagina form input[type=text] {
					width: 360px;
					padding: 2px;
					border: 1px solid #a0cb00;
				}
				
				#content #tekstpagina form input.small {
					width: 150px;
				}

				#content #tekstpagina form input.mini {
					width: 70px;
					text-align: right;
				}

				#content #tekstpagina form select {
					width: 366px;
					padding: 2px;
					border: 1px solid #a0cb00;
				}
				
				#content #tekstpagina form textarea {
					width: 520px;
					height: 80px;
					padding: 2px;
					border: 1px solid #a0cb00;
				}

				
				#content #tekstpagina form input.error, #content #tekstpagina form textarea.error {
					border: 1px solid #FF4F64;
				}
			
				#content #tekstpagina form input.valid, #content #tekstpagina form textarea.valid {
					border: 1px solid #158ad4;
				}
	
				#content #tekstpagina form input[type=submit] {
					width: 156px;
					padding: 2px;
					color: #ffffff;
					background-color: #158ad4;
					border: 0px;
				}
				
				#content #tekstpagina form p.fout {
					display: none;
					color: #F00;
				}
		
			#content #tekstpagina p.tweet, #content div.box_w1 p.tweet {
				border-top: 1px solid #158ad4;
				padding: 4px 0px 0px 0px;
			}
			
				#content #tekstpagina p.tweet img {
					float: left;
					margin: 0px 6px 12px 0px;
				}

				#content div.box_w1 p.tweet img {
					float: left;
					margin: 0px 6px 48px 0px;
				}
				
				#content #tekstpagina p.tweet span, #content div.box_w1 p.tweet span {
					font-size: 90%;
				}
				
				#content #tekstpagina div.newssocial {
					float: left;
					width: 135px;
					height: 30px;
				}
				
			#content div.box_w1 p {
				width: 230px;
			}
				

		#content div.box_w1 {
			float: left;
			width: 230px;
			height: 200px;
			margin: 0px 10px 24px 10px;
		}
		
		#content div.box_w2 {
			float: left;
			width: 480px;
			height: 200px;
			margin: 0px 10px 24px 10px;
		}
		
			#content div.box_w2 h1 {
				color: #a0cb00;
			}		
			
			#content div.box_w1 img.prod {
				width: 70px;
				height: 70px;
				margin: 0px 4px 4px 0px;
				border: 1px solid #a0cb00;
			}
				
			#content div.box_w1 a, #content div.box_w2 a {
				color: #a0cb00;
				text-decoration: none;
			}

			#content div.box_w1 a:hover, #content div.box_w2 a:hover {
				color: #158ad4;
				text-decoration: none;
			}
		

		#content #tekstnav {
			float: left;
			width: 200px;
			margin: 0px 10px 0px 10px;
		}

		
		#content h3 {
			margin: 10px 0px 10px 0px;
			font-size: 120%;
			line-height: 140%;
		}
		
		#content h3.green {
			background-color: #a0cb00;
			color: #ffffff;
			padding: 2px 4px 2px 4px;
		}
		
		#content #order {
			float: left;
			width: 760px;
		}
		
			#content #order h1 {
				padding: 4px 20px 4px 20px;
				color: #ffffff;
			}
			
			#content #order h1.even {
				background-color: #a0cb00;
			}
			
			#content #order h1.odd {
				background-color: #bdda4c;
			}
			
			#order p {
				margin: 8px 0px 8px 0px;
				line-height: 140%;
				width: 760px;
			}
			
			#order p.warning {
				background-color: #FF4F64;
				padding: 4px 0px 4px 0px;
			}
			
			#order p.overview {
				background-color: #D0E7F5;
				padding: 4px 0px 4px 0px;
			}
			
			#order table {
				width: 760px;
				margin: 10px 0px 10px 0px;
			}
			
			#order table tbody td, #order table tfoot td {
				padding: 2px 0px 2px 0px;
				height: 24px;
				vertical-align: middle;
			}
			
			#order table tr.even {
				background-color: #EDf5CC;
			}
	
			#order table tr.odd {
				background-color: #CFE580;
			}
			
			#order table tr.alert {
				background-color: #D0E7F5;
			}
			
			#order table input[name=itemcount] {
				width: 20px;
				padding: 2px;
				text-align: right;
				border: 1px solid #585757;
			}
			
			#order table input[name=kortingscode] {
				width: 140px;
				padding: 2px;
				border: 1px solid #585757;
			}
			
			#order table td.price {
				text-align: right;
				padding: 0px 4px 0px 0px;
			}
			
			#order table td.name {
				font-weight: bold;
			}
			
			#order table td.info {
				font-size: 90%;
			}
			
			#order table td.options {
				text-align: center;
			}

			#order table td a {
				text-decoration: none;
				color: #585757;
			}
		
			#order table td a:hover {
				text-decoration: none;
				color: #158ad4;
			}
			
			#order p.half_l {
				float: left;
				width: 370px;
				padding: 4px 5px 4px 5px;
			}
			
			#order p.half_r {
				float: right;
				width: 370px;
				text-align: right;
				padding: 4px 5px 4px 5px;
			}

				#content #order a.button {
					padding: 4px 26px 4px 26px;
					color: #fff;
					text-decoration: none;
				}
				
			#order table#gegevens {
				float: left;
				width: 375px;
				margin: 10px 10px 10px 0px;
			}
			
				#order table#gegevens td span {
					color: #999;
					font-size: 90%;
				}
			
			#order table#betaalmethode {
				float: left;
				width: 375px;
				margin: 10px 0px 10px 0px;				
			}
			
				#order table#betaalmethode tbody td {
					vertical-align: top;
					padding: 3px 0px 3px 0px;
				}
			
				#order table#betaalmethode td p {
					width: 100%;
					margin: 0px 0px 8px 0px;
				}
				
				#order table#betaalmethode td p span {
					color: #999;
				}
				
				#order ul#banklist li {
					float: left;
					position: relative;
					width: 32px;
					height: 32px;
					margin: 0px 8px;
				}
				
				#order ul#banklist img {
					position: absolute;
					left: 0; top: 0;
					width: 32px;
					height: 32px;
				}
				
				
			#order table#controle {
				float: left;
				width: 375px;
				margin: 10px 0px 10px 0px;				
			}
			
				#order table#controle tbody td {
					padding: 3px 0px 3px 0px;
				}
			
				#order table#controle td p {
					width: 100%;
					margin: 0px 0px 8px 0px;
				}
				
				#order table#controle td p span {
					color: #999;
				}
				
			#order select[name=preselectcart] {
				border: 1px solid #585757;
				width: 760px;
			}
						
			#order form#gegevensform {
			
			}
			
				#order form#gegevensform input[type=text] {
					border: 1px solid #585757;
					padding: 2px;
					width: 236px;
				}

				#order form#gegevensform input[type=password] {
					border: 1px solid #585757;
					padding: 2px;
					width: 174px;
				}
				
				#order form#gegevensform select {
					border: 1px solid #585757;
					padding: 2px;
					width: 242px;
				}
				
				#order form#gegevensform textarea {
					border: 1px solid #585757;
					padding: 4px;
					width: 354px;
					height: 104px;
				}

				#order form#gegevensform input[name=huisnummer], #order form#gegevensform input[name=toevoeging] {
					width: 44px;
				}
				
				#order form#gegevensform input[name=telefoon1], #order form#gegevensform input[name=telefoon2] {
					width: 144px;
				}
				
				#order form#gegevensform input[name=postcode] {
					width: 74px;
				}
				
				#order h2 {
					font-size: 160%;
					color: #000;
				}
				

				#order form#gegevensform input.error {
					border: 1px solid #FF4F64;
				}
			
				#order form#gegevensform input.valid {
					border: 1px solid #D0E7F5;
				}

				#order form#gegevensform input[type=submit] {
					padding: 5px 26px 5px 26px;
					color: #fff;
					border: 0px;
					font-weight: bold;
					font-size: 100%;
					background-color: #158ad4;
					text-decoration: none;
				}

			#order form#retreiveform {
			
			}
			
				#order form#retreiveform input[type=text] {
					border: 1px solid #585757;
					padding: 2px;
					width: 236px;
				}

				#order form#retreiveform input[type=password] {
					border: 1px solid #585757;
					padding: 2px;
					width: 174px;
				}

				#order h2 {
					font-size: 160%;
				}

				#order form#retreiveform input.error {
					border: 1px solid #FF4F64;
				}
			
				#order form#retreiveform input.valid {
					border: 1px solid #D0E7F5;
				}

				#order form#retreiveform input[type=submit] {
					padding: 5px 26px 5px 26px;
					color: #fff;
					border: 0px;
					font-weight: bold;
					font-size: 100%;
					background-color: #a0cb00;
					text-decoration: none;
				}
				
			#order form#wachtwoordverander {
				margin: 8px 0px 8px 0px;
			}
			
				#order form#wachtwoordverander li {
					margin: 4px 0px 4px 0px;
				}
			
				#order form#wachtwoordverander li span.name {
					display: inline-block;
					width: 100px;
				}
			
				#order form#wachtwoordverander li span.value {
					display: inline-block;
					width: 200px;
				}
	
				#order form#wachtwoordverander input[type=password] {
					width: 150px;
					padding: 2px;
					border: 1px solid #a0cb00;
				}
				
				#order form#wachtwoordverander input.error {
					border: 1px solid #FF4F64;
				}
			
				#order form#wachtwoordverander input.valid {
					border: 1px solid #158ad4;
				}
	
				#order form#wachtwoordverander input[type=submit] {
					width: 156px;
					padding: 2px;
					color: #ffffff;
					background-color: #158ad4;
					border: 0px;
				}
				
				


	ul#prodlist {
		float: left;
		width: 760px;
	}
	
		ul#prodlist li {
			float: left;
			height: 320px;
			margin: 0px 0px 20px 0px;
		}
		
		ul#prodlist li.prod {
			width: 220px;
			position: relative;
		}
		
			ul#prodlist li.prod h1 {
				color: #158ad4;
				font-size: 110%;
				line-height: 140%;
			}

			ul#prodlist li.prod h2 {
				color: #585757;
				font-weight: normal;
				line-height: 120%;
				height: 30px;
			}
			
			ul#prodlist li.prod p {
				text-align: center;
				line-height: 24px;
				margin: 2px 0px 2px 0px;
			}
			
			ul#prodlist li.prod p span.prijs {
				font-size: 140%;
				font-weight: bold;
			}
		
			ul#prodlist li.prod p span.prijs_actie {
				font-size: 140%;
				font-weight: bold;
				color: #FF9900;
			}

			ul#prodlist li.prod p span.normaalprijs {
				color: #585757;
			}
	
			ul#prodlist li.prod p span.actieprijs {
				color: orange;
				font-size: 140%;
				font-weight: bold;
			}

			
			ul#prodlist li.prod a.details {
				color: #fff;
				background-image: url('/images/button_details.png');
				background-repeat: no-repeat;
				background-position: 4px center;
				text-decoration: none;
			}
			
			ul#prodlist li.prod a.order {
				color: #fff;
				background-image: url('/images/button_winkelwagen.png');
				background-repeat: no-repeat;
				background-position: 4px center;
				text-decoration: none;
			}
			
			ul#prodlist li.prod a.incart {
				background-image: url('/images/button_winkelwagen_incart.png');
			}


		ul#prodlist li.spacer {
			margin: 30px 24px 30px 24px;
			border-left: 1px dotted #585757;
			height: 240px;
			width: 1px;
		}
		
		ul#prodlist li.prod div.verwacht, #content #prod #prod_pricing div.verwacht {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_verwacht.png');
			background-repeat: no-repeat;
		}

		ul#prodlist li.prod div.opisop, #content #prod #prod_pricing div.opisop {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_opisop.png');
			background-repeat: no-repeat;
		}

		ul#prodlist li.prod div.uitverkocht, #content #prod #prod_pricing div.uitverkocht {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_uitverkocht.png');
			background-repeat: no-repeat;
		}

		ul#prodlist li.prod div.vervangen, #content #prod #prod_pricing div.vervangen {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_vervangen.png');
			background-repeat: no-repeat;
		}
		

		ul#prodlist li.prod div.actie, #content #prod #prod_pricing div.actie {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_aanbieding.png');
			background-repeat: no-repeat;
		}

			ul#prodlist li.prod div.verwacht a, ul#prodlist li.prod div.opisop a, ul#prodlist li.prod div.uitverkocht a, ul#prodlist li.prod div.vervangen a, ul#prodlist li.prod div.actie a,
			#content #prod #prod_pricing div.verwacht a, #content #prod #prod_pricing div.opisop a, #content #prod #prod_pricing div.uitverkocht a, #content #prod #prod_pricing div.vervangen a, #content #prod #prod_pricing div.actie a {
				width: 97px;
				height: 97px;
				display: block;
			}

/* wizard */

	#wizardform {
		float: left;
		width: 720px;
		padding: 19px;
		border: 1px solid #585757;
		background-image: url(/images/fade.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		margin: 0px 0px 20px 0px;
	}
	
		#wizardform h1 {
			font-size: 180%;
		}
	
		#wizardform h2 {
			font-size: 140%;
		}

		#wiz_step1 {
			float: left;
			width: 350px;
			margin: 0px 20px 0px 0px;
		} 

		#wiz_step2 {
			float: left;
			width: 350px;
		}
select[name=brand], select[name=model] {
	width: 290px;
}

#footer {
	float: left;
	width: 100%;
	overflow: hidden;
	background-image: url('/images/footer_bg.png');
	background-repeat: repeat-x;
	background-color: #a2a2a2;
}

	#footer_box {
		position: relative;
		float: none;
		width: 1000px;
		margin: 0px auto 0px;
	}
	
		#footer_header {
			float: right;
			height: 32px;
			width: 462px;
			background-image: url('/images/footer_header.png');
			background-repeat: no-repeat;
			background-position: top;
		}
		
			#footer_header p {
				margin: 4px 0px 2px 40px;
				color: #ffffff;
			}
			
			#footer_header p img {
				vertical-align: middle;
				margin: 0px 5px 0px 0px;
			}
		
		#footer_content {
			float: left;
			width: 1000px;
			margin: 0px;
			height: 340px;
		}
		
			div.w4 {
				float: left;
				width: 190px;
				margin: 5px 15px 5px 10px;
			}
			
			div.w160 {
				float: left;
				width: 150px;
				margin: 5px 15px 5px 10px;
			}

			div.social {
				width: 405px;
				margin: 5px 15px 5px 10px	;
			}

			#footer_content h4 {
				margin: 4px 0px 4px 0px;
				font-size: 120%;
				color: #efefef;
			}
			
			#footer_content p {
				line-height: 140%;
				color: #ffffff;
				margin: 6px 0px 8px 0px;
			}
			
			#footer_content a {
				color: #ffffff;
				text-decoration: none;
			}
			
			#footer_content a:hover {
				color: #a0cb00;
				text-decoration: none;
			}
			
			#footer_content p span.big {
				font-size: 120%;
			}
			
			#socialcopy p img {
				margin: 5px;
			}
			
			#footer_content input[type=text], #footer_content input[type=password] {
				width: 150px;
				padding: 2px;
				border: 1px solid #a0cb00;
			}
			
			#footer_content input.error {
				border: 1px solid #FF4F64;
			}
		
			#footer_content input.valid {
				border: 1px solid #158ad4;
			}

			#footer_content input[type=submit] {
				width: 156px;
				padding: 2px;
				color: #ffffff;
				background-color: #158ad4;
				border: 0px;
			}

#postbox {
	display: none;
	width: 0px;
	height: 0px;
}

a.green {
	background-color: #a0cb00;
}

a.blue {
	background-color: #158ad4;
}

a.gray {
	background-color: #585757;
}

a.purple {
	background-color: #872381;
}

a.orange {
	background-color: #FF9900;
}

a.red {
	background-color: #FF4040;
}

a.button {
	padding: 4px 18px 4px 32px;
	height: 23px;
	font-weight: bold;
}

/*
4984D1
0F42DB

D1494B
DB0F27

60D149
1ADB0F

D19649
DB9E0F
*/

.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:700px;	
	min-height:500px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

#overlaypromo {
	background-color: transparent;
	margin: 2px;
	padding: 6px;
	border: 0px;
	height: 228px;
	min-height: 228px;
	width: 674px;
}


#overlayfactuur {
	background-color: #FFF;
	margin: 2px;
	padding: 6px;
}

	#overlayfactuur h1 {
		font-size: 110%;
		margin: 0px;
	}
	
	#overlayfactuur h2 {
		font-size: 110%;
		font-style: italic;
		font-weight: normal;
		margin: 0px;
	}
	
	#overlayfactuur div.checkbox {
		width: 32px;
		height: 32px;
		border: 2px solid #333;
	}
	
	#overlayfactuur p {
		margin: 8px 0px 8px 0px;
	}

	#overlayfactuur td {
	}
	
	#overlayfactuur thead td {
		font-weight: bold;
		
	}
	
	#overlayfactuur td.nummer {
		text-align: center;
	}
	
	#overlayfactuur td.prijs {
		text-align: right;
	}
	
	#overlayfactuur td.som {
		text-align: right;
		font-weight: bold;
	}
	
	#overlayfactuur td.som span {
		text-align: right;
		font-weight: normal;
		font-style: italic;
	}
	
	#overlayfactuur td.bordertop {
		border-top: 1px solid #000;
	}
	
	#overlayfactuur td.borderbottom {
		border-bottom: 1px solid #000;
	}

#overlay_billink {
	background-color: #FFF;
	margin: 2px;
	padding: 6px;
	width: 400px;
	height: 230px;
	min-height: 230px;
}

	#overlay_billink h1 {
		font-size: 140%;
		margin: 12px 0px;
	}
	
	#overlay_billink h2 {
		font-size: 120%;
		font-style: italic;
		font-weight: normal;
		margin: 8px 0px;
	}

	#overlay_billink table#betaalmethode {
		float: left;
		width: 375px;
		margin: 10px 0px 10px 0px;				
	}
	
		#overlay_billink table#betaalmethode tbody td {
			vertical-align: top;
			padding: 3px 0px 3px 0px;
		}
	
		#overlay_billink table#betaalmethode td p {
			width: 100%;
			margin: 0px 0px 8px 0px;
		}
		
		#overlay_billink table#betaalmethode td p span {
			color: #999;
		}
		
		#overlay_billink ul#banklist li {
			float: left;
			position: relative;
			width: 32px;
			height: 32px;
			margin: 0px 8px;
		}
		
		#overlay_billink ul#banklist img {
			position: absolute;
			left: 0; top: 0;
			width: 32px;
			height: 32px;
		}
		
#overlayextern {
	background-color: #FFF;
	margin: 2px;
	padding: 6px;
	width: 570px;
	height: 400px;
	min-height: 400px;
}

	#overlayextern div.contentWrap {
		height: 400px;
		width: 570px;
		overflow: hidden;
	}
	
	#overlayextern h1 {
		font-size: 140%;
		color: #575857;
		margin: 8px 0px;
	}
	
	#overlayextern h2 {
		font-size: 130%;
		font-style: italic;
		font-weight: normal;
		margin: 8px 0px;
	}
		
	#overlayextern p {
		margin: 8px 0px 8px 0px;
		color: #575857;
		font-size: 110%;
		line-height: 160%;
	}


#overlay_details {
	background-color: #FFF;
	margin: 2px;
	padding: 6px;
	width: 570px;
	height: 400px;
	min-height: 400px;
	
}

	#overlay_details div.contentWrap {
		height: 400px;
		width: 570px;
		overflow-y: scroll;
	}

	#overlay_details #prod {
		float: left;
		width: 540px;
	}
	
		#prod p {
			line-height: 140%;
		}
	
		#overlay_details #prod #prod_foto {
			float: left;
			width: 350px;
			height: 350px;
			margin: 0px 10px 10px 0xp;
		}
		
		#overlay_details #prod #prod_pricing {
			float: left;
			width: 180px;
			position: relative;
		}
		
			#overlay_details #prod #prod_pricing h1.prijs {
				margin: 80px 0px 0px 0px;
			}

			#overlay_details #prod #prod_pricing h1 {
				text-align: center;
				font-size: 150%;
			}
			
			#overlay_details #prod #prod_pricing h1 span {
				font-size: 70%;
			}
			
			#overlay_details #prod #prod_pricing h1 span.actie {
				font-size: 100%;
				color: #FF9900;
			}

			#overlay_details #prod #prod_pricing p {
				margin: 12px 0px 12px 0px;
				text-align: center;
				display: none;
			}
			
			#overlay_details #prod #prod_pricing a.button {
				padding: 4px 26px 4px 42px;
			}

			#overlay_details #prod #prod_pricing a.details {
				color: #fff;
				background-image: url('/images/button_details.png');
				background-repeat: no-repeat;
				background-position: 4px center;
				text-decoration: none;
			}

			#overlay_details #prod #prod_pricing a.order {
				color: #fff;
				background-image: url('/images/button_winkelwagen.png');
				background-repeat: no-repeat;
				background-position: 10px center;
				text-decoration: none;
			}
			
			#overlay_details #prod #prod_pricing a.incart {
				background-image: url('/images/button_winkelwagen_incart.png');
			}

		#overlay_details #prod #prod_fotolist {
			float: left;
			display: none;
			width: 540px;
			margin: 0px 0px 10px 0px;
		}
		
			#overlay_details #prod #prod_fotolist a.navbutton {
				float: left;
				width: 50px;
				height: 110px;
				display: block;
			}
			
			#overlay_details #prod #prod_fotolist a.arrowprev {
				background-image: url('/images/arrow_prev.png');
			}
		
			#overlay_details #prod #prod_fotolist a.arrownext {
				background-image: url('/images/arrow_next.png');
			}

		#overlay_details #prod ul#prod_fotoscroll {
			float: left;
			width: 440px;
		}
		
			#overlay_details #prod ul#prod_fotoscroll li {
				margin: 0; padding: 5px;
				float: left;
				position: relative;
				width: 100px;
				height: 100px;
				display: none;
			}
			
			#overlay_details #prod ul#prod_fotoscroll li img {
				width: 100px; 
				height: 100px;
				position: absolute;
				left: 0; top: 0;
				padding: 5px;
				-ms-interpolation-mode: bicubic; 
				background-image: url('/images/photoscroll_bg100.png');
			}
			
			#overlay_details #prod ul#prod_fotoscroll li img.hover {
				background-image: url('/images/photoscroll_bg140.png');
				border: none;
			}
			
		#overlay_details #prod #prod_fotoliststate {
			float: left;
			width: 540px;
			height: 40px;
			line-height: 40px;
			text-align: right;
		}
		
			#overlay_details #prod #prod_fotoliststate ul {
				float: right;
				margin: 0px 0px 0px 10px;
				width: 28px;
			}
			
				#overlay_details #prod #prod_fotoliststate ul li {
					float: left;
					width: 6px;
					height: 6px;
					margin: 0px 1px 1px 0px;
					background-color: #ccc;
				}
				
				#overlay_details #prod #prod_fotoliststate ul li.showing {
					background-color: #585757;
				}
			
	#overlay_details #prod #specs {
		border: 1px solid #585757;
		
	}
			
		#overlay_details #prod #specs td {
			padding: 6px;
			border: 1px solid #aeaeae;
		}
		
		#overlay_details #prod #specs td.prop_even {
			background-color: #efefef;
		}
		
		#overlay_details #prod #specs td.prop_odd {
			background-color: #f4f4f4;
		}
		
		#overlay_details #prod #specs td.val_even {
			background-color: #e4e4ff;
		}
		
		#overlay_details #prod #specs td.val_odd {
			background-color: #efefff;
		}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	z-index:110000;
	height:35px;
	width:35px;
}

#home_slide {
	float: left;
	width: 760px;
}

	#home_slide div {
		float: left;
		width: 760px;
	}
	
	#home_slide h1 {
		background-color: #ffffff;
	}

#home_slide ul.prodlist {
	
}

	#home_slide ul.prodlist li {
		float: left;
		width: 160px;
		margin: 0px 4px 20px 0px;
		padding: 0px 5px;
		border-right: 1px dotted #666; 
		position: relative;
	}

	#home_slide ul.prodlist li.last {
		width: 160px;
		margin: 0px;
		border-right: 0px;
	}

			#home_slide ul.prodlist li p span.prijs {
				font-size: 140%;
				font-weight: bold;
			}
		
			#home_slide ul.prodlist li p span.prijs_actie {
				font-size: 140%;
				font-weight: bold;
				color: #FF9900;
			}

			#home_slide ul.prodlist li p span.normaalprijs {
				color: #585757;
			}
	
			#home_slide ul.prodlist li p span.actieprijs {
				color: orange;
				font-size: 140%;
				font-weight: bold;
			}


/* simple css-based tooltip */
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

#content #bestellen {
	float: left;
	width: 760px;
}

	#content #bestellen h1 {
		padding: 4px 20px 4px 20px;
		color: #ffffff;
	}
	
	#content #bestellen h1.even {
		background-color: #a0cb00;
	}
	
	#content #bestellen h1.odd {
		background-color: #bdda4c;
	}
	
	#content #bestellen #openbox {
		margin: 10px 0px;
		width: 760px;
	}
	
	#content #bestellen div.product {
		float: left;
		width: 760px;
	}
	
		#content #bestellen div.product img.thumb {
			float: left;
			margin: 10px;
			width: 90px;
			height: 90px;
		}
		
		#content #bestellen div.product div.info {
			float: left;
			width: 395px;
			margin: 0px 30px 0px 0px;
		}
		
			#content #bestellen div.product div.info p.unit_price {
				text-align: right;
			}

			#content #bestellen div.product div.info p.unit_price span {
				font-size: 120%;
				color: #158ad4;
			}
		
		#content #bestellen div.product div.opties {
			float: left;
			width: 115px;
			margin: 0px 10px 0px 0px;
		}
		
			#content #bestellen div.product div.opties img {
				vertical-align: middle;
			}
		
			#content #bestellen div.product div.opties input[type=text] {
				width: 30px;
				text-align: right;
				border: 1px solid #000000;
				padding: 2px 4px;
			}
			
			#content #bestellen div.product div.opties p.buttons {
				line-height: 26px;
			}
			
	#content #bestellen a {
		color: #ffffff;
		text-decoration: none;
	}
			
		
		#content #bestellen div.product div.prijs {
			float: left;
			width: 90px;
			margin: 0px 10px 0px 0px;
		}
		
			#content #bestellen div.product div.prijs p {
				text-align: right;
				font-size: 120%;
			}
			
	#content #bestellen ul#gratis {
		float: left;
		width: 720px;
		padding: 0px 20px;
		height: 198px;
	}
	
		#content #bestellen ul#gratis li {
			float: left;
			width: 100px;
			text-align: center;
		}
			
			#content #bestellen ul#gratis li p {
				line-height: 26px;
				margin: 4px;
			}
			
			#content #bestellen ul#gratis li a.details {
				color: #fff;
				background-image: url('/images/button_details.png');
				background-repeat: no-repeat;
				background-position: 4px center;
				text-decoration: none;
			}

			#content #bestellen ul#gratis li a.gratis {
				color: #fff;
				background-image: url('/images/button_winkelwagen.png');
				background-repeat: no-repeat;
				background-position: 10px center;
				text-decoration: none;
			}

			
	#content #bestellen #korting {
		float: left;
		width: 340px;
		padding: 9px;
		margin: 80px 0px 0px 0px;
	}
	
		#content #bestellen #korting h3 {
			cursor: pointer;
			font-size: 100%;
		}
	
		#content #bestellen #korting #kortingscode {
			display: none;
		}
	
		#content #bestellen #korting #kortingscode input[type=text] {
			width: 100px;
			padding: 2px 4px;
			border: 1px solid #000000;			
		}
		
		#content #bestellen #korting #kortingscode input.korting {
			border: 2px solid #0F0;
			background-color: #dfd;
		}
		
		#content #bestellen #korting #kortingscode input[type=submit] {
			padding: 2px 4px;
			border: 1px solid #000000;
			background-color: #a0cb00;
		}

	#content #bestellen #totalen {
		float: right;
		width: 215px;
		margin: 0px 10px 0px 0px;
	}
	
		#content #bestellen #totalen table {
			font-weight: normal;
			line-height: 160%;
			width: 215px;
		}
			#content #bestellen #totalen table td {
				border-top: 1px solid #000;
			}

			#content #bestellen #totalen table td.prijs {
				text-align: right;
				width: 90px;
			}
			
			#content #bestellen #totalen table td.groen {
				font-size: 120%;
				font-weight: bold;
			}

	#content #bestellen p.half_l {
		float: left;
		width: 370px;
		padding: 4px 5px 4px 5px;
	}
	
	#content #bestellen p.half_r {
		float: right;
		width: 370px;
		text-align: right;
		padding: 4px 5px 4px 5px;
	}

	#content #bestellen #gegevens {
		width: 370px;
		margin: 0px 5px 0px 0px;
	}
	
	#content #bestellen #gegevens p {
		line-height: 22px;
	}
	
	#content #bestellen #gegevens p#gbdatumveld {
		display: none;
	}
	
	#content #bestellen form.bestellform {
	
	}
	
		#content #bestellen form.bestellform label {
			width: 120px;
			display: inline-block;
			line-height: 26px;
		}
		#content #bestellen form.bestellform label.error {
			margin: 0px 0px 0px 125px;
			width: 245px;
			color: #f00;
		}

		#content #bestellen form.bestellform #betaalmethode label.error {
			margin: 0px;
			width: 370px;
			color: #f00;
			font-weight: bold;
			text-align: center;
		}

		
		#content #bestellen form.bestellform label.full {
			width: 370px;
		}
	
		#content #bestellen form.bestellform input[type=text] {
			border: 1px solid #585757;
			padding: 2px;
			width: 236px;
		}

		#content #bestellen form.bestellform input[type=date] {
			border: 1px solid #585757;
			padding: 2px;
			width: 100px;
		}

		#content #bestellen form.bestellform input[type=password] {
			border: 1px solid #585757;
			padding: 2px;
			width: 174px;
		}
		
		#content #bestellen form.bestellform select {
			border: 1px solid #585757;
			padding: 2px;
			width: 242px;
		}
		
		#content #bestellen form.bestellform textarea {
			border: 1px solid #585757;
			padding: 4px;
			width: 354px;
			height: 104px;
		}

		#content #bestellen form.bestellform input[name=huisnummer], #content #bestellen form.bestellform input[name=toevoeging] {
			width: 44px;
		}
		
		#content #bestellen form.bestellform input[name=telefoon1], #content #bestellen form.bestellform input[name=telefoon2] {
			width: 144px;
		}
		
		#content #bestellen form.bestellform input[name=postcode] {
			width: 74px;
		}
		
		#content #bestellen h2 {
			font-size: 140%;
		}
		
		#content #bestellen form.bestellform #gegevens p {
			padding: 0px;
			margin: 1px 0px;
		}

		#content #bestellen form.bestellform input.error {
			border: 1px solid #FF4F64;
		}
	
		#content #bestellen form.bestellform input.valid {
			border: 1px solid #cdffcd;
		}

		#content #bestellen form.bestellform input[type=submit] {
			padding: 4px 18px 4px 32px;
			font-family: arial;
			color: #fff;
			border: 0px;
			font-weight: bold;
			font-size: 100%;
			background-color: #a0cb00;
			text-decoration: none;
		}

	#content #bestellen #betaalmethode {
		width: 370px;
		margin: 0px 0px 0px 5px;
	}
	
		#content #bestellen #betaalmethode ul li span.betaallogo {
			width: 60px;
			margin: 0px 10px 0px 0px;
			display: inline-block;
			text-align: center;
		}

		#content #bestellen #betaalmethode ul li span.betaallogo img {
			vertical-align: middle;
		}
			
		#content #bestellen #betaalmethode ul li {
			padding: 4px 0px;
			border-top: 1px dotted #cdcdcd;
			line-height: 32px;
		}
		
		#content #bestellen #betaalmethode ul li.checked {
			background-color: #deffde;
		}
		
		#content #bestellen #betaalmethode ul li.border {
			border-top: 1px dotted #575857;
		}
		
		#content #bestellen #betaalmethode ul li.right {
			text-align: right;
		}

		#content #bestellen #betaalmethode ul li span.betalen {
			width: 70px;
			margin: 0px 0px 0px 10px;
			display: inline-block;
			text-align: center;
			text-align: right;
		}


		#content #homepagina {
			float: left;
			width: 750px;
		}
			#content #homepagina a {
				color: #a0cb00;
				text-decoration: none;
			}

			#content #homepagina a:hover {
				color: #158ad4;
				text-decoration: none;
			}
		
			#content #homepagina ol {
				margin: 8px 0px 8px 0px;
				padding: 0px 20px 0px 30px;
				list-style-type: decimal;
			}
			
				#content #homepagina ol li {
					line-height: 140%;
				}
				
			#content #homepagina h1 {
				font-size: 160%;
			}
			
			#content #homepagina h2 {
				font-size: 120%;
			}
			
				#content #homepagina h2 span {
					color: #000000;
				}
/*******************************************************************************
 *
 *	PRODUCNTEN 
 *
 ******************************************************************************/  
#new-prod-basics {
	float: left;
	width: 560px;
	position: relative;
}

	#new-prod-basics a {
		text-decoration: none;
	}
	
	#new-prod-basics h2 {
		color: #666;
	}
	
	#new-prod-basics p {
		color: #666;
		margin: 2px 0px;
	}

	#new-prod-basics span {
		font-weight: bold;
	}

	#new-prod-basics span.voorraad {
		color: #008800;
	}

	#new-prod-basics span.vertraagd {
		color: #FF4040;
	}

	#new-prod-basics span.verwacht {
		color: #158ad4;
	}

	#new-prod-basics span.oop {
		color: #666;
	}

#new-prod-hotlinks {
	float: left;
	width: 200px;
}

#new-prod-hotlinks h3.prijs {
	font-size: 160%;
	text-align: center;
	line-height: 120%;
	margin: 10px 0px;
	color: #158ad4;
}

#new-prod-hotlinks h3 span {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #666;
}

#new-prod-hotlinks p.cart {
	line-height: 29px;
	width: 140px;
	margin: 5px 30px;
}

#new-prod-hotlinks a.order {
	display: inline-block;
	padding: 0px 0px 0px 40px;
	width: 100px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none; 
}

#new-prod-hotlinks a.blue {
	background-image: url(../images/cart-add-blue.png);
	color: #ffffff;
}

#new-prod-hotlinks a.purple {
	background-image: url(../images/cart-add-purple.png);
	color: #ffffff;
}

#new-prod-hotlinks a.orange {
	background-image: url(../images/cart-add-orange.png);
	color: #ffffff;
}

#new-prod-hotlinks a.red {
	background-image: url(../images/cart-add-red.png);
	color: #ffffff;
}

#new-prod-hotlinks a.gray {
	background-image: url(../images/cart-add-grey.png);
	color: #cccccc;
}

#new-prod-hotlinks a.green {
	background-image: url(../images/cart-add-green.png);
	color: #ffffff;
}

#new-prod-hotlinks a.order:hover {
	background-position: 0px -29px;
}
		div.new-prod-content div.verwacht {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_verwacht.png');
			background-repeat: no-repeat;
		}

		div.new-prod-content div.opisop {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_opisop.png');
			background-repeat: no-repeat;
		}

		div.new-prod-content div.uitverkocht {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_uitverkocht.png');
			background-repeat: no-repeat;
		}

		div.new-prod-content div.vervangen {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_vervangen.png');
			background-repeat: no-repeat;
		}
		

		div.new-prod-content div.actie {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 97px;
			height: 97px;
			background-image: url('/images/status/banner_aanbieding.png');
			background-repeat: no-repeat;
		}

			div.new-prod-content div.verwacht a, div.new-prod-content div.opisop a, div.new-prod-content div.uitverkocht a, div.new-prod-content div.vervangen a, div.new-prod-content div.actie a {
				width: 97px;
				height: 97px;
				display: block;
			}

#new-prod-hotlinks div.social {
	float: left;
	margin: 2px 30px 2px 30px;
	width: 140px;
}

#new-prod-basics #new-prod-bigimage {
	float: left;
	width: 350px;
	margin: 10px 105px;
	height: 350px;
}

#new-prod-basics #new-prod-imagescroll {
	margin: 10px 0px;
	float: left;
	width: 560px;
}

	#new-prod-basics #new-prod-imagescroll a.browse {
		float: left;
		width: 30px;
		padding: 0px;
		height: 100px;
		display: inline-block;
		background-position: center center;
	}
	
	#new-prod-basics #new-prod-imagescroll a.left {
		background-image: url(../images/scroll_left.png);
		background-repeat: no-repeat;
	}

	#new-prod-basics #new-prod-imagescroll a.right {
		background-image: url(../images/scroll_right.png);
		background-repeat: no-repeat;
	}

	#new-prod-basics #new-prod-imagescroll a.disabled {
		background-image: none;
	}

	#new-prod-basics #new-prod-imagescroll div.scrollable {
		float: left;
		width: 500px;
		height: 100px;
		overflow: hidden;
		position: relative;
	}
	
	#new-prod-basics #new-prod-imagescroll div.items {
		width: 20000em;
		position: absolute;
		height: 100px;	
	}

		#new-prod-basics #new-prod-imagescroll div.items div {
			float: left;
			width: 500px;
			height: 100px;
		}

		#new-prod-basics #new-prod-imagescroll div.items div a {
			display: inline-block;
			margin: 5px;
			width: 90px;
			height: 90px;
		}

		#new-prod-basics #new-prod-imagescroll div.items div a.active {
			display: inline-block;
			margin: 3px;
			border: 2px solid #158ad4;
			width: 90px;
			height: 90px;
		}

	
#new-prod-hotlinks p.tableintro {
	font-weight: bold;
	font-size: 110%;
}

#new-prod-hotlinks table {
	border: 1px solid #999;
	width: 198px;
}

#new-prod-hotlinks table td {
	border: 1px solid #999;
	padding: 2px 4px;
	vertical-align: top;
}

#new-prod-hotlinks table td.name {
	font-weight: bold;
	width: 131px;
}

#new-prod-hotlinks table td.value {
	width: 51px;
}

#new-prod-hotlinks table td.name_even {
	background-color: #ddd;
}

#new-prod-hotlinks table td.name_odd {
	background-color: #eee;
}

#new-prod-hotlinks table td.val_even {
	background-color: #ddf;
}

#new-prod-hotlinks table td.val_odd {
	background-color: #eef;
}

#new-prod-tabs {
	width: 720px;
	float: left;
	height: 32px;
	border-bottom: 1px solid #666;
	padding: 0px 20px;
}

	#new-prod-tabs li {
		float: left;
		padding: 0px 5px;
		height: 32px;
		line-height: 32px;
		font-weight: bold;
		border-top: 1px solid #666;
		border-right: 1px solid #666;
	}
	
	#new-prod-tabs li:first-child {
		border-left: 1px solid #666;
	}
	
	#new-prod-tabs li a {
		display: block;
		padding: 0px 10px;
		text-decoration: none;
		color: #666;
	}
	
	#new-prod-tabs li a.active, #new-prod-tabs li a:hover {
		display: block;
		padding: 0px 10px;
		text-decoration: none;
		color: #a0cb00;
		background-image: url(../images/prod-active.png);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
div.new-prod-content {
	display: none;
	float: left;
	width: 700px;
	padding: 20px 30px;
	position: relative;
}

		div.new-prod-content #specs {
			border: 1px solid #585757;
			
		}
				
			div.new-prod-content #specs td {
				padding: 6px;
				border: 1px solid #aeaeae;
			}
			
			div.new-prod-content td.prop_even {
				background-color: #efefef;
			}
			
			div.new-prod-content td.prop_odd {
				background-color: #f4f4f4;
			}
			
			div.new-prod-content td.val_even {
				background-color: #e4e4ff;
			}
			
			div.new-prod-content td.val_odd {
				background-color: #efefff;
			}

#new-prod-3dimage {
	float: left;
	width: 700px;
	height: 500px;
	margin: 10px 30px;
}

div.new-prod-content h3 {
	color: #666;
	font-size: 120%;
}

div.new-prod-content p {
	color: #666;
	margin: 10px 0px;
}

div.new-prod-content a {
	color: #158ad4;
	text-decoration: none;
}

div.new-prod-content span.download {
	color: #666;
}

div.new-prod-content #youtube {
	float: left;
	width: 560px;
	margin: 10px 100px;
}

div.new-prod-content #youtube iframe {
	margin: 10px 0px;
}

/*******************************************************************************
 *
 *	CART OVERLAY 
 *
 ******************************************************************************/  
#cart-update {
	width: 300px;
	height: 120px;
	padding: 20px;
	background-color: #ffffff;
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

#cart-update h1 {
	font-weight: 120%;
}

#cart-update p.buttons {
	text-align: right;
	height: 29px;
	line-height: 29px;
	margin: 10px 0px;

}

#cart-update p.buttons a.cart_update_close {
	display: inline-block;
	padding: 0px 0px 0px 40px;
	width: 100px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none; 
	background-image: url(../images/cart-verder.png);
	color: #ffffff;
	height: 29px;
	text-align: left;
}

#cart-update p.buttons a.cart_update_continue {
	display: inline-block;
	padding: 0px 0px 0px 40px;
	width: 100px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none; 
	background-image: url(../images/cart-add-green.png);
	color: #ffffff;
	height: 29px;
	text-align: left;
}

#cart-update p.buttons a:hover {
	background-position: 0px -29px;	
}
/*******************************************************************************
 *
 *	KLANTENSERVICE 
 *
 ******************************************************************************/  
#klantenservice {
	float: left;
	width: 760px;
}

#klantenservice div.subject {
	float: left;
	width: 340px;
	padding: 9px;
	border: 1px solid #333;
	margin: 0px 20px 10px 0px;
}

#klantenservice div.right {
	margin: 0px 0px 10px 20px;
}

#klantenservice p {
	color: #333;
	margin: 1px 0px;
}

#klantenservice p a {
	color: #333;
}
#klantenservice p a:hover {
	color: #a0cb00;
}

#klantenservice p.header1 {
	text-transform: uppercase;
	color: #158ad4;
	margin: 1px 0px;
	font-size: 18px;
	line-height: 100%;
	font-weight: bold;
}

#klantenservice p.header2 {
	text-transform: uppercase;
	color: #158ad4;
	margin: 1px 0px;
	font-size: 14px;
	line-height: 100%;
	font-weight: normal;
}

#klantenservice p.green {
	color: #a0cb00;
}

#klantenservice p.header3 {
	color: #333;
	line-height: 100%;
	margin: 1px 0px;
}

#klantenservice p.center {
	text-align: center;
}

#klantenservice p.spacetop {
	margin: 10px 0px 0px 0px;
}

#klantenservice p span.betaallogo {
	width: 60px;
	margin: 0px 10px 0px 0px;
	display: inline-block;
	text-align: center;
}

#klantenservice p span.betaallogo img {
	vertical-align: middle;
}

#klantenservice ul {
	margin: 1px 0px;
	color: #333;
	line-height: 120%;
	list-style-type: disc;
	padding: 0px 0px 0px 10px;
}

