@CHARSET "UTF-8";

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}

/* Main Structure */
#container {
	width: 771px;
	margin: 0 auto;
	border: 2px solid #FFFFFF;
}

#header {
	width: 771px;
	height: 200px;
	border-bottom: 2px solid #F8FAE2;
	background: url(../images/header.jpg) no-repeat;
}

#body {
	display: block;
	width: 771px;
	float: left;
	position: relative;
	background: #FFFFFF;
}

#left {
	float: left;
	width: 194px;
	border-right: 1px solid #FFFFFF;
	background: url(../images/sidebar-background.jpg) top no-repeat;
}

#right {
	float: left;
	width: 576px;
	overflow: hidden;
	background: #FFFFFF;
}

#menu a {
	float: left;
	margin: 0 0 0 1px;
}

/* News Box */
#news {
	font-size: 11px;
	padding: 15px 25px 15px 25px;
}
#news .title {
	margin: 0 0 10px 0;	
}
#news div.title a {
	color: #A6C10B;
	text-decoration: none;
	font-weight: bold;
}
#news .image {
	text-align: left;
}
#news p.bodytext {
	margin: 5px 0 5px 0;
	color: #989898;
}
#news span.more a {
	color: #989898;
	text-decoration: none;
	font-weight: bold;
}

/* Categories Menu */
#categories {
	background: #4E5B43;
}
#categories ul {
	position: relative;
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none;
}
#categories li {
	position: relative;
	clear: both;
	height: 24px;
	width: 139px;
	padding: 5px 0 0 5px;
	overflow: hidden;
	background: url(../images/sidemenu-background.gif) no-repeat;	
}
#categories li img {
}
#categories li a {
	position: absolute;
	left: 35px;
	padding: 2px 0 1px 0;
	color: #93B011;
	font-size: 11px;
	text-decoration: none;
}
.sidemenu-top {
	height: 15px;
	background: url(../images/sidemenu-background-top.gif) no-repeat;
}
.sidemenu-bottom {
	height: 15px;
	background: url(../images/sidemenu-background-bottom.gif) no-repeat;
}

/* Back/Nextnav (Sidemenu) */
#backnav,
#nextnav {
	position: relative;
	padding: 5px 12px 0 12px;
	background: #56604D;
}
#nextnav {
	text-align: right;
}
#backnav .text,
#nextnav .text {
	position: relative;
	bottom: 5px;
	margin: 0 2px 0 2px;
	color: #A4C00B;
	font-size: 11px;
	text-decoration: none;
}

/* Search Box */
#searchbox {
	position: relative;
	height: 31px;
	background: url(../images/sidebar-searchbox.jpg) no-repeat #474F41;
}
#searchbox input {
	position: absolute;
	top: 8px;
	left: 60px;
	width: 112px;
	height: 15px;
	border: none;
	background: transparent;
	font-size: 11px;
}
#searchbox img {
	position: absolute;
	top: 8px;
	left: 19px;
}

/* Search results */
.tx-indexedsearch-searchbox fieldset {
	padding: 9px;
	border: 0;
	border-top: 1px solid #28321F;
	border-bottom: 1px solid #28321F;
	background: #A4AD9C;
}
.tx-indexedsearch-searchbox .tx-indexedsearch-form {
	float: left;
}
.tx-indexedsearch-searchbox .tx-indexedsearch-whatis {
	clear: both;
}
.tx-indexedsearch-whatis {
	color: #28321F;
	font-size: 14px;
	font-weight: bold;
}
.tx-indexedsearch-sw {
	color: #000000;
}
.tx-indexedsearch-res {
	border: 0px;
	border-top: 3px double #28321F;
}
.tx-indexedsearch-res .res-tmpl-css {
	border-bottom: 3px double #28321F;
}
.tx-indexedsearch-title a {
	color:#426215;
	text-decoration: none;
}
.tx-indexedsearch-descr {
	padding: 0 0 0 20px;
}

/* Sidebar Shadow */
#sidebar-shadow {
	display: block;
	width: 194px;
	height: 6px;
	background: url(../images/sidebar-shadow.gif) no-repeat #FFFFFF;
}

/* Breadcrumb */
#breadcrumb {
	clear: both;
}

/* Content */
#content {
	position: relative;
	float: left;
	width: 536px;
	margin: 0 0 0 1px;
	padding: 20px;
}

.csc-header {
	clear: both;
}

a {
	color: #426215;
}

/* Content Footer */
#content-footer {
	position: relative;
	float: left;
	width: 576px;
	height: 13px;
	background: url(../images/content-footer.jpg) right no-repeat;
}

/* Footer Menu */
#footer {
	float: left;
	width: 556px;
	padding: 15px 20px 10px 0;
	color: #262D20;
	text-align: right;
}
#footer a {
	color: #262D20;
	text-decoration: none;
	font-size: 11px;
}

/* Product list */
.productlist-item {
	position: relative;
	clear: both;
	height: 180px;
}

.productlist-item .image {
	position: relative;
	float: right;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}

.productlist-item h1 a {
	padding-top: 10px;
	color: #426215;
	font-size: 18px;
	font-style: italic;
	text-decoration: none;
}

.productlist-item .description {
	width: 264px;
}

.productlist-item .description a {
	padding: 0 0 6px 0;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

.productlist-item .link {
	position: absolute;
	bottom: 5px;
	right: 0px;
	padding: 0 20px 0 2px;
	background: url(../images/common-arrow-right.gif) right no-repeat;
	color: #7B8869;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.productlist-item .wrapper {
	position: relative;
	width: 350px;
}

/* Product details */
#product .wrapper {
	margin: 0 0 0 20px;	
}

#product h1 {
	padding: 0 0 10px 20px;
	font-size: 18px;
	font-style: italic;
}

#product .product-image {
	float: right;
	margin: 0 0 20px 10px;
}

#product .description {
	margin: 0 0 20px 0;
}

#product .details {
	margin: 0 0 40px 0;
	color: #688144;
}

#product .sheetwrapper {
	position: relative;
	float: left;
	margin: 0 15px 0 0;
}

#product .sheetlink {
	position: relative;
	bottom: 8px;
	padding: 0 0 0 5px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

/* Contact */
#contact-europe,
#contact-asia {
	position: relative;
	float: left;
	width: 577px;
	height: 465px;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}

#address a,
#address a {
	color: #426215;
	text-decoration: none;
}

#contact-europe {
	background: url(../images/contact-europe-background.gif) no-repeat;
}

#contact-asia {
	background: url(../images/contact-asia-background.gif) no-repeat;
}

#contact-europe #address {
	position: absolute;
	left: 65px;
	bottom: 208px;
}

#contact-asia #address {
	position: absolute;
	left: 333px;
	bottom: 190px;
}

#contact-header {
	margin: 22px 0 0 0;
	padding-left: 22px;
	font-size: 13px;
	font-weight: bold;
}

#contact-menu {
	float: right;
	margin: 0 10px 0 0;
}

#contact-menu a {
	color: #000000;
	text-decoration: none;
}

#contactform {
	position: relative;
	top: 250px;
	left: 120px;
	width: 438px;
}

#contactform .left {
	float: left;
	width: 210px;
}

#contactform .right {
	float: right;
	width: 210px;
}

#contactform label {
	float: left;
}

#contactform input.contact,
#contactform textarea.contact {
	display: block;
	clear: both;
	width: 210px;
	height: 14px;
	background: #4D5424;
	border: 1px solid #94987C;
	color: #FFFFFF;
	font-size: 11px;
}

#contactform textarea.contact {
	height: 60px;
	font-family: Arial, Sans-Serif;
}

#contactform input.submit {
	position: relative;
	bottom: 0px;
	width: 50px;
	height: 16px;
	margin: 10px 0 0 0;
	font-weight: bold;
}

#contactform .error {
	float: right;
	color: #FF0000;
}

#contactform .success {
	position: absolute;
	color: #426215;
	font-size; 12px;
}

#contact-europe #contactform .success {
	top: -200px;
	left: -55px;
}

#contact-asia #contactform .success {
	display: block;
	top: -200px;
	left: 213px;
	width: 200px;
}

/* Login */
#login .form {
	display: block;
	margin: 20px 0 0 0;
	padding: 20px 0 80px 230px;
	background: url(../images/login-icon.jpg) 80px 0px no-repeat;
}

#login .status {
	height: 50px;
}

#login .input {
	position: relative;
	display: block;
	width: 210px;
	height: 14px;
	background: #4D5424;
	border: 1px solid #94987C;
	color: #FFFFFF;
	font-size: 11px;
}

#login label {
	font-size: 11px;
	font-weight: bold;
}

#login .submit {
	width: 57px;
	height: 18px;
	margin: 10px 0 0 0;
	font-size: 12px;
}

/* Gallery */
.gallery {
	clear: both;
	float: left;
	margin: 10px 0 10px 20px;
}

.gallery .imagewrapper {
	float: left;
	margin: 0 10px 0 0;
}

.gallery .imagewrapper img {
	border: 1px solid #242A1F;
}

.gallery .layer {
	display: none;
}

.center {
	margin: 0 auto;
	vertical-align: center;
	text-align: center;
}

/* Common styles */
.content-spacer {
	padding-bottom: 10px;
	background: url(../images/content-spacer.gif) bottom repeat-x;
}

h1, h2, h3, h4, h5, h6,
.green {
	color: #426215;
}

h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4, h5, h6 {
	font-size: 12px;
}

/* Modal Layer */
.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#999999;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
* html .modal-overlay
{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
	background: #FFFFFF;
	border: 1px solid #000000;
}
* html .modal-window
{
	position:absolute;
}
.close-window
{
	position: absolute;
	width: 32px;
	height: 32px;
	right: 8px;
	top: 8px;
	background: transparent url(../images/modalwindow-close.gif) no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor: pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.close-window:hover
{
	opacity:0.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}