body, html
	{
    margin:0;
    padding:0;
    }

body
	{
	text-align:center;
	background-color:#F0E3D5;
}
	
/* LAYOUT */
#wrap
	{
	position: relative;
	font-size: 1.0em;
	margin:1em auto;
    min-width:780px;
	width: 780px;
	text-align: left;
	padding:0px;
	background-color:#141414;
	color: #F0E3D5;
	}
	#bannerWrap
		{
		padding: 0;
		}
		#banner
			{
			text-align: left;
			cursor: pointer;
			background-repeat: no-repeat;
			}
			#banner .bannerTitle
				{
				padding: 60px 40px 0 350px;
				color: #fff;
				font-size: 30px;
				font-weight: bold;
				}
			#banner .bannerTagline
				{
				clear: both;
				padding: 0 40px 0 350px;
				color: #fff;
				font-size: 14px;
				font-weight: bold;		
				}
	#logo
		{
		position: relative;
		top:0px;
		left:0px;
		width: 170px;
		height:57px;
		padding:0;
		margin:0;
		}
	#navigation
		{
		text-align:center;
		background-color:#141414;
		padding: 0;
		}
	#navigationCell /* table cell containing the vertical navigation */
		{

		}
	#navigation.absolute /* used for layout #2 */
		{
		position: absolute;
		top:0px;
		right:0px;
		width: 620px;
		height: 35px;
		text-align: center;
		margin: 5px;
		padding-top:20px;
		}
		#navigation a
			{
			color: #EBDACD;
			text-decoration: none;
			padding-bottom: 3px;
			font-size: 0.9em;
			}
		#navigation a:hover
			{
			text-decoration: none;
			border-bottom: 2px solid #808080;
			}
		#navigation ul
			{
			margin: 0;
			padding: 0px;
			clear: both;
			}
			#navigation ul.absolute /* used for layout #2 */
				{
				margin: 20px 0;
				padding: 0 20px 0 0;
				clear: both;
				}
			#navigation ul
				{
				padding-top:8px;
				}
			#navigation li
				{
				padding: 4px;
				margin: 20px 4px;
				}
			#navigation li.horizontal  /* specific attributes for the horizontal navigation bar */
				{
				display: inline;
				}
			#navigation li.vertical  /* specific attributes for the vertical navigation bar */
				{
				list-style: none;
				text-align: left;
				}

			#navigation li:hover
				{

				}
			#navigation li.current a
				{
				text-decoration: none;
				border-bottom: 2px solid #808080;
				}
	#content
		{
			clear: left;
			padding:20px 20px 0 40px;
		}
	div.withNavigation /*class appended to content div when next to horizontal nav bar */
		{
			padding:0;
		}
	div.withSide  /* class appended to content div when next to side content */
		{
		clear: left;
		float: left;
		width: 65%;
		margin-right: 0px;
		}
			#content .pluginBox h2
				{
				color: #808080;
				margin: 0 40px 0 0;
				padding: 0 0 0 2px;
				}
			#content .pluginBox a
				{
				color:#E1CFC2;
				text-decoration: none;
				}
			#content .pluginBox a:hover
				{
				text-decoration: underline;
				}
	#contentSide
		{
		margin-top:30px;
		margin-right: 15px;
		width: 25%;
		clear: right;
		float: right;
		}
		#contentSide .pluginBox
			{
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			border: 1px solid #808080;
			background-color:#141414;
			color: #E1CFC2;
			font-size: 0.9em;
			}
			#contentSide .pluginBox h2
				{
				background-color:#141414;
				font-weight:bold;
				font-size:1.0em;
				padding: 5px 1px 5px 5px;
				color:#808080;
				margin:0;
				}
			#contentSide .pluginBox a
				{
				color:#E1CFC2;
				text-decoration: none;
				}
			#contentSide .pluginBox a:hover
				{
				text-decoration: underline;
				}
	#bottomNavigation
		{
		background-color: #404040;
		clear: both;
		text-align: center;
		padding: 5px;
		margin: 20px 0;
		}
		#bottomNavigation li
			{
			display: inline;
			padding: 0 10px;
			}
			
		#bottomNavigation a
			{
			text-decoration: none;
			text-transform: uppercase;
			font-size: 0.8em;
			color: #808080;
			}
		#bottomNavigation a:hover
			{
			color: #F0E3D5;
			}
			
	#footerWrap
		{
		padding: 0;
		margin: 0;
		background-color: #F0E3D5;
		}
		#footer
			{
			margin: 7px 0 0 0;
			padding: 2px 10px;
			text-align: left;
			font-size: 0.9em;
			color: #101410;
			}
		#plug
			{
			margin: 0;
			background-color: #F0E3D5;
			text-align: right;
			}
			#plug a
				{
				padding-left: 10px;
				color: #101410;
				}

/* ELEMENTS */
table
	{
	font-size: 1.0em;
	}
h1.pTitle  /* page title */
	{
	font-size:1.6em;
	margin: 5px 0 15px 0;
	color: #808080;
	}
	
h2, h2 a
	{
	font-size:1.4em;
	color: #808080;
	}
	
h2 a:hover
	{
	text-decoration: underline;
	}
	
h2.sTitle /*sub title used for news and product lists titles as well*/
	{
	font-size:1.2em;
	font-weight: normal;
	margin: 5px 0 0 0;
	color: #808080;
	}

	h2.sTitle a
		{
		text-decoration: none;
		}
	
	h2.sTitle a:hover
		{
		text-decoration: underline;
		}
h3
	{
	font-size: 1.1em;
	padding:0;
	margin:15px 0 5px 0;
	color: #808080;
	}
p
	{
	font-size: 1.0em;
	margin: 8px 0 0 0;
	line-height:1.25;
	}
ul
	{
	margin:0 0 0 25px;
	padding:2px;
	list-style : square;
	}

ol
	{
	margin:0 0 0 25px;
	padding:2px;
	}
li
	{
	margin:4px 0 0 0;
	padding:0;
	line-height:1.3em;
	}
a
	{
	color:#F0E3D5;
	}


/* UTILITIES */

/* Messages to visitors (when e.g. posting comments) */
.alertOK
	{
	color:#0C659E;
	}
.alertError
	{
	color:#f00;
	}	
/* Navigation between result sets (used on the news and products listing pages) */
div.rsNavigate  /*rs stands for resulet set */
	{
	margin: 20px;
	padding: 5px;
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	text-align: center;
	clear: both;
	}
	div.rsNavigate li
		{
		display: inline;
		margin: 20px;
		padding: 2px 10px;
		font-weight: bold;
		}
	div.rsNavigate li.current
		{
		}

/* user comments (used mostly on the news detail page for now ) */
div.userComment
	{
	width: 80%;
	background: #333333;
	border: 1px solid #808080;
	margin: 20px;
	padding: 5px;
	}

div.userComment p
	{
	margin: 3px 20px;
	}

div.userComment p.author
	{
	margin: 3px 5px;
	}

/* FORMS */
form.fStandard /*form displayed in the content div */
	{
	background: #808080;
	padding: 5px 5px 0px 15px;
	margin: 20px 0;
	width: 80%;
	color: #231F20;
	}

form.fLong /* Long form, used by e.g. for checkout by the online shop */
	{
	padding: 5px 5px 0px 15px;
	margin: 20px 0;
	width: 80%;
	}

form.fInline /*used by the prodicy search form */
	{
	border: 1px solid #000;
	padding: 2px;
	margin: 20px 10% 20px 10%;
	text-align: center;
	}
form.fPlugin /* form usually displayed in the sideContent div */
	{
	padding: 5px 5px 0px 15px;
	}
	
/* FORM ELEMENTS */
p.fTitle /* the title of the form */
	{
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0 5px 0;
	}
p.fLegend /* the legend of the form */
	{
	font-size: 1.0em;
	margin: 2px 0;
	}
div.fInputArea
	{
	margin: 10px 0 0 0;
	}
div.fInputAreaInline  /* used for e.g. the product search form */
	{
	margin: 10px 0;
	text-align: center;
	}
div.fSubmitArea
	{
	margin: 0;
	padding: 10px 0;
	}

/* FORM LABELS */
label.fLabel
	{
	font-weight: bold;
	margin: 2px 0 0 0;
	}
label.fLabelInline
	{
	margin: 0 5px;
	}
label.fLabelFixed
	{
	width:150px;
	float: left;
	text-align: right;
	margin: 3px 5px;
	padding: 0 5px 0 0;
	font-weight: bold;
	}
	
/* FORM ERROR HANDLING */
label.fError  /* Class added to label with a validation error. */
	{
	color:#f00;
	}
	
/* FORM FIELDS */
input.fInput
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 2px;
	}
input.fInputInline, select.fInputInline /* used by the product search form */
	{
	font-weight: bold;
	}
textarea.fInput
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 2px;
	}

input.fSubmit {
	font-size: 1.0em;
	font-weight:bold;
	padding: 1px 5px;
	}
input.fInput:focus, textarea:focus ,fInput:focus, select.fInput:focus
	{
	background:#fffff6;
	}