html, body {
	margin: 0;
}

body {
	background: url('/graphics/main_bg.gif') 0 0 repeat-x #FFF;
	text-align: center;
	font-size: 71%;
}

html {
	overflow: -moz-scrollbars-vertical;
}

td {
	text-align: left;
}

h1 {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 140%;
	margin: 0 0 5px 0;
}
	h1 a {
		text-decoration: none;
	}

h2 {
	font-size: 1.1em;
	color: #246E08;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 3px 0;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0em;
}

a {				
	text-decoration: underline;
	color: #246E08; 
}
a:hover {	
	color: #1D430F;
}
	h2 a {		color: #246E08; }

p, form {
	margin: 0em;
}

ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}

div.clear {
	height: 0.01em;
	overflow: hidden;
	clear: both;
}
div.hr {
	border-top: 1px solid silver;
	margin: 0;
}
div.noshow { display : none; }
img {
	border-color: #862626;
}
img, div { behavior: url('iepngfix.htc') }

.noshow, .nosubmenu { display: none; }

a span.back {
	display: block;
	float: left;
	text-decoration: none;
	cursor: pointer;
	margin-top: 20px;
}
	a span.back div {
		float: left;
		background: url('/graphics/back.gif') 0 0 no-repeat transparent;
		margin: 3px 5px 2px 0;
		width: 11px;
		height: 11px;
		font-size: 1px;
	}
	
a span.more {
	display: block;
	float: left;
	text-decoration: none;
	cursor: pointer;
	background: url('/graphics/more.gif') 100% 5px no-repeat transparent;
	padding: 2px 20px 2px 0;
}
	
/*******************************************************************************
** ALL ELEMENTS THAT SHOULD HAVE THE BASIC FONT
*******************************************************************************/
body, table, td, input, select, textarea {
	font-family: Verdana, Tahoma, Arial, Georgia, sans-serif;
}
table, td, input, select, textarea {
	font-size: 1.0em;
}
body, table, td {
	color: #000000;
}
div.main div.header, div.main div.menu, div.dropdown {
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

/*******************************************************************************
** BASIC FORM ELEMENTS
*******************************************************************************/

input.txt, textarea, select {
	border: solid 1px #C8C8C8;
	background-color: #FFF;
	padding: 0;
}
input.txt {
	padding: 3px 1px 0 1px;
	height: 17px;
}

fieldset table.disabled td {
	padding: 0;
	padding: 0;
}

fieldset table.disabled input.txt {
	border: 0;
	background-color: transparent;
	padding: 0;
	color: #000;
	height: auto;
}

input.btn,
input.btn_hover {
	background: url('/graphics/btn_sprite.gif');
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #429921;
	height: 22px;
	padding-bottom: 3px;
	#padding-top: 3px;
	behavior: url('/inc/styles/hover.htc');
	vertical-align: bottom;
	border: solid 1px #C8C8C8;
	cursor: pointer;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0 5px 0 0;
	text-transform: uppercase;
}
input.btn:hover,
input.btn_hover {
	background-position: 0 -20px;
}

input.cb {
	float: left;
	margin: 0.25em 0em 0em 0.3em;
	#margin-top: 2px;
	padding: 0;
	height: 1.2em;
}
label.lbl {
	float: left;
	display: block;
	padding: 4px 0 1px 5px;
	margin: 0;
}
span.err {
	color: red;
}

div.dateinput {
	line-height: 100%;
	background-color: #F6F6F7;
	border: 1px solid silver;
	float: left;
	height: 17px;
	#height: 19px;
}
	div.dateinput span.hyphen	{
		display: block;
		float: left;
		width: 0.95em;
		text-align: center;
		overflow: hidden;
		color: black;
		font-size: 1.0em;
	}
	div.dateinput input {
		display: block;
		float: left;
		background: none;
		padding: 1px 0 1px 0;
		margin: 0;
		border: 0;
		font-size: 11px;
		line-height: 17px;
		height: 17px;
	}
	div.dateinput span {
		padding: 2px 0 2px 0;
	}
	div.dateinput input.d	{ width: 16px; }
	div.dateinput input.m	{ width: 16px; }
	div.dateinput input.y	{ width: 30px; }
	
/*******************************************************************************
** ELEMENTS THAT MAKE OUT THE PAGE LAYOUT
*******************************************************************************/
div.shell {
	margin: 45px auto 0 auto;
	width: 850px;
	min-height: 600px;
	_height: 600px;
	padding: 0 40px;
	border: solid 1px #F2F2F2;
	background: url('/graphics/rgt_bg_gradient.gif') 100% 0 no-repeat #FFF;
	text-align: left
}
	div.shell div.header {
		padding: 0 0 30px 0;
	}
		div.shell div.header div.search {
			width: 250px;
			height: 30px;
			padding: 10px 0 0 20px;
			float: right;
		}
			div.shell div.header div.search input.txt {
				width: 153px;
			}
			div.shell div.header div.search input.search_btn {
				width: 62px;
			}
			div.shell div.header div.search input.btn,
			div.shell div.header div.search input.btn_hover {
				vertical-align: bottom;
			}
		
		div.shell div.header div.lang_menu {
			width: 50px;
			height: 30px;
			padding: 10px 0 0 20px;
			float: right;
		}
			div.shell div.header div.lang_menu a {
				float: left;
				display: block;
				width: 20px;
				height: 20px;
				margin-right: 5px;
				background-image: url(/graphics/flag_sprite.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
				color: #FFF;
				text-decoration: none;
			}
			div.shell div.header div.lang_menu a:hover {
				text-decoration: none;
			}
			div.shell div.header div.lang_menu a.NL {
				background-position: 0 100%;
			}
			div.shell div.header div.lang_menu a.NL:hover,
			div.shell div.header div.lang_menu a.NLactive {
				background-position: 100% 100%;
			}
			div.shell div.header div.lang_menu a.UK {
				background-position: 0 0;
			}
			div.shell div.header div.lang_menu a.UK:hover,
			div.shell div.header div.lang_menu a.UKactive {
				background-position: 100% 0;
			}
		
		div.shell div.header div.hcontent {
			position: relative;
			width: 816px;
			padding: 15px 15px;
			background: url('/graphics/header_bg.jpg') 0 100% no-repeat;
		}
			div.shell div.header div.hcontent div.corner {
				position: absolute;
				width: 28px;
				height: 28px;
				background-image: url('/graphics/header_corn_sprite.png');
				_background-image: url('/graphics/header_corn_sprite.gif');
				background-position: 0 0;
				background-repeat: no-repeat;
			}
			div.shell div.header div.hcontent div.lfttop {
				top: 0;
				left: 0;
				background-position: 0 0;
			}
			div.shell div.header div.hcontent div.rgttop {
				top: 0;
				right: 0;
				background-position: -28px 0;
			}
				
			div.shell div.header div.hcontent div.pageimg {	
				display: block;
				width: 369px;
				height: 444px;
				position: absolute;
				bottom: -15px;
				left: -15px;
				z-index: 2;
				background-repeat: no-repeat;
				white-space: nowrap;
			}
				div.shell div.header div.hcontent div.pageimg	a.logo,
				div.shell div.header div.hcontent	a:hover.logo {
					margin: 285px auto 18px auto;
					width: 277px;
					height: 106px;
					display: block;
					border: 0;
					text-decoration: none;
					background-image: url(/graphics/logo.png);
					background-position: 0 0;
					background-repeat: no-repeat; 
					_background-image: none; 
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/graphics/logo.png", sizingMethod="crop");
					cursor: pointer;
				}
					div.shell div.header div.hcontent	a.logo img {
						display: none;
					}
					
			div.shell div.header div.hcontent div.txt {
				background-image: url(/graphics/txt_bg.png);
				background-position: 100% 0;
				background-repeat: no-repeat; 
				_background-image: none; 
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/graphics/txt_bg.png", sizingMethod="crop");
				float: right;
				width: 400px;
				min-height: 135px;
				_height: 135px;
				line-height: 130%;
				padding: 20px 20px 20px 245px;
				overflow: hidden;
			}
				div.shell div.header div.hcontent div.txt h1 {
					text-transform: uppercase;
					font-weight: bold;
					font-size: 1.6em;
					line-height: 120%;
				}
		
			div.shell div.header div.hcontent div.login {
				float: right;
				padding: 5px 3px 0 0;
				width: 235px;
				height: 76px;
				text-align: right;
				color: #FFF;
			}
				div.shell div.header div.hcontent div.login span {
					float: left;
					display: block;
					width: 80px;
					padding-top: 3px;
					color: #246E08;
					font-weight: bold;
					text-align: left;
					font-size: 10px;
					text-transform: uppercase;
				}
				div.shell div.header div.hcontent div.login input.txt {
					width: 133px;
					margin-bottom: 5px;
				}
				div.shell div.header div.hcontent div.login input.btn,
				div.shell div.header div.hcontent div.login input.btn_hover {
					width: 62px;
				}
				
				div.shell div.header div.hcontent div.login a {
					color: #FFF;
					text-decoration: none;
				}
				div.shell div.header div.hcontent div.login a:hover {
					color: #1D430F;
				}
				
				div.shell div.header div.hcontent div.login small {
					float: left;
					display: block;
					width: 140px;
					text-align: left;
					font-size: 9px;
					color: #FFF;
				}
					div.shell div.header div.hcontent div.login small a {
						text-decoration: underline;
					}
					
	div.shell div.menu {
		background-image: url('/graphics/menu_bar.gif');
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 53px;
		position: relative;
	}
		div.shell div.menu div.menu_rgt {
			float: right;
			width: 152px;
			height: 53px;
			padding: 0;
			background-image: url(/graphics/prod_header_rgt.gif);
			background-position: 0 0;
			background-repeat: no-repeat; 
		}
		
		div.shell div.menu a.cart {
			float: right;
			display: block;
			width: 136px;
			height: 43px;
			padding: 10px 0 0 16px; 
			background-image: url(/graphics/shop_btn_sprite.png);
			_background-image: url(/graphics/shop_btn_sprite.gif);
			background-position: 0 0;
			background-repeat: no-repeat; 
			color: #000;
			font-size: 9px;
			font-weight: bold;
			text-decoration: none;
		}
		div.shell div.menu a:hover.cart {
			background-position: 0 -53px;
			color: #000;
			text-decoration: none;
		}
		
		div.shell div.menu ul {
			list-style: none;
			font-family: arial, Tahoma, Verdana, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 12px;
			padding: 0 20px;
			float: left;
		} 
			div.shell div.menu ul li {
				float: left;
			}
				div.shell div.menu ul li a {
					display: block;
					color: #000;
					text-decoration: none;
					padding: 20px 15px 17px 15px;
					_height: 1px;
					_width: 1px;
					white-space: nowrap;
				}
				div.shell div.menu ul li a:hover,
				div.shell div.menu ul li a.selectedlink {
					color: #000;
					text-decoration: none;
					background: url('/graphics/menu_active.gif') 0 0 repeat-x;
				}
		
	div.shell div.submenu {
		display: none;
	}
	div.shell div.submenuselectedlink {
		float: left;
		background-image: url('/graphics/submenu_top.png');
		background-position: 0 0;
		background-repeat: no-repeat; 
		_background-image: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/graphics/submenu_top.png", sizingMethod="crop");
		margin-bottom: 15px;
	}	
		div.shell div.submenuselectedlink div.submenu_container {
			width: 826px;
			padding: 30px 20px 0 0;
			background-position: 0 40px;
			background-repeat: no-repeat; 
			position: relative;
		}
			div.shell div.submenuselectedlink div.submenu_container h2 {
				margin: 0 0 10px 25px;
				color: #246E08;
				font-weight: bold;
			}
			
			div.shell div.submenuselectedlink div.submenu_container div.mood_image {
				padding: 0 0 0 1px;
				width: 204px;
				float: left;
			}
			div.shell div.submenuselectedlink div.submenu_container div.image_shell {
				float: left;
				padding-left: 205px;
				background-position: 1px 0;
				background-repeat: no-repeat;
				min-height: 100px;
				_height: 100px;
			}
			
			div.shell div.submenuselectedlink div.submenu_container div.submenulinks {
				width: 430px;
				min-height: 70px;
				_height: 70px;
				float: left;
				border-right: solid 1px #EDEDED;
				margin: 0 0 30px 0;
			}
				div.shell div.submenuselectedlink div.submenu_container div.submenulinks div {
					float: left;
					width: 210px;
				}
				
				div.shell div.submenuselectedlink div.submenu_container div.submenulinks a {
					float: left;
					display: block;
					width: 185px;
					padding: 0 0 15px 25px;
					color: #000;
					line-height: 120%;
					text-decoration: none;
				}
				div.shell div.submenuselectedlink div.submenu_container div.submenulinks a.selectedlink,
				div.shell div.submenuselectedlink div.submenu_container div.submenulinks a:hover {
					background: url('/graphics/submenu_active.gif') 7px 3px no-repeat;
					color: #246E08;
					text-decoration: underline;
				}
				
				div.shell div.submenuselectedlink div.submenu_container div.submenulinks span.prod_submenu {
					display: none;
				}
				div.shell div.submenuselectedlink div.submenu_container div.submenulinks span.prod_submenuselectedlink {
					display: inline;
				}
					div.shell div.submenuselectedlink div.submenu_container div.submenulinks span.prod_submenuselectedlink a.bold {
						font-weight: bold;
					}
			
			div.shell div.submenuselectedlink div.submenu_container div.submenu_rgt {
				width: 165px;
				padding: 0 0 30px 25px;
				float: left;
			}
				div.shell div.submenuselectedlink div.submenu_container div.submenu_rgt h2 {
					margin-left: 0;
				}
		
		
		div.shell div.submenuselectedlink div.submenu_container div.submenu_btm {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 846px;
			height: 30px;
			background-image: url('/graphics/submenu_btm.png');
			background-position: 0 0;
			background-repeat: no-repeat; 
			_background-image: none; 
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/graphics/submenu_btm.png", sizingMethod="crop");
		}
		
	div.shell div.main {

	}
		div.shell div.main div.content {
			float: left;
			width: 820px;
			padding: 15px;
		}
			div.shell div.main div.content div.mainimg {
				float: right;
				width: 250px;
				border: solid 1px #ccc;
				margin: 0 3px 10px 20px;
			}
				div.shell div.main div.content div.mainimg img {
					display: block;
				}
			
			div.shell div.main div.content div.gmap {
				width: 410px;
				height: 340px;
				border: 1px solid black;
			}
				div.shell div.main div.content div.gmap span img {
					float:right; 
					margin: 0 0 5px 5px;
					border: 0;
				}
				
						
			div.shell div.main div.content div.searchovv div.item {
				padding-bottom: 10px;
			}			
			
			div.shell div.main div.content div.news {
			}
				div.shell div.main div.content div.news ul li a.img {
					float: left;
					width: 90px;
					height: 90px;
					margin: 0 10px 15px 0;
					_margin: 12px 10px 15px 0;
					border: solid 1px #ccc;
					background-position: center;
					background-repeat: no-repeat;
					text-decoration: none;
					display: block;
				}
				div.shell div.main div.content div.news ul li a.img:hover {
					border: solid 1px #246E08;
				}
					
				div.shell div.main div.content div.news ul,
				div.shell div.main div.content div.news li {
					list-style: none;
					margin: 0;
					padding: 0;
				}
				div.shell div.main div.content div.news li {
					padding: 0 0 15px 0;
				}
				div.shell div.main div.content div.morenews ul,
				div.shell div.main div.content div.morenews li  {
					list-style: none;
					margin: 0;
					padding: 0;
				}
				
			div.shell div.main div.content div.morenews {
				padding: 15px 0 0 0;
			}
				div.shell div.main div.content div.morenews ul li h4 {
					padding-right: 45px;
				}
				
		div.shell div.main div.content table.friable {
			border: 0;
			width: 840px;
			border-left: solid 1px #F2F2F2;
		}
			div.shell div.main div.content table.friable td {
				width: 172px;
				padding: 19px;
				vertical-align: top;
				border-right: solid 1px #F2F2F2;
			}
				
		div.shell div.main div.halfwidth {
			width: 550px;
			padding: 15px;
		}
		
		div.shell div.main div.rgt {
			float: left;
			width: 270px;
		}
			div.shell div.main div.rgt div.mainimg {
				width: 250px;
				border: solid 1px #ccc;
				margin: 15px 0 0 0;
			}
				div.shell div.main div.rgt div.mainimg img {
					display: block;
				}
				
			div.shell div.main div.rgt div.block {
				padding: 20px 0 0 0;
			}
				div.shell div.main div.rgt div.block div.thandles {
					background: url('/graphics/numbers_bg.gif') 0 0 repeat-x;
					height: 18px;
					border: solid 1px #FAF6F4;
					border-top: 0;
					border-bottom: 0;
				}
					div.shell div.main div.rgt div.block div.thandles a {
						float: right;
						display: block;
						width: 27px;
						height: 17px;
						padding-top: 1px;
						text-align: center;
						background: url('/graphics/num.gif') 0 0 repeat-x;
						color: #C9DCAD;
						font-family: Arial, Tahoma, Verdana, sans-serif;
						font-weight: bold;
						font-size: 11px;
						text-decoration: none;
						margin-left: 3px;
					}
					div.shell div.main div.rgt div.block div.thandles a:hover,
					div.shell div.main div.rgt div.block div.thandles a.active {
						background: url('/graphics/num_active.gif') 0 0 repeat-x;
						color: #FFF;
					}

				div.shell div.main div.rgt div.block address {
					padding: 0 20px;
					font-style: normal;
				}
				div.shell div.main div.rgt div.block div.tab {
					border: solid 1px #F2F2F2;
					border-top: 0;
					background: url('/graphics/news_bg.gif') 0 0 repeat-x;
					height: 195px;
					padding: 20px;
					position: relative;
					display: none;
				}
				div.shell div.main div.rgt div.block div.active {
					display: block;
				}
					div.shell div.main div.rgt div.block address strong,
					div.shell div.main div.rgt div.block div.tab h2 {
						color: #246E08;
						font-weight: bold;
						font-size: 13px;
					}
						div.shell div.main div.rgt div.block div.tab h2 a {
							color: #246E08;
							font-weight: bold;
							text-decoration: none;
						}
						div.shell div.main div.rgt div.block div.tab h2 a:hover {
							color: #1D430F;
							text-decoration: none;
						}
					
					div.shell div.main div.rgt div.block div.tab div.blockfooter {
						margin-top: 15px;
						padding-top: 10px;
						border-top: solid 1px #FFF;
						width: 230px;
						position: absolute;
						bottom: 20px;
						left: 20px;
					}
						div.shell div.main div.rgt div.block div.tab div.blockfooter a {
							float: right;
						}
						div.shell div.main div.rgt div.block div.tab div.blockfooter a.reademore {
							float: left;
						}

div.footer {
	margin: 0 auto;
	width: 850px;
}
	div.footer address {
		font-style: normal;
		float: left;
		color: #AAA;
		font-size: 0.9em;
		padding: 10px 0 20px 0;
		text-align: left;
	}
		
	div.footer div.copyright {
		float: right;
		padding: 10px 0 20px 20px;
		color: #CCC;
		font-size: 0.9em;
	}
		div.footer div.copyright a {
			color: #CCC;
			text-decoration: none;
		}
		div.footer div.copyright a:hover {
			color: #246E08;
		}
		
/*******************************************************************************
** SPECIFIC STYLE DEFINITIONS FOR THE SITEMAP.
*******************************************************************************/	
ul#sitemap {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: url('/graphics/sitemap.gif');
	font-weight: normal;
	margin: 0 0 0 5px;
}					
	ul#sitemap li ul {
		list-style-image: url('/graphics/sitemapsub.gif');
	}					
		ul#sitemap li ul li ul {
			list-style-image: url('/graphics/sitemapsubsub.gif');
		}				
			ul#sitemap li ul li ul il ul {
				list-style-image: url('/graphics/sitemapsubsubsub.gif');
			}
/*******************************************************************************
** SPECIFIC STYLE DEFINITIONS FOR THE SINGLE PRODUCT VIEW.
*******************************************************************************/		
div#product {	
	background: url('/graphics/zigzag_y.gif') 110px 100% no-repeat transparent;
}
	div#product h1 {
		background: url('/graphics/prod_header.gif') center 0 no-repeat;
		color: #000;
		font-family: Arial, Verdana, Tahoma, sans-serif;
		font-weight: bold;
		font-size: 1.4em;
		padding: 4px 0 3px 0;
		text-align: center;
	}
	div#product div.prod_image {
		float: left;
		width: 205px;
		height: 242px;
	}

	div#product table {
		border-collapse: collapse;
	}	
		div#product table thead tr td,
		div#product table tr.head td {
			font-weight: bold;
		}
		div#product table tbody tr td {
			padding-bottom: 5px;
			vertical-align: top;
		}
		div#product table tbody tr.head td {
			padding-bottom: 0;
		}
		div#product table tr td.col0 {
			padding: 10px 0 0 20px;
		}
		div#product table tr td.col1 {
			width: 250px;
			padding-left: 20px;
		}
		div#product table tr td.col2 {
			width: 150px;
		}
		div#product table tr td.col3 {
			width: 125px;
		}
		div#product table tr td.col4 {
			width: 50px;
			text-align: center;
		}
		div#product table tr.head td.col4 {
			font-weight: normal;
		}
		div#product table tr td.col44 {
			width: 100px;
			text-align: center;
		}
		div#product table tfoot tr td {
			text-align: right;
		}
			div#product table tfoot tr td input.addtocart,
			div#product table tfoot tr td input.addtocart_hover {
				width: 169px;
				height: 34px;
				margin: 0;
				padding: 35px 0 0 0;
				background-image: url('/graphics/shop_btn_sprite2.gif');
				background-repeat: no-repeat;
				background-position: 0 0;
				background-color: transparent;
				behavior: url('/inc/styles/hover.htc');
				border-collapse: collapse;
				border: none;
				color: transparent;
				#color: #FFF;
				font-size: 0.1em;
				overflow: hidden;
				cursor: pointer;
			}
			div#product table tfoot tr td input.addtocart:hover,
			div#product table tfoot tr td input.addtocart_hover {
				background-position: -169px 0;
			}
/*******************************************************************************
** SPECIFIC STYLE DEFINITIONS FOR HOMEPAGE PRODUCT SLIDER.
*******************************************************************************/

div#productslider {
	float: left;
	width: 600px;
	margin-left: -24px;
	padding-bottom: 25px;
	position: relative;
	font-family: arial, Tahoma, Verdana, sans-serif;
	color: #4C4C4C;
	position: relative;
}
	div#productslider a.arrow {
		float: left;
		margin-top: 102px;
		width: 19px;
		height: 34px;
		background-image: url('/graphics/navarrow_sprite.gif');
		background-position: 0 0;
		background-repeat: no-repeat;
		color: transparent;
		#color: #FFF;
		font-size: 1px;
		display: block;
		visibility: hidden;
		cursor: pointer;
	}
	
	div#productslider a.prev_inactive {
		margin-right: 5px;
		background-position: 0 0;
		cursor: default;
	}
	div#productslider a.prev {
		margin-right: 5px;
		background-position: -19px 0;
	}
	div#productslider a:hover.prev {
		background-position: -38px 0;
	}

	div#productslider a.next {
		float: right;
		margin-left: 5px;
		background-position: -57px 0;
	}
	div#productslider a:hover.next {
		background-position: -76px 0;
	}
	div#productslider a.next_inactive {
		float: right;
		margin-left: 5px;
		background-position: -95px 0;
		cursor: default;
	}
	
	
	div#productslider div.slider {
		width: 549px;
		height: 240px;
		float: left;
		overflow-x: auto;
		overflow-y: hidden;
		border-left: solid 1px #FAF6F4;
	}
		div#productslider div.slider div.prods {
			height: 240px;
			width: 10000px;
			background: url('/graphics/zigzag_x.gif') 0 100% repeat-x;
		}
			div#productslider div.slider div.prods div.prod {
				float: left;
				border-right: solid 1px #FAF6F4;
				width: 182px;
				height: 240px;
				overflow: hidden;
			}
				div#productslider div.slider div.prods div.prod span.img {
					display: block;
					height: 163px;
					padding-top: 12px;
					text-align: center;
				}
					div#productslider div.slider div.prods div.prod span.img {
						text-decoration: none;
						border: none;
					}
						div#productslider div.slider div.prods div.prod span.img a img {
							border: none;
							display: block;
							margin: 0 auto;
						}
				div#productslider div.slider div.prods div.prod span.txt {
					display: block;
					padding: 0 24px;
				}
					div#productslider div.slider div.prods div.prod span.txt a {
						font-weight: bold;
					}

/*******************************************************************************
** SPECIFIC CLASSES FOR THE XML FORM ELEMENTS.
*******************************************************************************/
form#contact,
form#bulkorder,
form#login {
}
	form#contact h1.inline, form h2.inline,
	form#bulkorder h1.inline, form h2.inline,
	form#login h1.inline, form h2.inline {
		display: inline;
	}
	
	form#contact div.singlecol,
	form#bulkorder div.singlecol,
	form#login div.singlecol {
		width: 500px;
		padding: 0 10px 0 0;
		float: left;
	}
	form#bulkorder div.soilcol {
		width: 300px;
		padding: 0 10px 0 0;
		float: left;
		text-align: center;
	}
	
	form#contact fieldset,
	form#bulkorder fieldset,
	form#login fieldset {
		padding: 10px;
		margin: 0 0 10px 0;
		#margin: 0 0 0 0;
		border: solid 1px #CCC;
	}
	form#bulkorder div.soilcol fieldset {
		padding: 10px 50px;
		border: none;
	}
		form#contact fieldset legend,
		form#bulkorder fieldset legend,
		form#login fieldset legend {
			padding: 0 10px;
			margin: 0 5px;
			font-size: 12px;
			font-weight: bold;
			color: #246E08;
		}
		
		form#contact fieldset table,
		form#bulkorder fieldset table,
		form#login fieldset table {
		}
		form#bulkorder div.soilcol fieldset table {
			padding: 8px 15px 6px 15px;
			border-bottom: solid 1px #F2F2F2;
		}
			form#contact fieldset table td,
			form#bulkorder fieldset table td,
			form#login fieldset table td {
				font-size: 1.0em;
				padding: 2px 0;
				zoom: 1;
			}
			
			form#contact fieldset table td.col1,
			form#bulkorder fieldset table td.col1,
			form#login fieldset table td.col1 {
				font-weight: bold;
				width: 150px;
				padding-right: 5px;
			}
			form#contact fieldset table td.col2,
			form#bulkorder fieldset table td.col2,
			form#login fieldset table td.col2 {
				width: 215px;
			}
			
			form#contact fieldset table tr.btnrow td,
			form#bulkorder fieldset table tr.btnrow td,
			form#login fieldset table tr.btnrow td {
			}
				form#contact fieldset table tr.send td input,
				form#bulkorder fieldset table tr.send td input,
				form#login fieldset table tr.send td input {
					float: right;
				}
				form#contact fieldset table tr.btnrow td input.prev,
				form#bulkorder fieldset table tr.btnrow td input.prev,
				form#login fieldset table tr.btnrow td input.prev {
					float: left;
			}
			
input.txt 				 { width: 300px; }
input.route				 { width: 200px; }
input.firstname		 { width: 220px; }
input.initials		 { width: 60px; }
input.junction 		 { width: 60px; }
input.lastname 		 { width: 300px; }
input.birthyear		 { width: 30px; }
input.street			 { width: 300px; }
input.housenum		 { width: 50px; }
input.addon				 { width: 20px; }
input.zipcode			 { width: 50px; _width: 50px; }
input.pobox				 { width: 70px; }
input.city				 { width: 240px; }
input.phone				 { width: 100px; }
input.email				 { width: 300px; }

textarea {
	width: 460px;
	height: 70px;
	overflow: auto;
}
form.orderform textarea {
	width: 300px;
}
input.cb {
	float: left;
	height: 18px;
	vertical-align: top;
	zoom: 1;
	_width: 15px;
	_margin: 0;
}
input.rb {
	float: left;
	vertical-align: middle;
	margin: 2px 0 0 0;
	#height: 13px;
	zoom: 1;
}
label {
	cursor: pointer;
	font-size: 1.0em;
	color: #999;
	zoom: 1;
}
label.lbl {
	color: #000;
}
label.lb {
	color: #000;
	float: left;
	width: 280px;
	_width: 280px;
	padding: 0 0 0 5px;
}
label.halfsize {
	width: 130px;
	#width: 125px;
	_width: 135px;
}
label.halfsizeplus {
	width: 170px;
	#width: 165px;
	_width: 165px;
}
label.threethird {
	width: 180px;
	#width: 170px;
	_width: 180px;
}
label.threefourth {
	width: 210px;
	#width: 200px;
	_width: 200px;
}
small {
	font-size: 1.0em;
	color: #999;
}
form em {
	font-size: 1px;
	color: #E20F1A;
	padding: 14px 0 0 6px;
	overflow: hidden;
	background: url('/graphics/asterisk.gif') 0 100% no-repeat;
}


tr.error td {
	color: #C00;
	font-size: 0.9em;
}
tr.error td u {
	font-weight: bold;
}

span.rb,
input.rb {
	float: left;
	height: 12px;
	margin-top: 3px;
	padding: 0;
}
span.cb,
input.cb {
	float: left;
	height: 12px;
	margin: 2px 2px 0 0 ;
	padding: 0;
}
span.rb,
span.cb {
	background: url('/cms/graphics/icons/checkbox-unchecked.gif') 0 0 no-repeat;
	margin: 2px 5px 0 0;
	width: 12px;
}
span.checked {
	background-image: url('/cms/graphics/icons/checkbox-checked.gif');
	width: 12px;
}
/*******************************************************************************
** SPECIFIC CLASSES FOR THE SHOP FORM ELEMENTS.
*******************************************************************************/
form.orderform div.paging {
	padding: 0 0 10px 0;
}
	form.orderform div.paging a {
		text-decoration: none;
		color: #000;
	}
	form.orderform div.paging a.active {
		font-weight: bold;
		font-size: 12px;
		color: #246E08;
		text-decoration: none;
	}

form.orderform div.shop {
}
form.orderform div.btnrow#product {
	background: none;
}
	form.orderform div.shop fieldset  {
	}
	form.orderform div.btnrow fieldset,
	form.orderform div.shop#product fieldset {
		padding: 0;
		width: 500px;
		padding: 10px;
		margin: 0 0 10px 220px;
		#margin: 0 0 0 110px;
		border: solid 1px #CCC;
	}
		form.orderform div.shop#product fieldset legend {
			padding: 0 10px;
			margin: 0 5px;
			font-size: 12px;
			font-weight: bold;
			color: #246E08;
		}
	form.orderform div.prods#product fieldset {
		width: auto;
		margin-left: 0;
		border: 0;
		min-height: 300px;
		_height: 300px;
		background: url(/uploads/potgrond_small.gif) no-repeat 0 45px;
	}
		
		form.orderform div.prods#product fieldset table {
			margin-left: 196px;
		}
			form.orderform div.shop fieldset table thead td {
				font-weight: bold;
			}
					form.orderform div.shop fieldset table tbody tr td {
						padding: 0;	
						line-height: 100%;
					}
						form.orderform div.shop fieldset table tbody tr td input.qnty {
							width: 30px;	
						}
						form.orderform div.shop fieldset table tbody tr.buttonset td input.btn {
							float: right;
						}
