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

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

/* global */
body								{ font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
h1, h2, h3, h3, h4, h5, h6			{ font-weight: normal; line-height: normal; }
h1									{ color: #696182; font-family: "Segoe UI Bold Italic", sans-serif; font-size: 36px; font-weight: bold; line-height: 36px; margin: 0 0 18px; text-shadow: 4px 4px 5px #ccc; }
h2									{ color: #696182; font-family: "Segoe UI Bold Italic", sans-serif; font-size: 24px; font-weight: bold; line-height: 18px; margin: 0 0 18px; }
h3									{ color: #696182; font-size: 18px; line-height: 18px; margin: 0 0 18px; }
h4									{ color: #696182; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0 0 12px; }
h5									{ color: #696182; font-size: 12px; 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: #696182; outline: none; text-decoration: none; }
a:hover								{ text-decoration: underline; }
hr									{ background-color: #b4b4b4; border: 0px; color: #b4b4b4; display: block; height: 1px; margin: 0; !margin: -7px; /* IE */ margin-bottom: 18px; !margin-bottom: 11px; }
table								{ font-size: 12px; margin: 0 0 18px; }
td									{ vertical-align: top; }

label								{ display: block; font-size: 12px; }
input, textarea, select				{ border: 1px #ccc solid; color: #636363; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 2px; }
input, select						{ vertical-align: middle; }

@font-face							{ font-family: "Segoe UI Bold Italic"; src: url(/includes/fonts/segoeuiz.ttf); }
@font-face							{ font-family: "Segoe UI Bold"; src: url(/includes/fonts/segoeuib.ttf); }

/* layout divs */
#container							{ background-color: #fff; background-image: url(/template/container-bg.png); background-repeat: repeat-y; margin: 0 auto; overflow: hidden; width: 980px; }
#container.home						{ background-image: none; }

#header								{ background-image: url(/template/header.jpg); background-repeat: no-repeat; clear: both; height: 358px; margin: 0 auto; overflow: auto; width: 980px; }
#header-content						{ float: left; }
#site-heading						{ float: left; font-family: "Segoe UI Bold", sans-serif; font-weight: bold; height: 197px; padding: 30px 0 0 65px; }
#site-title p						{ color: #fff; font-size: 50px; text-shadow: 3px 3px 5px #555; line-height: normal; margin: 0; }
#site-subtext p						{ color: #696182; font-size: 26px; line-height: normal; margin: 0; }

#header-nav-container				{ clear: left; float: left; padding-left: 65px; }
#header-nav						{ list-style: none outside; }
#header-nav li						{ background: url(/template/sidenav-tab.png) no-repeat; float: left; height: 46px; margin: 0 10px 0 0; padding: 3px 0 0; text-align: center; width: 91px; }
#header-nav #gallery				{ line-height: 36px; }
#header-nav a						{ color: #fff; font-family: "Segoe UI Bold", sans-serif; font-size: 16px; }

#sidebar							{ float: left; padding: 0 0 20px 70px; width: 164px; }
#sidebar #home-links				{ line-height: 26px; }

#sidebar #sidenav					{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; list-style: none outside; width: 135px; }
#sidebar #sidenav li				{ margin: 0 0 15px; }
#sidebar #sidenav a					{ color: #696182; }
#sidebar #sidenav a.active			{ font-weight: bold; }

#container #sidebar-footer			{ float: left; margin: 0 0 0 50px; }
#container #sidebar-footer ul li	{ display: inline; margin: 0 0 0 10px; }

#container.home #sidebar			{ margin: 0 75px 0 0; width: 220px; }
#container.home #sidebar h2			{ font-size: 36px; font-weight: bold; line-height: 36px; text-shadow: 4px 4px 5px #ccc; }
#container.home #sidebar p			{ font-size: 14px; }

#content							{ float: left; padding: 0 0 10px 45px; width: 650px; min-height: 300px; height: auto !important; height: 300px; }
#container.home #content			{ padding: 0 0 10px; width: 595px; }

#footer								{ clear: both; margin: 0 auto; text-align: center; width: 890px; }
#footer ul							{ color: #898989; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; 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; }

#news								{ overflow: hidden; }
#news h2							{ font-size: 36px; line-height: 36px; text-shadow: 4px 4px 5px #ccc; }
#news h3							{ font-size: 20px; margin: 0 0 9px; }
#news h3 span.date					{ font-size: 12px; text-transform: uppercase; }
div.news-content					{ float: left; padding: 0 0 10px; width: 100%; }
div.news-content img				{ border: 1px solid #ccc; float: left; margin: 0 10px 0 0; position: relative; top: 5px; }

/* main navigation */
#nav-container						{ background-color: #4d4d4d; margin: 0 auto; padding: 0 0 0 20px; width: 960px; }
#nav								{ font-size: 18px; line-height: 56px; /* Navigation bar height */ text-transform: lowercase; }
#nav								{ list-style: none; margin: 0 auto; padding: 0; position: relative; }
#nav a								{ background-color: #4d4d4d; border-left: 1px #898989 solid; color: #fff; display: block; font-family: "Segoe UI Bold", sans-serif; font-weight: bold; text-align: center; text-decoration: none; width: 133px; }
#nav a.last							{ border-right: 1px #898989 solid; }
#nav a:hover, #nav li:hover a,
#nav li a.active					{ background-image: url(/template/nav-active-bg.png); background-repeat: repeat-x; }
#nav li								{ float: left; height: 61px; margin: 5px 0 0; }

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

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

#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; }
#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 .allcaps	{ font-size: 9px; color: #535353; }
#container .product_cat img			{ margin-bottom: 10px; }

#container .product_list h4			{ margin-bottom: 2px; text-transform: uppercase; }
#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 40px 0 0; width: 400px; }
#articles-sidebar					{ float: left; width: 200px; }
#articles-sidebar .links			{ float: left; margin: 10px 0; }
#articles-sidebar .links p			{ margin: 0 0 9px; }
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; }

#cal								{ width: 595px; }
#cal .center-nav					{ text-align: center; font-size: 24px; white-space: nowrap; line-height: normal; }
/* calendar */
#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 */
#site-search-form-container			{ background: url(/template/search-bg.png) no-repeat bottom left; display: inline; float: right; height: 23px; margin: 10px 17px 0 0; width: 148px; }
#site-search-form					{ }
#site-search						{ background: none; border: 0; float: right; margin: 3px 5px 0 0; width: 115px; }

#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; }
#container.home
#archive-form-container				{ margin-top: 54px; }
#archive-form						{ }
#archive-form label					{ color: #696182; text-transform: uppercase; }
#article-search						{ background: none; border: 0; float: right; margin: 2px 5px 0 0; 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; }

#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: #ce665f; }
div input.error,
div textarea.error					{ border: 1px solid #f99; background-color: #fdd; }
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: 2px 0 0 10px; visibility: hidden; }

/* library */
ul.inline-list li					{ display: inline; list-style: none outside; }
div .float-left						{ float: left; }
div .float-right					{ float: right; }
div.spacer							{ background: #fff; clear: both; height: 20px; margin: 0 auto; width: 980px; }
div .read-more						{ font-size: 11px; text-transform: uppercase; }
div .sr								{ height: 1px; left: -9999em; overflow: hidden; position: absolute; top: 0; width: 1px; }
.subtext							{ font-size: 10px; }
.heading-link						{ font-family: "Segoe UI Bold Italic", sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; }

#search_results						{ margin-top: 10px; }

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