/* Main CSS */

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

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

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

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

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

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

a:link img {
border:0;
}


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

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

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

#navigation {
display:none;
width: 0;
float: left;
}

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

#content {
width: 764px;

}
#content p {
margin-left: 28px;
margin-bottom: 6px;
line-height: 1.6em;
}
#content h3 {
margin-left:28px;

}
#content h4 {
margin: 30px 0 20px 28px;
font-size: 1em;
}

#content .organic {
background: url(/images/interface/organic_ladybird.gif) 0 0 no-repeat;
padding: 0 0 0 20px;
}

.divider {
clear: both;
background: url(/images/interface/divider.gif) 0 0 no-repeat;
height: 23px;
width: 536px;
margin: 0 0 0 28px;
}

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

#logo-home {
width: 200px;
height: 207px;
}

#logo-home h1 a {
width: 200px;
height: 207px;
background: url(/images/interface/logo.jpg) 0 0 no-repeat;
display: block;
text-decoration: none;
}

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

#main-navigation {
width: 200px;
}

#main-navigation ul {
width: 200px;
list-style: none;
}

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

#main-navigation ul li a {
background-image: url(/images/interface/navigation.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;
}

/* Navigation with no sub-menus */

/* Position main nav headings from single background image */
#main-navigation ul li#home a { height: 30px; background-position: 0 0;}
#main-navigation ul li#ourfamily a { height: 27px; background-position: 0 -30px;}
#main-navigation ul li#whatshappening a { height: 34px; background-position: 0 -163px;}
#main-navigation ul li#productrange a { height: 32px; background-position: 0 -280px;}
#main-navigation ul li#organicbox2 a { height: 33px; background-position: 0 -472px;}
#main-navigation ul li#recipes a { height: 33px; background-position: 0 -614px;}
#main-navigation ul li#spareminute a { height: 29px; background-position: 0 -647px;}
#main-navigation ul li#contactus a { height: 24px; background-position: 0 -676px;}

/* Turn off all sub-nav nested lists */
#main-navigation ul li#ourfamily ul, #main-navigation ul li#whatshappening ul, #main-navigation ul li#productrange ul, #main-navigation ul li#organicbox2 ul {
display: none;
}

/*Set hover states to read from 2nd column on background graphic */
#main-navigation ul li#home a:hover { background-position: -200px 0; }
#main-navigation ul li#ourfamily a:hover { background-position: -200px -30px; }
#main-navigation ul li#whatshappening a:hover { background-position: -200px -163px; }
#main-navigation ul li#productrange a:hover { background-position: -200px -280px; }
#main-navigation ul li#organicbox2 a:hover { background-position: -200px -472px; }
#main-navigation ul li#recipes a:hover { background-position: -200px -614px; }
#main-navigation ul li#spareminute a:hover { background-position: -200px -647px; }
#main-navigation ul li#contactus a:hover { background-position: -200px -676px; }

/* Specific main nav styles are in separate stylesheet -- link to the correct stylesheet for the relevant section of site */

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

#search {
text-align: right;
}

#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;
}

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

#breadcrumb {
margin: 10px 0 20px 28px;
}
#breadcrumb p {
margin-left: 0;
}

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

.img-right {
float:right;
margin: 5px 0 15px 10px;
}

.img-left {
float:left;
margin: 5px 10px 5px 0;
}

h2 {
width: 536px;
}

h2#level1_productrange_title {
height: 276px;
background: url(/images/product_range.jpg) 0 0 no-repeat;
margin: 85px 0 0 28px;
}

h2#level1_ourfamily_title {
height: 276px;
background: url(/images/our_family.jpg) 0 0 no-repeat;
margin: 85px 0 0 28px;
}
h2#level1_whatshappening_title {
height: 276px;
background: url(/images/whatshappening.jpg) 0 0 no-repeat;
margin: 85px 0 0 28px;
}

h2#level1_organicbox_title {
height: 276px;
background: url(/images/organic_box.jpg) 0 0 no-repeat;
margin: 85px 0 0 28px;
}

h2#level1_recipes_title {
height: 276px;
background: url(/images/recipes.jpg) 0 0 no-repeat;
margin: 85px 0 0 28px;
}

h2#level2_productrange_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/product_range_level2.gif) 0 0 no-repeat;
}

h2#level2_recipes_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/recipes_level2.gif) 0 0 no-repeat;
}

h2#level2_ourfamily_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/our_family_level2.gif) 0 0 no-repeat;
}

h2#level2_whatshappening_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/whats_happening_level2.gif) 0 0 no-repeat;
}

h2#level2_organicbox_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/h2_organicbox.gif) 0 0 no-repeat;
}

h2#level2_search_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/search.gif) 0 0 no-repeat;
}

h2#level2_contact_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/contact_h2.gif) 0 0 no-repeat;
}

h2#level2_gsmarketing_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/h2_gsmarketing.gif) 0 0 no-repeat;
}

h2#level2_legal_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/h2_legal.gif) 0 0 no-repeat;
}

h2#level2_jobs_title {
height: 51px;
margin: 55px 0 0 28px;
background: url(/images/h2_jobs.gif) 0 0 no-repeat;
}

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

#grey-panel {
background: url(/images/interface/grey_panel.gif) 0 0 repeat-y;
margin: 0 0 0 28px;
}

#grey-panel h3 {
width: 536px;
height: 61px;
background: url(/images/core_crops_h3.gif) 0 0 no-repeat;
margin-left: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#grey-panel p {
margin-left: 0;
margin-bottom: 0;
line-height: 1em;
}

#grey-panel #photo-column {
width: 155px;
float: left;
}

#grey-panel #photo-column img {
margin: 6px 0 0 14px;
}

#grey-panel .panel-item {
float: left;
width: 155px;
margin: 6px 13px 8px 0;
}

#grey-panel .panel-item h4 {
font-size: 1.181em;
font-weight: normal;
margin: 0 0 4px 0;
}

#grey-panel .panel-item a:link, #grey-panel .panel-item a:visited {
color: #666;
}

#grey-panel .panel-item a:hover, #grey-panel .panel-item a:active {
color: #23456A;
}

#grey-panel .grey_panel_bottom {
clear: both;
height: 15px;
font-size: 0px;
background: url(/images/interface/grey_panel_bottom.gif) bottom left no-repeat;
}

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

#white-panel {
background: url(/images/interface/white_panel_top.gif) 0 0 no-repeat;
margin: 6px 0 0 28px;
}

#white-panel h3 {
float: left;
width: 155px;
min-height: 70px;
margin-left: 0;
margin-bottom: 0;
}

#white-panel ul {
list-style: none;
width: 365px;
float: left;
margin: 10px 0 0 0;
}

#white-panel ul li {
float: left;
display: inline;
width: 110px;
margin: 0 10px 10px 0;
}

#white-panel .white_panel_bottom {
clear: both;
height: 10px;
font-size: 0px;
background: url(/images/interface/white_panel_bottom.gif) bottom left no-repeat;
}

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

#three-column-panel {
margin: 18px 0 0 28px;
background: url(/images/interface/three_column_bg.gif) 0 0 repeat-y;
}

#three-column-panel .column-item {
float: left;
width: 168px;
margin: 0 8px 0 0;
}

#three-column-panel .column-item h4 {
height: 47px;
font-size: 11px;
margin: 0 0 0 0;
border: 0;
}

#three-column-panel .column-item h5 {
font-size: 1em;
margin: 0.75em 0 0 8px;
font-weight: bold;
}

#three-column-panel .column-item p {
margin: 0.75em 0 0 8px;
line-height:1.2em;
}

#three-column-panel .column-item img {
float: right;
}

#three-column-panel .column-item a:link img  {
border: 0;
}

#three-column-panel .column-item a:link, #three-column-panel .column-item a:visited {
color: #333;
border: 0;
}

#three-column-panel .column-item a:hover, #three-column-panel .column-item a:active {
color: #23456A;
border: 0;
}

#three-column-panel .column-item h4#organics-title {
background: url(/images/organics.gif) 0 0 no-repeat;
}

#three-column-panel .column-item h4#freshsnacks-title {
background: url(/images/freshsnacks.gif) 0 0 no-repeat;
}

#three-column-panel .column-item h4#ourspecialities-title {
background: url(/images/ourspecialities.gif) 0 0 no-repeat;
}

#three-column-panel .column-item h4#heritage-title {
background: url(/images/heritage.gif) 0 0 no-repeat;
}

#three-column-panel .column-item h4#thisweeksbox-title {
background: url(/images/h4_thisweeksboxes.gif) 0 0 no-repeat;
}

#three-column-panel .column-item h4#growingorganically-title {
background: url(/images/h4_growingorganically.gif) 0 0 no-repeat;
}

#three-column-panel .column-item h4#inseason-title {
background: url(/images/h4_whatsinseason.gif) 0 0 no-repeat;
}

#three-column-panel .three_column_panel_bottom {
clear: both;
height: 37px;
font-size: 0px;
background: url(/images/interface/three_column_bottom.gif) bottom left no-repeat;
}

/* ------------------------------------------------ */
/* ----------- background: url(/images/interface/curly_bracket.gif) top right no-repeat;------- */

#intro-section {
width: 536px;
margin: 25px 0 0 28px;

}

#intro-section img {
float: left;
margin: 0 20px 0 0;
}

#intro-section h3 {

margin: 0 40px 0 0;
padding: 25px 0 0 0;
font-size: 1.363em;
font-weight: normal;
color: #666;
}

#intro-section p {

margin: 0.75em 40px 0 0;
line-height: 1.7em;
}

/* ------------------------------------------------ */
#product-content {
width: 536px;
margin: 0 0 0 28px;
}
#product-content p {
line-height: 1.7em;
margin: 0 0 0.75em 0;
}
#product-content h4 {
line-height: 1.7em;
margin: 2em 0 0.5em 0;
font-size: 1em;
}

#product-content h5 {
line-height: 1.7em;
margin: 1.5em 0 0.5em 0;
font-size: 1em;
color:#999;
font-weight:normal;
}

#product-content h6 {
line-height: 1.7em;
margin: 1.5em 0 0 0;
font-size: 1em;
font-weight:normal;
font-style:italic;
}
#product-content ul, #product-content ol {
line-height: 1.7em;
margin: 1em 0 0.75em 3em;
}

#product-content li {
line-height: 1.7em;
margin: 0 0 0.5em 0;
}

#product-content table {
margin: 20px 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

#product-content table th {
padding: 5px 3px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align:left;
background-color:#EAEAEA;
}

#product-content table td {
padding: 5px 3px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align:left;
}
/* ------------------------------------------------ */

#two-column-content {
width: 536px;
margin: 0 0 0 28px;
}

#two-column-content h4 {
line-height: 1.7em;
margin: 2em 0 0 0;
font-size: 1em;
}

#two-column-content p {
line-height: 1.7em;
margin: 0 0 0.75em 0;
}

#left-column {
width: 280px;
float: left;
}

#right-column {
width: 240px;
float: right;
}

#feature-panel {
background: url(/images/interface/feature_panel_bg_top.gif) top left no-repeat;
padding: 20px 20px 0 20px;
margin: 20px 0 0 0;
}

#feature-panel h4 {
line-height: 1.3em;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 1.363em;
color: #666;
font-weight: normal;
}

#feature-panel img {
float: right;
margin: 0 0 7px 10px;
padding: 0 0 0 0;
}

#feature-panel p {
margin: 0.75em 0 0 0;
}

#feature-panel-bottom {
background: url(/images/interface/feature_panel_bg_bottom.gif) bottom left no-repeat;
height: 20px;
}

/* --------------Recipe Search ----------------- */

#recipe-search {
height: 262px;
width: 536px;
background: url(/images/recipe_search_bg.jpg) 0 0 no-repeat;
margin: 0 0 0 28px;
}

#recipe-search h3 {
color: #666;
margin: 10px 200px 10px 30px;
padding-top: 10px;
}

#recipe-search h4 {
color: #333;
margin: 5px 200px 0 30px;
padding-bottom: 0;
font-size: 1em;
}

#recipe-search p {
color: #666;
margin: 10px 200px 10px 30px;
}

#recipe-search input {
margin-top: 0;
padding-top: 0;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#recipe-search select {
margin-top: 0;
padding-top: 0;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#recipe-search .search-btn {
float: right;
border: 0;
}
#recipe-search img a:link {
border: 0;
}

/* -------------- Recipe Detail -------------- */

#recipe-detail {
margin: 10px 0 20px 28px;
}
#recipe-detail p {
margin-left: 0;
}

#recipe-detail h3 {
color: #666;
margin: 10px 0 10px 0;
padding-top: 10px;
margin-left: 0;
}

#recipe-detail h4 {
font-size: 1em;
padding: 10px 0 10px 0;
margin-left: 0;
}

#recipe-detail img {
float: right;
margin: 0 10px 20px 20px;
}

#recipe-detail dl {
margin: 20px 0 20px 0;
padding: 0;
}

#recipe-detail dt {
margin: 0;
padding: 0;
float:left;
margin-right: 6px;
padding-bottom: 5px;
}

#recipe-detail dd {
margin: 0;
padding: 0;
font-weight:bold;
padding-bottom: 5px;
}

#recipe-detail #ingredients {
clear: right;
background: url(/images/ingredients_bg.gif) bottom left no-repeat;
padding: 0;
margin-bottom: 20px;
padding-bottom: 20px;
}

#recipe-detail #ingredients h4 {
background: url(/images/ingredients_h4.gif) 0 0 no-repeat;
padding: 0;
font-size: 1em;
padding: 10px 0 10px 20px;
margin-left: 0;
}

#recipe-detail ul, #recipe-detail ol {
margin-left: 40px;
margin-bottom: 10px;
}

#recipe-detail li {
padding-bottom: 7px;
}


/* -------------- Search Results -------------- */
#results {
margin-left: 28px;
}

#results h3.in-season{
background: url(/images/in_season.gif) 0 0 no-repeat;
height: 20px;
margin: 20px 0 10px 0;
}
#results h5{
font-size: 1.05em;
margin: 20px 0 5px 0;
padding: 0 0 0 0;
}

#results p{
margin-top: 5px;
}

#results p.right-link {
text-align: right;
font-weight:bold;
margin-top: 5px;
margin-bottom: 5px;
}
h3.farming-organically {
background: url(/images/h3_farming_organically.gif) 0 0 no-repeat;
height: 22px;
margin: 15px 0 10px 0;
}

h3.search-results {
background: url(/images/h3_search_results.gif) 0 0 no-repeat;
height: 20px;
margin: 20px 0 10px 0;
}

h3.howtoorder-h3 {
background: url(/images/h3_howtoorder.gif) 0 0 no-repeat;
height: 20px;
margin: 20px 0 10px 0;
}

h3.welcome-organics {
background: url(/images/h3_welcometoshropshiresorganics.gif) 0 0 no-repeat;
height: 34px;
margin: 15px 0 2px 0;
}

#paging {
background: url(/images/interface/paging.gif) 0 0 no-repeat;
height: 29px;
}
#paging p {
text-align: right;
padding: 3px 3px 3px 3px;
margin-right: 20px;
}

/* ----------Email sign up---------------- */

#signup {
width: 536px;
background: #efefef;
margin: 20px 0 20px 28px;
}
#signup table {
width: 90%;
margin: 0 0 0 30px;

}
#signup table th {
padding: 4px 10px;
text-align:left;
vertical-align:top;
border-bottom: 1px solid #fff;
}
#signup table td {
padding: 4px 10px 4px 0;
text-align:left;
vertical-align:top;
border-bottom: 1px solid #fff;
}
#signup table tr.emailaddress {
background-color:#D8D8D8;
}

#signup table tr.emailaddress th, #signup table tr.emailaddress td {
border-bottom: 0;
vertical-align:middle;
}

#signup table td p {
margin: 0 0 3px 0;
}


#signup h3 {
color: #666;
margin: 10px 30px 10px 30px;
padding-top: 10px;
}

#signup h4 {
color: #333;
margin: 5px 30px 0 30px;
padding-bottom: 0;
font-size: 1em;
}

#signup p {
color: #666;
margin: 10px 30px 10px 30px;
}

#signup input {
margin-top: 0;
padding-top: 0;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#signup select {
margin-top: 0;
padding-top: 0;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#signup .search-btn {
float: right;
border: 0;
}
#signup img a:link {
border: 0;
}
#signup ul {
background: url(/images/alert.gif) 0 0 no-repeat;
padding: 5px 0 5px 30px;
margin-left: 20px;
list-style-type: none;
}
#signup ul li {
padding: 5px 0 5px 20px;
}

/* ----------Organic Box Page---------------- */


#organicbox-toppanel {
width: 536px;
height: 261px;
background: url(/images/organicbox_toppanel.jpg) 0 0 no-repeat;
margin: 50px 0 0 28px;
padding: 80px 0 0 0;
padding-bottom: 0;
}

#organicbox-toppanel h2 {
display: none;
}

#organicbox-toppanel p {
margin: 0 280px 0.75em 20px;
line-height: 1.4em;
}

#tesco {
width: 158px;
height: 27px;
display: block;
background: url(/images/tesco_link.gif) 0 0 no-repeat;
text-decoration: none;
}

#thisweeksbox_h3 {
width: 536px;
height: 59px;
background: url(/images/h3_thisweeksbox.gif) 0 0 no-repeat;
margin: 0 0 0 28px;
}

#organic-thisweeksbox {
width: 560px;
margin: 0 0 0 4px;
}

#thisweeksbox-left {
float: left;
width: 192px;
text-align: right;
}

#thisweeksbox-left img {
margin: 0 10px 0 0;
}

#thisweeksbox-left p {
text-align: left;
margin: 0.5em 0 2em 28px;
}

#thisweeksbox-right {
float: right;
width: 368px;
background: url(/images/thisweeksbox_bg.gif) 0 0 repeat-y;
padding: 0 0 10px 0;
}

#thisweeksbox-right h4 {
font-size: 1.181em;
color: #666;
margin: 15px 0 0 20px;
}

#thisweeksbox-right h5 {
font-size: 1.181em;
color: #666;
margin: 0 0 0 20px;
font-weight: normal;
}

#thisweeksbox-right p {
margin: 0 0 1em 20px;
}

#thisweeksbox-right ul {
list-style: none;
margin: 0 0 0 30px;
color: #333;
}

#thisweeksbox-right ul li {
background: url(/images/list_bullet.gif) 0 5px no-repeat;
padding: 0 0 0.5em 8px;
}

#thisweeksbox-right ul li ul {
margin: 0 0 0 0;
}

#thisweeksbox-right ul li ul li {
background: none;
padding: 0 0 0.5em 0;
font-style: italic;
}

.twb-column {
width: 184px;
float: left;
}

#seasonal-recipes {
width: 182px;
background: url(/images/season_recipes_bg.gif) bottom left no-repeat;
margin: 25px 0 0 0;
padding: 0 0 5px 0;
}

#seasonal-recipes h3 {
width: 182px;
height: 67px;
background: url(/images/season_recipes_h3.gif) top left no-repeat;
}

#seasonal-recipes p {
margin: 0 20px 10px 20px;
}

#seasonal-recipes p a {
display: block;
width: 137px;
height: 33px;
background: url(/images/search_seasonal_recipes.gif) top left no-repeat;
margin: 10px 0 0 0;
text-decoration: none;
}


#recipe-ideas {
width: 182px;
background: url(/images/season_recipes_bg.gif) bottom left no-repeat;
margin: 25px 0 0 0;
padding: 0 0 5px 0;
}

#recipe-ideas h3 {
width: 182px;
height: 44px;
background: url(/images/h3-recipe-ideas.gif) top left no-repeat;
}

#recipe-ideas p {
margin: 0 20px 10px 20px;
}

#recipe-ideas p a {
display: block;
width: 137px;
height: 33px;
background: url(/images/search_seasonal_recipes.gif) top left no-repeat;
margin: 10px 0 0 0;
text-decoration: none;
}


#content p.box-date  {
margin-right: 10px;
margin-bottom: 12px;
line-height: 1.6em;
text-align:right;
font-weight: bold;
}

/* ------------   Seasonality Table   ------------------ */
#in-season {
width: 536px;
margin: 20px 0 30px 28px;
padding: 0;
background: #EFEFEF;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
} 

#in-season tr.month th {
padding: 5px 1px;
background: url(/images/inseason_tbl_bg.jpg);
text-align: center;
vertical-align:middle;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
} 

#in-season th {
padding: 5px 0 5px 3px;
background: url(/images/inseason_tbl_bg.jpg);
text-align:left;
vertical-align:middle;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
} 
#in-season td {
padding: 3px 1px;
text-align: center;
vertical-align:middle;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}

.line-divider {
clear: both;
height: 37px;
font-size: 0px;
background: url(/images/interface/three_column_bottom.gif) bottom left no-repeat;
}

table#address-box {
margin-left: 28px;
width: 536px;
}

table#address-box th, table#address-box td {
font-size: 1em;
text-align:left;
padding: 0 10px 10px 0;
}

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

#love-celery p a {
display: block;
width: 240px;
height: 77px;
text-decoration: none;
background: url(/images/interface/love_celery.jpg) 0 0 no-repeat;
margin: 2em 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;
}

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