/*
	Optiek Haerens CSS
	Copyright (c) 2002-2005 Sen Haerens
	v6.3
*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	color: white;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 1.8em;
	background-color: #989898;
	background-image: url(/image/concrete.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

/* POSITIONING */
#container
{
	width: 400px;
	margin: 0 auto 0 auto;
	padding: 40px;
	text-align: left;
}

#header
{
	display: block;
	height: 174px;
	margin-bottom: 40px;
	background-image: url(/image/logo.png);
	background-repeat: no-repeat;
}

#sidebar
{
	width: 116px;
	float: left;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: left;
}

#content
{
	width: 240px;
	float: left;
	margin: 0 0 30px 40px;
}

#footer
{
	width: 100%;
	clear: both;
	padding-top: 0.25em;
	font-size: 0.85em;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #CCC;
	text-align: center;
}

/* TYPOGRAPHY */
h2
{
	margin: 0 0 0.2em 0;
	padding: 0;
	font-family: georgia, times new roman, times, serif;
	font-weight: 100;
	font-size: 2em;
	text-transform: capitalize;
}

h3
{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: 900;
	text-transform: capitalize;
}

p
{
	margin: 0 0 1em 0;
}

.light
{
	font-size: 0.85em;
}

.warning
{
	width: 82.5%;
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0.2em 0.5em 0.2em 2.5em;
	color: white;
	background-color: #A8BA06;
	background-image: url(/image/warning.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.3em;
	line-height: 1.5em;
}

.hide
{
	display: none;
	visibility: hidden;
}

ul
{
	list-style-type: none;
}

#content ul
{
	margin: 0 0 1em 0;
	list-style-type: square;
	list-style-position: outside;
}

#content li
{
	margin: 0 0 0 1.4em;
}

#footer li
{
	display: inline;
	margin: 0 0.6em 0 0;
}

#content img
{
	margin: 0 0 1em 0;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

/* SIDEBAR MENU */
#sidebar ul
{
	margin: 0;
	line-height: 2em;
	text-transform: capitalize;
}

#sidebar li
{
	text-indent: 1em;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCC;
}

#sidebar li.indent
{
	font-size: 0.85em;
	text-indent: 2em;
	padding: 0;
}

#sidebar li a
{
	/* Fix full length click zone for Win Explorer */
	width: 100%;
	display: block;
	border-style: none;
	padding: 0;
}

/* TABLE */
table
{
	width: 95%;
	margin: 0 0 1em 0.5em;
}

table.products
{
	font-size: 0.85em;
}

td
{
	padding: 0 0.5em 0 0.5em;
	text-align: left;
	border-color: #CCC;
	border-width: 0 0 1px 0;
	border-style: solid;
}

td.radio
{
	width: 5%;
	text-align: center;
}

/* FORMS */
fieldset
{
	width: 90%;
	margin-bottom: 1em;
	padding: 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}

legend
{
	padding: 0 0.5em 0 0.5em;
	color: #EEE;
}

label
{
	display: block;
	margin: 0 0 0 0.5em;
}

input.text, textarea, select
{
	width: 95%;
	margin: 0 0 1em 0.5em;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 0.85em;
}

input.button
{
	margin: 0 0 0 0.5em;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 0.85em;
}

input.checkbox
{
	font-size: 0.85em;
	margin: 0 0.5em 1em 0.5em;
}

input.radio
{
	font-size: 1em;
}

form.button_space input.button
{
	/* Fix Win Explorer checkbox + text = spacy margin issue */
	margin: 1em 0 0 0.5em;
}

form.button_space input.checkbox
{
	/* Fix Win Explorer checkbox + text = spacy margin issue */
	margin: 0 0.5em 0 0.5em;
}

/* LINKS */
a
{
	padding: 0.2em 0em 0.2em 0em;
	text-decoration: none;
	color: white;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCC;
}

a:hover
{
	border-style: none;
	background-color: #A8BA06;
}