/**
 * Stylesheet for Envoy
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Johan <johan@netlash.com>
 */
/**
 * = Global reset
 * ----------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px dotted #808080;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**
 * = Primary selectors
 * ----------------------------------------------------------
 */
body {
	font: 12px/1.4 Arial, sans-serif;
	background: #EDEDED;
	color: white;
}
h1 {
	font: 300 21px/1 Helvetica, Arial, sans-serif;
	padding: 0 0 10px 0;
}
h2 {
	font: 300 16px/1 Helvetica, Arial, sans-serif;
	padding: 0 0 10px 0;
	clear: both;
}
h3 {
	font: 700 12px/1 Helvetica, Arial, sans-serif;
	padding: 0 0 10px 0;
	clear: both;
}
p {
	font: 300 12px/1.55 Arial, sans-serif;
	padding: 0 0 21px 0;
}
ul {
	font: 300 12px/1.55 Arial, sans-serif;
	padding: 0 0 21px 25px;
}
ul li {
	list-style: disc;
}
dl {
	padding: 0 0 15px 0;
}
dl dt {
}
dl dd {
}
blockquote {
	padding: 0 0 0 20px;
}
blockquote p {
	font-style: italic;
}
/**
 * = Emphasis/strong
 * ----------------------------------------------------------
 */
em {
    font-style: italic;
}
strong {
    font-weight: 700;
}
/**
 * = Links
 * ----------------------------------------------------------
 */
a:link,
a:visited {
	color: #ffd3ad;
}
a:hover,
a:active {
	color: #fff;
}
/**
 * = Page structure
 * ----------------------------------------------------------
 */
#container {
	width: 968px;
	margin: 15px auto;
	background: url(../images/envoytop.jpg) no-repeat;
}
/**
 * = Header
 * ----------------------------------------------------------
 */
#header {
	height: 184px;
	width: 100%;
	background: url(../images/envoyheaderbg.jpg) repeat-y;
}
#header p {
	width: 291px;
	height: 139px;
	text-indent: -9000px;
	margin: 32px 0 0 38px;
	float: left;
	padding: 0;
}
#header p.image-nl {
	background: url(../images/hearthesilence-nl.jpg) no-repeat 0 0;
}
#header p.image-fr {
	background: url(../images/hearthesilence-fr.jpg) no-repeat 0 0;
}
#header p.image-de {
	background: url(../images/hearthesilence-de.jpg) no-repeat 0 0;
}
#header p.image-en {
	background: url(../images/hearthesilence-nl.jpg) no-repeat 0 0;
} /* NL and EN = same image */
#header h1 {
	width: 245px;
	height: 44px;
	overflow: hidden;
	text-indent: -9000px;
	float: right;
	margin: 110px 0 0 0;
	padding: 0 50px 0 0;
}
#header h1.nl {
	background: url(../images/logo-nl.gif) no-repeat 0 0;
}
#header h1.fr {
	background: url(../images/logo-fr.gif) no-repeat 0 0;
}
#header h1.de {
	background: url(../images/logo-de.gif) no-repeat 0 0;
}
#header h1.en {
	background: url(../images/logo-en.gif) no-repeat 0 0;
}
#header h1 a {
	display: block;
	width: 245px;
	height: 44px;
	overflow: hidden;
}
/**
 * = Navigation
 * ----------------------------------------------------------
 */
#navigation {
	width: 920px;
	height: 37px;
	background: #36271a;
}
#navigation ul {
	width: 897px;
	line-height: 31px;
	height: 31px;
	padding: 6px 0 0 21px;
}
#navigation li {
	float: left;
	margin: 0 6px 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	list-style: none;
	height: 31px;
}
#navigation li a span {
	display: block;
	float: left;
	width: 8px;
	height: 31px;
}
#navigation li a:hover span,
#navigation li a:active span,
#navigation li.selected a span {
	background: #946c43 url(../images/cornermiddlebrownleft.png) no-repeat 0 0;
}
.hassubnav #navigation li a:hover,
.hassubnav #navigation li a:active,
.hassubnav #navigation li.selected a {
	background: #61462c url(../images/cornerdarkbrownright.png) no-repeat top right;
}
.hassubnav #navigation li a:hover span,
.hassubnav #navigation li a:active span,
.hassubnav #navigation li.selected a span {
	background: #61462c url(../images/cornerdarkbrownleft.png) no-repeat 0 0;
}
#navigation li.selected a,
#navigation li.selected a:hover,
#navigation li.selected a:active {
	color: white;
	background: #946c43 url(../images/cornermiddlebrownright.png) no-repeat top right;
	text-decoration: none;
}
.hassubnav #navigation li.selected {
	background: #61462c url(../images/cornerdarkbrownleft.png) no-repeat 0 0;
}
.hassubnav #navigation li.selected a,
.hassubnav #navigation li.selected a:hover,
.hassubnav #navigation li.selected a:active {
	background: #61462c url(../images/cornerdarkbrownright.png) no-repeat top right;
}
#navigation li a {
	text-decoration: none;
	color: #ffcfa6;
	display: block;
	float: left;
	font: 300 12px/31px Arial, sans-serif;
	padding: 0 8px 0 0;
}
#navigation li a:hover,
#navigation li a:active {
	color: #fff;
	background: #946c43 url(../images/cornermiddlebrownright.png) no-repeat top right;
}
#navigation li a:hover span,
#navigation li a:active span {
	background: #946c43 url(../images/cornermiddlebrownleft.png) no-repeat top left;
}
#subnavigation {
	padding: 6px 0 0 0;
	width: 920px;
	height: 27px;
	background: #61462c;
}
#subnavigation ul {
	width: 856px;
	line-height: 27px;
	height: 27px;
	padding: 0 32px;
}
#subnavigation li {
	float: left;
	margin: 0 6px 0 0;
	list-style: none;
}
#subnavigation li a {
	font: 300 11px/27px Arial, sans-serif;
	color: #ffcfa6;
	display: block;
	float: left;
}
#subnavigation li a span {
	display: block;
	float: left;
	width: 8px;
	height: 27px;
}
#subnavigation li a:hover span,
#subnavigation li a:active span,
#subnavigation li.selected a span {
	background: #946c43 url(../images/subnavcornerleft.png) no-repeat 0 0;
}
#subnavigation li.selected a,
#subnavigation li.selected a:hover,
#subnavigation li.selected a:active {
	color: #FFF;
	text-decoration: none;
	background: #946c43 url(../images/subnavcornerright.png) no-repeat top right;
}
#subnavigation li a:hover,
#subnavigation li a:active {
	color: #ffcfa6;
	background: #946c43 url(../images/subnavcornerright.png) no-repeat top right;
}
#subnavigation li a {
	text-decoration: none;
	padding: 0 8px 0 0;
}
/**
 * = TinyMCE classes
 * ----------------------------------------------------------
 */
img.left {
	float: left;
	padding: 0 8px 8px 0;
}
img.right {
	float: right;
	padding: 0 0 8px 8px;
}
p.darkbrown {
	color: #4E3723 !important;
}
p.salmon {
	color: #FFCFA6 !important;
}
p.big {
	font-size: 15px;
}
p.bigandsalmon {
	color: #FFCFA6 !important;
	font-size: 15px;
}
p.biganddarkbrown {
	color: #4E3723 !important;
	font-size: 15px;
}
p.bigger {
	font-size: 18px;
}
p.biggerandsalmon {
	font-size: 20px;
	color: #FFCFA6 !important;
}
p.biggeranddarkbrown {
	font-size: 20px;
	color: #4E3723 !important;
}
p.huge {
	font-size: 24px;
}
p.small { 
	font-size: 11px;
}
p.smallanddarkbrown {
	font-size: 11px;
	color: #4E3723 !important;
}
p.box {
	background: #8c643d;
	margin: 0 10px 20px 10px;
	padding: 8px;
}
p.smallandsalmon {
	font-size: 11px;
	color: #FFCFA6 !important;
}
h3.salmon, h2.salmon {
	color: #FFCFA6 !important;
}
h3.darkbrown, h2.darkbrown {
	color: #4E3723 !important;
}
a.linkbutton {
	display: block;
	padding: 2px 8px;
	font-weight: 300;
	border: 1px solid #997757;
	background: #61462c;
	color: white;
	clear: both;
	text-decoration: none;
	float: left;
	cursor: pointer;
	margin: 10px 0;
}
a.linkbutton:hover {
	color: #ffcfa6
}
/**
 * = Main
 * ----------------------------------------------------------
 */
#main {
	background: #EDEDED url(../images/contentbg.png) repeat-y;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 0 28px 0 20px;
	position: relative;
	/* Min-height hack for IE6 */
}
/**
 * = Slideshow
 * ----------------------------------------------------------
 */
#slideshow {
	float: right;
	padding: 27px 40px 30px 0;
}
#results {
	float: right;
	padding: 27px 40px 30px 0;
	width: 210px;
}
#results h2 {
	padding: 0 0 26px 0;
}
/**
 * = Forms
 * ----------------------------------------------------------
 */
input, textarea {
	padding: 2px;
	font: 300 12px Arial, sans-serif;
}
textarea {
	height: 7em;
}
form {
	padding: 0 0 20px 0;
}

form dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	_display: inline-block;
}

label {
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
}
form dl dt {
	padding: 0 0 2px;
	float: left;
	clear: left;
	width: 100px;
}
form dl dd {
	padding: 0 0 8px;
	float: left;
}
#name {
	width: 200px;
}
#email {
	width: 300px;
}
#message {
	width: 400px;
}
span.form-error {
	display: block;
	padding: 2px 10px;
	color: white;
	background: #992424;
	width: 270px;
	margin:5px 0 10px 0;
}
/**
 * = Products
 * ----------------------------------------------------------
 */
/*
#products {
	background: url(../images/productrange.jpg) no-repeat;
	padding: 0;
	overflow: hidden;
}
#products li {
	width: 145px;
	height: 193px;
	float: left;
	text-indent: -9000px;
	list-style: none;
}
#products li a {
	width: 145px;
	height: 193px;
	display: block;
	overflow: hidden;
}
*/
img.productdetailimg {
	float: left;
	padding: 0 0 10px 10px;
}
/**
 * = Regular table
 * ----------------------------------------------------------
 */
td {
	padding: 4px 10px;
	vertical-align: top;
}
/**
 * = Products table
 * ----------------------------------------------------------
 */
#productstable {
	table-layout: fixed;
	width: 100%;
}
#productstable td {
	border-bottom: 1px solid #85592e;
	padding: 8px 22px;
	text-align: center;
}
#productstable td img {
	width: 120px;
	display: block;
	margin: 0 auto;
}
#productstable td a {
	text-decoration: none;
}
/**
 * = Productdetail table
 * ----------------------------------------------------------
 */
#productdetail {
	padding: 4px;
	border-collapse: collapse;
	margin: 0 0 15px 10px;
}
#productdetail td {
	vertical-align: middle;
	padding: 0 10px;
	background: #997045;
	border: 1px solid #845736;
	height: 49px;
}
#productdetail tr.odd td {
	background: #8e6438;
}
#productdetail td img {
	float: left;
}
#productdetail td.img {
	padding: 0;
}
/**
 * = Content
 * ----------------------------------------------------------
 */
#content {
	padding: 24px 0 20px 32px;
	width: 570px;
	float: left;
}
#content p {
	clear: both;
}
/**
 * = Footer + language
 * ----------------------------------------------------------
 */
#language ul {
	float: right;
	padding: 11px 29px 0 0;
}
#language {
	padding: 5px;
	height: 68px;
}
#footer ul {
	padding: 32px 32px 0 0;
	float: right;
}
#footer {
	background: url(../images/footerbg.png) no-repeat top left;
	height: 50px;
	width: 100%;
	padding-bottom: 25px;
}
#footer ul li, #language ul li{
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #ebc5b1;
	color: #69350a;
}
#language ul li {
	float: left;
}
#footer ul li {
	font-size: 11px;
}
#footer a:link,
#footer a:visited,
#language a:link,
#language a:visited {
	color: #69350a;
}
#language a {
	display: block;
	padding: 2px 3px;
}
#footer a:hover,
#footer a:active,
#language a:hover,
#language a:active {
	color: #110702;
}
#language ul li.selected a:link,
#language ul li.selected a:visited,
#language ul li.selected a:hover,
#language ul li.selected a:active {
	font-weight: 700;
	text-decoration: none;
	background: #36271A;
	color: white;
}
#footer ul li.last,
#language ul li.last {
	border: none;
	padding: 0 0 0 5px;
}
input.input-button {
	font-size: 12px;
	float: right;
	background: #4e3723;
	border: 1px solid #5c3119;
	color: #FFF;
	padding: 3px;
	margin: 0 0 10px 0;
	font-family: Arial, sans-serif;
	cursor: pointer;
	font-weight: 700;
}
table#choosing {
	table-layout: fixed;
	margin: 10px 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #3a2614;
}
table#choosing td {
	padding: 5px 10px;
	background: #50351b;
	font-size: 11px;
}
table#choosing tr.odd td.radio {
	background: #50351b;
	font-size: 12px;
}
table#choosing tr.even td.radio {
	background: #5f4127;
	font-size: 12px;
}
/**
 * = Clearfix
 * ----------------------------------------------------------
 * @see	http://www.positioniseverything.net/easyclearing.html
 * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 * @see http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}