/*====================================================================
BLACKACRE FARM EGGS - GLOBAL STYLE SHEET
Copyright 2008 Blackacre Farm Eggs
Written by Neil Thorne of dentonscreative.com
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}
body {background: #fff url(../images/body_bg.gif) repeat top; }
.clear {clear: both;}


/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Default Header Styles */
h1 {text-indent: -9999px;}
h2 {font-size: 24px; line-height: 50px; padding: 0; text-indent: -9999px;}
h3 {font-size: 18px; line-height: 30px; padding: 0 10px 5px 0; color: #fff;}
h4 {font-size: 14px; line-height: 16px; padding: 0 10px 5px 0;  color: #ccff00;}
h5 {font-size: 12px; line-height: 16px; padding: 0 10px 5px 0;  color: #fff;}

/* Alternative Header Styles */
h2.welcome {background: url(../images/h2/welcome.gif) no-repeat left;}
h2.explore {background: url(../images/h2/explore_blackacre.gif) no-repeat left;}
h2.newsblog {background: url(../images/h2/latest_news.gif) no-repeat left;}
h2.family {background: url(../images/h2/family.gif) no-repeat left;}
h2.profile {background: url(../images/h2/profile.gif) no-repeat left;}
h2.lifestyle {background: url(../images/h2/profile_lifestyle.gif) no-repeat left;}
h2.producers {background: url(../images/h2/producers.gif) no-repeat left;}
h2.producersbrowse {background: url(../images/h2/browse_producers.gif) no-repeat left;}
h2.sponsorship {background: url(../images/h2/sponsorship.gif) no-repeat left;}
h2.sponsorsof {background: url(../images/h2/sponsorsof.gif) no-repeat left;}
h2.multimedia {background: url(../images/h2/multimedia.gif) no-repeat left;}
h2.listen {background: url(../images/h2/listen.gif) no-repeat left;}
h2.contact {background: url(../images/h2/contact.gif) no-repeat left;}
h2.getintouch {background: url(../images/h2/getintouch.gif) no-repeat left;}
h2.news {background: url(../images/h2/news.gif) no-repeat left;}
h2.latestnews {background: url(../images/h2/latestnews.gif) no-repeat left;}
h2.archive {background: url(../images/h2/archive.gif) no-repeat left;}
h2.news_articles {background: url(../images/h2/news_articles.gif) no-repeat left;}
h2.news_articles_archive {background: url(../images/h2/news_articles_archive.gif) no-repeat left;}
h2.meetfarmers {background: url(../images/h2/meet_the_farmers.gif) no-repeat left bottom;}
h2.recipes {background: url(../images/h2/recipes.gif) no-repeat left bottom;}
h2.recipe_browse {background: url(../images/h2/recipe_browse.gif) no-repeat left bottom;}
h2.recipe_index {background: url(../images/h2/recipe_index.gif) no-repeat left bottom;}
h2.recipe_step {background: url(../images/h2/recipe_step.gif) no-repeat left bottom;}
h2.stockist {background: url(../images/h2/ourstockists.gif) no-repeat left bottom;}
h2.findstockist {background: url(../images/h2/findstockist.gif) no-repeat left bottom;}
h2.blog {background: url(../images/h2/blog.gif) no-repeat left;}
h2.latestblog {background: url(../images/h2/latestblog.gif) no-repeat left;}
h2.blogarchive {background: url(../images/h2/blogarchive.gif) no-repeat left;}
h2.blogtitle {background: url(../images/h2/bloggreen.gif) no-repeat left;}

h3 .code {font-size: 12px;}
.title {color: #fff; font-size: 12px;}
h4.alt {border-top: 1px solid #a9ceed; padding-top: 16px; margin-top: 4px; color: #fff; margin-bottom: 6px;}

/* Default / Alternative P Styles */
p {padding: 0 10px 16px 0; color: #fff; font-size: 12px; line-height: 16px;}

.hlight {color: #ccff00;}
.date {font-size: 11px; padding: 0; margin-bottom: 8px;}

p.recipeinfo {padding: 0; margin-bottom: 8px;}
p.recipeinfo strong {margin-right: 20px;}

p.pnews {margin-top: 10px; }
p.pnews a {margin-right: 50px;}

/* Link Styles */
a {color: #ccff00; font-weight: bold; text-decoration: none;}
a:hover {color: #fff; text-decoration: none; }

/* List Styles */
ul, ol {font-size: 12px; margin: 0 20px 10px 30px; padding: 0; color: #fff;}
ul li, ol li {line-height: 14px;  margin-bottom: 3px;}

ul.news {list-style-type: none; margin-left: 15px;} 
ul.news li {border-bottom: 1px solid #a9ceed; padding-bottom: 3px;}

ul#menu2 {list-style-type: none; margin-left: 15px;} 
ul#menu2 li {border-bottom: 1px solid #a9ceed; padding-bottom: 3px;}

ul#menu2 ul {list-style-type: disc; fot-size: 11px; margin: 4px 4px 0 15px;}
ul#menu2 ul li {border-bottom: none; padding-bottom: 3px;}

#mainCol div.content div.family ol {margin-left: 240px; margin-right: 0;}

/* Image Styles */
img.link {border: 2px solid #fff; margin-bottom: 6px;}
img.link:hover {border: 2px solid #ccff00;}
img.bord {border: 2px solid #fff; margin-bottom: 6px;}

.fadeCont {width: 240px; position: relative;}
.fadeCont img {position: absolute; width: 236px; top:  0; left: 0; border: 2px solid #fff;} 

.staticBan img {border: 2px solid #fff; margin-bottom: 10px;}
/*.staticBan img:hover {border: 2px solid #ccff00;}*/

/*====================================================================
BASIC PAGE LAYOUT
======================================================================*/

/* Base Layer */
#wrapper {background: url(../images/body_grad.gif) repeat-x top; text-align: center; padding-bottom: 30px;}
#inner {width: 900px; margin: 0 auto; padding-bottom: 60px; position: relative; text-align: left; background: #6fade1 url(../images/inner_bg.jpg) no-repeat bottom; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#innerGrass {height: 300px; width: 902px; margin: 0 auto; position: relative; text-align: center; background: url(../images/grass.jpg) no-repeat top; clear: left;}
#innerGrass p {padding: 280px 0 0 0;}

/* Content Layout */
#header {height: 135px; background: url(../images/header.jpg) no-repeat left top; }

#leftCol {width: 240px; float: left; display: inline; margin: 0 10px 0 25px;}
#leftCol p {padding: 0 20px 16px 15px;}
#leftCol img.bord {margin-left: 15px;}

#midCol {width: 350px; float: left; display: inline; margin: 10px 10px 0 0; }
#midCol div.content {background:#5791c4; border: 1px solid #a9ceed; padding: 6px;}
#midCol div.content p {padding-top: 12px; padding-bottom: 6px;}

#mainCol {width: 600px; float: left; display: inline; margin: 10px 10px 0 0; }
#mainCol div.content {background:#5791c4; border: 1px solid #a9ceed; padding: 15px;}
#mainCol div.content img {float: left; margin: 0 15px 10px 0; border: 2px solid #fff;}
#mainCol div.content div {border-bottom: 1px solid #a9ceed; margin-bottom: 4px;}
#mainCol div.content div.family {border-bottom: 1px solid #a9ceed; margin-bottom: 16px; clear: left; padding-bottom: 6px;}
#mainCol div.content div img.spons {margin: 0 0 8px 0; float: none;}
#mainCol .news div {padding-bottom: 20px;}
#mainCol .news div h3 {padding-bottom: 0; padding-top: 6px; line-height: 22px;}
#mainCol .recipes div h3 {padding-bottom: 0; padding-top: 0; line-height: 22px;}

#mainCol .stockists div {border-bottom: 1px solid #a9ceed; }
#mainCol .stockists h4 {margin-bottom: 15px;}

#rightCol {width: 240px; float: left; display: inline; margin: 10px 10px 0 0; }
#rightCol div.content {background:#5791c4; border: 1px solid #a9ceed; padding: 10px;}
#rightCol div.content h3 {font-size: 16px; line-height: 16px; padding: 6px 0 0 0;}
#rightCol div.content p.date {font-size: 10px; padding: 0; margin-bottom: 6px;}
#rightCol div.content ul {color: #fff; margin: 0 0 10px 18px;}

img.lion {margin: 0 4px;}

/*-Multimedia Content Cells-----------------------------------------------*/

#mmCell  {width: 600px; height: 240px; margin-bottom: 15px; padding: 0; }
#mmCell.video {background: url(../images/mediacell_video.jpg) no-repeat; }
#mmCell.gallery {background: url(../images/mediacell_gallery.jpg) no-repeat; }
#mmCell.game {background: url(../images/mediacell_game.jpg) no-repeat; }
#mmCell.audio {background: url(../images/mediacell_audio.jpg) no-repeat; }

#mmCell.audio img {margin: 18px 0 15px 247px;}
#mmCell.audio p {padding-left: 310px;}
#mmCell.audio h4 {padding-left: 310px;}

#mmCell.video img {margin: 18px 0 20px 17px;}
#mmCell.video p {padding-left: 20px;}
#mmCell.video h4 {padding-left: 20px;}

#mmCell.game img {margin: 18px 0 15px 247px;}
#mmCell.game p {padding-left: 310px;}
#mmCell.game h4 {padding-left: 310px;}

#mmCell.gallery img {margin: 18px 0 20px 17px;}
#mmCell.gallery p {padding-left: 20px;}
#mmCell.gallery h4 {padding-left: 20px;}


/*====================================================================
MAIN SITE NAVIGATION
======================================================================*/

ul#mainnav {width: 890px; height: 34px; margin: 0 0 10px 5px; padding: 0; background: url(../images/mainnav.gif) no-repeat; position: relative; border-bottom: 1px solid #ccff00;}
ul#mainnav li {text-indent: -9999px; margin: 0;padding: 0;list-style: none;position: absolute;top: 0;}
ul#mainnav li, ul#mainnav a {height: 34px;display: block;}
ul#mainnav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 18px; width: 39px;}
#opt2 {left: 79px; width: 72px;}
#opt3 {left: 173px; width: 36px;}
#opt4 {left: 230px; width: 32px;}
#opt5 {left: 283px; width: 60px;}
#opt6 {left: 365px; width: 66px;}
#opt7 {left: 452px; width: 78px;}
#opt8 {left: 553px; width: 125px;}
#opt9 {left: 699px; width: 82px;}
#opt10 {left: 802px; width: 71px;}

#opt1 a:hover {background: transparent url(../images/mainnav.gif) -18px -34px no-repeat;}
#opt2 a:hover {background: transparent url(../images/mainnav.gif) -79px -34px no-repeat;}
#opt3 a:hover {background: transparent url(../images/mainnav.gif) -173px -34px no-repeat;}
#opt4 a:hover {background: transparent url(../images/mainnav.gif) -230px -34px no-repeat;}
#opt5 a:hover {background: transparent url(../images/mainnav.gif) -283px -34px no-repeat;}
#opt6 a:hover {background: transparent url(../images/mainnav.gif) -365px -34px no-repeat;}
#opt7 a:hover {background: transparent url(../images/mainnav.gif) -452px -34px no-repeat;}
#opt8 a:hover {background: transparent url(../images/mainnav.gif) -553px -34px no-repeat;}
#opt9 a:hover {background: transparent url(../images/mainnav.gif) -699px -34px no-repeat;}
#opt10 a:hover {background: transparent url(../images/mainnav.gif) -802px -34px no-repeat;}

#opt1 a.current {background: transparent url(../images/mainnav.gif) -18px -68px no-repeat;}
#opt2 a.current {background: transparent url(../images/mainnav.gif) -79px -68px no-repeat;}
#opt3 a.current {background: transparent url(../images/mainnav.gif) -173px -68px no-repeat;}
#opt4 a.current {background: transparent url(../images/mainnav.gif) -230px -68px no-repeat;}
#opt5 a.current {background: transparent url(../images/mainnav.gif) -283px -68px no-repeat;}
#opt6 a.current {background: transparent url(../images/mainnav.gif) -365px -68px no-repeat;}
#opt7 a.current {background: transparent url(../images/mainnav.gif) -452px -68px no-repeat;}
#opt8 a.current {background: transparent url(../images/mainnav.gif) -553px -68px no-repeat;}
#opt9 a.current {background: transparent url(../images/mainnav.gif) -699px -68px no-repeat;}
#opt10 a.current {background: transparent url(../images/mainnav.gif) -802px -68px no-repeat;}


ul#footNav	{height: 31px; width: 450px; margin: 0; position: absolute; top: 232px; left: 230px;}
ul#footNav li {margin: 0;  padding: 0; list-style: none; font-size: 12px; color: #fff; line-height: 31px; background: none;}
ul#footNav li, ul#footNav a	{line-height: 31px; display: inline; margin: 0;}
ul#footNav li a	{text-decoration: none; color: #fff; font-weight: bold; border: none;}
ul#footNav li a:hover, ul#footNav li a.current {color: #d8ff00;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form {padding: 0; border: 0; font-size: 12px; }
form fieldset {padding: 0 0 12px 0; border-bottom: 1px solid #a9ceed;}

form label, textarea {display: block; float: left; padding-top: 3px; color: #fff;}
form label {margin: 0 5px 5px 0; text-align: left; width: 170px; padding-right: 5px;}
form input {display: block; float: left; height: 20px; width: 200px; border: 1px solid #ccc; padding: 3px; margin-bottom: 5px; font-size: 14px;}
form select {display: block; float: left; height: 20px; border: 1px solid #ccc; padding: 2px; margin-bottom: 5px;}
form textarea {width: 350px; height: 200px; border: 1px solid #ccc; padding: 4px; margin-bottom: 7px; color: #444;}

form input:hover, form textarea:hover {border: 1px solid #333333;}
form input:focus, form textarea:focus {border: 1px solid #e9872d;}

form p.disclaimer {font-size: 11px; color: #fff; padding: 15px 30px 15px 0; line-height: 12px; border-top: 1px solid #ccc; }

form .submit {float: none; height: 30px; width: 128px; padding: 0; color: #fff; font-size: 12px; line-height: 26px; margin: 6px 0 10px 0; border: 1px solid #fff; border: none;}
form .submit:hover {border: 0; cursor: pointer;}
form br {clear: left;}

/* Producer From */
form#producers {padding: 4px 6px; border: 0; height: 22px; width: 161px; margin: 0 0 15px 15px; background: url(../images/formproducer_bg.gif) no-repeat left; }
form#producers select {display: block; float: left; margin-bottom: 5px; width: 110px;}
form#producers input {width: 39px; height: 19px; border: 0; }

/* Stockists From */
form#stockist {border-top: 1px solid #689ac6; border-bottom: 1px solid #a9ceed; padding: 10px 0 0 10px; margin-bottom: 16px; background: #689ac6;}
form#stockist input {width: 100px;}
form#stockist input.submit {float: left; height: 30px; width: 128px; padding: 0; color: #fff; font-size: 12px; line-height: 26px; margin: 0 0 10px 10px; border: 1px solid #fff; border: none;}

table.nutrition {color: #fff; font-weight: normal; font-size: 12px; border-bottom: 1px solid #053551; margin-top: 10px;}
table.nutrition td.header { background: #fff; border-bottom: 3px solid #ccff00; border-top: none; line-height: 30px; color: #444;}
table.nutrition td {line-height: 24px; text-align: center;}
table.nutrition td.row {background: #689ac6;}
table.nutrition td.avail {color: #339900;}
table.nutrition strong {color: #cc3300;}
table.nutrition tr td {border-top: 1px solid #dadad5;}
table.nutrition tr:hover, table.nutrition tr:hover td.row {background: #fff; color: #444;}