@charset "UTF-8";

/* Main CSS */

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

body {
font-size: 16px;
background: #FFF;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding: 0 0 30px 0;
}

p {
line-height: 1.3em;
color: #333;
}

.clear {
clear: both;
height: 1px;
font-size: 1px;
}

a:link, a:visited {
color: #666;
border: 0;
}

a:hover, a:active {
color: #23456A;
}


/* ------------------------------------------------ */

#container {
font-size: 0.7em; /* Sets the default font-size to 11px */
width: 975px;
margin: 0 auto;
text-align: left;
}

/* ------------------------------------------------ */

#navigation {
width: 247px;
float: left;
margin: 0 0 0 0;
}

/* ------------------------------------------------ */

#content {
width: 728px;
float: right;
position: relative;
}

#content h2 {
width: 728px;
height: 156px;
text-indent: -9999px;
background: url(../images/interface/h2_home.jpg) 0 0 no-repeat;
margin: 0 0 0 0;
}

#homepage-mainpanel {
width: 728px;
height: 231px;
background: #790854;
padding: 28px 0 0 0;
margin: 0 0 25px 0;
}

#homepage-mainpanel p {
margin: 0 0 1em 0;
line-height: 1.8em;
color: #FFF;
width: 381px;
font-size: 1.1818em;
}

#hp-columns {
clear: both;
width: 975px;
margin: 0 0 0 0;
background: url(/images/interface/hp_columns_bg.gif) 0 0 repeat-y;
}

.homepage-column {
width: 243px;
float: left;
}

.homepage-column-facts {
width: 240px;

float: left;
background: url(../images/interface/facts_panel.gif) left top no-repeat;
}
.homepage-column-facts img {
float: right;
margin: 0 0 0 0;
}

.homepage-column-facts img.twitter {
float:none;
margin: 20px 0 0 15px;
}
.homepage-column img, .homepage-column-facts img {
float: right;
margin: 0 12px 0 0;
}

.homepage-column-facts h3 {
text-indent: -9999px;
width: 150px;
height: 47px;
margin: 20px 0 10px 24px;
}
.homepage-column-facts h3 a {
display:block;
width: 150px;
height: 47px;
}

.homepage-column-facts h3#h3_facts {
background: url(../images/interface/h3_home_facts.gif) 0 0 no-repeat;
}

.homepage-column-facts p {
margin: 0 15px 0.75em 23px;
line-height: 1.4em;
}

.homepage-column-facts h4 {
font-size: 1.2727em;
color: #333;
margin: 0 20px 7px 23px;
line-height: 1.2em;
}

.homepage-column h3 {
text-indent: -9999px;
width: 229px;
height: 182px;
margin: 0 0 0 0;
}

.homepage-column h3 a {
display: block;
width: 229px;
height: 182px;
margin: 0 0 0 0;
}

.homepage-column h3#h3_fieldtoplate {
background: url(../images/interface/h3_home_fieldtoplate.jpg) 0 0 no-repeat;
}

.homepage-column h3#h3_health {
background: url(../images/interface/h3_home_good.jpg) 0 0 no-repeat;
}

.homepage-column h3#h3_recipes {
background: url(../images/interface/h3_home_expert.jpg) 0 0 no-repeat;
}


.homepage-column h4 {
font-size: 1em;
color: #333;
margin: 0 20px 0 10px;
line-height: 1.4em;
}
.homepage-column h4 a:link {
color: #333;
}

.homepage-column p {
margin: 0 20px 0.75em 10px;
line-height: 1.4em;
}

.homepage-column p a#moreideas-button {
display: block;
width: 98px;
height: 32px;
text-indent: -9999px;
text-decoration: none;
background: url(/images/interface/moreideas_btn.gif) 0 0 no-repeat;
clear: right;
}

.homepage-column p a#moreinfo-button {
display: block;
width: 98px;
height: 32px;
text-indent: -9999px;
text-decoration: none;
background: url(../images/interface/btn_moreinfo.gif) 0 0 no-repeat;
clear: right;
}

.homepage-column p a#ordering-button {
display: block;
width: 98px;
height: 34px;
text-indent: -9999px;
text-decoration: none;
background: url(/images/interface/ordering_btn.gif) 0 0 no-repeat;
}



.image-right {
float: right;
margin: 0 2px 0 0;
}

#homepage-flash {
position: absolute;
top: 20px; right: 10px;
}

/* ------------------------------------------------ */

#logo-home {
width: 247px;
height: 156px;
}

#logo-home h1 a {
width: 247px;
height: 156px;
background: url(/images/interface/logo_home.gif) 0 0 no-repeat;
display: block;
text-indent: -9999px;
text-decoration: none;
}

/* ------------------------------------------------ */

#main-navigation {
width: 233px;
height: 259px;
background-color:#790854;
padding: 0 0 0 14px;
}

#main-navigation ul {
width: 219px;
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#main-navigation ul li {
display: inline;
}

#main-navigation ul li a {
background-image: url(/images/interface/navigation_beetroot_home.gif);
background-position: 0 0;
background-repeat: none;
text-indent: -9999px;
text-decoration: none;
display: block;
}

#main-navigation ul li a:hover {
background-position: 0 0;
background-repeat: none;
}

#main-navigation ul li ul {
display: none;
}




/* Position main nav headings from single background image */
#main-navigation ul li#recipes a { height: 37px; background-position: 0 0;}
#main-navigation ul li#fieldtoplate a { height: 27px; background-position: 0 -37px;}
#main-navigation ul li#history a { height: 31px; background-position: 0 -64px;}
#main-navigation ul li#healthyinfo a { height: 29px; background-position: 0 -95px;}
#main-navigation ul li#fastfacts a { height: 29px; background-position: 0 -124px;}
#main-navigation ul li#experts a { height: 30px; background-position: 0 -153px;}
#main-navigation ul li#mediacentre a { height: 28px; background-position: 0 -183px;}
#main-navigation ul li#contactus a { height: 29px; background-position: 0 -211px;}

/*Set hover states to read from 2nd column on background graphic */
#main-navigation ul li#recipes a:hover { height: 37px; background-position: -250px 0;}
#main-navigation ul li#fieldtoplate a:hover { height: 27px; background-position: -250px -37px;}
#main-navigation ul li#history a:hover { height: 31px; background-position: -250px -64px;}
#main-navigation ul li#healthyinfo a:hover { height: 29px; background-position: -250px -95px;}
#main-navigation ul li#fastfacts a:hover { height: 29px; background-position: -250px -124px;}
#main-navigation ul li#experts a:hover { height: 30px; background-position: -250px -153px;}
#main-navigation ul li#mediacentre a:hover { height: 28px; background-position: -250px -183px;}
#main-navigation ul li#contactus a:hover { height: 29px; background-position: -250px -211px;}


/* ------------------------------------------------ */

#search {
text-align: right;
height: 41px;
}

#search form fieldset {
border: 0;
}

#search form legend {
display: none;
}

#search form input.textbox {
width: 120px;
margin: 17px 0 0 0;
/margin: 9px 0 0 0;
m/argin: 17px 0 0 0;
}

#search form input.imagebutton {
margin: -10px 0 0 0;
/margin: 0 0 0 0;
m/argin: -10px 0 0 0;
}


/* ------------------------------------------------ */

#footer {
clear: both;
background: url(../images/interface/footer_bg.gif) 0 0 repeat-x;
margin: 0 0 0 0;
padding: 35px 0 0 9px;
height: 56px;
color: #ccc;
}
#footer p {
color: #ccc;
}
#footer a:link, #footer a:visited {
color: #fff;
}

#footer p span {
width: 220px;
float: left;
color: #ccc;
}