/* Global Styles */

body {
	background: #000 url(../images/menuBack.gif)  repeat-x;
	color: #d3d3d3;
	text-align: center;
	padding: 0;
	margin: 0;
}

table { /* For IE 5.5 (Windows) */
	font-size: 100%;
}


/* Specific Styles */

#searchWrap {padding:5px 0 0;margin:0 auto;width:1100px;clear:both;background: url(../images/wrap.jpg) repeat-y bottom left;}
#searchWrap form#search {margin:0;float:right;padding-right:47px}
#searchWrap input {font-size:0.9em;margin:0;padding:2px 5px;}
#searchWrap input#query {width:150px;border:1px solid #999;}
#searchWrap input#searchSubmit {margin-left:5px;background-color:#7FC31C;padding:1px 5px;color:#024502;}

#wrap {
	position: relative;
	width: 1000px;
	text-align: left;
	margin: 0 auto;
}

	#headerWrap {
		position:relative;
		width:760px;
		margin: 0px auto;
	}

	#banner {
		width:1000px;
		cursor: pointer;
		margin: 0 auto;
	}

		#banner .bannerTitle {
			width: 760px;
			color: #75878c;
			font-size: 250%;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 80%;
			text-align: left;
			padding: 30px 0 0 20px;
			margin: 0 auto;
		}

		#banner .bannerTagline {
			width: 760px;
			color: #666;
			font-size: 90%;
			font-weight: bold;
			text-transform: lowercase;
			text-decoration: none;
			padding: 0 0 0 20px;
			margin: 0 auto;
		}
	
	#logo {
		width: 160px;
		height: 60px;
		margin: 10px 0 10px 20px;
	}

	#navigation {
		width: 1000px;
		margin:0 auto;
		/*background-image: url(../images/navigation_bg.gif); /* repeat-x center top; */
		height: 32px;
		padding-top:5px;
	}

		#navigation.absolute {
			position: absolute;
			float: right;
			clear: none;
			top:0px;
			right:0px;
			width: 560px;
			text-align: right;
			margin: 5px;
			padding-top:0px;
			margin-top:20px;
		}

		#navigation ul {
			float: left;
			list-style: none;
			padding: 0;
			margin: 8px 20px 0 0;
			list-style-image: none;

		}
		
		#navigation.absolute ul {
			width: 540px;
		}

		#navigation li {
			padding-left: 26px;
			margin: 0 10px;
			background-image: url(../images/mini.gif);
			background-repeat: no-repeat;
		}

		#navigation li.current {
			color: #96979b;
		}

		#navigation li.horizontal {
			float: left;
		}

		#navigation li.vertical {
			margin: 0;
		}

		#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited {
			display: block;
			color: #7bc61b;
			text-decoration: none;
			font-weight: bold;
			font-size: 105%;
		}

		#navigation li.current a, #navigation li.current a:link, #navigation li.current a:active, #navigation li.current a:visited {
			color: #049604;
			font-weight: bold;
		}

		#navigation a:hover {
			color: #f80000;
			text-decoration: none;
		}

	#contentWrap {
		margin: 10px auto;
	}
		
	#content {
		clear: both;
		padding: 0 20px 50px 20px;
		margin:0 auto;
	}

		#content a, #content a:link, #content a:active, #content a:visited {
			color: #7FC31C;
			text-decoration: none;
			border-bottom: 1px dotted #f80000;
		}

		#content a:hover {
			color: #fff;
			border-bottom: 1px solid #fff;
		}
		#content div#pluginWrap img {
			border: 1px solid #990000;
			}

		h1, h1.pTitle {
			color: #f80000;
			font-size: 200%;
			margin: 0 0 15px 0;
		}

		#content h2 {
			color: #046F04;
			font-size: 130%;
			margin: 20px 0 5px 0;
		}

		#content h2.sTitle {
			margin-top: 0;
		}

		#content p {
			line-height: 125%;
			margin: 0 0 15px 0;
		}

		#content ul {
			list-style-type: disc;
			padding: 0;
			margin: 0 0 15px 30px;
		}

		#content ol {
			padding: 0;
			margin: 0 0 0 30px;
		}

		#content li {
			padding: 1px 0;
			margin: 0;
		}

		#content .pluginBox {
			margin: 30px 0 0 0;
		}

			#content .pluginBox h2.sTitle {
				color: #046F04;
				font-size: 132%;
				font-weight: bold;
				letter-spacing: 0.03em;
				margin: 0;
			}

			#content .pluginBox ul {
				margin: 0 0 5px 14px;
			}
	
	#contentSide {
		float: left;
		width: 16%;
		clear: right;
		margin-left:10px;
	}

		#contentSide .pluginBox h2.sTitle {
			background-color: transparent;
			color: #009900;
			font-size: 130%;
			font-weight: bold;
			margin: 0 0 3px 0;
			padding: 0;
		}

		#contentSide .pluginBox ul {
			padding: 2px;
			margin: 0 0 2px 10px;
		}
		#contentSide .pluginBox li {
			padding: 2px 0;
			margin: 0 0 0 20px;
		}

		#contentSide .pluginBox p {
			padding: 0 5px;
		}

		#contentSide a, #contentSide a:link, #contentSide a:active, #contentSide a:visited {
			color: #7FC31C;
			text-decoration: none;
			border-bottom: 1px dotted #a7bbc0;
		}

		#contentSide a:hover {
			color: #db1a1a;
			border-bottom: 1px dotted #db1a1a;
		}
		
	#bottomNavigation {
		width: 900px;
		clear: both;
		text-align: center;
		border: 1px dotted #990000;
		border-width: 1px 0;
		margin: 0 auto;
	}

		#bottomNavigation ul {

			padding: 8px 0;
			margin: 0;
		}
		
		#bottomNavigation li {
			display: inline;
			padding: 0 10px;
		}

		#bottomNavigation a, #bottomNavigation a:link, #bottomNavigation a:active, #bottomNavigation a:visited {
			color: #7BC61B;
			font-weight: bold;
			text-decoration: none;
		}

		#bottomNavigation a:hover {
			color: #f80000;
			text-decoration: none;
		}

	#footerWrap
		{
		width: 900px;
		margin: 0 auto;
		}
	
		#footer
		{
			margin: 10px 0;
			color: #777;
			font-size: 0.9em;
			padding: 0;
		}
		#plug
			{
			text-align: right;
			}

			#plug a
			{
			padding-left: 10px;
			color: #7FC31C;
			}
	
	div.withNavigation {
		width: 600px;
	}

	div.withSide  {
		clear: left;
		float: left;
		width: 78%;
		border-right: 1px dotted #555;
	}

	table#navigationTable {
		clear: both;
		margin: 15px 0 10px 0;
	}
		
		table#navigationTable td#navigationCell {
			width: 140px !important;
			background: transparent none;
		}

		table#navigationTable td#navigationCell #navigation {
			height: auto;
			background-image: none;
			text-align: left;
			margin: 0;
		}

		table#navigationTable td#navigationCell #navigation ul {
			width: 100%;
			margin: 0;
		}

		table#navigationTable td#navigationCell #navigation li {
			display: block;
			height: 100%;
		}

		table#navigationTable td#navigationCell #navigation a, table#navigationTable td#navigationCell #navigation a:link, table#navigationTable td#navigationCell #navigation a:active, table#navigationTable td#navigationCell #navigation a:visited {
			display: block;
			color: #666;
			text-decoration: none;
			font-weight: normal;
			font-size: 90%;
			padding: 4px 8px;
		}

		table#navigationTable td#navigationCell #navigation li.current a, table#navigationTable td#navigationCell #navigation li.current a:link, table#navigationTable td#navigationCell #navigation li.current a:active, table#navigationTable td#navigationCell #navigation li.current a:visited {
			background-color: transparent;
			color: #a7bbc0;
			font-weight: bold;
		}

		table#navigationTable td#navigationCell #navigation a:hover {
			background: #444 none;
			color: #a7bbc0;
		}

		table#navigationTable #content {
			padding: 0 20px 30px 20px;
		}

		table#navigationTable div.withNavigation {
			width: 575px;
			padding: 0 0 0 20px;
			border-left: 1px dotted #555;
		}

		table#navigationTable div.withSide  {
			clear: left;
			float: left;
			width: 405px;
		}

		table#navigationTable #contentSide {
			width: 135px;
			float: left;
			margin: 0 0 0 15px;
		}


/* UTILITIES */
	
/* Messages to users */
.alertOK
	{
	color:#0C659E;
	}
	
.alertError
	{
	color:#f00;
	}

div.rsNavigate {
	margin: 20px 0 0 0;
	padding: 5px;
	text-align: center;
	clear: both;
}

	#content div.rsNavigate ul {
		margin-bottom: 0;
	}

	div.rsNavigate li {
		display: inline;
		font-weight: bold;
	}

	#content div.rsNavigate li a, #content div.rsNavigate li a:link, #content div.rsNavigate li a:active, #content div.rsNavigate li a:visited {
		background: #049604 none;
		color: #D3D3D3;
		font-size: 85%;
		text-transform: uppercase;
		padding: 3px 7px;
		border: 0;
		margin: 0 5px;
		font-family: "Trebuchet MS",Verdana,Tahoma,sans-serif
	}

	#content div.rsNavigate li a:hover {
		background-color: #7BC61B;
		color:#fff;
	}

	#content div.rsNavigate li.current {
		background: #a7bbc0 none;
		color: #fff;
		font-size: 85%;
		text-transform: uppercase;
		padding: 3px 7px;
		border: 0;
		margin: 0 5px;
	}


/* USER COMMENTS */

#content div.userComment {
	
	padding: 10px;
	border: 1px solid #666;
	margin-top: 10px;
}

#content div.userComment p {
	margin: 8px 0 0 0;
}

#content div.userComment p.author {
	color: #fff;
	margin-top: 0;
}

#content div.userComment p.author small {
	color: #a7bbc0;
	padding-left: 10px;
}


/* FORMS */

form.fStandard {
	padding: 10px;
	border: 1px dotted #990000;
	margin: 25px 0;
}

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 {
	background-color: #444;
	text-align: center;
	padding: 10px;
	border: 1px solid #666;
	margin: 30px 0 15px 0;
}

	#content p.fTitle {
		color: #F80000;
		font-size: 140%;
		font-weight: bold;
		margin: 0 0 10px 0;
	}

	#content p.fLegend {
		margin: 0 0 10px 0;
	}

	div.fInputArea {
		margin: 0 0 10px 0;
	}

	div.fInputAreaInline { /* used for e.g. the product search form */
		text-align: center;
		margin: 10px 0;
	}

	div.fSubmitArea {
		text-align: center;
		margin: 15px 0 0 0;
	}


/* FORM LABELS */

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 {
	color: #f00;
}


/* FORM FIELDS */

input, textarea, select {
	font-family: Verdana, Tahoma, sans-serif;
}

input.fInput, textarea.fInput, select.fInput {
	background-color: #046F04;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	border: none;
	padding: 3px;
}

input.fInput {
	padding: 3px 5px;
	margin: 2px 0 0 0;
}

table#navigationTable #contentSide .pluginBox input.fInput {
	width: 110px !important;
}

#contentSide .pluginBox input.fInput {
	width: 150px !important;
}

form.fStandard textarea.fInput {
	margin-top: 10px;
}

form.fPlugin input.fInput {
	font-size: 100%;
}

input.fInputInline, select.fInputInline {
	color: #aaa;
}

input.fSubmit {
	background-color: #7FC31C;
	color: #024502;
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	padding: 2px 5px;
	margin-left: 10px;
	cursor: pointer;
}

div.fInputAreaInline input.fSubmit {
	background-color: #666;
	color: #fff;
}

input.fSubmit:hover, div.fInputAreaInline input.fSubmit:hover {
	}