/* Design & Code (c) ABOVO Media */
html, body { 
	height			: 100%;
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	background		: #fff url('../_images/background.gif') repeat-y center;
	color			: #555; 
}	

#wrapper {
	margin			: 0 auto;
	width			: 900px;
	min-height		: 100%;
}

#header {
	position		: relative;
	float			: left;
	width			: 900px;
	height			: 175px;
	background-position : top left;
	background-repeat	: no-repeat;
}

	#header #top {
		position		: absolute;
		width			: 940px;
		height			: 159px;
		top				: 0;
		left			: -40px;
	}

		#header #top #bar {
			float			: left;
			width			: 940px;
			height			: 159px;
			background		: transparent url('../_images/top_background.png') no-repeat top left;
		}

		#header #top #logo {
			float			: left;
			width			: 180px;
			height			: 85px;
			margin			: 18px 0 0 77px;
		}

			#header #top #logo img {
				width			: 180px;
				height			: 85px;
			}

		#header #top #languages {
			float			: left;
			margin			: 12px 0 0 40px;
		}

			#header #top #languages img {
				padding			: 1px;
				margin			: 0 1px 0 0;
			}	

			#header #top #languages a.active img {
				border			: 1px solid #8ac09a;
				padding			: 0;
			}

		#header #top #loggedin {
			vertical-align		: middle;
			color			: #d2ecda;
			float			: left;
			margin			: 12px 0 0 40px;
		}


		#header #top #search {
			float			: right;
			margin			: 9px 20px 0 0;
			color			: #d2ecda;
		}

	#header #basket {
		position			: absolute;
		width			: 251px;
		height			: 19px;
		cursor			: pointer;
		background		: transparent url('../_images/basket_background.png') no-repeat top left;
		top				: 62px;
		right			: 20px;
		padding			: 4px 0 0 8px;		
	}		

#menu {
	float			: left;
	width			: 900px;
	height			: 32px;
	background		: transparent url('../_images/menu_background.gif') no-repeat top left;
}

	#home #menu {
		background-image: url('../_images/menu_home_background.gif');
	}

#info {
	float			: left;
	width			: 900px;
	min-height		: 45px;
	padding			: 11px 0 13px 0;
	background		: #f2f2f2 url('../_images/info_background.gif') no-repeat bottom left;
}

	#info div {
		position		: relative;
		float			: left;
		width			: 258px;
		height			: 176px;
		padding			: 5px 22px 5px 20px;
		background		: transparent url('../_images/info_bar.gif') repeat-y right;
	}

		#info div.last {
			background		: none;
		}

		#info div span {
			color			: #9d9b9b;
			display			: block;
			margin			: 0 0 2px 0;
		}

#main {
	float			: left;
	width			: 900px;
	margin			: 20px 0 60px 0;
}

	#main #producten { }

		#main #producten div {
			float			: left;
			width			: 260px;
			margin			: 10px 20px;
		}

		#main #producten div img {
			float			: left;
			margin			: 0 15px 0 0;
		}

		#main #producten div strong {
			display			: block;
			margin			: 5px 0;
		}

	#main #left {
		float			: left;
		width			: 165px;
		margin			: 0 30px 0 0;
	}

		#main #left .block {
			width			: 165px;
			height			: auto;
			margin			: 0 0 20px 0;
		}

			#main #left .block .top {
				width			: 125px;
				height			: 25px;
				padding			: 20px 20px 0 20px;
				background		: transparent url('../_images/block_top.gif') no-repeat top left;
			}

			#main #left .block .bottom {
				width			: 125px;
				min-height		: 35px;
				padding			: 2px 20px 10px 20px;
				background		: #f2f2f2 url('../_images/block_bottom.gif') no-repeat bottom left;
			}

	#main #right {
		float			: left;
		width			: 685px;
		margin			: 0 20px 0 0;
	}

		#product #main #right {
			width			: 705px;
			margin			: 0;
		}


		#action #main #right {
			width			: 513px;
		}

		#main #right #breadcrumbs { 
			margin			: 0 0 15px 0;
		}


#main #right #productgroup { }

			#main #right #productgroup div {
				width			: 705px;
				float			: left;
				margin			: 0 0 15px 0;
			}

				#main #right #productgroup div img {
					float			: left;
					margin			: 0 10px 0 0;
				}


		#main #right #products { }

			#main #right #products div {
				width			: 705px;
				float			: left;
				margin			: 0 0 15px 0;
			}

				#main #right #products div img {
					float			: left;
					margin			: 0 10px 0 0;
				}

				#main #right #products div div {
					width			: 550px;
					float			: left;
					margin			: 0 0 15px 0;
				}


		#main #right #order {
}

			#main #right #order #item {
				width			: 705px;
				float			: left;
				margin			: 0 0 5px 0;
			}

				#main #right #order #item img {
					float			: left;
					margin			: 0 10px 0 0;
				}

				#main #right #order #item #quantity {
					width			: 300px;
					float			: left;
					margin			: 0 0 15px 0;

				}

				#main #right #order #item #quantity select {
					vertical-align	: middle;
					font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
					color			: #555;
					width			: 50px;
					border			: 1px solid #e1e1e1;
					padding			: 4px;
				}

				#main #right #order #item #accessoire {
					width			: 300px;
					float			: left;
					margin			: 0 0 15px 0;

				}

				#main #right #order #item #accessoire select {
					vertical-align	: middle;
					font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
					color			: #555;
					width			: 300px;
					border			: 1px solid #e1e1e1;
					padding			: 4px;
				}

				#main #right #order #item #price {
					width			: 250px;
					float			: right;
					margin			: 0 0 15px 0;

				}

				#main #right #order #item #price select {
					vertical-align	: middle;
					font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
					color			: #555;
					width			: 50px;
					border			: 1px solid #e1e1e1;
					padding			: 4px;
				}

				#main #right #order #item #bin {
					width			: 500px;
					float			: right;
					margin			: 15px 0 0 50px;
					background-color: #FFFFFF;

				}
								

		#main #right #products-orig {
			float			: left;
			position		: relative;
			margin			: 0 0 0 -25px;
		}

			#main #right #products-orig div {
				float			: left;
				margin			: 0 0 20px 25px;
				width			: 330px;
			}

				#main #right #products-orig div img {
					float			: left;
					margin			: 0 10px 0 0;
				}

		#main #right #nav {
			float			: left;
			width			: 665px;
			border-top		: 1px solid #e1e1e1;
			padding			: 11px 10px 0 10px;			
		}

			#main #right #nav #prev, #main #right #nav #paginate, #main #right #nav #next {
				float			: left;
				width			: 90px;
			}

			#main #right #nav #paginate {
				width			: 485px;
				text-align		: center;
			}

			#main #right #nav #next {
				text-align		: right;
			}

		#main #right #product { 
			float			: left;
			width			: 100%;
		}

		#main #right #request {
	float			: left;
	width			: 100%;
	margin-bottom: 20px;
	vertical-align: top;
		}

		#main #right #request #requestleft {
	float			: left;
	width			: 290px;
	margin			: 0 0px 20px 0;
		}

		#main #right #request #requestright {
	float			: right;
	background-color: #F7F7F7;
	width			: 370px;
	margin-bottom	: 20px;
	padding: 4px;
	margin-top: 0px;
	margin-left: 2px;
		}

		#main #right #image {
			float			: left;
			width			: 160px;
			margin			: 0 20px 0 0;
			text-align		: center;
		}

			#main #right #image img {
				margin			: 0 0 10px 0;
			}

		#main #right #productinfo {
			float			: left;
			width			: 505px;
		}

		#main #right #options  { margin: 20px 0; width: 100%; float: left }

		#main #right #tabs {
			float			: left;
			width			: 705;
			min-height		: 105px;
			background		: #f2f2f2 url('../_images/tabs_bottom.gif') no-repeat bottom left;
		}

			#main #right #tabs div {
				display			: none;
				padding			: 0 20px 5px 20px;
				margin			: -30px 0 0 0;
				position			: relative;
				float			: left;
			}
				#main #right #tabs div img{
					margin		: 0 0 10px 0;
					padding		: 0 10px 10px 0px;
					vertical-align	: top;
				}

		#main #right #lab {
			float			: left;
			margin			: 10px 0 20px 0;
			display			: inline;
		}

			#main #right #lab .lab-item {
				float			: left;
				width			: 220px;
				margin			: 0 12px 15px 0;
				display			: inline;
			}

			#main #right #lab .last {
				margin-right		: 0;
			}

				#main #right #lab .lab-item .lab-title {
					width			: 210px;
					height			: 45px;
					color			: #fff;
					font-weight		: bold;
					line-height		: 13px;
					padding			: 3px 7px 0 7px;
					line-height		: 14px;
					background		: transparent url('../_images/lab_title.gif') no-repeat top left;
				}

				#main #right #lab .lab-item img {
					margin			: 0 0 10px 0;
				}

	#main #side {
		float			: right;
		width			: 165px;
	}

	#action #main #right #productinfo {
		float			: left;
		width			: 300px;
	}

	#action #main #right #image {
		float			: left;
		width			: 190px;
		margin			: 0 20px 0 0;
		text-align		: center;
	}

	#action-image {
		width			: 513px;
		height			: 150px;
		margin			: 0 0 20px 0;
		position		: relative;
	}

		#action-image #action-overlay {
			position		: absolute;
			top			: 0;
			left			: 0;
			width			: 513px;
			height			: 150px;
			background		: transparent url('../_images/action_overlay.png') no-repeat top left;
		}

	#side .side-block {
		float			: left;
		background		: transparent url('../_images/side_brochure.gif') no-repeat top left;
		margin			: 0 0 20px 0;
		min-height		: 41px;
		width			: 160px;	
		padding			: 0 0 0 5px;	
	}

	#side .links {
		background-image: url('../_images/side_links.gif');
	}

	#side .specs {
		background-image: url('../_images/side_specs.gif');
	}


#footer {
	position		: relative;
	margin			: -38px 0 0 0 !important;
	width			: 100%;
	height			: 38px;
	color			: #898989;
}

	#footer #footer-body {
		position		: absolute;
		width			: 100%;
	}

		#footer #footer-body #footer-wrapper {
			margin			: 0 auto;
			width			: 870px;
			height			: 25px;
			padding			: 13px 15px 0 15px;
			background		: transparent url('../_images/footer_background.gif') no-repeat top left;
		}

	#footer #copyright {
		float			: left;
	}

	#footer #sitemap {
		float			: right;
	}

.clear {
	clear			: both;
}
	
/* Headings H1-H6 */
h1 { 
	font-size		: 14px;
	margin			: 0 0 5px 0;
}

	#producten h1 {
		margin			: 0 0 5px 20px;
	}

h2 { 
	font-size		: 14px;
}

	#info h2 {
		margin			: 0 0 8px 0;
	}

	#side .side-block h2 {
		margin			: 13px 0 23px 43px;
	}

h3, h4, h5, h6 { 
	font-size		: 12px;
	margin			: 0 0 10px 0;
}

/* Paragraph and Link Styles */
p { 
	line-height		: 16px;
	margin			: 0 0 10px 0;
}

	#info p {
		margin			: 0 0 10px 0;
	}

	#productgroup p, #products p {
		margin			: 5px 0 5px 0;
	}

a { 
	color			: #00962d;
}	

	#search a {
		color			: #d2ecda;
		text-decoration	: none;
		padding			: 0 0 0 5px;
	}

	#loggedin a {
		color			: #d2ecda;
		text-decoration		: none;
		padding			: 0 3px 0 3px;
	}

	#header #basket a {
		color			: #fff;
		text-transform	: uppercase;
		text-decoration	: none;
	}

	a.button {
		display			: block;
		width			: 160px;
		height			: 18px;
		color			: #fff;
		text-decoration	: none;
		text-transform	: uppercase;
		padding			: 3px 0 0 8px;
		background		: transparent url('../_images/button.gif') no-repeat top left;
	}
	
	a.bin {
		display			: block;
		width			: 20px;
		height			: 20px;
		color			: #000;
		text-decoration	: none;
		text-transform	: uppercase;
		padding			: 0px 0 0 0px;
		background		: transparent url('../_images/bin.gif') no-repeat top left;
	}	

	#options a.button {
		float			: left;
		margin			: 0 12px 0 0;
	}

	#info a.button {
		position		: absolute;
		bottom			: 5px;
		left			: 20px;
		background-image: url('../_images/info_button.gif');
	}

	#info span a {
		color			: #00962d;
		font-weight		: bold;
		text-decoration	: underline;
		padding			: 0 0 0 8px;
	}

	#breadcrumbs a {
		font-weight		: bold;
	}

	#productgroup a, #products a {
		font-weight		: bold;
		display			: block;
		margin			: 2px 0 0 0;
	}
	
/* Lists and Navigation */
ul { }	

	#menu ul.main {
		margin			: 0 10px;
	}

	#menu ul.main li {
		float			: left;
		display			: block;
		padding			: 0 13px 0 11px;
		height			: 32px;
		background		: transparent url('../_images/menu_bar.gif') no-repeat right 10px;
	}

		#menu ul.main li.last {
			background		: none;
			padding-right	: 11px;
		}

		#menu ul.main li.right {
			float			: right;
		}

	#menu ul.main li a {
		float			: left;
		display			: block;
		height			: 25px;
		color			: #fff;
		padding			: 7px 0 0 0;
		text-decoration	: none;
		text-transform	: uppercase;		
	}

		#menu ul.main li a:hover {
			text-decoration	: underline;
		}

		#menu ul.main li a.active {
			text-decoration	: none;
			background		: transparent url('../_images/menu_active.gif') no-repeat bottom center;		
		}

			#home #menu ul.main li a.active {
				background-image: url('../_images/menu_home_active.gif');		
			}

	#menu ul.submain { 
		visibility		: hidden;
		position		: absolute;
		z-index			: 1000;
		margin			: 0 0 0 -12px;
		border			: 1px solid #363636;
		border-top		: 0;
		background-color: #565656;
		padding			: 5px 0;
		opacity			: 0.9;
		filter			: alpha(opacity=90);
	}

	#menu ul.submain li {
		float			: none;
		padding			: 0 0 0 10px;
		height			: auto;
		background		: none;
	}

	#menu ul.submain li a, #menu ul.submain li a.active {
		float			: none;
		display			: block;
		padding			: 3px 30px 3px 11px;
		height			: auto;
		background		: none;
		text-transform	: none;
		color			: #fff;
		background		: transparent url('../_images/submenu_list.png') no-repeat left;
	}

	#menu ul.submain li a:hover, #menu ul.submain li a.active {
		text-decoration	: underline;
	}

	#info ul { 
		margin			: 0 0 0 7px;
	}

	#info ul li { 
		padding			: 0 0 3px 0;
	}

	#info ul li a {
		padding			: 0 0 0 15px;
		color			: #555;
		text-decoration	: none;
		background		: transparent url('../_images/info_list.gif') no-repeat left;
	}

	#info ul li a:hover {
		text-decoration	: underline;
	}

	.block ul { 
		margin			: 0 0 7px 0;
	}

	.block ul li { 
		padding			: 3px 0;
	}

	.block ul li a {
		padding			: 0 0 0 13px;
		color			: #555;
		text-decoration	: none;
		background		: transparent url('../_images/block_list.gif') no-repeat left;
	}

	.block ul li a:hover, .block ul li a.active {
		text-decoration	: underline
	}

	#main #right ul { 
		margin			: 0 0 10px 0;
	}

	#main #right ul li {
		font-weight		: bold;
		padding			: 3px 0 3px 13px;
		background		: transparent url('../_images/list.gif') no-repeat left;
	}

	#main #right #products ul li, #main #right #facts ul li {
		font-weight		: normal;
		padding			: 3px 0 3px 13px;
		background		: transparent url('../_images/list.gif') no-repeat left;
	}	

	#main #right #facts #list ul li {
		font-weight		: bold;
		padding			: 3px 0 3px 23px;
		background		: transparent url('../_images/list2.gif') no-repeat left;
	}

	#action #main #right ul li {
		background-position	: 0 7px;
	}

	#main #side ul li {
		padding			: 3px 0 3px 13px;
		background		: transparent url('../_images/list.gif') no-repeat left;
	}
	
	#nav ul { 
		margin			: 0 0 3px 0;
	}

	#main #right #image ul {
		margin			: 0;
	}

	#main #right #nav ul li, #main #right #image ul li { 
		background		: none;
		display			: inline;
		padding			: 0 8px 0 7px;
		border-right	: 1px solid #bbb;
	}

	#main #right #nav ul li.last, #main #right #image ul li.last {
		border-right	: 0;
		padding-right	: 0;
	}

	#main #right #nav ul li a.active, #main #right #image ul li a.active {
		color			: #555;
		text-decoration	: none;
	}

	#main #right #image ul li a {
		cursor			: pointer;
	}

	#main #right #tabs ul {
		float			: left;
		width			: 685px;
		height			: 64px;
		padding			: 0 10px;
		background		: transparent url('../_images/tabs_top.gif') no-repeat top left;
	}

	#main #right #tabs ul li {
		float			: left;
		display			: block;
		height			: 29px;
		padding			: 0;
		margin			: 0 1px 0 0;
		cursor			: pointer;
		background		: transparent url('../_images/tab_left.gif') no-repeat top left;
	}

	#main #right #tabs ul li a {
		float			: left;
		display			: block;
		height			: 22px;
		padding			: 7px 16px 0 16px;
		margin			: 0;
		color			: #868686;
		text-decoration	: none;
		background		: transparent url('../_images/tab_right.gif') no-repeat top right;
	}

	#main #right #tabs ul li a:hover {
		color			: #555;
	}

	#main #right #tabs ul li.active {
		background-position	: bottom left;
	}

	#main #right #tabs ul li.active a {
		color				: #555;
		background-position	: bottom right;
	}

	#footer ul { }

	#footer ul li {
		display			: inline;
	}

	#footer ul li a {
		color			: #898989;
		text-decoration	: none;
		border-right	: 1px solid #c9c9c9;
		padding			: 0 8px 0 7px;
	}

	#footer ul li a:hover {
		text-decoration	: underline;
	}

	#footer ul li.last a {
		border			: 0;
		padding-right	: 0;
	}

/* Forms */
form { }

#radioform input {
	vertical-align	: middle;
	color			: #555;
	width			: 20px;
	border			: 0px solid #e1e1e1;
	padding			: 4px;
}
input, select, textarea {
	vertical-align	: middle;
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	color			: #555;
	width			: 200px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;

}

#item input {
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	float			: right
	color			: #555;
	width			: 111px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;
	margin-left		: 5px;
}

#registratie select {
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	color			: #555;
	width			: 195px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;
}

#registratie input {
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	color			: #555;
	width			: 197px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;
}

#registratieleft input {
	color			: #555;
	width			: 40px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;
}

#registratiemiddle input {
	color			: #555;
	width			: 40px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;
	float			: middle;
}

#registratieright input {
	color			: #555;
	width			: 89px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;
	float			: right;
}

#registratieright2 input {
	color			: #555;
	width			: 54px;
	border			: 1px solid #e1e1e1;
	padding			: 4px;
	float			: right;
}

#requestleft input, #requestleft select, #requestleft textarea {
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	color			: #555;
	border			: 1px solid #e1e1e1;
	padding			: 2px;
}
	
	#requestleft #radioform input {
		color			: #555;
		width			: 15px;
		border			: 0px solid #e1e1e1;
		padding			: 2px;
	}

#requestright input {	
	text-align		: left;
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	color			: #555;
	width			: 20px;
	border			: 0px solid #e1e1e1;
	padding			: 2px;
}

	#requestright #write input {	
		text-align		: left;
		vertical-align		: left;
		font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
		color			: #555;
		width			: 200px;
		border			: 1px solid #e1e1e1;
		padding			: 2px;
		}

#requestright select, #requestright textarea {	
	text-align		: left;
	font			: normal 10px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	color			: #555;
	width			: 330px;
	border			: 1px solid #e1e1e1;
	padding			: 2px;
}

	#search input{
		border			: 1px solid #84cb99;
		color			: #d2ecda;
		width			: 80px;
		margin			: 0 5px 0 0;
		background		: #32ab57;
		padding			: 1px;
	}

	#search select {
		border			: 1px solid #84cb99;
		color			: #d2ecda;
		width			: 220px;
		margin			: 0 5px 0 0;
		background		: #32ab57;
		padding			: 0px;
	}

	#action select {
		border			: 1px solid #84cb99;
		color			: #555;
		width			: 290px;
		margin			: 5px 0 5px 0;
		padding			: 0px;
	}

	#options select  { position: relative; width: 320px; float: left }
#relatedoptions select { position: relative; width: 320px; float: left }
#options strong {
		float			: left;
		padding			: 3px 0 0 10px;
	}

	#demo strong {
		display			: block;
		margin			: 8px 0;
	}
	
	#demo select {
		width			: 165px;
		margin			: 0 5px 5px 0;
	}

	#demo input, #demo textarea {
		margin			: 0 0 5px 0;
	}

	#demo textarea {
		width			: 270px;
		height			: 80px;
	}