/** wow microleaf css **/

/* by boris grudinin */
/* http://www.dunwoody.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

html { height: 97%; background: #000000; }
body { height: 100%; margin:0px;}

div.hr { width: 100%; height: 2px; background: url(/images/microleaf/bg/dotted-line-horiz.gif) left top repeat-x; clear: both; margin-bottom: 15px; }
div.hr hr { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a { color: #d5e041; }
a, button { outline: none; }
a:hover { text-decoration: none; }

strong { font-weight: bold; }
em { font-style: italic; }

img.uk-grown { position: absolute; top: -17px; right: 0px; }

/* ---------------------------- */
/*** main divs ***/

div#main { position: relative; width: 960px; min-height: 100%; margin: 0 auto -110px; text-align: left; }
div#top { position: relative; overflow: hidden; margin: 25px 0px 15px; }
div#content { position: relative; overflow: hidden; margin: 25px 0px; }
div#footer { position: relative; overflow: hidden; background: url(/images/microleaf/bg/dotted-line-horiz.gif) left top repeat-x; padding: 20px 0px 110px; width: 100%; }
div#bottom-herbs { position: relative; height: 110px; background: url(/images/microleaf/bg/bg-bottom.gif) center bottom no-repeat; width: 100%; }

/* ---------------------------- */
/*** top ***/

div#top a.logo { display: block; float: left; width: 158px; height: 111px; background: url(/images/microleaf/wow-logo.jpg) left top no-repeat; }
div#top a.logo:hover { background-position: left bottom; }
div#top a.logo span { display: block; text-indent: -9999px; }

div#top ol { float: right; overflow: hidden; margin-top: 56px; }
div#top ol li { float: left; margin-left: 12px; }
div#top ol li a { display: block; height: 30px; }
div#top ol li a.homepage { background: url(/images/microleaf/nav/home.jpg) left top no-repeat; width: 72px; }
div#top ol li a.our-micro-leaf-range { background: url(/images/microleaf/nav/products.jpg) left top no-repeat; width: 119px; }
div#top ol li a.latest-news { background: url(/images/microleaf/nav/news.jpg) left top no-repeat; width: 65px; }
div#top ol li a.who-are-we { background: url(/images/microleaf/nav/about.jpg) left top no-repeat; width: 110px; }
div#top ol li a.contact { background: url(/images/microleaf/nav/contact.jpg) left top no-repeat; width: 137px; }
div#top ol li a.current,
div#top ol li a:hover { background-position: left bottom; }
div#top ol li a span { display: none; }



/* ---------------------------- */
/*** homepage ***/

div#homepage-box { position: relative; background: url(/images/microleaf/bg/bg-home-splash.jpg) left top no-repeat; width: 960px; height: 256px; }
div#homepage-box a.left-arrow,
div#homepage-box a.right-arrow { position: absolute; top: 95px; display: block; height: 55px; cursor: pointer; }
div#homepage-box a.left-arrow { left: 330px; width: 43px; background: url(/images/microleaf/button/arrow-left.jpg) left top no-repeat; }
div#homepage-box a.right-arrow { right: 18px; width: 38px; background: url(/images/microleaf/button/arrow-right.jpg) left top no-repeat; }
div#homepage-box a.left-arrow:hover,
div#homepage-box a.right-arrow:hover { background-position: left bottom; }
div#homepage-box a.view-all-products { position: absolute; bottom: 40px; right: 64px; display: block; background: url(/images/microleaf/button/view-all-products.jpg) left top no-repeat; width: 242px; height: 29px; }
div#homepage-box a.view-all-products:hover { background-position: left bottom; }
div#homepage-box a.view-all-products span { display: block; text-indent: -9999px; }

div#homepage-box div#container { position: absolute; top: 50px; right: 58px; width: 520px; height: 125px; overflow: hidden; padding-left: 6px; }
div#homepage-box ul#scroller { position: absolute; top: 0px; left: 6px; width: 3600px; }
div#homepage-box ul#scroller li { float: left; margin-right: 6px; }

/* ---------------------------- */
/*** content ***/

div#content div.col-left { position: relative; float: left; width: 580px; background: url(/images/microleaf/bg/dotted-line-vert.gif) right top repeat-y; padding-right: 20px; }
div#content div.col-right { position: relative; float: right; width: 330px; }

div#content h1 { font-size: 1.7em; color: #d5e041; line-height: 1.5em; margin-bottom: 15px; }
div#content h2 { font-size: 1.4em; color: #d5e041; margin-bottom: 15px; }

div#content p { font-size: 1.1em; color: #ffffff; line-height: 1.5em; margin-bottom: 15px; }
div#content p.large { font-size: 1.3em; line-height: 1.3em; }

div#content ul.news { }
div#content ul.news li { overflow: hidden; margin: 0px 0px 12px 0px !important; }
div#content ul.news li span.date { float: left; display: block; width: 59px; height: 21px; background: url(/images/microleaf/bg/bg-date1.gif) left top no-repeat; color: #ffffff; font-size: 0.85em; font-weight: bold; line-height: 21px; text-align: center; margin-top: 5px; }
div#content ul.news li a.news-item { float: right; display: block; width: 250px; color: #d5e041; font-size: 0.95em; padding-top: 5px; line-height: 1.4em; }
div#content div.col-left ul.news li { margin-bottom: 16px; }
div#content div.col-left ul.news li a.news-item { width: 500px; font-size: 1.1em; }
div#content ul.news li.view-all { overflow: hidden; background: url(/images/microleaf/bg/dotted-line-horiz.gif) right top repeat-x; padding-top: 12px; }
div#content ul.news li.view-all a { float: right; color: #ffffff; font-size: 0.95em; font-weight: bold; text-transform: uppercase; }
div#content a.rss { position: absolute; right: 0px; top: 0px; display: block; background: url(/images/microleaf/button/rss.gif) left top no-repeat; width: 25px; height: 25px; }
div#content a.rss:hover { background-position: left bottom; }
div#content a.rss span { display: block; text-indent: -9999px; }

div#content div.col-left ul { margin-bottom: 10px; }
div#content div.col-left ul li { list-style: disc; margin: 0px 0px 5px 18px; color: #ffffff; }

div#content ol.subnav { }
div#content ol.subnav li { background: url(/images/microleaf/bg/dotted-line-horiz.gif) left bottom repeat-x; padding-bottom: 18px; margin-bottom: 10px; }
div#content ol.subnav li a { color: #c1ce2f; font-size: 1.2em; font-weight: bold; }
div#content ol.subnav li a.current { text-decoration: none; color: #ffffff;  }
div#content ol.subnav li a:hover { color: #ffffff; }

div#content ul.assets li { padding-bottom: 18px; }
div#content ul.assets li a { color: #c1ce2f; font-size: 1.2em; font-weight: bold; }
div#content ul.assets li a.current { text-decoration: none; color: #ffffff;  }
div#content ul.assets li a:hover { color: #ffffff; }

/* ---------------------------- */
/*** products ***/

ol#products { overflow: hidden; }
ol#products li { position: relative; float: left; display: block; width: 180px; height: 180px; overflow: hidden; margin: 0px 15px 15px 0px; }
ol#products li div { position: absolute; top: 0px; left: 0px; height: 180px; width: 360px; background: url(/images/microleaf/bg/bg-round-box-herbs-large.png) right top no-repeat; cursor: pointer; }
ol#products li div img { float: left; }
ol#products li div p { float: right; width: 144px; display: block; padding: 14px 18px 18px; font-size: 0.95em; line-height: 1.4em; color: #737270; }
ol#products li div p span { display: block; }
ol#products li div p strong { color: #c1ce2f; }
ol#products li div p em { display: block; color: #79a240; font-size: 0.75em; margin-bottom: 5px; }
ol#products li.last { margin-right: 0px; }

/* ---------------------------- */
/*** awards ***/

div.col-left ul.awards { }
div.col-left ul.awards li { background: url(/images/microleaf/award-star.gif) left center no-repeat; height: 36px; line-height: 36px; padding-left: 42px; list-style: none !important; margin: 0px 0px 5px 0px !important; font-size: 1.3em; }

/* ---------------------------- */
/*** contact us ***/

ul.contact { overflow: hidden; }
ul.contact li { float: left; color: #ffffff; line-height: 1.4em; margin: 0px !important; list-style: none !important; }
ul.contact li.one { background: url(/images/microleaf/bg/bg-contact-one.gif) 0px 45px no-repeat; width: 255px; height: 255px; padding: 15px 0px 0px 35px; }
ul.contact li.two { background: url(/images/microleaf/bg/bg-contact-two.gif) 0px 45px no-repeat; width: 240px; height: 255px; padding: 15px 0px 0px 50px; }
ul.contact li h2 { font-size: 1em !important; margin-bottom: 35px !important; }
ul.contact li.one h2 { color: #73a43b !important; }

div.col-left form { padding-top: 10px; } 
div.col-left form ul { overflow: hidden; margin-bottom: 0px !important; }
div.col-left form ul li { width: 270px; margin: 0px 0px 8px 0px !important; list-style: none !important; }
div.col-left form ul li.full-width { clear: both; width: 539px; }
div.col-left form ul li label { display: block; font-size: 0.85em; color: #d5e041; margin-bottom: 2px; }
div.col-left form ul li input.text { display: block; width: 258px; padding: 3px; font-size: 1.1em; color: #5d5c5c; }
div.col-left form ul li.full-width input.text { width: 568px; }
div.col-left form ul li.full-width textarea { display: block; width: 568px; height: 90px; padding: 3px; font-size: 1.1em; color: #5d5c5c; line-height: 1.4em; }
div.col-left form ul li button { float: right; text-transform: uppercase; font-size: 0.85em; color: #4d4c4c; padding: 3px 2px; }

/* ---------------------------- */
/*** footer ***/

div#footer p { color: #929292; font-size: 0.85em; }
div#footer p a { color: #83865f; }

div#footer ul { overflow: hidden; margin-bottom: 10px; }
div#footer ul li { float: left; margin-left: 10px; font-size: 0.85em; }
div#footer ul li a { color: #83865f; text-transform: lowercase; }