@charset "utf-8";
/* CSS Document */

/* Resets */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; }
li { list-style: none; margin: 0px; padding: 0px; }
span {display:none;}
body { margin: 0px; background: #181310 url(img/bg.jpg) repeat-x; }
a img {border:none;}
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;    }
.clearfix {display: inline-block;}  /* for IE/Mac */

/* layout and styles within container */
#container { width: 980px; margin-right: auto; margin-left: auto; background: url(img/rpt.jpg); }
#header { background: url(img/head.jpg); height: 184px; }
#content { padding-bottom: 40px; width: 980px; }
#left { padding-left: 90px; width: 160px; float: left; }
#right { margin-left: 250px; padding-left: 30px; padding-top: 90px; font-family: Arial, Helvetica, sans-serif; color: #FFF; padding-right: 90px; }
#right h2 { color: #F3DCAB; font-size: 16px; padding-top: 10px; }
#right h3 { padding-top: 20px; padding-bottom: 20px; color: #F3dCAB; }
#right h4 { color: #F3DCAB; padding-top: 10px; }
#right p { padding-top: 20px; font-size: 12px; font-weight: bold; }
#product-list a img { padding-top: 0px; padding-bottom: 0px; margin-top: 5px; }
#right .img-left { margin-top: 10px; margin-bottom: 10px; display: block; clear: right; }

#footer { width: 980px; margin-right: auto; margin-left: auto; height: 300px; background: url(img/footer-transparent.gif); }
#footer-wrap { background: url(img/footer-transparent-wrap.gif) repeat-x; }


/* navigation */
#nav ul li a, #nav ul li a:link, #nav ul li a:visited, #nav ul li a:active { height: 22px; display: block; padding-top: 8px; font-family: Arial, Helvetica, sans-serif; color: #F3DCAB; text-decoration: none; font-size: 13px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #181310; padding-left: 30px; }
#nav ul .nav_language a, #nav ul .nav_language a:link, #nav ul .nav_language a:visited, #nav ul .nav_language a { background: url(img/nav_language.jpg); margin-bottom: 30px; }
#nav ul .nav_home a, #nav ul .nav_home a:link, #nav ul .nav_home a:visited, #nav ul .nav_home a:active { background: url(img/nav_home.jpg); }
#nav ul .nav_home a:hover {color: #FFF;}
#nav ul .nav_products a, #nav ul .nav_products a:link, #nav ul .nav_products a:visited, #nav ul .nav_products a:active { background: url(img/nav_products.jpg); }
#nav ul .nav_products a:hover {color: #FFF;}

#nav ul .nav_shiitake a, #nav ul .nav_shiitake a:link, #nav ul .nav_shiitake a:visited, #nav ul .nav_shiitake a:active { background: url(img/nav_shiitake.jpg); color: #FFF; padding-left: 15px; }
#nav ul .nav_oyster a, #nav ul .nav_oyster a:link, #nav ul .nav_oyster a:visited, #nav ul .nav_oyster a:active { background: url(img/nav_oyster.jpg); color: #FFF; padding-left: 15px; }
#nav ul .nav_field a, #nav ul .nav_field a:link, #nav ul .nav_field a:visited, #nav ul .nav_field a:active { background: url(img/nav_field.jpg);  color: #FFF; padding-left: 15px; }
#nav ul .nav_chestnut a, #nav ul .nav_chestnut a:link, #nav ul .nav_chestnut a:visited, #nav ul .nav_chestnut a:active { background: url(img/nav_chestnut.jpg);  color: #FFF;  padding-left: 15px; }
#nav ul .nav_porcini a, #nav ul .nav_porcini a:link, #nav ul .nav_porcini a:visited, #nav ul .nav_porcini a:active { background: url(img/nav_porcini.jpg);  color: #FFF;  padding-left: 15px; }
#nav ul .nav_stockists a, #nav ul .nav_stockists a:link, #nav ul .nav_stockists a:visited, #nav ul .nav_stockists a:active { background: url(img/nav_stockists.jpg); }
#nav ul .nav_stockists a:hover {color: #FFF;}
#nav ul .nav_recipies a, #nav ul .nav_recipies a:link, #nav ul .nav_recipies a:visited, #nav ul .nav_recipies a:active { background: url(img/nav_recipies.jpg); }
#nav ul .nav_recipies a:hover {color: #FFF;}
#nav ul .nav_media a, #nav ul .nav_media a:link, #nav ul .nav_media a:visited, #nav ul .nav_media a:active{ background: url(img/nav_media.jpg); }
#nav ul .nav_media a:hover { color: #FFF;}
#nav ul .nav_contact a, #nav ul .nav_contact a:link, #nav ul .nav_contact a:visited, #nav ul .nav_contact a:active { background: url(img/nav_contact.jpg); }
#nav ul .nav_contact a:hover { color: #FFF;}
#nav { background: #363439; padding-top: 20px; height: 100%; }
#product-list { padding-top: 10px; padding-bottom: 10px; }
#product-list a { color: #B77514; text-decoration: none; font-size: 14px; }
#right li { font-size: 14px; }
#product-list .news-date { margin-top: 10px; }
#product-list .news-date em { font-style: normal; }
#product-list .news-date b { display: block; width: 160px; float: left; font-weight: normal;}


/* General Form Styles
--------------------------------------------------*/
form { margin: 5px 0 15px; font-size: 12px; width:460px; }
fieldset { border: 1px solid #999999; padding: 5px; }
legend {	padding: 5px;	font-weight: bold;	color: #1F1F1F;}
label { display: block; margin: 10px 0 4px 0; color: #fff; }
label.check { display: inline; }

textarea, input { width: 98%; border: 1px solid #7F9DB9; padding: 5px; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #888; margin: 0; background: #FFF url(/templates/img/formshadow.jpg); }
select {	width: 100%;}
input.check { background: none; border: none; width: auto; margin: 6px 4px 0 4px; }
input.sized {width: auto;}
input.submit{ color:#000000; font: bold 1.2em Arial, Helvetica, sans-serif; width: 150px; margin-top: 15px; background: #CCC url(/templates/img/submit.png); padding: 0px; height: 30px; border-style: none; cursor:pointer; cursor:hand; }
textarea{ height: 100px; }
#form { margin-top: 40px; }
#right .mushroombutts { height: 20px; width: 120px; color: #FFF; text-decoration: none; display: block; padding-top: 5px; padding-left: 10px; background: #B77514; margin-top: 20px; border: 1px solid #544117; }
#right .mushroombutts li a { color: #FFF; text-decoration: none; }
#right ul .link_back a{ color: #FFF; text-decoration: none; font-size: 10px; display: block; padding-top: 20px; }
#right p a { color: #FFF; }
#right .stockist_list ul { padding-top: 10px; }
#right .stockist_list ul li { width: 80px; background: url(img/tick.jpg) no-repeat; padding-left: 30px; height: 25px; display: block; float: left; }
#right .stockist_list a { display: block; height: 20px; width: 400px; font-size: 12px; text-decoration: none; color: #B77514; }

#right .stockist_list li ul li { display: block; float: left; width: 100px; }
#right .stockist_list_right h4 { margin: 0px; padding: 0px; }
#right a { color: #FFF; text-decoration: none; padding-top: 10px; }

#right .stockist_list { border-top-width: 1px; border-top-style: solid; border-top-color: #B77514; margin-top: 10px; }


/* General Form Styles
--------------------------------------------------*/
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
#nav { font-family: arial, sans-serif; width:200px; position:relative; font-size:11px; z-index:100000; display: block; margin: 5px 0 50px; }
#nav ul li a, #categorymenu ul li a:link, #categorymenu ul li a:visited, #categorymenu ul li a:active, #categorymenu ul li a:hover { display:block; text-decoration:none; color:#FFFFFF; height:20px; line-height:19px; font-size:11px; border-top: 1px solid #394328; border-bottom: none; border-left: none; padding: 2px 10px; width: 120px; }

#nav ul li ul li a:link, #categorymenu ul li ul li a:visited, #categorymenu ul li ul li a:active, #categorymenu ul li ul li a:hover { display:block; text-decoration:none; color:#FFFFFF; width:140px; height:20px; text-align:left; line-height:19px; font-size:11px; border-top: 1px solid #394328; border-right: 1px solid #394328; border-bottom: 0px solid #394328; border-left: none; padding: 2px 10px; }
#nav ul {padding:0; margin:0;list-style-type: none; }
#nav ul li { float:left; margin-right:0px; position:relative; }
#nav ul li ul {display: none;}

/* specific to non IE browsers */

#nav ul li:hover a { color:#FFF; background:#A5D611; }
#nav ul li:hover ul { display:block; position:absolute; top:0; left:160px; width:200px; border-bottom: 1px solid #000; }
#nav ul li:hover ul li a.hide { background:#D0F365; color:#fff; }
#nav ul li:hover ul li:hover a.hide {width:150px;}
#nav ul li:hover ul li ul {display: none;}
#nav ul li:hover ul li a { display:block; background:#D0F365; color:#333; width:120px; }
#nav ul li:hover ul li a:hover { color:#333; }
#nav ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
#nav ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
#nav ul li:hover ul li:hover ul li a:hover { background:#D0F365; color:#fff; }


p.image-title {color:#FC0; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:0px;}

span.smaller { display:inline;  font-style:italic; padding-bottom:0px;}
p.date { padding-bottom:0px; font-size:75%; text-align:right; }
#footer p { color: #181310; font-size: 9px; padding-top: 100px; padding-left: 800px; text-align: right; font-family: Arial, Helvetica, sans-serif; }
#footer p a { color: #999; text-decoration: none; }
#right .paypal-buynow { height: 47px; width: 144px; display: block; float: left; background: http ://images.paypal.com/images/x-click-but9.gif; background: url(http://www.paypal.com/en_US/i/btn/btn_paynowCC_LG.gif); margin: 10px 0px 0px; padding: 0px; }
#right .paypal-addcart { height: 23px; width: 90px; display: block; float: left; background: http ://images.paypal.com/images/x-click-but9.gif; background: url(http://www.paypal.com/en_US/i/btn/x-click-but10.gif); margin: 10px 0px 0px 10px; padding: 0px; }
#right .paypal-viewcart { height: 23px; width: 72px; display: block; float: left; background: https://www.paypal.com/en_US/i/btn/view_cart.gif; margin: 0px; padding: 4px 0px 0px 20px; font-size: 12px; text-decoration: none; }
#right .paypal { float: right; margin-top: 10px; }
#right .events-list { border-top-width: 2px; border-top-style: dotted; border-top-color: #2F2F31; margin-top: 20px; width: 600px; position: relative; }
#right .events-list img { float: left; padding-top: 20px; padding-right: 30px; padding-bottom: 30px; }
#right .events-list em { font-size: 12px; display: block; position: absolute; left: 383px; top: 11px; width: 202px; text-align: right; }
#right .events-list a { font-size: 12px; margin: 10px 0px 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; text-align: right; color: #B77514; }
#right ul li a { color: #B77514; font-size: 12px; }
#news ul li { padding-left: 5px; padding-top: 5px; list-style-type: disc; margin-left: 20px; }
#news img { padding-top: 10px; }
#news em { font-size: 12px; float: right; }