/*
	Stylesheet for <Mistral>
	@media      screen, projection
	@copyright  Netlash <http://www.netlash.com>
	@author     Johan Ronsse <johan@netlash.com>
				Thomas Deceuninck <thomasdeceuninck@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: #333;
	background: #2e1e19;
}

/* Headings */

h1, h2, h3, h4 {
	font-weight: 300;
	line-height: 1.1;
	text-transform: uppercase;
	font-family: "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", Arial, sans-serif;
	padding: 0 0 12px 0;
}

	h1, .h1 { font-size: 32px; padding-bottom: 6px; }
	h2, .h2 { font-size: 28px; }
	h3, .h3 { font-size: 24px; }
	h4, .h4 { font-size: 18px; }

	#detail h2,
	h2.pageTitle {
		white-space: nowrap;
		padding: 12px 0 12px 12px;
		margin: 0 0 12px 0;
		font-size: 36px;
		background: #f2f2f2;
	}

	#secondarycontent h2 {
		padding-left: 20px;
		padding-bottom: 12px !important;
	}

	#secondarycontent .newsarticle h3 {
		padding-bottom: 0;
	}

	.green h2, .green h3, .green h4, span.green { color: #6e1f7c; }
	.blue h2, .blue h3, .blue h4, span.blue { color: #468b96; }
	.shiraz h2, .shiraz h3, .shiraz h4, span.shiraz { color: #e09c18 !important; }
	.silver h2, .silver h3, .silver h4, span.silver { color: #484b43; }

p {
	font-size: 12px;
	padding: 0 0 12px 0;
	/*line-height: 18px;*/
}

li.siteTitle {
	font-size: 16px;
	color: #fff;
	font-family: "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", Arial, sans-serif;
}

/*
	content defaults
*/

.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 */
}

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: #c5274b;
	text-decoration: none;
	border-bottom: 1px solid #ffbfc7;
}

	h1 a:link, h2 a:link, h3 a:link, h4 a:link { border: none; }

a:visited {
	color: #991d3a;
}

a:hover,
a:active {
	border-color: #c5274b;
}

a.advance-link { display: block; }

/*
	Globally used layout elements
*/

#container {
	width: 980px;
	margin: 0 auto;
	background: #ffffff;
}

#header {
	position: relative;
	height: 240px;
	background: #c5274b url('../images/headerbg.jpg') no-repeat;
	border-top: 4px solid #c5274b;
}

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

	#header #headerContent {
		width: 980px;
		height: 200px;
	}

		/* Logo */

		#header h1 {
			font-size: 36px;
			font-weight: 700;
			padding: 0;
			background: url(../images/logo.png) no-repeat;
			width: 170px;
			height: 170px;
			text-indent: -9000px;
			margin-left: 35px;
		}

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

	#header #navigationWrapper {
		width: 980px;
		height: 40px;
		background: url(../images/bg_navigation.png);
	}

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

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

	#header h1 {
		float: left;
	}

#main {

}

	#leftCol {
		width: 220px;
		padding: 0 20px;
		float: left;
	}

	#rightCol {
		width: 700px;
		padding: 0 20px 0 0;
		float: left;
	}

/*
	Main navigation
*/

#navigation {
	float: left;
}

#navigation ul,
#language ul {
	padding: 7px 10px 0;
}

	#navigation li,
	#language li {
		float: left;
		display: block;
		margin-right: 1px;
	}

	#language li {
		margin-right: 0;
	}

		#navigation li a,
		#language li a {
			cursor: pointer;
		}

		#navigation li a:link,
		#navigation li a:visited,
		#language li a:link,
		#language li a:visited {
			display: block;
			text-shadow: 1px 1px 2px #800d28;
			color: #fff;
			padding: 0 10px;
			text-decoration: none;
			font-size: 14px;
			font-weight: 700;
			border: none;
			height: 25px;
		}

		#navigation li a:link span,
		#navigation li a:visited span {
			display: block;
			padding-right: 10px;
		}

			#navigation li.selected a:link,
			#navigation li.selected a:visited,
			#language li.selected a:link,
			#language li.selected a:visited {
				background: url(../images/bg_navigation_link_left.png) left top no-repeat;
				color: #c5274b;
				text-shadow: none;
			}

			#navigation li.selected a:link span,
			#navigation li.selected a:visited span,
			#language li.selected a:link span,
			#language li.selected a:visited span {
				background: url(../images/bg_navigation_link.png) right top no-repeat;
				padding-right: 10px;
				display: block;
				height: 25px;
			}

		#navigation li a:hover,
		#navigation li a:focus,
		#navigation li a:active,
		#language li a:hover,
		#language li a:focus,
		#language li a:active {
			background: url(../images/bg_navigation_link_left_h.png) left top no-repeat;
		}

		#navigation li a:hover span,
		#navigation li a:focus span,
		#navigation li a:active span,
		#language li a:hover span,
		#language li a:focus span,
		#language li a:active span {
			background: url(../images/bg_navigation_link_h.png) right top no-repeat;
			display: block;
			height: 25px;
		}


/*
	language
*/

#language {
	float: right;
}

	#language li {
		margin: 0 0 0 0;
	}

	#language li a:link,
	#language li a:visited {
		padding: 0 5px;
	}

	#language li a:link span,
	#language li a:visited span{
		padding-right: 5px;
	}

	#language li.selected a:link span,
	#language li.selected a:visited span {
		padding-right: 5px;
	}

/*
	Categories on homepage
*/

#categories {
	overflow: hidden;
	width: 958px;
	margin: 30px 0;
	padding: 0 11px;
}

#categories ul {
	margin: 0;
	padding: 08;
}

	#categories li {
		float: left;
		margin-right: 10px;
		width: 232px;
	}
		#categories li.cat4 { margin-right: 0; }

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

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

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

/* Template defaults */

#main {
	background: white;
	clear: both;
}

#content {
	width: 700px;
}


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

#home #secondarycontent {
	width: 460px;
	float: left;
}

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

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

/* Purity template layout */

#bigImage img {
	display: block;
	width: 700px;
	overflow: hidden;
	margin: 15px 0 30px;
}

#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 #mainNewsoverview #subnavigation {
	border-color: #F2F2F1;
}

/*
	Subnavigation
*/

#subnavigation {

	background: #f1f1f1;
	overflow: hidden;
	width: 220px;
}

#subnavigation ul {
	overflow: hidden;
	padding-top: 12px;
}

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

#subnavigation a:link,
#subnavigation a:visited {
	color: #402922;
	display: block;
	height: 25px;
	width: 200px;
	border: none;
	padding-left: 20px;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Lucida Grande", Arial, Verdana;
}

	#subnavigation li.selected a:link,
	#subnavigation li.selected a:visited {
		color: #c5274b;
	}

	#subnavigation li {
		padding: 0 0 12px 0;
	}

		#subnavigation li li {
			padding: 6px 0 0 20px;
		}

		#subnavigation li li li {
			padding: 3px 0 0 0;
		}

	#subnavigation li li a:link,
	#subnavigation li li a:visited {
		font-size: 13px;
		height: auto;
		text-transform: capitalize;
	}

	#subnavigation li li li a:link,
	#subnavigation li li li a:visited {
		padding-left: 40px;
		font-size: 11px;
		height: auto;
		width: 120px;
	}

	/* Selected states */

	#subnavigation li.selected a:link,
	#subnavigation li.selected a:visited {
	}

		.green #subnavigation li.selected a:link,
		.green #subnavigation li.selected a:visited,
		.green #subnavigation li.selected li.selected a:link,
		.green #subnavigation li.selected li.selected a:visited {
			color: #6e1f7c;
		}
		.blue #subnavigation li.selected a:link,
		.blue #subnavigation li.selected a:visited,
		.blue #subnavigation li.selected li.selected a:link,
		.blue #subnavigation li.selected li.selected a:visited {
			color: #468b96;
		}
		.shiraz #subnavigation li.selected a:link,
		.shiraz #subnavigation li.selected a:visited,
		.shiraz #subnavigation li.selected li.selected a:link,
		.shiraz #subnavigation li.selected li.selected a:visited {
			color: #e09c18;
		}
		.silver #subnavigation li.selected a:link,
		.silver #subnavigation li.selected a:visited,
		.silver #subnavigation li.selected li.selected a:link,
		.silver #subnavigation li.selected li.selected a:visited {
			color: #484b43;
		}

		.green #subnavigation li.selected li a:link,
		.green #subnavigation li.selected li a:visited,
		.blue #subnavigation li.selected li a:link,
		.blue #subnavigation li.selected li a:visited,
		.shiraz #subnavigation li.selected li a:link,
		.shiraz #subnavigation li.selected li a:visited,
		.silver #subnavigation li.selected li a:link,
		.silver #subnavigation li.selected li a:visited {
			color: #2e1e19;
		}

		.green #subnavigation li.selected li.selected li a:link,
		.green #subnavigation li.selected li.selected li a:visited,
		.blue #subnavigation li.selected li.selected li a:link,
		.blue #subnavigation li.selected li.selected li a:visited,
		.shiraz #subnavigation li.selected li.selected li a:link,
		.shiraz #subnavigation li.selected li.selected li a:visited,
		.silver #subnavigation li.selected li.selected li a:link,
		.silver #subnavigation li.selected li.selected li a:visited {
			color: #2e1e19;
			font-weight: 300;
		}

			#subnavigation li.selected li.selected li.selected a:link,
			#subnavigation li.selected li.selected li.selected a:visited {
				font-weight: 700;
			}

		#subnavigation li.selected li a:link,
		#subnavigation li.selected li a:visited,
		#subnavigation li.selected li li a:link,
		#subnavigation li.selected li li a:visited {
			background: none !important;
		}

	/* Hoover states */

	#subnavigation a:hover,
	#subnavigation a:focus,
	#subnavigation a:active {
		color: #000 !important;
	}

/*
	Footer & Doormat
*/

#footer {
	background: url(../images/bg_footer.png) repeat-x;
	margin: 50px 0 0 0;
	padding: 0;
	height: 170px;
	overflow: hidden;
}

	#footerContent {
		float: left;
		margin-left: 35px;
		width: 140px;
		height: 147px;
		padding: 15px;
		padding-top: 18px;
		background: url(../images/bg_footer_content.png) no-repeat;
	}

		#footerContent li {
			line-height: 16px;
			font-size: 12px;
			color: #fff;
			padding: 0 0 6px 0;
		}

		#footerContent li.siteTitle {
			font-size: 18px;
			font-weight: 700;
			padding-bottom: 16px;
		}

		#footerContent li a:link,
		#footerContent li a:visited {
			color: #fff;
			border-bottom: 1px solid #ffbcc7;
		}

		#footerContent li a:hover {
			border-color: #fff;
		}

	#doormat {
		float: left;
		padding: 15px 0 0 55px;
	}

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

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

		#doormat span {
			font-size: 18px;
			display: block;
			padding: 0 0 6px;
			font-family: "proxima-nova-extra-condensed-1", "proxima-nova-extra-condensed-2", Arial, sans-serif;
			text-transform: uppercase;
		}

		#doormat li a:link,
		#doormat li a:visited {
			color: #fff;
			border: none;
			font-size: 12px;
			text-decoration: none;
			line-height: 18px;
		}

		#doormat li a:hover,
		#doormat li a:focus,
		#doormat li a:active {
			border-color: #fff;
		}

/*
	Module: news
*/

.homeBox {
	background: #f2f2f2;
	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.blogpost .entryTitle {
	padding: 0;
}

p.readmore {
	text-align: right;
}

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

div.blogpost, div.newsarticle {
	margin: 0 0 20px 0;
	padding: 0 0 20px 20px;
	border-bottom: 1px solid #eee;
}

	.homeBox div.newsarticle {
		padding: 0;
	}

#blog div.blogpost p.readmore {
	margin-top: 10px;
}

#blogDetail h1 {
	padding: 0;
}

#blogDetail div.blogpost {
	padding-left: 0;
}

#blogDetail div.blog-content {
	padding: 0 0 10px 0;
}

.blogcomments {
	padding-bottom: 24px;
	
}

	.blogcomments .blogcomment {
		padding-bottom: 12px;
	}

		.blogcomments .imageHolder {
			width: 48px;
			height: 48px;
			float: left;
			overflow: hidden;
			margin: 2px 12px 0 0;
		}

			.blogcomments .imageHolder img {
				width: 48px;
				display: block;
			}

		.blogcomments .commentContent {
			width: 350px;
			float: left;
			border-bottom: 1px solid #ddd;
		}

			.blogcomments .author {
				font-size: 11px;
				color: #666;
				padding: 0 0 2px 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 {
	width: 700px;
	margin: 30px 0 30px 0;
}

	#detail-left {
		float: left;
		width: 460px;
		padding-right: 20px;
	}

		#detail-left #slideshow {
			margin-bottom: 25px;
			height: 335px;
			overflow: hidden;
		}

	#detail-right{
		float: left;
		width: 220px;
		overflow: hidden;
	}

		#thumbsplustip {
			padding-bottom: 24px;
			margin-bottom: 24px;
		}

			#thumbsplustip li {
				float: left;
				width: 105px;
				padding: 0 10px 0 0;
				height: 86px;
				overflow: hidden;
			}

			#thumbsplustip li.last {
				padding-right: 0;
			}

			#detail-left #slideshow a {
				border: none !important;
			}

		/* Image gallery pagination */

		#thumbs .pagination {
			position: static;
			float: none;
		}

			#thumbs .pagination span,
			#thumbs .pagination a {
				display: block;
				margin-right: 6px;
				float: left;
				border: 1px solid #CCC;
				padding: 0 8px;
			}

			#thumbs .pagination a:link,
			#thumbs .pagination a:visited {
				color: #C5274B;
				border-color: #CCC;
			}

			#thumbs .pagination a:hover,
			#thumbs .pagination a:active,
			#thumbs .pagination a:focus {
				color: #C5274B;
				border-color: #333;
			}

#detail-content {
	width: 700px;
}

	#detail-content-left {
		float: left;
		width: 460px;
		padding-right: 20px;
	}

	#detail-content-right {
		float: left;
		width: 220px;
	}

		.tip {
			margin-bottom: 15px;
		}

		.tip-title {
			display: block;
			width: 220px;
			height: 65px;
			text-indent: -9999px;
			background: url(../images/bg_tip_top.png) no-repeat;
			padding: 0;

		}
			.blue .tip-title {
				background: url(../images/bg_tip_top_blue.png) no-repeat;
			}
			.shiraz .tip-title {
				background: url(../images/bg_tip_top_pink.png) no-repeat;
			}
			.silver .tip-title {
				background: url(../images/bg_tip_top_silver.png) no-repeat;
			}

		.tip-content {
			background: url(../images/bg_tip_body.png) repeat-y;
			padding: 0 15px 0 25px;
			zoom: 1;
		}
			.blue .tip-content {
				background: url(../images/bg_tip_body_blue.png) repeat-y;
			}
			.shiraz .tip-content {
				background: url(../images/bg_tip_body_pink.png) repeat-y;
			}
			.silver .tip-content {
				background: url(../images/bg_tip_body_silver.png) repeat-y;
			}

		.tip-footer {
			display: block;
			height: 15px;
			background: url(../images/bg_tip_footer.png) no-repeat;
		}
			.blue .tip-footer {
				background: url(../images/bg_tip_footer_blue.png) no-repeat;
			}
			.shiraz .tip-footer {
				background: url(../images/bg_tip_footer_pink.png) no-repeat;
			}
			.silver .tip-footer {
				background: url(../images/bg_tip_footer_silver.png) no-repeat;
			}

/* Breadcrumb */
#breadcrumb {
	width: 968px;
	color: #777;
	font-size: 11px;
	padding: 0 6px;
}

	#breadcrumb p {
		font-size: 11px;
		padding: 12px 0 12px 260px;
		line-height: 1;
	}


/* 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;
	border: none;
}

	p.button.facebook a:link,
	p.button.facebook a:visited {
		background: url(../images/fbbutton.png) no-repeat;
		padding-left: 31px;
	}
	
		p.button.facebook a:link span,
		p.button.facebook a:visited span {
			background-position: right -250px;
		}
	
	p.button.facebook a:hover span,
	p.button.facebook a:active span,
	p.button.facebook a:focus span {
		background-position: right -275px;;
	}


	.section p.button a:link span,
	.section p.button a:visited span {
		text-align: center;
		width: 100%;
	}

	.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; }
	.silver p.button a:link,
	.silver p.button a:visited { background-position: 0 -200px; }

	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; }
	.silver p.button a:link span,
	.silver p.button a:visited span { background-position: right -200px; }

	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; }
	.silver p.button a:hover,
	.silver p.button a:active { background-position: 0 -225px; }
	
	
	p.button.facebook a:hover,
	p.button.facebook a:active,
	p.button.facebook a:focus {
		background-position: 0 -25px;
	}

	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; }
	.silver p.button a:hover span,
	.silver p.button a:active span { background-position: right -225px; }

/* Prevent overlay */
#news p.button span { background-color: #FBFBFB; }
.green #container p.button span { background-color: #6e1f7c; }
.blue #container p.button span { background-color: #468b96; }
.shiraz #container p.button span { background-color: #e09c18; }
.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 {
	margin-top: 25px;
	width: 700px;
}

#related-items li {
	width: 220px;
	float: left;
	padding-right: 20px;
}
	#related-items li.last {
		padding-right: 0;
	}

#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;
}
	.image a {
		border: none;
	}

#productCategories .description {
	width: 422px;
	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: 15px 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,
.newsarticle:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.button,
#doormat ul,
.medialist .row,
.oneLiner,
.newsarticle,
#footer {
	zoom: 1;
}

/*
	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 #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;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	clear: both;
	background: #F2F2F1;
	padding: 12px;
	margin: 0 0 20px;
}

	#player {
		width: 540px;
		float: left;
		padding-right: 20px;
	}

	#share {
		float: left;
	}

		#share h3 {
			padding: 0 0 0 0;
		}

		ul.share {
			width: 100px;
		}

		#share li {
			float: left;
			list-style: none;
			padding: 0;
			margin: 0;
			width: 25px;
			height: 25px;
		}

		#share li a:link {
			border: none;
			display: block;
			width: 25px;
			height: 25px;
			text-indent: -9999px;
		}

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
*/

input.inputSubmit,
input.input-submit {
	border: none;
	background: #c5274b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	color: #fff;
	font-weight: 700;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

input.inputText,
input.input-text {
	border: 1px solid #ccc;
	background: #fff url(../images/bg_inputText.png) repeat-x;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	color: #666;
	width: 150px;
}
input.inputSubmit:hover,
input.input-submit:hover {
	background-color: #b10036;
}

.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;
	margin: 0 10px 10px 0;
	display: inline;
}

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

a.linkedImage {
	border: none;
}

div.hr hr {
	display: none !important;
}
div.hr {
	border-bottom: 1px solid #e3e3e3 !important;
	margin-bottom: 12px;
}