/**********************************************************************
 * WEBSHOP
 **********************************************************************/
	
	/******************************************************************
	 * ALGEMEEN
	 ******************************************************************/
	
	div#webshop
	{
		width:						650px;
	}
	
	div#webshop div#left
	{
		width:						200px;
		
		float:						left;
	}
	
	div#webshop div#right
	{
		
		float:						left;
		padding-bottom:20px;
	}
	
	div#ww_small {
		position:absolute;
		right:29px;
		border:2px solid #9B9B9B;
		background: #787878;
		width:175px;
		text-align:center;
		padding:3px;
		cursor:pointer;
		font-size:11px;
		padding-top:0px;
	}
	
	div#webshop div#right div.welkom
	{
		margin:						10px;
	}
	ul.pagination
	{
		margin:						10px;
		margin-left:				-30px;
		position:					absolute;
	}
	
	ul.pagination li
	{
		display:					inline;
	}
	
	ul.pagination li a, span.active
	{
		display:					block;
		float:						left;
		width:						20px;
		height:						20px;
		text-align:					center;
		line-height:				20px;
		color:						#777777;
		border:						1px solid #DDDDDD;
		margin-right:				7px;
	}
	
	ul.pagination li a:hover
	{
		border:						1px solid #333333;
	}
	
	ul.pagination li span.active
	{
		font-weight:				bold;
		border:						1px solid #AAAAAA;
	}
	
	
	/******************************************************************
	 * CATEGORIEEN OVERZICHT
	 ******************************************************************/
	
	ul#categorie li
	{
		list-style:					none;
		padding-left:6px;
	}
	
	ul#categorie li.active
	{
		text-decoration:underline;
	}
	
	ul#categorie li.toplevel
	{
		margin-top:					0px;
		padding-left:				0px;
		
		color:						#FFFFFF;
	}
	
	ul#categorie li a
	{
		display:					block;
		text-align:					left;
		
		padding-left:				6px;
		padding-top:				2px;
		padding-bottom:				2px;
		display:block;
	}
	
	ul#categorie li a
	{
		text-decoration:			none;
	}
	
	ul#categorie li a:hover
	{
		color:#fff;
	}
	
	ul#categorie ul, ul#categorie li ul {
		margin-left:180px;
		margin-top: -23px;
		padding-left:0px;
		display:none;
		background-color:#C00E0E;
		border:1px solid #898989;
		width:200px;
		z-index:9999;
		position:absolute;
	}
	
	ul#categorie li ul li ul {
		margin-left:195px;
		border-left: 0;
	}
	
	/******************************************************************
	 * PRODUCTEN OVERZICHT
	 ******************************************************************/
	
	div#webshop div#right h2.productnaam
	{
		color:						#4F4F4F;
		font-family:				verdana;
		font-size:					12px;
		font-weight:				bold;
	}
	
	div#webshop div#right div.foto
	{
		overflow:					hidden;
		
		width:						164px;
		height:						164px;
		
		background-color:			#E8E8E8;
		border:						1px solid #C1C1C1;
		
		text-align:					center;
	}
	
	div#webshop div#right div.foto span
	{
		position:					relative;
		top:						70px;
	}
	
	div#webshop div#right div.foto img
	{
		margin-top:					6px;
	}
	
	div#webshop div#right table.overview
	{
		position:					relative;
		top:						30px;
		
		border-collapse:			separate;
		border-spacing:				10px;
		
		*border-collapse:			expression('separate', cellSpacing = '10px');
	}
	
	div#webshop div#right table.overview tr
	{
		vertical-align:				top;
	}
	
	/******************************************************************
	 * PRODUCT DETAIL
	 ******************************************************************/
	
	div#webshop div#right table.detail
	{
		border-collapse:			separate;
		border-spacing:				10px;
		
		*border-collapse:			expression('separate', cellSpacing = '10px');
	}
	
	div#webshop div#right div.fotos
	{
		margin-left:				10px;
		
		width:						630px;
		position:					relative;
		top:						20px;
	}
	
	div#webshop div#right div.fotos div.foto
	{
		float:						left;
		margin:						20px 20px 0px 0px;
	}
	
	/******************************************************************
	 * WINKELWAGEN
	 ******************************************************************/
	
	div.message
	{
		margin:						10px;
	}
	
	div#webshop table.winkelwagen
	{
		border-collapse:			separate;
		border-spacing:				3px;
		
		*border-collapse:			expression('separate', cellSpacing = '3px');
		
		margin:						10px;
		width:						630px;
	}
	
	table.winkelwagen tr
	{
		vertical-align:				top;
	}
	
	/******************************************************************
	 * FORMULIER
	 ******************************************************************/
	
	div#webshop table.form
	{
		border-collapse:			separate;
		border-spacing:				10px;
		
		*border-collapse:			expression('separate', cellSpacing = '10px');
	}
	
	div#webshop .req
	{
		font-size:					13px;
		color:						#DF3737;
		text-align:					center;
	}
	
	span.req_message
	{
		color:						#DF3737;
		margin:						10px;
		font-weight:				bold;
	}
	
	div#webshop textarea
	{
		font-size:					13px;
		color:						#4F4F4F;
		font-family:				Arial;
		
		border:						1px solid #C1C1C1;
		
		width:						250px;
		height:						150px;
	}
	
	div#webshop select
	{
		font-size:					13px;
		color:						#4F4F4F;
		
		border:						1px solid #C1C1C1;
		
		width:						250px;
		height:						23px;
	}
	
	div#webshop input.radio
	{
		margin:						5px;
	}
	
	div#webshop input.ww_text
	{
		border:						1px solid #C1C1C1;
		
		width:						50px;
		height:						17px;
	}
	
	div#webshop input.text, input.text_req
	{
		font-size:					13px;
		color:						#4F4F4F;
		
		border:						1px solid #C1C1C1;
		
		width:						250px;
		height:						25px;
	}
	
	div#webshop input.text_req
	{
		background-color:			#FFEFEF;
	}
	
	div#webshop input.button, input.ideal_button
	{
		cursor:						pointer;
		
		width:						250px;
		height:						25px;
	}
	
	div#webshop input.ideal_button
	{
		margin:						10px;
	}
	
	div#webshop input.add_cart
	{
		cursor:						pointer;
		
		width:						250px;
		height:						25px;
		
		background-color:			#D4D0C8;
		background:					#D4D0C8 url('http://cms.localhost/cms/images/icons/cart_add.png') top left no-repeat;
	}
	
	div#webshop hr
	{
		background-color:			#C1C1C1;
		
		border:						none;
		border-bottom:				1px solid #C1C1C1;
	}
	
	.spacer {
		clear: both;
	}


