/**
* Globals
*/
* { margin: 0; padding: 0; outline: none; }
body { font-family: arial, sans-serif; font-size: 0.9em; text-align: center;} /* Centered text, not because I like the text in the center, but to center the website in IE5.5/6. */
ol { padding-left : 20px; }
ul { padding-bottom: 4px; padding-left: 15px; }
h1 { color: #4c4c4c; font-size: 1.5em; line-height: 20px; font-weight: bold; padding-bottom: 4px; }
h2 { color: #4c4c4c; font-size: 1.3em; line-height: 20px; font-weight: bold; padding-bottom: 4px; }
h3 { color: #4c4c4c; font-size: 1.1em; line-height: 20px; font-weight: bold; padding-bottom: 4px; }
h4 { color: #4c4c4c; font-size: 0.9em; line-height: 20px; font-weight: bold; padding-bottom: 4px; }
p { font-size: 1em; margin-bottom: 20px; }
img { border: 0; }
a, a:link, a:visited, a:hover, a:active { color: #000; /*text-decoration: none;*/ }
a.def {color: blue; text-decoration: underline; }
p.subtitle { font-style: italic; font-weight: bold; }

/* Put text-align normal again. min-width for the minimal width of the website. max-width: maximum size of the website. width 2x: bugfix for IE5.5/6 to act like min-width. */
div#wrapper { text-align: left; margin: 0 auto; width: auto !important; width: 1000px; min-width: 1000px; max-width: 1100px;}
div#nav_links { display: none; }
a.anchor { display: none; }



/* Header */
#header { position: relative; }
	#logo { position: relative; } /* IE BUG, so hasLayout trigger */
		#logo h1 { visibility: hidden; }
	#service { position: absolute; right: 10px; top: 5px; width: 100%; }
		#service select { width: 120px; float: left; color: #74226c; border: none; height: 18px; padding-top: 2px; float: right; outline: none; }
		#service input { float: right; margin-left: 5px; background:#666; border:0; color:#FFF; line-height:14px; padding:1px 0 2px; margin:0 0 0 2px; }
		#service ul { list-style: none; float: right; padding: 0;}
		#service li { float: left; border-right: 1px solid #6d607f; }
		#service li.last { border: none; }
		#service li a { text-decoration: none; color:#74226c; font-size: 0.8em; padding: 0 5px; }
		#service li a:hover { text-decoration:underline; }
		#service li.singleLang { font-size: 0.8em; padding: 3px 5px;  border: none; }
		#menu { height:26px; }
		#menu ul {margin:0 0 0 5px; list-style:none; padding: 0;}
		#menu li {float:left; padding:0;}
		#menu li.last {float:right;}
		#menu li a { display: block; margin: 4px 0 0 10px; padding: 0 4px 4px 4px; line-height: 18px; color: #FFFFFF; text-transform: uppercase; font-size: 0.7em; font-weight: bold; text-decoration: none; }
		#menu li a.last { margin: 4px 10px 0 10px; }
		#menu li a.select, #menu li a:hover { background:#FFFFFF; color:#000000; text-transform: uppercase; font-size: 0.7em; font-weight: bold; text-decoration: none; }
		#menu li a span.items {text-transform:none;}


#pages { float:left; line-height:22px;}
#pages.bottom, #pages.bottom a{color: #000; border-color:#000;}
#pages.top, #pages.top a{color: #FFF; border-color:#FFF;}
#pages span {float:left; line-height:22px; margin:0 5px; width:auto;}
#pages a{display: block; float:left; min-width:20px; height:20px; line-height:22px; text-align:center; text-decoration:none; margin:0 1px; padding:0 1px;}
#pages a.current{font-weight: bold;}
#pages a.number{border-width: 1px; border-style:solid;}


/* Layout for the website It's very important that the width, paddings, borders and margins are changed in all the correct places, because it's a very thight and preciese layout! Every pixel counts. */
#content_wrapper { clear: both; float: left; overflow: hidden; padding: 6px 0; position: relative; width: 100%; min-height: 250px; }


/* Default border color */
#content_pos, #column2_wrap, #column2 li.select { border-color: black; }


/* First the aba layout = small left column, big main content, small right column */
	.layout_aba #content_pos { border-left-width: 3px; border-left-style: solid; float: left; left: 244px; position: relative; width: 200%; }
		.layout_aba  #column2_wrap { border-left-width: 3px; border-left-style: solid; float: left; left: 50%; margin-left:-454px; position:relative; width: 100%; }
			.layout_aba #content_wrap { float: right; position: relative; right: 100%; width: 50%; }
				.layout_aba #content_pad { margin-left: 451px; overflow: hidden; padding: 0 4px 0 4px; padding: /**/0 7px 0 4px; }
					.layout_aba #content { overflow:hidden; width: 100%; }
			.layout_aba #column1 { float: left; left: 204px; margin-left: -50%; overflow: hidden; padding-right: 4px; position: relative; width: 244px; width: /**/ 240px; }
			.layout_aba #column2 { float: left; padding: 36px 0 0 4px; position: relative; width: 208px; width: /**/ 200px;}

/* Next the aab layout: small left column, small middle columb, big right content */
	.layout_aab #content_pos { border-left-width: 3px; border-left-style: solid;  float: left; left: 455px; position: relative; width: 200%; }
		.layout_aab  #column2_wrap { border-left-width: 3px; border-left-style: solid;  float:left; left: 244px; margin-left: -458px; position: relative; width: 100%; }
			.layout_aab #content_wrap { float: left; margin-left: -247px; position:relative; width: 50%; }
				.layout_aab #content_pad { margin-left: 458px; overflow:hidden; }
					.layout_aab #content { overflow:hidden; padding-left: 4px; } /* Need width:100% or not? */
			.layout_aab #column1 { float: left; left: 0px; margin-left: -50%; overflow: hidden; padding-right: 4px; position: relative; width: 244px; width: /**/ 240px;}
			.layout_aab #column2 { float: left; left: -50%; margin-left: 247px; padding: 0px 4px; position:relative; width: 208px; width: /**/ 200px;}

/* Next the ab layout: small left column, big right content */
	.layout_ab #content_pos { border-left-width: 3px; border-left-style: solid;  float: left; left: 244px; position: relative; width: 200%; }
		.layout_ab #column2_wrap { border-left-width: 0px; border-left-style: solid;  float: left; left: 50%; margin-left:-247px; position:relative; width: 100%; }
			.layout_ab #content_wrap { float: right; position:relative; right: 100%; width: 50%; }
				.layout_ab #content_pad { margin-left: 247px; overflow: hidden; padding-left: 4px; }
					.layout_ab #content { overflow:hidden; width: 100%; }
			.layout_ab #column1 { float: left; left: 0px; margin-left: -50%; overflow: hidden; padding-right: 4px; position: relative; width: 244px; width: /**/ 240px; }
			.layout_ab #column2 { display:none; }

/* Next the ab2 layout: big left column, right content */
	.layout_ab2 #content_pos { border-left-width: 3px; border-left-style: solid;  float: left; left: 344px; position: relative; width: 200%; }
		.layout_ab2 #column2_wrap { border-left-width: 0px; border-left-style: solid;  float: left; left: 50%; margin-left:-347px; position:relative; width: 100%; }
			.layout_ab2 #content_wrap { float: right; position:relative; right: 100%; width: 50%; }
				.layout_ab2 #content_pad { margin-left: 347px; overflow: hidden; padding-left: 4px; }
					.layout_ab2 #content { overflow:hidden; width: 100%; }
			.layout_ab2 #column1 { float: left; left: 0px; margin-left: -50%; overflow: hidden; padding-right: 4px; position: relative; width: 344px; width: /**/ 340px; }
			.layout_ab2 #column2 { display:none; }

/* First the b layout = Just content, no side columns */
	.layout_b #content_pos { position: relative; width: 100%; }
		.layout_b  #column2_wrap { width: 100%; }
			.layout_b #content_wrap { }
				.layout_b #content_pad { }
					.layout_b #content { overflow:hidden; }
			.layout_b #column1 { display: none; }
			.layout_b #column2 { display: none; }


/* CSS for all the website */
.categories ul { list-style:none; overflow: hidden; padding: 0; margin:0 0 20px 0; width: 100%; } /* float: left and clear left for IE whitespace BUG! Totally unnecessary for normal browsers */
	.categories li { display:block; float: left; clear: left; background:url('../images/pijl.gif') 11px 7px no-repeat; font-size: 0.9em; padding-left: 20px; line-height:20px; }
	.categories li a { color: #000; text-decoration: none; width: 100%; margin-left: -10px; display:block; float: left; clear: left; padding-left: 20px; margin-right: 20px; text-decoration:none; }
	html>body .categories li a { margin-left: -20px; margin-right:0px; } /* Crusial CSS hack for IE5.5 and IE6 with previous entry! */
	.categories li.select { background:url('../images/pijlwit.gif') 11px 8px no-repeat #74226c; text-decoration: underline; color: #FFF; text-decoration: none; }
	.categories li.select a { color:#FFFFFF; }
	.categories a:hover { background:url('../images/pijlwit.gif') 11px 8px no-repeat #74226c; text-decoration: underline; color: #FFF; text-decoration: none; }
	.categories li.sub { background: none; padding-left: 20px; }
		/* Main level */
		.categories li {  width: 240px; width: /**/ 220px; }
		.categories.s200 li { width: 200px; width: /**/ 180px; }
		.categories.s340 li { width: 340px; width: /**/ 320px; }
		/* First sub */
		.categories li.sub li { width: 220px; width: /**/ 200px; }
		.categories.s200 li.sub li { width: 180px; width: /**/ 160px; }
		.categories.s340 li.sub li { width: 320px; width: /**/ 300px; }
		/* Second sub */
		.categories li.sub li.sub li { width: 200px; width: /**/ 180px; }
		.categories.s200 li.sub li.sub li { width: 160px; width: /**/ 140px; }
		.categories.s340 li.sub li.sub li { width: 300px; width: /**/ 280px; }
		/* Thirs sub */
		.categories li.sub li.sub li.sub li { width: 180px; width: /**/ 160px; }
		.categories.s200 li.sub li.sub li.sub li { width: 140px; width: /**/ 120px; }
		.categories.s340 li.sub li.sub li.sub li { width: 280px; width: /**/ 260px; }
		/* Fourth sub */
		.categories li.sub li.sub li.sub li.sub li { width: 160px; width: /**/ 140px; }
		.categories.s200 li.sub li.sub li.sub li.sub li { width: 120px; width: /**/ 100px; }
		.categories.s340 li.sub li.sub li.sub li.sub li { width: 260px; width: /**/ 240px; }
.categories p{ margin-bottom: 0px;}
#bottom { clear: both; }
.clear { clear: both; }


/* 404 Page */
.four0four { border:1px solid black; margin:30px auto auto; padding:20px; width:600px; }


/* Greybar (the yellow bar on the top */
.greybar { margin-bottom: 10px; padding: 8px; height: 43px; height: /**/ 23px; }
.greybar div.search { float: left; }
.greybar div.search label { display: none; }
.greybar input.search { color: #000; border:1px solid #cecece; border-top:1px solid #8e8e8e; height:23px; height:/*ie6 fix*/17px; line-height:12px; width:154px; padding:4px 0 0 4px; margin:0; }
.greybar input.search_submit { background:#666; border:0; height:23px; color:#FFF; line-height:14px; font-size: 0.8em; padding:1px 0 2px; margin:0 0 0 2px; width:54px; }
.greybar div.order_for_view { float: left; }
.greybar div.view { float: right; }
	.greybar ul { display: inline; list-style:none; padding: 0; }
	.greybar ul li { display:inline; }
	.greybar ul li a { text-decoration:none; color:#919191; font-size: 1em; }
	.greybar ul li a span { display: none; }


	
/* Home page*/
.layout_aba #column2 ul { list-style: none; padding: 0; }
.layout_aba #column2 li { float: left; clear: left; padding-right: 5px; display: block; line-height: 40px; color: #646464; text-decoration: none; padding: 0 0 0 25px; font-weight:bold; }
.layout_aba #column2 li.select { border-width: 3px; border-style: solid; border-left: 3px solid white; position: relative; left: -7px; width: 100%; background:url('../images/pijl.gif') 10px 16px no-repeat; color:#33235a; }
.layout_aba #column2 li a:hover { background:url('../images/pijl.gif') 11px 8px no-repeat; color:#33235a; }



/* Different size column1 */
.layout_ab2 .categories li {  width: 340px; width: /**/ 320px; }
.layout_ab2 .categories li.sub li { width: 320px; width: /**/ 300px; }
.layout_ab2 .categories li.sub li.sub li { width: 300px; width: /**/ 280px; }
.layout_ab2 .categories li.sub li.sub li.sub li { width: 280px; width: /**/ 260px; }
.layout_ab2 .categories li.sub li.sub li.sub li.sub li { width: 260px; width: /**/ 240px; }



/* Catalog items */
div.item { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px groove #CCC; }
	/* Big picture on the left */
	div.item .item_image { }
	div.item .item_no_image { width: 133px; height: 177px; background-color: #cccccc; }
	div.item .item_text { margin-left: 150px; }
	/* open/close list of items */
	div.item a.show_more { float: left; clear: left; font-size: 0.8em; margin-bottom: 5px; } div.item a.show_more img { vertical-align: middle; margin-right: 7px; }
	/* Table with package content */
	div.item table.product { font-size: 0.9em; }
		table.product caption { text-align: left; font-weight: bold; } table.product caption a { color: #666; font-size: 1.1em; } /* padding-bottom: Create space for the show more link! */
		table.product tbody td { padding: 1px 0; padding-left: 20px; }
		table.product tbody.extended td { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #eac574; }
		table.product tbody tr:first-child td { border: none; }
			table.product td.item_left { color: #9b9b9b; vertical-align: top; white-space: nowrap; }
			table.product td.item_left img { width: 100px; vertical-align: bottom; } /* vertical-align to put img at bottom of a */
			table.product td.item_left.no_photo { height: 100px; }
		table.product td.item_right { color:#333; padding-left: 10px; vertical-align: top; }
		table.product tfoot td { color: #444; font-size: 1.3em; margin: 5px; font-weight: bold; border-top: 2px solid #CCC; }
		table.product tfoot td .vat { font-size: 0.7em; }
	/* Add to basket button/form */
	div.item_insert {position: relative;}
	div.item_insert div.add_to_basket { }
	div.item_insert div.price { position: absolute; left: 150px; top:4px; white-space: nowrap; }
	div.item_insert input.item { border:1px solid #afafaf; width:31px; height:24px; height:/**/20px; font-size: 0.8em; font-weight:bold; color:#797979; padding: 4px 0 0 6px; vertical-align: top; }
	div.item_insert input.item_submit { outline: none; border: 0; background:#797979; height:26px; font-size: 0.8em; color:#FFFFFF; vertical-align: top; padding: 0 3px; }
	span.vat { font-size: 0.8em; white-space: nowrap;}
	span.price { font-size: 1em; white-space: nowrap; }
	
	/* Help? */
	div.item div.item_help { clear: both; color:#666; font-size: 0.8em; }
		div.item_help a { text-decoration: underline; }

/* Catalog items short */
#catalog_short div.item_short { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px groove #CCC; }
#catalog_short div.item_short input { position: absolute; width: 40px; font-size: 1em; }
#catalog_short div.item_short div.item_insert { margin-left: 50px; }
#catalog_short div.item_insert div.price { position: static; font-size: 0.9em; }
#catalog_short div.item_short table.product { font-size: 0.9em; }
#catalog_short div.item_short table.product td { padding-left: 30px; }


/* Shoppingcart */
div.content_items {float:left; width:500px;}
div.item_text a{text-decoration:underline;} /*note to myself "deze regel heb ik toegevoegd om de links in het textblock te underlinen"*/
div.content_padding {padding:0 3px;}

table.basket { font-size: 0.9em; width: 100%; }
	.basket caption { display: none; }
	.basket thead { background-color: #eac574; color: #444; }
	.basket thead th { text-align: left; padding: 0 3px; height: 43px; height: /**/ 39px; }
	table.basket tbody td {color:#33235a; font-size: 1em; line-height:20px; padding: 0px 0px; vertical-align: top; }
	table.basket td.basket_units {width:40px;}
		table.basket td.basket_units input { width:30px; border: 1px solid #CCC; }
	table.basket td.basket_unitnumber {width:100px;}
	table.basket td.basket_unitname {}
	table.basket td.basket_unitstatus {width:70px; white-space: nowrap;}
	table.basket .basket_unitprice {width:100px; text-align: right; white-space: nowrap; }
	table.basket .basket_unittotal {width:85px; text-align: right; white-space: nowrap; }
	table.basket .basket_unitdelete {width:85px; text-align: right; }
		table.basket td.basket_unitdelete span { display: none;}
	table.basket td.basket_subtotal { font-weight: bold; text-align: right; padding: 0px; padding-bottom: 3px; white-space: nowrap; }
	table.basket td.basket_shipping { text-align: right; padding: 0px; padding-bottom: 3px; }
	table.basket td.basket_total { font-size: 1.2em; padding-bottom: 25px; font-weight: bold; text-align: right; border-top: 1px solid black; white-space: nowrap; }
		table.basket td.basket_total .excl { font-size: 0.8em; }
	
button, input[type=submit], input.basket_button { color:#FFFFFF; font-size: 0.9em; text-transform:uppercase; background: #797979; border: 0; margin: 0px; padding: 2px 4px; cursor: pointer; }
a.basket_button { background: #797979; font-size: 0.9em; color:#FFFFFF; text-decoration: none; text-transform:uppercase; border: 0; margin: 0px; padding: 4px 6px 3px; }
/*
a.basket_button {display:block; line-height:22px; padding:0 8px; font-size: 0.8em; text-transform:uppercase; color:#FFFFFF; text-decoration:none; background:#797979;}
*/
.fltleft {float: left; clear: left;}
.fltright {float: right; clear: right; margin-right:5px;}


/* Simple Form CSS */
#simple_form { font-size: 0.9em; }
	#simple_form div { float: left; height: 30px; position: relative; width: 340px; }
	#simple_form input, #simple_form select, #simple_form textarea { left: 140px; position: absolute; }
	#simple_form div.clear { clear: both; }
	#simple_form input, form.form select, form.form textarea { width: 150px; }
	#simple_form select { width: 154px; }
	
	/* Error control */
	#simple_form div.error, form.form div.error_margin { position: relative; margin-bottom: 25px; }
	#simple_form div.error input, form.form div.error select, form.form div.error textarea { border: 2px solid red; }
	#simple_form span.error { background-color: #FFFF99;border: 2px dotted red; font-weight: bold; position: absolute; top: 21px; width: 282px; padding: 4px; }
	div.noScriptError { background-color: #FFFF99;border: 2px dotted red; font-weight: bold; padding: 4px; margin-bottom: 20px; }
	div.error { color: red;  }


/* New Account Form CSS */
form.form { font-size: 0.9em; }
	form.form fieldset { background-color: #DDD; margin: 0px 0px 20px; padding: 15px 8px 5px; border: none; }
	form.form div.clear { clear: both; }
	form.form legend { background-color: #DDD; font-weight: bold; color: #444; padding: 5px 8px; letter-spacing: 0.15em; }
	form.form legend img { }
	form.form textarea {  width: 150px; }
	form.form input[type=text], form.form input[type=password] { width: 150px; }
	form.form input.text, form.form input.password { width: 150px; } /* Backwards comp. for pre-IE7 */
	form.form select { width: 154px; }
	form.form input#adr_delivery_customer_name, form.form input#adr_invoice_customer_name {background-color: transparent; border: 0;}
	form.form input#adr_contact_country, form.form input#adr_delivery_country, form.form input#adr_invoice_country {background-color: transparent; border: 0;}
	
	/*
	form.form fieldset div.info { position: relative; }
	form.form fieldset div.info span.info { left: 155px; position: absolute; }
	*/
	form.form fieldset div.info { clear: both; }
	form.form fieldset div.info span.label { width: 155px; float: left; clear: left; }
	form.form fieldset div.info span.info { float: left; }
	form.form fieldset div.info span.info input.normalradio { position:relative; left: 0; }

	form.form fieldset div.invoices{ margin-bottom: 0px;}
	form.form fieldset div.invoices span.push_right{display:block; float:left; font-weight: bold;}
	form.form fieldset div.invoices div.push_right{display:block; float:left; line-height: 26px;}

	form.form select.autowidth { width: auto; }
	
	/* Error control */
	form.form div.error, form.form div.error_margin { position: relative; margin-bottom: 25px; }
	form.form #delivery div.error, form.form div.error_margin { margin-bottom: 0px; margin-left:-10px; }
	
	form.form div.error input, form.form div.error select, form.form div.error textarea { background-color: #ffdddd; border: solid 2px red; }
	form.form span.error { background-color: #FFFF99; border: 2px dotted red; font-weight: bold; position: absolute; top: 21px; width: 297px; padding: 4px; }
	
	/* Information fieldset */
	form.form #information { clear: both; }
	form.form #information div { display:block;float: left; height: 30px; position: relative; width: 330px; }
	form.form #information div.hidden { display:none; }
	form.form #information input, form.form #information select, form.form #information textarea { left: 155px; position: absolute; }
	form.form #information div.info span.info { left: 155px; position: absolute; }
	
	/* Contact fieldset */
	form.form #contact { width: 310px; float: left; margin-right: 0; border-right: 0px; }
	form.form #contact legend { margin-left: 155px; }
	form.form #contact div { float: left; height: 30px; position: relative; width: 300px; }
	form.form #contact input, form.form #contact select, form.form #contact textarea { left: 155px; position: absolute; }
	form.form #contact div.info span.info { left: 155px; position: absolute; }
	
	/* Deliver and invoice fieldset*/
	form.form #delivery, form.form #invoice { float: left; margin-left: 0; margin-right: 0; border-left: 0; }
	form.form #delivery { border-right: 0px; }
	form.form #delivery div, form.form #invoice div { height: 30px; width: 155px; }
	form.form #delivery label, form.form #invoice label { display: none; }
	form.form #delivery span.label, form.form #invoice span.label { display: none; }
	form.form #delivery div.info span.info, form.form #invoice div.info span.info { left: 0; position: static; }
	
	/* Extra info fieldset */
	form.form .information { clear: both; }
	form.form .information div { float: left; margin-bottom: 15px; position: relative; width: 100%; }
	form.form .information input, form.form .information select, form.form .information textarea { left: 155px; position: absolute; }
	form.form .information div.push_right { left:155px; top: -13px; margin-bottom: 0px;}
	form.form .information div.push_right input { left:0; position: static; }
	form.form .information div.push_right img { vertical-align: middle; }
	form.form .information div.push_right label { display: block; margin-bottom: 5px; }
	

	form.form .company_private { float: left; margin: 10px 20px 20px 0;border-left: 0; width: 45%; }
	form.form .company_private_left { float: left; margin: 10px 0px 20px 0;border-left: 0; width: 45%; }
	/*New company link*/
	form.form a.newCompany { left: 155px; position: relative; }

       
        /* fieldset terms and conditions */
        form.form #terms { clear: both; }
       
	/*
	form.form #terms div { display:block;height: 40px; position: relative; width: 100%; } 
	form.form #terms input, form.form #terms select, form.form #terms textarea { left: 300px; position: absolute; }
	form.form #terms div.info span.info { left: 300px; position: absolute; }*/
    form.form #terms span.error { background-color: #FFFF99;border: 2px dotted red; font-weight: bold; position: absolute; top: 36px;width: 297px; padding: 2px; }
    
    .lock_field { background-color: transparent; border: 0; font-size:11px; color:#777; }
    .disable_field { font-size:11px; color:#999; }
       



/* Customers table (order_for) */
table.customers { border: 2px groove #CCC; width: 100%; }
	table.customers th { padding: 2px 3px; font-size: 1.1em; }
	table.customers tr.row0 { background-color: #DDD; }
	table.customers tr.row1 { background-color: #FFF; }
	table.customers a { color: #000; }
	table.customers td { width: 25%; padding: 1px 3px; }

/* Addresses table */
table#addresses {
	margin-top:-30px;
}
table#addresses td {
	width: 25%;
	padding: 5px 10px 5px 0px; 
	vertical-align: top;
}

/* Terms listing */
ul.terms { padding-bottom: 10px; list-style: none; width: 550px; }
ul.terms li { padding-bottom: 5px; }

/* stefan */
div.item_price, div.item_text_small {
	color: #4c4c4c;
	font-size: 12px;
	line-height: 20px;
	float: left;
	clear: right;
}
div.item_price h2, div.item_text_small h2 {
	color: #4c4c4c;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
div.item_image, div.item_input  {
	float: left;
	clear: left;
	width: 150px;
}
div.item_insert {
	clear:both;
}
div.item_divider {
	clear:both;
	height: 10px;
	border-bottom: 1px solid #aaa;
}
div.item_description {
	clear:both;
	padding-top: 10px;
}
a.cart {
	text-decoration: underline;
}

input[type=text],input[type=password] { height: 15px; }
input.error,select.error { background-color: #ffdddd; border: solid 2px red; }

.greybar p { font-size: 0.8em; padding: 5px; }

span.highlight { color: #74226c; font-weight: bold; }

div.warning { border: 1px solid #f00; margin-bottom: 15px; padding: 5px; background-color: #ffdddd; }

div.highlight_links a { color: #444; }

div.pages { margin-top: 5px; }
span.page { margin: 2px 2px 2px 4px; }

.package_picture{
	float:left;
}

/* next lines are about the reviews and need to change for each site but if i dont put it here now it would be f#cked up on every site*/
.starheader{
	clear: both; 
	float:left;
	color:#535050;
	display:block;
	margin-top:10px;

}

.startext{
	width:763px;
	color:#000000;
}

#star{
cursor:pointer;
}

#appreciation{
	width:55px;
}

.stars{
	background-image: url('../images/starfilled.png');
	float:left;
	clear: both; 
	height:20px;
}

#click{
	cursor:pointer;
}

.star-rating {
	background-image: url('../images/emptystar.png');
	width:100px;
	height:20px;
	float:right;
	clear: both;
}

#reactieform, #loginlabel{
	margin-top:10px;
}
/* DATEPICKER class*/
.ui-datepicker a{
    border:solid 1px #ccc;
    }
.ui-datepicker a:hover {
    border:solid 1px #ccc;
    background-color:#ccc;
    color:#000;
    }
.ui-datepicker .ui-icon:hover {
	background-color:#fff;
	width: 2em; 
	height: 2em;
	cursor:pointer;
	margin-top:-9px;
	}
/**/
.ui-datepicker { width: 17em; padding: .1em .1em 0; display: none; background-color:#fff;border:solid 1px #ccc}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.5em; height: 1.5em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background-color:#fff; }
.ui-datepicker .ui-datepicker-prev { left:6px; border:none; font-size:10px; font-weight:bold }
.ui-datepicker .ui-datepicker-next { right:6px;  border:none; font-size:10px; font-weight:bold }
.ui-datepicker .ui-datepicker-prev-hover { left:5px;}
.ui-datepicker .ui-datepicker-next-hover { right:5px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.0em; line-height: 1.5em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

    
/*end of review css*/
.hidden{
	display: none;
	visibility: hidden;
}

#ordercomment textarea {
    height: 80px;
    width: 530px;
}

#ordercomment{
	margin-bottom: 70px;
}