html { height: 100%; margin-bottom: 1px; }
body { background-color: #d9fea8; height: 100%; margin-bottom: 1px; }

* { border: 0; margin: 0; padding: 0; }

/* global */
body								{ font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h3, h4, h5, h6			{ font-weight: normal; line-height: normal; }
h1									{ color: #6c9931; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 26px; font-weight: bold; line-height: 36px; margin: 0 0 12px; text-transform: uppercase; /*text-shadow: 0 0 7px #6a993d;*/ }
h2									{ color: #6c9931; font-family: "Arial Narrow", Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 18px; margin: 0 0 14px; text-transform: uppercase; /*text-shadow: 0 0 7px #6a993d;*/ }
h3									{ color: #97c45d; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 18px; line-height: 18px; margin: 0 0 6px; /*text-shadow: 0 0 7px #6a993d;*/ }
h4									{ color: #82b63f; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 12px; }
p									{ color: #605c54; font-size: 12px; line-height: 18px; margin: 0 0 18px; }
ul, ol								{ color: #605c54; font-size: 12px; line-height: 18px; list-style-position: inside; margin: 0 0 18px; }
li ul, li ol						{ margin: 0 0 0 18px; }
a									{ color: #82b63f; outline: none; text-decoration: none; }
a:hover								{ text-decoration: underline; }
hr									{ background-color: #6f954b; border: 0px; color: #add884; display: block; height: 1px; margin: 0; !margin: -7px; /* IE */ margin-bottom: 18px; !margin-bottom: 11px; }
table								{ font-size: 12px; }

label								{ color: #605c54; display: block; font-size: 12px; }
input, textarea, select				{ border: 1px #5a7c38 solid; color: #636363; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; }
input, select						{ padding: 4px 2px; }
input[type=submit]					{ padding: 3px; }

#container							{ margin: 0 auto; position: relative; width: 980px; }
div.container						{ margin: 0 auto; width: 944px; }

#site-overlay-image					{ background: url(/template/home-overlay.png) no-repeat top left; height: 444px; position: absolute; right: 0; top: 10px; width: 297px; z-index: 10; }

#nav-container						{ background: #abda5c url(/template/nav-bg.png) repeat-x; height: 66px; overflow: hidden; width: 980px; }
#nav								{ font-size: 14px; list-style: none outside; }
#nav li								{ float: left; height: 41px; padding: 25px 0 0; position: relative; text-align: center; z-index: 20;}
#nav li.last a						{ background-image: none; }
#nav a								{ background: url(/template/nav-divider.png) no-repeat right center; color: #fff; text-shadow: 0 0 5px #676767; text-transform: uppercase; font-weight: bold; padding: 25px 20px 20px 15px; }
#nav li.first a						{ padding-left: 40px; }
#nav li:hover, #nav li.active		{ background: url(/template/nav-active-bg.png) no-repeat center; }
#nav li:hover a						{ text-decoration: none; }

#header								{ background-color: #aada6d; height: 243px; position: relative; width: 980px; }
#logo								{ left: 20px; position: absolute; top: 2px; z-index: 100; }
#header .container					{ border: 2px #83bb4d solid; height: 222px; margin-left: 18px; overflow: hidden; position: relative; width: 940px; z-index: 1; }
#header div.banner					{ background-position: top center; background-repeat: no-repeat; height: 222px; width: 940px; }

#main								{ background-color: #fff; background-image: url(/template/topbar-bg-short.png); background-repeat: repeat-x; background-position: top left; overflow: hidden; width: 100%; }
#main.home							{ background-image: url(/template/topbar-bg-tall.png); }
#main.products						{ background-color: #fff; }

#navbar								{ display: inline; float: left; margin: 0 40px 0 0; width: 180px; }

#sidenav							{ font-family: "Times New Roman", Times, serif; font-size: 28px; list-style: none outside; padding: 15px 0 0; margin: 0; }
#sidenav a							{ color: #fff; }
#sidenav li							{ border: 2px #83bb4d solid; height: 77px; margin: 0 0 10px; width: 175px; }
#sidenav li img						{ vertical-align: middle; }

#topbar								{ float: left; height: 56px; padding: 15px 0 0; width: 720px; }
#main.home #topbar					{ height: 145px; padding: 7px 0 0; width: 430px; }
#main.home #topbar h1				{ color: #fff; margin-bottom: 6px; text-shadow: 0 0 7px #6a993d; }
#main.home #topbar p				{ font-size: 11px; }

#subnav								{ color: #fff; float: right; font-size: 12px; list-style: none outside; }
#subnav li							{ color: #fff; float: left; }
#subnav a							{ color: #fff; }
#subnav a.active					{ font-weight: bold; }

#content							{ float: left; width: 700px; }
#content.article					{ width: 720px; }
#main.home #content					{ margin: 0 30px 0 0; width: 568px; }

#news-rss-icon						{ margin: 0 0 5px 5px; vertical-align: middle; }
#news								{ }
#news h2							{ font-size: 26px; line-height: 36px; margin-bottom: 12px; }
#news p								{ font-size: 11px; }
div.news-content					{ float: left; padding: 0 0 10px; }
div.news-content img				{ float: left; margin: 0 10px 10px 0; position: relative; top: 5px; }

#sidebar-footer						{ background-color: #fff; float: left; padding: 0 30px 20px 0; width: 950px; }
#sidebar-footer.products			{ background-color: #fff; }
#sidebar-footer img					{ float: right; }

#sidebar							{ float: left; min-height: 283px; height: auto !important; height: 283px; margin: 40px 0 0; padding: 0 0 0 20px; width: 100px; }
#main.home #sidebar					{ background-image: url(/template/dotted-divider.png); background-position: top left; background-repeat: no-repeat; }

#footer								{ background-color: #bdea83; background-image: url(/template/footer-curve.png); background-position: bottom left; background-repeat: no-repeat; clear: both; height: 40px; padding: 0 30px; }
#footer ul							{ color: #898989; float: right; font-size: 10px; font-weight: bold; line-height: 40px; list-style: none outside; }
#footer li							{ display: inline; }
#footer ul li:after					{ content: " |"; }
#footer li.last:after				{ content: ""; }
#footer a							{ color: #898989; }
#footer a:hover						{ color: #999; }

/* products */
#container.products #content		{ padding: 0 0 10px 20px; width: 700px; }
#container.products #content a		{ color: #b48800; }

#container h4.breadcrumb			{ color: #605c54; font-size: 13px; font-weight: normal; text-transform: uppercase; margin-bottom: 18px; }
#container h4.breadcrumb a			{ color: #b48800; }

#products_search					{ border-bottom: 1px solid #e0dcb7; padding-bottom: 15px; width: 100%; margin-bottom: 15px; }
#products_search img				{ float: left; }
#products_search h2					{ color: #6c5200; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 18px; font-weight: normal; margin: 0 0 10px; text-shadow: none; }
#products_search td					{ padding: 0 5px 5px 0; }
#products_search select				{ width: 99%; }

#container .product_cat p			{ margin-bottom: 3px; line-height: 15px; text-align: left; }
#container .product_cat h4			{ margin-bottom: 2px; text-transform: uppercase; color: #b38807; }
#container .product_cat a			{ color: #b48800; }
#container .product_cat .allcaps	{ font-size: 9px; color: #535353; }
#container .product_cat img			{ margin-bottom: 10px; }

#container .product_list h4			{ color: #605c54; margin-bottom: 2px; text-transform: uppercase; }
#container .product_list a			{ color: #b48800; }
#container .product_list td			{ padding-bottom: 20px; vertical-align: top; }
#container .product_list td.addinfo	{ padding-top: 6px; padding-left: 20px; }
#container .product_list td.price	{ font-size: 9px; color: #746743; padding: 0px; padding-bottom: 0px; text-align: right; vertical-align: bottom; }
#container .product_list p			{ margin-bottom: 2px; }
#container .product_list .small		{ font-size: 9px; color: #535353; margin-bottom: 5px; line-height: normal; }
#container .product_list .flavour	{ }
#container .product_list em			{ color: #6b5106; }

/* article and catalogues */
#articles							{ float: left; margin: 0 30px 0 0; overflow: hidden; width: 500px; }
#articles-sidebar					{ float: left; width: 185px; }
#articles-sidebar .links			{ float: left; margin: 10px 0; }
#articles-sidebar .links p			{ font-size: 10px; margin: 0 0 9px; }
#articles-sidebar .links a			{ color: #605c54; }
#articles-sidebar .links img		{ vertical-align: middle; }
div .article-title					{ font-weight: bold; margin: 0 0 4px; }
div h4.article-title				{ font-size: 12px; }
div p.comment						{ font-size: 10px; margin: 0 0 18px; text-transform: uppercase; }

#container.home #articles			{ width: 350px; }

#blog-archive-list					{ clear: both; font-size: 12px; }

/* gallery */
div.gallery p						{ font-size: 11px; margin: 0; }
div.gallery-description p			{ margin-bottom: 5px; }

/* calendar */
#cal								{ margin: 0 auto; width: 598px; }
#cal .center-nav					{ text-align: center; font-size: 24px; white-space: nowrap; line-height: normal; }
#calendar							{ float: none; width: 100%; padding: 15px; border: none; min-height: 500px; border-collapse: collapse; padding: 0; margin: 0; font-size: 11px; line-height: 18px; }
#calendar th						{ padding: 5px; font-size: 11px; text-align: center; color: #666; }
#calendar td						{ padding: 0px; text-align:center; vertical-align: top;  }
#calendar caption					{ padding: 2px 0 5px; margin-top: 10px; font-size: 13px; font-weight: bold; }
#calendar td.calendar-event			{ padding: 0; }
#calendar td.event					{ padding: 0px; line-height: 15px; }
#calendar span.calendar-prev,
#calendar span.calendar-next 		{ color: #ddd; }

#calendar .cal-day					{ width: 85px; }
#calendar .cal-day .hd				{ background: url(/template/cal-hd.png) no-repeat; height: 17px; text-align: center; color: #fff; }
#calendar .cal-day .bd				{ background: url(/template/cal-bd.png) repeat-y; min-height: 50px; height: auto !important; height: 50px; font-size: 10px; text-align: left; padding-right: 3px; }
#calendar .cal-day .ft				{ background: url(/template/cal-ft.png) no-repeat; height: 12px; }

#calendar .cal-day a				{ display: block; color: #000; margin: 0px 3px 0px 3px; padding-top: 1px; padding-left: 10px; background: url(/template/cal-bullet.gif) no-repeat 5px 7px; }

.calendar-day						{ background: url(/template/cal-box.png) no-repeat bottom; width: 85px; height: 80px; font-size: 10px; text-align: left; padding-right: 3px; }
#calendar .calendar-day a			{ display: block; color: #000; margin: 0px 3px 0px 3px; padding-top: 1px; padding-left: 10px; background: url(/template/cal-bullet.gif) no-repeat 5px 7px; }


/* forms */
#searchform input					{ border: 0; }
#searchform select					{ border: 1px #ccc solid; }
#searchform table					{ font-size: 12px; }

#archive-form-container				{ background: #fff url(/template/search-bg.png) no-repeat bottom left; height: 39px; width: 148px; }
#archive-form label					{ color: #605c54; text-transform: uppercase; }
#article-search						{ background: none; border: 0; float: right; margin: 4px 5px 0 0; padding: 2px; width: 115px; }

#friend-referral-form				{ width: 400px; }
#friend-referral-form #sender-name,
#friend-referral-form #sender-email,
#friend-referral-form #friends-name,
#friend-referral-form #friends-email{ width: 160px; }
#friend-referral-form #comment		{ height: 100px; width: 335px; }

#comment-form						{ width: 350px; }
#comment-form #comment				{ height: 100px; width: 300px; }

#submit-key							{ float: left; margin-right: 3px; }

#subscribe-form						{ overflow: hidden; width: 380px; }
#subscribe-form .form-row			{ display: block; }
#subscribe-form label				{ float: left; width: 100px; }
#subscribe-form label.error			{ display: block; margin-left: 100px; width: 200px; }
#subscribe-form .form-row.submit	{ margin-bottom: 5px; margin-left: 100px; }
#subscribe-form #subscribe-name,
#subscribe-form #subscribe-email	{ width: 200px; }

#contact-form						{ width: 380px; }
#contact-name, #contact-email		{ width: 135px; }
#contact-message					{ height: 100px; width: 295px; }
#contact-name						{ margin: 0 10px 0 0; }

div label.error						{ font-size: 10px; /*color: #f4f38e;*/ color: #ce665f; }
div input.error,
div textarea.error					{ border: 1px solid #f99; background-color: #fdd; /*border: 1px solid #8f8e42; background-color: #f5f4ac;*/ }
div.form-row						{ float: left; margin-top: 10px; }
div.form-row div					{ display: inline; float: left; margin-right: 10px; }
div.form-row.first					{ margin: 0; }
div.form-row.last					{ margin-bottom: 15px; }
div.form-row.submit					{ clear: both; margin: 15px 0; }
input.submit						{ float: left; }
div.form-row #loader				{ float: left; margin: 4px 0 0 10px; visibility: hidden; }

/* library */
div .read-more						{ font-size: 11px; text-transform: uppercase; }
div .article-details				{ color: #6c9931; font-size: 10px; text-transform: uppercase; }
div .sr								{ height: 1px; left: -9999em; overflow: hidden; position: absolute; top: 0; width: 1px; }

/* clear fix */
div.clearfix:after					{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.clearfix						{ display: inline-block; }
* html .clearfix					{ height: 1%; }
div.clearfix						{ display: block; }