/*
	Stylesheet for <Mistral>
	@media      screen, projection
	@copyright  Netlash <http://www.netlash.com>
	@author     name <johan@netlash.com>
*/

/*
	Things to know: body can have ids, layout changes based on body id
	4 color and background styles get defined through classes on body e.g. class="blue"
	Note: shiraz is the name for the red/pinkish ruby color
*/

/*
	Fork onsite reset
*/

body, form, fieldset, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style:none; }
img, fieldset { border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table {  border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Better defaults
*/

abbr, acronym { cursor: help; }

/*
	Hide print logo
*/

#printLogo {
	display: none;
}

/*
	Typography and text styles
*/

body {
	font: 300 13px Arial, sans-serif;
	line-height: 1.83; /* Safari 2.0.4 */
	color: #484847;
	background: #5C5658 url(../images/decobg.jpg);
}

#header h1 {
	font-size: 36px;
	font-weight: 700;
	padding: 0;
	background: url(../images/logo.gif) no-repeat;
	width: 139px;
	height: 59px;
	text-indent: -9000px;
}

#header h1 a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Headings */
h1, h2, h3, h4 {
	font-weight: 300;
	line-height: 1.1;
	font-family: Arial, sans-serif;
}

h1, h2 {
	font-size: 18px;
	padding: 0 0 20px;
}

	#detail h2,
	h2.pageTitle {
		font-weight: 300;
		color: white !important;
		height: 35px;
		white-space: nowrap;
		padding: 11px 0 0 20px;
		margin: 0 0 2px;
		font-size: 21px;
		font-weight: 300;
	}

	.green h2.pageTitle { background: url(../images/headingbgdeco_green.gif) no-repeat; }
	.blue h2.pageTitle { background: url(../images/headingbgdeco_blue.gif) no-repeat; }
	.shiraz h2.pageTitle { background: url(../images/headingbgdeco_shiraz.gif) no-repeat; }
	.silver h2, h2.pageTitle { background: url(../images/headingbgdeco_silver.gif) no-repeat; }

h1, h2, h3, h4 {
	text-transform: uppercase;
}

	.green h2, .green h3, .green h4, span.green { color: #ADAF16; }
	.blue h2, .blue h3, .blue h4, span.blue { color: #006E89; }
	.shiraz h2, .shiraz h3, .shiraz h4, span.shiraz { color: #A40A34; }
	.silver h2, .silver h3, .silver h4, span.silver { color: #AAABAB; }

h3 {
	font-size: 21px;
	padding: 0 0 6px;
}

#productCategories h3 {
	padding:0 0 3px;
}

h4 {
	font-size: 14px;
	padding: 0 0 10px;
}

p {
	padding: 0 0 18px 0;
}

.content ul, .content ol {
	padding: 0 0 12px 24px;
}

.content ul {
	list-style: disc;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

	.content ul ul, .content ol ul {
		padding-bottom: 0;
	}

	.content ol ol {
		padding-bottom: 0;
	}

	.content ul ol {
		padding: 0 0 0 28px;
	}

small, span.mute {
	color: #808080;
	font-size: 11px;
}

code {
	font-family: Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 7px 14px;
	background: #F5F5F5;
	font-family: Monaco, "Courier New", monospace;
	font-size: 12px;
	margin: 0 0 14px;
}

blockquote, q {
	font-style: italic;
	color: #666;
}

blockquote {
	padding: 0 0 0 14px;
}

cite {
	font-size: 11px;
	text-align: right;
	display: block;
	position: relative;
	top: -14px;
	height: 0;
	/* Dismisses height to correctly align next element */
}

/* Default styling for data tables */
table {
	font-family: Arial, sans-serif;
	margin: 0 0 14px;
	border-top: 1px solid #D6E0EC;
	border-left: 1px solid #D6E0EC;
}

td, th {
	padding: 7px;
	border-right: 1px solid #D6E0EC;
	border-bottom: 1px solid #D6E0EC;
}

th {
	font-weight: 700;
	background: #F5F7F9;
	color: black;
	line-height: 1.2;
	text-align: left;
}

tr.rowOdd { background: white; }
tr.rowEven { background: #FCFCFC; }

form table {
	border: none;
}

form table td {
	border: none;
	font-size: 13px;
	vertical-align: top;
	padding: 0 5px 10px 0;
}

/* Links */
a:link {
	color: #3D8EA2;
}

a:visited {
	color: #215D6C;
}

a:hover,
a:active {
	color: #1CAACD;
}

/*
	Globally used layout elements
*/

#container {
	width: 960px;
	margin: 0 auto;
	background: #F2F1F1;
}

#header {
	position: relative;
	height: 154px;
	padding: 20px 20px 0 20px;
	background: #B2A497 url('../images/headerbg.jpg') no-repeat;
}

	#header #slideshow {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
	}

	#header #headerContent {
		z-index: 100;
		position: absolute;
		top: 0;
		left: 0;
		width: 920px;
		padding: 20px 20px 0;
		height: 154px;
	}

	#header #slideshow * {
		z-index: 1;
	}

	#header h1, #header #language {
		z-index: 100;
	}

#header h1 {
	float: left;
}

#language {
	float: right;
	width: 300px;
}

#language ul {
	float: right;
	border: 1px solid #BDBDBD;
	padding: 0;
}

#language li {
	float: left;
	list-style: none;
	font-size: 11px;
}

#language li a:link,
#language li a:visited {
	padding: 0 7px;
	border-right: 1px solid #F2F1F1;
	display: block;
	font-size: 11px;
	min-width: 15px;
	color: #6d6c6c;
	text-align: center;
	background: #E5E4E4;
	text-decoration: none;
}

#language li a:hover,
#language li a:active {
	background: #FFF;
	color: #000;
}

#language li.selected a:link,
#language li.selected a:visited,
#language li.selected a:hover,
#language li.selected a:active {
	color: #FFF;
	background: #BDBDBD;
	text-decoration: none;
}

/*
	Main navigation
*/

#navigation {
	width: 100%;
	background: #F2F1F1;
	border-bottom: 2px solid white;
}

#navigation ul {
	padding: 0 23px;
}

#navigation ul li {
	list-style: none;
	float: left;
	font-size: 14px;
}

#navigation li a:link,
#navigation li a:visited {
	float: left;
	line-height: 30px;
	padding: 0 15px;
	border-left: 2px solid #FFF;
	display: block;
	text-decoration: none;
}

#navigation li a:hover,
#navigation li a:active {
	background: #FFF;
}

#navigation li.selected a:link,
#navigation li.selected a:visited,
#navigation li.selected a:hover,
#navigation li.selected a:active {
	color: #FFF;
	font-weight: 700;
	background: #989898 !important;
}

#navigation li ul {
	padding: 0;
}

#navigation ul li.selected ul li {
	border: none;
	font-size: 12px;
}

/*
	Categories on homepage
*/

#categories {
	overflow: hidden;
	width: 958px;
	background: #989898;
	padding: 0 0 20px;
}

#categories ul {
	border: 1px solid #FFF;
	border-top: none;
}

#categories li {
	float: left;
	border: 1px solid #FFF;
	border-top: none;
}

#categories li a:link,
#categories li a:visited {
	display: block;
	text-indent: -9000px;
	float: left;
	width: 237px;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	height: 237px;
	text-decoration: none;
}

#categories li a:hover,
#categories li a:active {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#categories li.cat1 a { background: url(../images/cat1.jpg); }
#categories li.cat2 a { background: url(../images/cat2.jpg); }
#categories li.cat3 a { background: url(../images/cat3.jpg); }
#categories li.cat4 a { background: url(../images/cat4.jpg); }

/* Template defaults */

#main {
	background: white;
	clear: both;
	min-height: 320px;
}

#mainNewsoverview {
	background: #F2F2F1;
}

#content {
	width: 719px;
	float: left;
}


/* Home template layout */
#home #content {
	width: 450px;
	float: left;
	padding: 35px 20px 0;
}

#home #secondarycontent {
	width: 450px;
	float: left;
	padding-top: 35px;
}

#home #main {
	background: transparent;
	padding: 0 0 40px;
}

#home #secondarycontent h3 {
	padding-left: 20px;
}

/* Index template layout */
#index #content {
	width: 719px;
	padding: 0;
}

#innerContent {
	padding: 20px;
}

/* Purity template layout */

#bigImage img {
	display: block;
}

#purityContent {
	/* Gets clearfix'd*/
}

	#purityLeft {
		padding: 20px;
		width: 392px;
		float: left;
		border-top: 2px solid #FFF;
	}

	#purityRight {
		padding: 20px 20px 2px;
		background: #eaeae9;
		width: 247px;
		float: left;
		border-top: 2px solid #FFF;
	}

		#purityRight p {
			font-size: 11px;
		}

		#purityRight a {
			font-weight: 700;
		}

#purityContent #newslettersubscribeform {
	padding: 0 0 20px;
}

	#purityContent #newslettersubscribeform label {
		font-size: 11px;
	}

	#purityContent #newslettersubscribeform #email {
		width: 140px;
	}

#mainNewsoverview #innerContent {
	background: #fff;
}

#index #subnavigation {
	background: #F2F2F1;
	min-height: 46px;
	height: auto !important;
	height: 46px;
}

#index #mainNewsoverview #subnavigation {
	border-color: #F2F2F1;
}

/*
	Subnavigation
*/

#subnavigation {
	width: 235px;
	float: left;
	border: 2px solid white;
	border-top: none;
}

#subnavigation ul {
	overflow: hidden;
	width: 235px;
	float: left;
	background: #F2F2F1;
	padding: 46px 0 26px;
}

	#subnavigation ul ul {
		padding: 0;
		float: none;
	}

#subnavigation a:link,
#subnavigation a:visited {
	text-decoration: none;
	display: block;
	line-height: 30px;
	background: url(../images/subnavselected.png) no-repeat 21px 12px;
}

#subnavigation li li a:link,
#subnavigation li li a:visited {
	text-decoration: none;
	display: block;
	line-height: 30px;
	background: url(../images/subnavselected.png) no-repeat 31px 12px;
}

#subnavigation li.selected a { font-weight: 700; }
#subnavigation li.selected li a { font-weight: 300; }
#subnavigation li.selected li.selected a { font-weight: 700; }
#subnavigation li.selected li.selected li a { font-weight: 300; }
#subnavigation li.selected li.selected li.selected a { font-weight: 700; }

#subnavigation li.selected a { font-weight: 700; }
#subnavigation li.selected li a { font-weight: 300; }
#subnavigation li.selected li.selected a { font-weight: 700; }
#subnavigation li.selected li.selected li a { font-weight: 300; }
#subnavigation li.selected li.selected li.selected a { font-weight: 700; }

#subnavigation li a { padding-left: 32px; }
#subnavigation li li a { padding-left: 50px; }
#subnavigation li li li a { padding-left: 68px; }

.green #subnavigation li.selected a { color: #ADAF16; background-position: 20px -28px; }
.green #subnavigation li.selected li.selected a { color: #ADAF16; background-position: 38px -28px; }
.green #subnavigation li.selected li.selected li.selected a { color: #ADAF16; background-position: 56px -28px; }

.shiraz #subnavigation li.selected a { color: #A40A34; background-position: 20px -68px; }
.shiraz #subnavigation li.selected li.selected a { color: #A40A34; background-position: 38px -68px; }
.shiraz #subnavigation li.selected li.selected li.selected a { color: #A40A34; background-position: 56px -68px; }

.blue #subnavigation li.selected a { color: #006E89; background-position: 20px -108px; }
.blue #subnavigation li.selected li.selected a { color: #006E89; background-position: 38px -108px; }
.blue #subnavigation li.selected li.selected li.selected a { color: #006E89; background-position: 56px -108px; }

.silver #subnavigation li.selected a { color: #EFEFED; background-position: 20px -148px; }
.silver #subnavigation li.selected li.selected a { color: #EFEFED; background-position: 38px -148px; }
.silver #subnavigation li.selected li.selected li.selected a { color: #EFEFED; background-position: 56px -148px; }

.product #subnavigation li.selected li a { color: #3D8EA2; background-position: 38px 12px; }
.product #subnavigation li.selected li.selected li a { color: #3D8EA2; background-position: 56px 12px; }

.green #subnavigation li.selected, .green #subnavigation li.selected ul { background-color: #EFEFD1; }
.blue #subnavigation li.selected, .blue #subnavigation li.selected ul { background-color: #C4DDE4; }
.shiraz #subnavigation li.selected, .shiraz #subnavigation li.selected ul { background-color: #EDCED6; }
.silver #subnavigation li.selected, .silver #subnavigation li.selected ul { background-color: #BABBBB; }

.green #subnavigation a:hover, .green #subnavigation a:active { color: #ADAF16 !important; }
.blue #subnavigation a:hover, .blue #subnavigation a:active { color: #006E89 !important; }
.shiraz #subnavigation a:hover, .shiraz #subnavigation a:active { color: #A40A34 !important; }
.silver #subnavigation a:hover, .silver #subnavigation a:active { color: #838383 !important; }

/*
	Doormat
*/

#doormat {
	background: #FFF url(../images/doormatbg.png) repeat-x;
}

	#doormat ul {
		width: 220px;
		padding: 20px 0 0 20px;
		float: left;
		line-height: 1.42;
	}

		#doormat ul ul {
			padding: 0 0 20px;
		}

	#doormat span {
		font-weight: 700;
		font-size: 14px;
		display: block;
		padding: 0 0 2px;
	}

	#doormat a {
		font-size: 12px;
		text-decoration: none;
	}

/*
	Footer
*/

#footer {
	background: #989898;
	border-top: 3px solid #868585;
	color: #666;
	padding: 8px 0 0 20px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
}

#footer ul {
	width: 600px;
}

#footer li {
	display: inline;
	padding: 0 20px 0 0;
	list-style: none;
	font-size: 11px;
}

#footer li.last {
	padding-right: 0;
	border: none;
}

#footer a {
	color: #CCC;
	text-decoration: none;
}

/*
	Module: news
*/

.homeBox {
	background: #FBFBFB;
	padding: 20px;
	margin-bottom: 20px;
}

	#newslettersubscribeform label {
		font-weight: 400;
		color: #AAA;
		text-transform: uppercase;
		font-size: 11px;
	}

#news h4 a:link,
#news h4 a:visited,
#news h4 a:hover,
#news h4 a:active {
	text-decoration: none;
}

div.newsarticle .entryTitle {
	padding: 0;
}

p.readmore {
	padding: 0;
	position: relative;
	bottom: 22px;
	text-align: right;
}

div.newsarticle p.date {
	font-size: 11px;
	color: #666;
	padding: 0 0 11px;
}

#mainNewsoverview div.newsarticle {
	padding: 0 0 30px;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #BCBAB9;
}

#mainNewsoverview div.newsarticle p.readmore {
	margin-top: 10px;
}

div.newsarticle {
	padding: 0 0 22px;
}

#newsdetail h1 {
	padding: 0;
}

#newsdetail div.newscontent {
	padding: 0 0 10px 0;
}

/*
	Module: contact
*/

input, textarea, select {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

textarea.textarea {
	padding: 3px 2px;
}

form p {
	padding: 0 0 12px;
}

span.form-error {
	color: #E2001A;
	font-size: 11px;
	font-weight: 700;
	display: block;
	padding: 0 0 2px 0;
}

span.form-success,
div.form-success {
	color: #FFF;
	display: block;
	background: #255452;
	padding: 8px;
	border: 1px solid #FFF;
	margin: 0 0 10px;
}

	div.form-success p {
		padding: 0;
	}

input.input-text-error,
input.input-password-error,
textarea.textarea-error {
	border: 1px solid red;
	padding: 3px 2px;
}

form dl dd {
	padding: 0 0 8px 0;
}

#name, #email, #website, #subject {
	width: 210px;
}

#message {
	width: 350px;
	height: 10em;
}

/* Module: newsletter subscription */
#newslettersubscribeform p {
	padding-bottom: 5px;
}

/*
	Detail page
*/

#detail-pictures #picture-big {
	width: 449px;
	/*height: 328px; */
	float: left;
	border-right: 2px solid #FFF;
}

#detail-pictures #thumbsplustip {
	width: 268px;
	float: left;
}

#thumbsplustip div.section {
	border-bottom: 2px solid #FFF;
}
	.green #thumbsplustip div.section { background: #EFEFD1; }
	.blue #thumbsplustip div.section { background: #C4DDE4; }
	.shiraz #thumbsplustip div.section { background: #EDCED6; }
	.silver #thumbsplustip div.section { background: #EAEAEA; }

#thumbsplustip div.thumbs {
	border: 0;
}

#thumbsplustip p.button {
	padding: 10px 0 10px 32px;
}

#thumbsplustip ul {
	background: #FFF;
	width: 268px;
	overflow: hidden;
}

#thumbsplustip ul li {
	float: left;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#thumbsplustip ul li {
	width: 88px;
	overflow: hidden;
}

#thumbsplustip ul li.third {
	border-right: 0;
}

	#thumbsplustip ul li a {
		float: left;
		width: 88px;
		height: 64px;
		display: block;
	}

#thumbsplustip .tip {
	min-height: 151px;
	height: auto !important;
	height: 151px;
	overflow: hidden;
}

#thumbsplustip .tip p {
	padding-bottom: 0;
}

#detail-about {
	padding: 20px;
	width: 409px;
}

/* Breadcrumb */
#breadcrumb {
	float: left;
	position: absolute;
	bottom: 12px;
	left: 23px;
	color: #777;
	font-size: 11px;
	padding: 0 6px;
}

	#breadcrumb p {
		padding: 0;
		line-height: 1;
	}

	#breadcrumb a:link,
	#breadcrumb a:visited,
	#breadcrumb a:hover,
	#breadcrumb a:active {
		color: #666;
	}

	#breadcrumb i {
		font-style: normal;
	}

	#breadcrumb strong {
		padding: 0 0 0 5px;
	}

	#breadcrumb span {
		background: url(../images/gt.png) no-repeat scroll 6px 50%;
		width: 4px;
		height: 21px;
		padding: 0 5px;
		text-indent: -9000px;
		display: block;
	}

	#breadcrumb * {
		float: left;
		display: block;
	}

/* Buttons */

p.button a:link,
p.button a:visited {
	float: left;
	background: url(../images/slidingdoors.png) no-repeat;
	/* Silver = default */
	line-height: 25px;
	padding-left: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: 700;
}

	.category p.button a:link,
	.category p.button a:visited,
	.category p.button a:hover,
	.category p.button a:active {
		float: right;
	}

	.green p.button a:link,
	.green p.button a:visited { background-position: 0 -50px; }
	.blue p.button a:link,
	.blue p.button a:visited { background-position: 0 -100px; }
	.shiraz p.button a:link,
	.shiraz p.button a:visited { background-position: 0 -150px; }

	p.button a:link span,
	p.button a:visited span {
		padding-right: 10px;
		background: transparent url(../images/slidingdoors.png) no-repeat top right;
		display: block;
	}

	.green p.button a:link span,
	.green p.button a:visited span { background-position: right -50px; }
	.blue p.button a:link span,
	.blue p.button a:visited span { background-position: right -100px; }
	.shiraz p.button a:link span,
	.shiraz p.button a:visited span { background-position: right -150px; }

	p.button a:hover,
	p.button a:active { background-position: 0 -25px; }
	.green p.button a:hover,
	.green p.button a:active { background-position: 0 -75px; }
	.blue p.button a:hover,
	.blue p.button a:active { background-position: 0 -125px; }
	.shiraz p.button a:hover,
	.shiraz p.button a:active { background-position: 0 -175px; }

	p.button a:hover span,
	p.button a:active span { background-position: right -25px; }
	.green p.button a:hover span,
	.green p.button a:active span { background-position: right -75px; }
	.blue p.button a:hover span,
	.blue p.button a:active span { background-position: right -125px; }
	.shiraz p.button a:hover span,
	.shiraz p.button a:active span { background-position: right -175px; }

/* Prevent overlay */
#news p.button span { background-color: #FBFBFB; }
.green #container p.button span { background-color: #EFEFD1; }
.blue #container p.button span { background-color: #C4DDE4; }
.shiraz #container p.button span { background-color: #EDCED6; }
.silver #container p.button span { background-color: #EAEAEA; }

/* Fork defaults: pagination */
.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #DDD;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #EEE;
	border: 1px solid #BBB;
	color: black;
}

.nextpage, .previouspage { font-size: 11px !important; }
.pagination li.nextpage { margin-left: 10px; }
.pagination li.previouspage { margin-right: 15px; }


/*
	Related items
*/

#related-items {
	padding-left: 239px;
	padding-top: 20px;
}

.green #related-items { background: #DCDD7F; }
.blue #related-items { background: #C4DDE4; }
.shiraz #related-items { background: #EDCED6; }
.silver #related-items { background: none; }

.green #related-items h3, .green #related-items a { color: #545434; }
.blue #related-items h3, .blue #related-items a { color: #004353; } /* @todo */
.shiraz #related-items h3, .shiraz #related-items a { color: #770a28; } /* @todo */
.silver #related-items h3, .silver #related-items a { color: #5f5f5f; } /* @todo */

#related-items li {
	float: left;
	padding-right: 40px;
}

#related-items li a {
	text-transform: uppercase;
}

#related-items li a:link img,
#related-items li a:visited img {
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
}

#related-items li a:hover img,
#related-items li a:active img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* Categories */

#productCategories .image {
	width: 238px;
	height: 200px;
	float: left;
}

#productCategories .description {
	width: 441px;
	padding: 0 20px 10px;
	float: left;
}
	#productCategories .description p {
		padding: 0 0 10px;
	}

	#productCategories .description p.button {
		padding: 0;
	}

	#subcat #productCategories .description {
		width: 421px;
		padding: 0 0 0 20px;
	}

#productCategories .category {
	padding: 0 0 2px;
	min-height: 201px;
}

/* ABC */

#abc h2 {
	position: relative;
	text-transform: uppercase;
	width: 40px;
	line-height: 1;
}

#abc p {
	padding-left: 40px;
}

#abc ul {
	list-style: none;
	padding: 0 0 24px;
}

#abc ul li {
	float: left;
}

#abc ul li a:link,
#abc ul li a:visited {
	text-decoration: none;
	border: none;
	padding: 5px 8px;
	line-height: 1;
	background: #EEE;
	display: block;
	float: left;
	margin-right: 1px;
	border-top: 1px dashed #CCC;
}

#abc ul li a:hover,
#abc ul li a:active {
	background: #FFF;
}

/* Form styles */
label {
	font-weight: 700;
}

/* Input widths by ID */
#email { width: 183px; }

/* Fork defaults: general purposes classes */
.hidden { display: none; }
.block { display: block; }
.pad-20 { padding: 20px; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.noborder { border: none !important; }
.floatright { float: right; }
.serifSpecial, p.serifSpecial { font-family: Georgia, Times, serif; }

/* Clearfix */
.clearfix:after,
.button:after,
#doormat ul:after,
.medialist .row:after,
.oneLiner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sIFR-active object {
  display: block;
}
/*
	Addition 24 april 2009
	Team table
*/

#content table.team {
	padding: 0;
	margin: 0 0 20px;
	border: none;
	border: 1px solid #CCC;
	width: 100%;
}

#content table.team td {
	border: none;
	font-size: 12px;
	width: 50%;
	vertical-align: middle;
}

#content table.team td p {
	padding: 100px 0 0;
}

#content table.team td img {
	width: 154px;
	height: 154px;
	float: left;
	padding-right: 10px;
}

/* Addition 2009-05-26 */
/* Youtube integratie */

/* Mediaslideshow */

#mediaslideshow ul.share {
	padding: 12px 12px 12px 0;
}

#mediaslideshow ul.source {
	list-style-type: none;
	float: right;
}

#mediaslideshow ul.source li {
	text-indent: -9999px;
	float: left;
	margin: 0 0 0 10px;
	padding:0 10px 0 0;
	background: url(../images/iconwhite_youtube.gif) no-repeat;
}

#mediaslideshow ul.source li.youtube {
	width: 45px;
	height: 19px;
	background: url(../images/iconwhite_youtube.gif) no-repeat;
}

#mediaslideshow ul.source li.flickr {
	width: 46px;
	height: 15px;
	background: url(../images/iconwhite_flickr.gif) no-repeat;
}

#mediaslideshow ul.source li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	border: none;
}

#mediaslideshow h2 {
	float: left;
}

#mediaslideshow #player {
	text-align: center;
	width: 540px;
	margin: 0 auto;
}

/* Medialist */

.medialist .img img {
	display: block;
	padding: 0 20px 0 0;
}

.medialist .img a {
	display: block;
	border: none;
}

.medialist .table {
	width: 100%;
}

.medialist .row {
	padding: 0 0 20px 0;
	margin: 0 0 20px;
	border-bottom: 1px solid #EAEAE8;
	clear: both;
}

.medialist .img {
	width: 140px;
	float: left;
}

.medialist .description {
	width: 539px;
	_width: 530px;
	float: left;
}

.medialist h4 a {
	font-weight: bold;
	border-bottom: 1px solid;
}

.medialist h4 a:link,
.medialist h4 a:visited {
	border-color: #bcbcbc;
}

.medialist h4 a:hover,
.medialist h4 a:active {
	color: #f6821f;
	border-color: #f6821f;
}

.description a.readmore {
	float: right;
}

#medialistphoto {
	padding: 20px 20px 0 20px;
}

#medialistphoto ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#medialistphoto img {
	display: block;
}

#medialistphoto .img {
	display: block;
	border: 0;
}

#medialistphoto li {
	float: left;
	text-align: center;
	padding: 10px 12px 0 12px;
	width: 120px;
	height: 140px;
}


.focusbox {
	border: 1px solid #EAEAE8;
	clear: both;
	background: #F2F2F1;
	padding: 12px 20px 0 20px;
	margin: 0 0 20px;
}

ul.share {
	border: 1px solid #EAEAE8;
	border-bottom: none;
	font-size: 11px;
	color: #999;
	list-style-type: none;
	float: right;
	font-family: Arial, sans-serif;
	margin: 0;
	background: #FFF;
	margin-top: 12px;
}

ul.share li {
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	float: left;
	margin: 0 0 0 10px;
}

ul.share li.first {
	width: auto;
	text-indent: 0;
}

ul.share li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	border: none;
}

ul.share li.sharefacebook { background: url(../images/share/shareicon_facebook.gif) no-repeat; }
ul.share li.sharenetlog { background: url(../images/share/shareicon_netlog.gif) no-repeat; }
ul.share li.sharetwitter { background: url(../images/share/shareicon_twitter.gif) no-repeat; }
ul.share li.sharefriendfeed { background: url(../images/share/shareicon_friendfeed.gif) no-repeat; }
ul.share li.sharedelicious { background: url(../images/share/shareicon_delicious.gif) no-repeat; }
ul.share li.sharestumbleupon { background: url(../images/share/shareicon_stumbleupon.gif) no-repeat; }
ul.share li.sharelinkedin { background: url(../images/share/shareicon_linkedin.gif) no-repeat; }
ul.share li.shareplaxo { background: url(../images/share/shareicon_plaxo.gif) no-repeat; }
ul.share li.sharehyves { background: url(../images/share/shareicon_hyves.gif) no-repeat; }
ul.share li.shareping { background: url(../images/share/shareicon_ping.gif) no-repeat; }
ul.share li.sharetechnorati { background: url(../images/share/shareicon_technorati.gif) no-repeat; }
ul.share li.sharewindowslivefavorites { background: url(../images/share/shareicon_windowslivefavorites.gif) no-repeat; }
ul.share li.sharedigg { background: url(../images/share/shareicon_digg.gif) no-repeat; }



/*
	Fork forms
*/


/*
	Generic form styles
*/


.forkForms .inputList {
	padding: 0 0 12px 0;
}

.forkForms .inputList li {
	position: relative;
	padding: 0 0 4px 0;
	width: 100%;
	overflow: hidden;
}

.forkForms .horizontal .inputList label {
	float: none;
	width: auto;
}

	.forkForms .inputList li input.inputRadio,
	.forkForms .inputList li input.inputCheckbox {
		position: absolute;
		left: 0;
		top: 0;
	}

/*
	The Magic One Liner
	-------------------
	General method to wrap form and other elements on one line
	Gets cleared see clearing section of this css file
*/

.oneLiner p,
.oneLiner .buttonHolder {
	float: left;
	padding-right: 2px;
}

	.oneLiner p {
		padding-bottom: 0;
		line-height: 21px;
	}

	.oneLiner select {
		margin-top: 1px;
		margin-right: 3px;
	}

/* "Fake" label */

label {
	font-weight: 700;
	color: #4A4A4A;
	display: block;
}

p.label {
	padding-bottom: 0;
	border: none;
	font-size: 12px;
	font-weight: 700;
	color: #4A4A4A;
}

.forkForms p label {
	display: block;
}
.forkForms textarea{ width: 90%; }

.fakeInput { display: inline;}

.forkForms ul .helpTxt{ padding: 0 0 0 24px; }
.forkForms .long li{ padding: 0 0 8px; }
.forkForms .horizontal p label,
.forkForms .horizontal .section label { display: inline; }

.forkForms .horizontal p .helpTxt,
.forkForms .horizontal .section .helpTxt { display: block; padding: 1px 0 1px 105px; }

.forkForms .helpTxt{ font-family: Arial, sans-serif; }

.forkForms .horizontal label,
.forkForms .horizontal p.label,
.forkForms .horizontal label,
.forkForms .horizontal p.label{
	float: left;
	width: 95px;
	padding-right: 10px;
	line-height: 21px;
	/* Same height as buttons and hopefully same height as input[type="text"] [depends on browser] */
}

.forkForms .horizontal p.label {
	margin: 0;
}

.forkForms .spacing,
.forkForms .horizontal span.form-error {
	padding-left: 105px;
}

.forkForms .horizontal .inputList {
	float: left;
	overflow: hidden;
}

.forkForms abbr{ cursor: help; }

#message {
	width: 290px;
	padding: 2px 3px;
	height: 190px;
}

/*
	Form messages
*/

.form-error {
	color: #E2001A;
	font-weight: 700;
	font-size: 11px;
	display: block;
}

.generalMessage {
	position: relative;
	border: 1px solid #CCC;
	margin: 0 0 12px;

	/* @inc .rc */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	padding: 12px;
}

	.generalMessage a {
		font-weight: 700;
	}

	.generalMessage ul li {
		border-bottom: 1px dotted #DBDBDB;
		padding: 0 0 4px;
		margin: 0 0 4px;
	}

	.generalMessage ul li:last-child,
	.generalMessage ul li.lastChild {
		/* .lastChild class added by JS or PHP for IE6/IE7 */
		border: none;
		padding: 0;
		margin: 0;
	}

.errorMessage {
	color: #E2001A;
	background: #FBF3F3;
	border-color: #E2001A;

	/* @inc .rc */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.successMessage {
	color: green;
	background: #D3EBC5;
	border-color: #91AE8A;

	/* @inc .rc */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

	.successMessage a:link,
	.successMessage a:visited {
		color: #005f00;
		border-color: #8dbd84;
	}

	.successMessage a:hover,
	.successMessage a:active,
	.successMessage a:focus {
		color: #002f00;
	}

.singleMessage p,
.singleMessage ul,
.singleMessage div.buttonHolder {
	padding: 0;
}

/*
	Snippet: multiple images
*/

table.multipleImages {
	border: none;
	margin: 0;
}

	table.multipleImages td,
	table.multipleImages th {
		border: none;
		padding: 0;
	}

	table.multipleImages td img,
	table.multipleImages th img {
		display: block;
	}
	
/*
	Image alignment
*/

img.alignleft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignright {
	float: right;
	padding: 0 0 10px 10px;
}