

	/* misc */

	body
	{
		margin: 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		color: #181818;
		font-size: 14px;
		line-height: 18px;
		background: #333333 url(images/bg.gif) no-repeat 50% 482px;
	}

	#site
	{
		background: url(images/bgFooter.gif);
		margin: auto;
		width: 924px;
	}

	td
	{
		vertical-align: top;
	}

	a
	{
		text-decoration: none;
		color: #181818;
	}

	h1
	{
		color: #572600;
		font-size: 16px;
	}
	h2
	{
		margin-top: 8px;
		color: #572600;
		font-size: 12px;
	}

	span.gold
	{
		color: #876d36;
		font-style: italic;
	}

	img.gold
	{
		border: 5px solid #876d36;
	}

	div.column
	{
		float: left;
	}

	div.buttonBar
	{
		height: 23px;
		background: #dbdbdc;
		position: relative;
	}
	div.buttonBar input, div.buttonBar a
	{
		position: absolute;
		top: -13px;
		border: 0px;
		font-size: 14px;
		color: #231f20;
		cursor: pointer;
		height: 46px;
		padding-left: 45px;
		background: no-repeat left 7px;
	}
	div.buttonBar a
	{
		height: 31px;
		padding-top: 15px;
	}

	.row.even
	{
		background: url(images/zebraRowBg.png);
	}


	/* header */

	#header
	{
		background: url(images/bgHeader.gif) 15px;
		overflow: auto;
	}

	#logo
	{
		display: block;
		padding: 28px 326px 34px 327px;
	}

	#headerCompo
	{
		display: block;
		float: left;
	}

	#headerMenu
	{
		float: left;
		background: url(images/headerMenuBg.jpg);
		width: 332px;
		height: 298px;
	}
	#headerMenu a
	{
		color: white;
		display: block;
		padding-left: 44px;
		background: no-repeat left top;
		margin: 9px 0px 0px 13px;
	}
	#headerMenu a.home
	{
		background-image: url(images/buttonHome.gif);
		margin-top: 14px;
	}
	#headerMenu a.webshop
	{
		background-image: url(images/buttonWebshop.gif);
	}
	#headerMenu a.overXocai
	{
		background-image: url(images/buttonOverXocai.gif);
	}
	#headerMenu a.nieuws
	{
		background-image: url(images/buttonNieuws.gif);
	}
	#headerMenu a.contact
	{
		background-image: url(images/buttonContact.gif);
	}
	#headerMenu span
	{
		color: #79a22e;
		display: block;
		font-size: 24px;
		padding: 5px 0px 4px 0px;
	}

	#menuBar
	{
		float: left;
		width: 924px;
		background: #190500 url(images/menuBarBg.gif) no-repeat top right;
		height: 36px;
		padding: 2px 0px 16px 0px;
		text-align: center;
		overflow: hidden;
	}
	#menuBar, #menuBar a
	{
		color: #9d7b36;
	}
	#menuBar a
	{
		margin: 0px 12px 0px 8px;
		padding-bottom: 19px;
	}
	#menuBar span
	{
		line-height: 54px;
		overflow: hidden;
	}
	#menuBar a:hover, #menuBar a.active
	{
		background: url(images/menuBarBullet.gif) no-repeat left 16px;
	}
	#menuBar .submenu
	{
		display: none;
		width: 167px;
		background: #190500;
		text-align: left;
		padding: 4px 0px;
		position: absolute;
		top: 721px;
		border-top: 1px solid #e7e7e8;
	}
	#menuBar .submenu a
	{
		margin: 0px;
		padding: 0px;
		display: block;
		font-size: 13px;
		margin: 2px 5px 2px 14px;
	}
	#menuBar .submenu a:hover
	{
		background: none;
		font-style: italic;
	}


	/* text */

	#contentText
	{
		background: #e7e7e8 url(images/bgContent.jpg) no-repeat right top;
		overflow: auto;
		padding: 58px 109px 43px 109px;
	}


	/* products */

	#contentProducts
	{
		background: #e7e7e8 url(images/bgContent.jpg) no-repeat right top;
		overflow: auto;
		padding: 57px 46px 23px 46px;
	}

	#contentProducts a.product
	{
		margin: 0px 25px;
		width: 158px;
		float: left;
		display: block;
	}
	#contentProducts a.product img
	{
		border: 5px solid #876d36;
		display: block;
	}
	#contentProducts a.product span
	{
		display: block;
		height: 62px;
		text-align: center;
		color: #7c6432;
		font-size: 15px;
		padding-top: 4px;
	}


	/* product */

	#contentProduct
	{
		background: #e7e7e8 url(images/bgContent.jpg) no-repeat right top;
		overflow: auto;
		padding: 11px 137px 65px 0px;
	}

	#productImage
	{
		float: left;
		padding: 57px 58px 0px 73px;
		width: 158px;
		background: url(images/productImageBean.gif) no-repeat 57px top;
	}
	#productImage img
	{
		display: block;
		border: 5px solid #876d36;
	}
	#productImage span
	{
		display: block;
		margin-top: 3px;
		background: #876d36;
		font-size: 15px;
		color: white;
		text-align: center;
		padding: 7px 0px 8px 0px;
	}
	#productImage span.values
	{
		padding: 4px 0px 4px 0px;
		font-size: 13px;
		color: #e7e2d7;
	}
	#productImage span.price
	{
		background: none;
		padding: 5px 0px 10px 0px;
		font-size: 18px;
		color: #876d36;
		text-align: right;
	}

	#productText
	{
		float: left;
		width: 492px;
		padding-top: 44px;
	}

	div.buttonBar.order
	{
		clear: both;
		margin-top: 16px;
		float: left;
		background: #c5c5c6;
		width: 240px;
	}
	div.buttonBar.order input
	{
		padding-left: 0px;
		padding-right: 45px;
		left: 125px;
		background-position: right 7px;
		background-image: url(images/buttonBestel.gif);
		width: 110px;
	}

	div.buttonBar.products
	{
		clear: both;
		margin-top: 70px;
		float: left;
		background: #c5c5c6;
		width: 507px;
	}
	div.buttonBar.products a
	{
		left: 284px;
		background-image: url(images/buttonTerugNaarProducten.gif);
		width: 210px;
	}


	/* news */

	#contentNews
	{
		background: #e7e7e8 url(images/bgContent.jpg) no-repeat right top;
		overflow: auto;
	}

	#contentNews .row
	{
		padding: 21px 78px;
		overflow: auto;
	}

	#contentNews h1
	{
		margin-top: 0px;
	}
	#contentNews h2
	{
		margin-bottom: 0px;
	}


	/* contact */

	#contentContact
	{
		background: #e7e7e8 url(images/bgContent.jpg) no-repeat right top;
		overflow: auto;
		font-size: 12px;
	}

	#googleMapBlock
	{
		padding: 30px 100px 36px 79px;
	}
	#googleMap
	{
		float: right;
		border: 5px solid #876d36;
	}

	#contactFormBlock
	{
		background: url(images/zebraRowBg.png);
		padding: 20px 100px 26px 79px;
	}

	#contactFormBlock .column.left
	{
		padding-top: 10px;
		width: 396px;
	}
	#contactFormBlock .column.right
	{
		width: 296px;
		margin-top: -17px;
	}

	fieldset, form
	{
		border: 0px;
		padding: 0px;
		margin: 0px;
	}

	label
	{
		width: 81px;
		display: block;
		float: left;
		padding-top: 9px;
	}

	input.text
	{
		float: left;
		width: 254px;
		padding: 3px 2px;
		border: 1px solid #544422;
		margin: 5px 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		background: #efebe5;
	}

	input.checkbox
	{
		float: left;
	}

	textarea
	{
		border: 1px solid #544422;
		width: 254px;
		height: 114px;
		margin: 5px 0px;
		overflow: auto;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		padding: 3px 2px;
		background: #efebe5;
	}

	#captcha
	{
		width: 110px;
	}
	#captchaHelp
	{
		width: 115px;
		font-size: 10px;
		line-height: 12px;
		float: left;
		padding: 0px 9px 0px 81px;
		text-align: right;
	}
	#captchaText
	{
		float: left;
		display: block;
		border: 1px solid  #544422;
		position: relative;
		top: -28px;
	}

	#labelMessage
	{
		width: 260px;
		text-align: right;
	}

	#labelNewletter
	{
		padding: 0px 0px 0px 6px;
		line-height: 12px;
		width: 270px;
	}
	#labelNewletter span
	{
		font-size: 10px;
	}

	div.buttonBar.contact
	{
		position: relative;
		left: 336px;
		margin-top: 16px;
		float: left;
		background: #c5c5c6;
		width: 509px;
	}
	div.buttonBar.contact input
	{
		left: 136px;
		background-position: left 8px;
		background-image: url(images/buttonVerzenden.gif);
		width: 140px;
	}


	/* checkout */

	#contentCart
	{
		background: #e7e7e8 url(images/bgContent.jpg) no-repeat right top;
		font-size: 13px;
		padding-top: 19px;
		padding-bottom: 180px;
	}

	#cartSteps
	{
		background: url(images/zebraRowBg.png);
		font-size: 16px;
		color: #896c56;
		overflow: auto;
		padding: 15px 0px	13px 21px;
		margin: 0px 21px 0px 21px;
	}
	#cartSteps span
	{
		display: block;
		float: left;
		padding-right: 101px;
	}
	#cartSteps span.active
	{
		color: #572600;
	}

	#cartProductList
	{
		padding: 0px 4px;
		margin: 0px 21px;
		clear: both;
	}
	div#cartProductList
	{
		padding-top: 20px;
	}

	#cartProductList .headers
	{
		font-weight: bold;
		margin-top: 27px;
		overflow: auto;
	}

	#cartProductList .row
	{
		overflow: auto;
	}

	#cartProductList .column.description
	{
		width: 604px;
	}
	div#cartProductList .column.description
	{
		width: 734px;
	}
	#cartProductList .column.quantity
	{
		width: 80px;
	}
	#cartProductList .column.delete
	{
		width: 130px;
	}
	#cartProductList .column.price
	{
		width: 60px;
	}
	#cartProductList .column.delete img
	{
		border: 0px;
	}
	#cartProductList .row.total
	{
		text-align: right;
		font-weight: bold;
	}

	#cartProductList .column.quantity input
	{
		width: 20px;
		margin-top: 0px;
		margin-right: 6px;
	}

	#contentCart .separator
	{
		background: #5a2800;
		height: 1px;
		overflow: hidden;
		clear: both;
		margin: 10px 0px 14px 0px;
	}

	div.buttonBar.checkoutBack
	{
		position: relative;
		top: 59px;
		clear: both;
		float: left;
		background: #c5c5c6;
		width: 240px;
	}
	div.buttonBar.checkoutBack a
	{
		padding-left: 0px;
		padding-right: 45px;
		left: 132px;
		background-position: right 7px;
		background-image: url(images/buttonTerugNaarProducten.gif);
		width: 60px;
	}

	div.buttonBar.checkoutContinue
	{
		clear: both;
		margin-top: 36px;
		float: right;
		background: #c5c5c6;
		width: 240px;
	}
	div.buttonBar.checkoutContinue a
	{
		left: 4px;
		background-image: url(images/buttonBestel.gif);
		width: 85px;
	}

	#contentCart .column.left
	{
		width: 450px;
		padding-left: 56px;
		padding-top: 25px;
	}
	#contentCart .column.right
	{
		width: 365px;
		padding-top: 25px;
	}

	#contentCart strong
	{
		display: block;
	}
	#contentCart label
	{
		width: 154px;
	}
	#contentCart input.text
	{
		width: 200px;
		padding: 2px;
		margin: 5px 0px;
	}

	#contentCart .column span
	{
		display: block;
		float: left;
		width: 205px;
		padding-top: 9px;
	}

	#anderAfleverAdresLabel
	{
		width: 185px !important;
	}
	#anderAfleverAdres
	{
		margin: 12px 150px 6px 4px;
	}

	#cartPaymentMethods
	{
		margin: 21px 40px;
	}
	#cartPaymentMethods strong
	{
		margin-bottom: 16px;
	}
	#cartPaymentMethods input.radio
	{
		margin: 10px 10px 0px 0px;
		float: left;
	}
	#cartPaymentMethods label
	{
		width: 100px;
	}


	/* footer */

	#footer
	{
		text-align: center;
		color: #9d7b36;
		padding: 27px 0px 18px 0px;
		font-size: 12px;
	}

	#footer a
	{
		color: #9d7b36;
		margin: 0px 10px;
	}

	#credits
	{
		font-size: 14px;
		margin-bottom: 25px;
	}


