@media all {
	*,all {
		margin: 0px;
		padding: 0px;
	}
	
	img {
		border: 0px;
	}
	
	body {
		background-image: url(../img/regenboogboom/slice.jpg);
		background-position: top left;
		background-repeat: repeat-x;
		
		text-align: center;
		font-family: Geneva,Arial,Helvetica,sans-serif;
		font-size:11px;
		color: #6e961b;
	}
	
	a {
		color: #6e961b;
		text-decoration: none;
	}
	
	h1 {
		font-size: 18px;
		margin: 10px;
	}
	
	h2 {
		font-size: 16px;
		margin: 10px;
	}
	
	#wrapper {
		margin: 0px auto;
		text-align: center;
		
		width: 850px;
	}
	
	
	#top {
		position: relative;
		
		background-image: url(../img/regenboogboom/logo.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
		
		height: 100px;
	}
		
		#top #topLinkHome {
			float:left;
			width: 220px;
			height: 100px;
			cursor:pointer;
		}
			
			#top #topLinkHome a {
				display: none;
			}
	
		#top #topLinks {
			position: relative;
			float: right;
			margin-top: 67px;
			vertical-align: bottom;
		}
	
	#top2 {
		position: relative;
		
		background-image: url(../img/regenboogboom/header.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		
		height: 216px;
	}
	
		#top2 #topLinkHome2 {
			float:left;
			width: 220px;
			height: 25px;
			cursor:pointer;
		}
			
			#top2 #topLinkHome2 a {
				display: none;
			}
	
	
	#contentWrapper {
		position: relative;
		width: 100%;
		
		background-color: white;
		background-image: url(../img/regenboogboom/right-slice.jpg);
		background-position: top right;
		background-repeat: repeat-y;
		
		overflow: hidden;
	}
	
	
	#menu {
		float: right;
		width: 177px;
		overflow: hidden;
		
		text-align: left;
	}
	
	
		.menuTitle {
			margin: 10px 10px 10px 0px;
			padding: 5px 5px 5px 15px;
			background-color: #749c22;
			color: #ffffff;
			font-weight: bold;
			font-size: 13px;
		}
		
			.menuTitle a {
				color: #ffffff;
				font-weight: bold;
			}
		
		
		.menuBlockTitle {
			margin: 10px 10px 10px 0px;
			padding: 2px 2px 2px 15px;
			background-color: #749c22;
			color: #ffffff;
			font-weight: bold;
		}
		
			.menuBlockTitle a {
				color: #ffffff;
				font-weight: bold;
			}
		
		
		.menuBlock {
			margin: 10px 10px 10px 0px;
			padding: 2px 2px 2px 15px;
			background-color: #f0fecd;
			line-height: 175%;
		}
	
	#footer {
		position: relative;
		width: 100%;
		height: 20px;
		clear: both;
	}
		
	
	#content {
		position: relative;
		background-color: white;
		text-align: left;
		width: 670px;
		overflow: hidden;
	}
	
	#uBent {
		position: relative;
		margin: 10px 0px 30px 20px; 
	}
	
	
	#banner {
		text-align: center;
		margin: 10px auto;
	}
	
	
	#searchForm {
		position: relative;
		background-color: #f7fce6;
		padding: 10px;
		vertical-align: middle;
	}
	
		#searchForm .comboBox {
			width: 130px;
			margin-left: 10px;
			border: 1px solid #749c22;
			vertical-align: middle;
			border-width: 2px;
		}
		
		#searchForm .textBox {
			width: 200px;
			margin-left: 10px;
			vertical-align: middle;
			border-width: 2px;
		}
		
		#searchForm .formButton {
			width: 75px;
			margin-left: 10px;
			vertical-align: middle;
		}
		
		#searchForm a {
			margin-left: 90px;
			vertical-align: middle;
			text-decoration: underline;
		}
	
	#top10 {
		position: relative;
		padding: 20px 0px 10px 20px;
		width: 470px;
		float: left;
	}
	
		#top10 h2 {
			margin: 0px;
		}
	
		.top10Item {
			position: relative;
			width: 230px;
			height: 140px;
			background-color: #f0fecd;
			margin-top: 10px;
		}
		
			.top10Position {
				position: relative;
				float: left;
				width: 20px;
				padding-top: 10px; 
				height: 130px;
				background-color: #749c22;
				text-align: center;
				color: #ffffff;
				font-weight: bold;
				font-size: 13px;
			}
			
			.top10Image {
				position: relative;
				float: left;
				width: 104px;
				padding-top: 10px; 
				height: 130px;
				text-align: center;
			}
			
			.top10Description {
				position: relative;
				float: left;
				width: 105px;
				padding-top: 10px;
				height: 130px;
			}
			
				.top10Title {
					height: 80px;
				}
				
				.top10Price {
					height: 20px;
				}
				
				.top10Bestel .bestelButton {
					position: relative;
					float: right;
					margin: 5px;
				}
				
	#recommended {
		position: relative;
		width: 150px;
		float: right;
		text-align: center;
		padding: 20px 10px 10px 0px;
	}
	
		#recommended h2 {
			margin: 0px;
			text-align: left;
		}
	
		.recommendedItem {
			position: relative;
			width: 145px;
			height: 220px;
			margin-top: 10px;
			border: 2px solid #749c22;
		}
		
			.recommendedImage {
				position: relative;
				padding-top: 10px; 
				height: 125px;
				text-align: center;
			}
			
			.recommendedDescription {
				position: relative;
				padding: 0px 10px;
				height: 60px;
				text-align: left;
			}
			
				.recommendedTitle {
					height: 40px;
				}
				
				.recommendedPrice {
					height: 15px;
				}
				
				.recommendedBestel .bestelButton {
					position: relative;
					float: right;
					margin: 5px;
				}
	
	
	#contactInformation {
		position: relative;
		float: left;
		width: 200px;
		overflow: hidden;
	}
	
		#contactInformation p {
			padding: 10px;
			font-weight: bold;
			font-size: 12px;
			letter-spacing: 2px;
		}
	
	#contactForm {
		position: relative;
		float: right;
		width: 400px;
		padding: 10px;
		overflow: hidden;
	}
	
		#contactForm label {
			float: left;
			width: 120px;
			margin-left: 10px;
			font-weight: bold;
		}
		
		#contactForm .textBox {
			width: 250px;
			margin-bottom: 10px;
		}
		
		#contactForm textarea {
			height: 250px;
		}
		
		#contactForm .formButton {
			float: right;
			margin-right: 18px;
		}
	
	#productImage {
		position: relative;
		float: left;
		width: 180px;
		height: 250px;
		text-align: center;
		/*cursor: pointer;*/
	}
	
		#smoothGallery {
			border: 1px solid #749c22;
			text-align: center;
			margin: auto;
			width: 160px !important;
			height: 210px !important;
		}
		
		#smoothGallery * {
			cursor: pointer;
		}
	
	#productDetail {
		float: left;
		position: relative;
		font-weight: bold;
		line-height: 200%;
		width: 220px;
		height: 250px;
	}
	
		#productDetail label {
			position: relative;
			float: left;
			width: 75px;
		}
		
		#productDetail .textBox, #productDetail .comboBox {
			width: 130px;
			margin-bottom: 7px;
		}
		
		#productDetail h1, #productDetail h2 {
			display: inline;
			font-size: 11px;
		}
	
	#productInfo {
		position: relative;
		float: right;
		font-weight: bold;
		line-height: 200%;
		width: 210px;
		height: 250px;
	}
	
		#productInfo label {
			position: relative;
			float: left;
			width: 100px;
		}
	
		#productInfo .textBox {
			width: 90px;
			margin-top: 2px;
			margin-bottom: 5px;
			border: 0px none;
			background-color: #f7fce6;
			vertical-align: bottom;
		}
		
		#productInfo .price {
			font-weight: bold;
			font-size: 14px;
		}
		
		#productInfo .bestelButton {
			position: relative;
			float: right;
		}
	
	#productDescription {
		margin-left: 10px;
		position: relative;
		clear: both;
	}
	
	.frame {
		margin: 10px 10px 10px 20px;
	}
	
		.frame h1, .frame h2, .frame h3 {
			margin-left: 0px;
		}
	
	.backFill {
		position: relative;
		overflow: hidden;
		background-color: #f7fce6;
		padding: 10px;
	}
	
	.bestelButton {
		width: 50px;
		height: 20px;
		font-size: 9px;
		border: 1px solid #749c22;
		background-color: #f7fce6;
		color: #6e961b;
		cursor: pointer;
	}
	
	.formButton {
		border: 2px solid #749c22;
		background-color: #f7fce6;
		color: #6e961b;
		cursor: pointer;
	}
	
	.textBox {
		color: #6e961b;
		border: 1px solid #749c22;
		font-size: 10px;
		padding: 3px;
	}
	
	.comboBox {
		color: #6e961b;
		border: 1px solid #749c22;
		font-size: 10px;
		padding: 3px;
	}
	
	.euroSign {
		font-family: Arial, sans-serif;
	}
	
	.bigText {
		font-size: 12px;
		letter-spacing: 1px;
		word-spacing: 2px;
	}
	
	table.shoppingCart {
		width: 100%;
		margin-top: 20px;
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-color: #749c22;
		font-size:12px;
	}
	
		.shoppingCart th {
			padding: 10px;
			font-size: 12px;
			height: 30px;
			border-style: solid;
			border-width: 0px 0px 1px 0px;
			border-color: #749c22;
			background-color: #f7fce6;
		}
	
		.shoppingCart td {
			padding: 10px;
			border-style: solid;
			border-width: 0px 0px 1px 0px;
			border-color: #749c22;
		}
	
		.shoppingCart td .textBox {
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			padding: 5px;
			width: 30px;
			height: 20px;
			float: left;
		}
	
	.shopTotal {
		position: relative;
		float: right;
		clear: both;
		width: 300px;
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: #749c22;
		margin-top: 10px;
		padding-top: 10px;
		font-size: 14px;
		font-weight: bold;
		
	}
	
	.shopTotalPrice {
		position: relative;
		float: right;
	}
	
	.shopSubTotal {
		position: relative;
		float: right;
		clear: both;
		width: 300px;
		padding-top: 10px;
		font-size: 12px;
		
	}
	
	.shopSubTotalPrice {
		position: relative;
		float: right;
	}
	
	.bottomButtons {
		clear: both;
		padding-top: 50px;
		text-align: center;
	}
	
	
	#cartAddress, #register {
		position: relative;
		padding: 10px 10px 10px 90px;
	}
	
	#cartAddress {
		display: none;
	}
	
		#cartAddress label, #register label {
			position: relative;
			float: left;
			width: 150px;
			margin-left: 10px;
			font-weight: bold;
		}
		
		#cartAddress .textBox, #register .textBox  {
			position: relative;
			width: 275px;
			margin-bottom: 10px;
			padding: 3px;
		}
	
	
	.cartAddressOverview {
		position: relative;
		font-weight: bold;
		margin-top: 10px;
		padding-left: 10px;
		width: 200px;
	}
	
		.cartAddressOverview h2 {
			font-size: 14px;
		}
	
	
	#paymentSelect {
		text-align: center;
		vertical-align: middle;
		margin: 50px auto;
	}
	
		#paymentSelect label, #paymentSelect input, #paymentSelect img {
			vertical-align: middle;
		}
	
	
	table.searchResult {
		width: 100%;
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		border-color: #749c22;
		font-size: 12px;
	}
	
		.searchResult th {
			padding: 10px;
			font-size: 12px;
			border-style: solid;
			border-width: 0px 0px 1px 0px;
			border-color: #749c22;
			background-color: #f7fce6;
		}
	
		.searchResult td {
			padding: 10px;
			border-style: solid;
			border-width: 0px 0px 1px 0px;
			border-color: #749c22;
			vertical-align: top;
		}
		
			.searchResult td div {
				height: 120px;
				overflow: auto;
			}
	
	
	.errorMessage {
		font-weight: bold;
		font-size: 12px;
		color: red;
		text-align: center;
	}
	
	
	.discountPrice {
		background-color: red;
		color: #ffffff;
		font-weight: bold;
		margin-left: 10px;
	}
	
	
	div.paginator {
		text-align: center;
		margin-top: 20px;
	}
	
		div.paginator a {
			display: inline-block;
			padding: 5px;
			border: 1px solid #6e961b;
			margin: 5px;
		}
		
			div.paginator a:hover {
				background-color: #6e961b;
				color: #ffffff;
			}
			
		div.paginator span {
			display: inline-block;
			padding: 5px;
			border: 1px solid #6e961b;
			margin: 5px;
			font-weight: bold;
		}
	
	
	/**************************************************************
	
		MultiBox
		v1.2
	
	**************************************************************/
	
	.MultiBoxContainer {
		position: absolute;
		border: 20px solid #749c22;
		background-color: #FFF;
		display: none;
		z-index: 2;
	}
	
	.MultiBoxLoading {
		background: url(../img/multibox/loader.gif) no-repeat center;
	}
	
	.MultiBoxContent {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.MultiBoxClose {
		position: absolute;
		top: -26px;
		right: -26px;
		background: url(../img/multibox/close.png) no-repeat;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	
	
	.MultiBoxControlsContainer {
		overflow: hidden;
		height: 0px;
		position: relative;
	}
	
	.MultiBoxControls {
		width: 100%;
		height: auto;
		position: relative;
		background-color: #749c22;
	}
	
	
	.MultiBoxPrevious {
		position: absolute;
		background: url(../img/multibox/left.png) no-repeat;
		width: 24px;
		height: 24px;
		left: 0px;
		margin-top: 5px;
		cursor: pointer;
	}
	
	.MultiBoxNext {
		position: absolute;
		background: url(../img/multibox/right.png) no-repeat;
		width: 24px;
		height: 24px;
		right: 0px;
		margin-top: 5px;
		cursor: pointer;
	}
	
	.MultiBoxNextDisabled {
		cursor: default;
		background: url(../img/multibox/rightDisabled.png) no-repeat;
	}
	
	.MultiBoxPreviousDisabled {
		cursor: default;
		background: url(../img/multibox/leftDisabled.png) no-repeat;
	}
	
	.MultiBoxTitle {
		position: relative;
		margin: 10px 0 0 35px;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFF;
		font-weight: bold;
		text-align: left;
	}
	
	.MultiBoxNumber {
		position: relative;
		width: 50px;
		margin: 10px 35px 0 0;
		float: right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFF;
		text-align: right;
	}
	
	.MultiBoxDescription {
		clear: left;
		position: relative;
		margin: 0 35px 0 35px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFF;
		text-align: left;
	}
	
	.MultiBoxClose, .MultiBoxPrevious, .MultiBoxNext, .MultiBoxNextDisabled, .MultiBoxPreviousDisabled { 
		behavior: url(iepngfix.htc); 
	}
	
	/*************************************************************/
	
	
	/**************************************************************
	
	JD Gallery
	
	***************************************************************/
	
	#myGallery, #myGallerySet, #flickrGallery
	{
		width: 460px;
		height: 345px;
		z-index:5;
		border: 1px solid #000;
	}
	
	#flickrGallery
	{
		width: 500px;
		height: 334px;
	}
	
	#myGallery img.thumbnail, #myGallerySet img.thumbnail
	{
		display: none;
	}
	
	.jdGallery
	{
		overflow: hidden;
		position: relative;
	}
	
	.jdGallery img
	{
		border: 0;
		margin: 0;
	}
	
	.jdGallery .slideElement
	{
		width: 100%;
		height: 100%;
		background-color: #f7fce6;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('img/loading-bar-black.gif');
	}
	
	.jdGallery .loadingElement
	{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('img/loading-bar-black.gif');
	}
	
	.jdGallery .slideInfoZone
	{
		position: absolute;
		z-index: 10;
		width: 100%;
		margin: 0px;
		left: 0;
		bottom: 0;
		height: 40px;
		background: #333;
		color: #fff;
		text-indent: 0;
		overflow: hidden;
	}
	
	* html .jdGallery .slideInfoZone
	{
		bottom: -1px;
	}
	
	.jdGallery .slideInfoZone h2
	{
		padding: 0;
		font-size: 80%;
		margin: 0;
		margin: 2px 5px;
		font-weight: bold;
		color: inherit;
	}
	
	.jdGallery .slideInfoZone p
	{
		padding: 0;
		font-size: 60%;
		margin: 2px 5px;
		color: #eee;
	}
	
	.jdGallery div.carouselContainer
	{
		position: absolute;
		height: 135px;
		width: 100%;
		z-index: 10;
		margin: 0px;
		left: 0;
		top: 0;
	}
	
	.jdGallery a.carouselBtn
	{
		position: absolute;
		bottom: 0;
		right: 30px;
		height: 20px;
		/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
		text-align: center;
		padding: 0 10px;
		font-size: 13px;
		background: #333;
		color: #fff;
		cursor: pointer;
	}
	
	.jdGallery .carousel
	{
		position: absolute;
		width: 100%;
		margin: 0px;
		left: 0;
		top: 0;
		height: 115px;
		background: #333;
		color: #fff;
		text-indent: 0;
		overflow: hidden;
	}
	
	.jdExtCarousel
	{
		overflow: hidden;
		position: relative;
	}
	
	.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
	{
		position: absolute;
		width: 100%;
		height: 78px;
		top: 10px;
		left: 0;
		overflow: hidden;
	}
	
	.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
	{
		position: relative;
	}
	
	.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
	{
		cursor: pointer;
		background: #000;
		background-position: center center;
		float: left;
		border: solid 1px #fff;
	}
	
	.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
	{
		margin-bottom: 10px;
	}
	
	.jdGallery .carousel .label, .jdExtCarousel .label
	{
		font-size: 13px;
		position: absolute;
		bottom: 5px;
		left: 10px;
		padding: 0;
		margin: 0;
	}
	
	.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
	{
		font-size: 10px;
		position: absolute;
		bottom: 5px;
		right: 10px;
		padding: 1px 2px;
		margin: 0;
		background: #222;
		border: 1px solid #888;
		cursor: pointer;
	}
	
	.jdGallery .carousel .label .number, .jdExtCarousel .label .number
	{
		color: #b5b5b5;
	}
	
	.jdGallery a
	{
		font-size: 100%;
		text-decoration: none;
		color: inherit;
	}
	
	.jdGallery a.right, .jdGallery a.left
	{
		position: absolute;
		height: 99%;
		width: 25%;
		cursor: pointer;
		z-index:10;
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		-khtml-opacity: 0.2;
		opacity: 0.2;
	}
	
	* html .jdGallery a.right, * html .jdGallery a.left
	{
		filter:alpha(opacity=50);
	}
	
	.jdGallery a.right:hover, .jdGallery a.left:hover
	{
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	.jdGallery a.left
	{
		left: 0;
		top: 0;
		background: url('img/fleche1.png') no-repeat center left;
	}
	
	* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
	
	.jdGallery a.right
	{
		right: 0;
		top: 0;
		background: url('img/fleche2.png') no-repeat center right;
	}
	
	* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
	
	.jdGallery a.open
	{
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	.withArrows a.open
	{
		position: absolute;
		top: 0;
		left: 25%;
		height: 99%;
		width: 50%;
		cursor: pointer;
		z-index: 10;
		background: none;
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	
	.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }
	
	* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
		filter:alpha(opacity=80); }
		
		
	/* Gallery Sets */
	
	.jdGallery a.gallerySelectorBtn
	{
		z-index: 15;
		position: absolute;
		top: 0;
		left: 30px;
		height: 20px;
		/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
		text-align: center;
		padding: 0 10px;
		font-size: 13px;
		background: #333;
		color: #fff;
		cursor: pointer;
		opacity: .4;
		-moz-opacity: .4;
		-khtml-opacity: 0.4;
		filter:alpha(opacity=40);
	}
	
	.jdGallery .gallerySelector
	{
		z-index: 20;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
	}
	
	.jdGallery .gallerySelector h2
	{
		margin: 0;
		padding: 10px 20px 10px 20px;
		font-size: 20px;
		line-height: 30px;
		color: #fff;
	}
	
	.jdGallery .gallerySelector .gallerySelectorWrapper
	{
		overflow: hidden;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
	{
		margin-left: 10px;
		margin-top: 10px;
		border: 1px solid #888;
		padding: 5px;
		height: 40px;
		color: #fff;
		cursor: pointer;
		float: left;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.hover
	{
		background: #333;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
	{
		background: #000;
		background-position: center center;
		float: left;
		border: none;
		width: 40px;
		height: 40px;
		margin-right: 5px;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
	{
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: normal;
	}
	
	.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
	{
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: normal;
		color: #aaa;
	}
	
	/*************************************************************/
	
}

@media print {
	body {
		background: #ffffff;
	}
}