/* Initial layout */
	body { 
		color: #000; 
		background: #EEE;
		font-family: Arial, Helvetica, Verdana, Sans-serif;
		font-size: 76%;
		margin: 0; 
		padding: 0; 
	}
	
	h1, h2, h3, h4, h5, h6, blockquote { color: #C6C674; }
	h1 { font-size: 200%; }
	h2 { font-size: 150%; margin-top: 1em; }
	h3 { font-size: 115%; }
	h4 { font-size: 100%; margin-top: 1em;}
	h5 { font-size: 80%; }
	h6 { font-size: 65%; }
	em { color: #993; }
	acronym { 
		color: #990;
	}
	a:hover { 
		color: #F90;
	}
	
	#wrapper {
		width: 820px;
		margin: 0 auto;
	}
		#wrapperleft {
			background: url(img/layout/left-shadow.gif) repeat-y;
		}
			#wrapperright {
				background: url(img/layout/right-shadow.gif) repeat-y 100% 0;
				position: relative;
			}
				#wrappertop {
					height: 20px;
					background: url(img/layout/top-shadow.gif) repeat-x;
				}
				#wrappertl {
					width: 40px;
					height: 40px;
					position: absolute;
					top: 0;
					left: 0;
					background: url(img/layout/corner-shadows.gif) no-repeat;
				}
				#wrappertr {
					width: 40px;
					height: 40px;
					position: absolute;
					top: 0;
					right: 0;
					background: url(img/layout/corner-shadows.gif) no-repeat -40px 0;
				}
				#wrapperbl {
					width: 40px;
					height: 40px;
					position: absolute;
					bottom: 0;
					left: 0;
					background: url(img/layout/corner-shadows.gif) no-repeat 0 -40px;
				}
				#wrapperbr {
					width: 40px;
					height: 40px;
					position: absolute;
					bottom: 0;
					right: 0;
					background: url(img/layout/corner-shadows.gif) no-repeat -40px -40px;
				}
				#wrapperbottom {
					height: 20px;
					background: url(img/layout/bottom-shadow.gif) repeat-x;
				}
			
	#inside {
		border: 1px solid #FFF;
		background: #000;
		margin: 0 20px;
	}
	
		#header {
			height: 120px;
			background: url(img/layout/header-bg.gif) repeat-x;
		}
			#header h1 {
				width: 400px;
				height: 120px;
				float: left;
				background: url(img/layout/logo-400.gif) no-repeat;
				margin: 0;
				font-size: 0;
				text-indent: -9999px;
			}
			#header #banner {
				width: 340px;
				height: 120px;
				float: right;
				background: url(img/layout/banner.jpg) no-repeat;
			}
		
		#menu {
			height: 33px;
			background: url(img/layout/menu-bg.gif) repeat-x;
			padding-top: 10px;
		}
			#menu ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
				font-weight: bold;
				width: 550px;
				height: 30px;
				float: right;
			}
			#menu ul.admin {
				width: 340px;
			}
				#menu ul li {
					display: inline;
				}
				#menu ul a {
					display: block;
					width: 100px;
					height: 30px;
					line-height: 29px;
					padding-left: 10px;
					float: left;
					color: #CC6;
					background: url(img/layout/menu-btn.gif) no-repeat;
					text-decoration: none;
				}
					#menu ul a:hover {
						color: #FF9;
						background-position: 0 -30px;
					}
					
		#content {
			padding: 20px;
			color: #CCC;
			background: #000 url(img/layout/content-bg.gif) repeat-x;
			line-height: 1.4em
		}
			#content h2 {
				margin-top: 0;
			}
			#content a { 
				color: #99F;
			}
			#content a:hover { 
				color: #F90;
			}
			#content p {
				margin: 1em 0;
			}

		
		#footer {
			height: 30px;
			background: url(img/layout/footer-bg.gif) repeat-x;
			border: 1px solid #F00;
			border-left: none;
			border-right: none;
			color: #CCA;
		}
			#footer address {
				margin: 0;
				font-size: 10px;
				font-family: Verdana, Helvetica, Sans-serif;
				font-weight: bold;
				text-align: center;
				font-style: normal;
				padding-top: 2px;
			}
			
		#address {
			padding: 10px 0;
		}
			#address p {
				color: #AA9;
				text-align: center;
				font-style: normal;
			}
/* End - Initial layout */


.clr {
	clear: both;
}
.urgent, .invalid { 
	color: #F33;
}
.success, .valid { 
	color: #696;
}


/* Home */
/*
#insideimage1 {
	width: 152px;
	height: 152px;
	border: 1px solid #FFF;
	float: right;
	margin: 0 0 1em 1em;
	position: relative;
}
#insideimage2 {
	width: 152px;
	height: 152px;
	border: 1px solid #FFF;
	float: left;
	margin: 0 1em 1em 0;
	position: relative;
}
	#insideimage1 img, #insideimage2 img {
		width: 150px;
		height: 150px;
		border: 1px solid #000;
	}
*/
#splashlogo {
	width: 600px;
	height: 200px;
	margin: 0 auto;
}
	#splashlogo img {
		width: 600px;
		height: 200px;
		border: none;
	}

/* End - Home */


/* Webshop */
	#productslisting {
		border-collapse: collapse;
		border: 1px solid #999;
		width: 100%;
	}
		#productslisting td {
			border: 1px solid #999;
			padding: 0.2em;
			vertical-align: top;
		}
		#productslisting td h4 {
			margin-top: 0;
		}
		#productslisting td a {
			color: #66C;
		}
		#productslisting td a:hover {
			color: #F90;
		}
		#productslisting td img {
			width: 100px;
			border: 1px solid #FFF;
			margin: 10px;
		}
		
		#productslisting .header {
			font-weight: bold;
			color: #FFC;
			background: #933;
		}
		
		#productslisting tr {
			background: #300;
		}
		#productslisting tr.shade {
			background: #311;
		}

		#productslisting .tdsize {
			white-space: nowrap;
		}
		#productslisting .tddesc {
			width: 100%;
		}
		#productslisting td .moreinfo {
			margin: 0;
			width: 26px;
			height: 26px;
			float: right;
			padding: 1em;
		}
			#productslisting td .moreinfo a {
				display: block;
				width: 26px;
				height: 26px;
				background: url(img/layout/more-info-btn.gif) no-repeat;
				font-size: 0;
				text-indent: -9999px;
				text-decoration: none;
			}
				#productslisting td .moreinfo a:hover {
					background-position: 0 -26px;
				}
			
		#productslisting td.quote {
			vertical-align: middle;
		}
			#productslisting td.quote a {
				margin: 10px;
				display: block;
				width: 50px;
				height: 50px;
				background: url(img/layout/quote-btn.gif) no-repeat;
				font-size: 0;
				text-indent: -9999px;
				text-decoration: none;
			}
				#productslisting td.quote a:hover {
					background-position: 0 -50px;
				}


		#productslisting td.edit {
			vertical-align: middle;
		}
			#productslisting td.edit a {
				margin: 10px;
				display: block;
				width: 50px;
				height: 50px;
				background: url(img/layout/edit-btn.gif) no-repeat;
				font-size: 0;
				text-indent: -9999px;
				text-decoration: none;
			}
				#productslisting td.edit a:hover {
					background-position: 0 -50px;
				}


	#productdetails {
		border: 1px solid #999;
		background: url(img/layout/product-details-bg.gif) repeat-y;
	}
		#productdetails h2 {
			margin: 0;
			border-bottom: 1px solid #999;
			color: #FFC;
			background: #933;
			padding: 0.2em;
		}
		#productdetails #image {
			width: 210px;
			float: left;
			padding: 5px;
			position: relative;
		}
			#productdetails #image img {
				border: 1px solid #FFF;
				width: 200px;
			}

		#productbody {
			margin-left: 220px;
			padding-top: 4px;
		}
			#productbody h4 {
				margin-top: 0;
				margin-bottom: 0.2em;
			}
			#productbody p {
				margin-top: 0;
			}

		#productbody #quote {
			margin: 0;
			width: 50px;
			height: 50px;
			float: right;
			padding: 1em;
			position: relative;
		}
			#productbody #quote a {
				display: block;
				width: 50px;
				height: 50px;
				background: url(img/layout/quote-btn.gif) no-repeat;
				font-size: 0;
				text-indent: -9999px;
				text-decoration: none;
			}
				#productbody #quote a:hover {
					background-position: 0 -50px;
				}



	.cssform {
	}
	.cssform fieldset {
		padding: 0.5em;
		margin: 1em 0;
	}
	.cssform fieldset div { 
		clear: both;
		line-height: 1.4em;
	}
	.cssform fieldset label { 
		display: block;
		width: 10em;
		float: left;
		color: #99C;
		padding: 0 1em 0 0;
	}
		.cssform fieldset label:hover { 
			color: #C93;
		}
	.cssform fieldset label.required { 
		color: #F30;
	}
		.cssform fieldset label.required:hover { 
			color: #C93;
		}
	.cssform input, .cssform select, .cssform textarea {
		font-family: Arial, Verdana, Sans-serif;
		font-size: 12px;
	}
	.cssform input, .cssform textarea {
		background: #EEF;
	}
	.cssform input:focus, .cssform textarea:focus {
		background: #FF9;
	}
	.cssform input.formbutton, .cssform input.formbutton:focus {
		background: #D4D0C8;
	}
	.cssform input#editdel {
		color: #900;
		background: #FCC;
	}
	.cssform p {
		margin: 1em 0 0 0;
	}
	.cssform .submitoptions, .cssform .formoptions {
		margin: 1em 0;
	}
/* End - Webshop */



	.submitoptions, .formoptions {
		margin: 1em 0;
	}
	.submitoptions input, .formoptions input {
		font-family: Arial, Verdana, Sans-serif;
		font-size: 12px;
	}