/* --------- font ---------- */
body  {
 font-family: arial, sans-serif;
 font-size: 12px;
 text-align: center;
}

#global  {
 background-image: url('/Site_Themes/default/background/global_line.gif');
 background-repeat: repeat-y;
 margin: 0px auto 0px auto;
 position: relative;
 text-align: left;
 width: 752px;
}

#global-container  {
 padding: 0px 0px 0px 1px;
 width: 750px;
}

#header, #intro, #content, #footer {
 text-align: left;
 width: 750px;
}

/* --------- links ---------- */
a:link {
 color: #003399;
 text-decoration: underline;
}

a:visited {
 color: #003399;
 text-decoration: underline;
}

a:active {
 color: #003399;
 text-decoration: underline;
}



a:hover {
 background-color: #FEE074;
 color: #003399;
 text-decoration: underline;
}

#nav-primary a:hover, #nav-secondary a:hover, #footer a:hover {
 background-color: Transparent;
}

/* --------- branding ---------- */
#header  {
 height: 138px;
}

#branding  {
 left: 1px;
 position: absolute;
 top: 6px;
}

/* --------- contact ---------- */
#contact  {
 color: #999999;
 font-size: 10px;
 left: 555px;
 position: absolute;
 top: 113px;
}

/* --------- intro ---------- */
body.article #intro  {
 background-image: url('/Site_Themes/default/banner/about.jpg');
 position: relative;
 width: 750px;
}

body.article #intro-container  {
 padding: 110px 0px 0px 170px;
}

body.article div.products #intro {
 background-image: url('/Site_Themes/default/banner/products.jpg');
}

body.article div.services #intro {
 background-image: url('/Site_Themes/default/banner/services.jpg');
}

body.article div.news #intro {
 background-image: url('/Site_Themes/default/banner/news.jpg');
}

body.article div.contact #intro {
 background-image: url('/Site_Themes/default/banner/contact.jpg');
}

body.article div.help #intro {
 background-image: url('/Site_Themes/default/banner/help.jpg');
}

body.homepage #intro  {
 background-image: url('/Site_Themes/default/background/intro_index.jpg');
 background-repeat: repeat-x;
}

body.homepage #intro-container {
 background-image: url('/Site_Themes/default/banner/index.jpg');
 float: left;
 height: 216px;
}

body.homepage #intro-container-inner  {
 padding: 37px 0px 0px 387px;
 width: 345px;
}

body.article #intro p {
 color: #666666;
 font-size: 14px;
 line-height: 170%;
 padding: 10px 0px 10px 0px;
 width: 500px;
}

body.homepage #intro h1 {
 margin: 0px 0px 8px 0px;
}

body.article #intro h1 {
 color: #494949;
 font-size: 26px;
 font-weight: bold;
 margin: 0px 0px 8px 0px;
}

body.homepage #intro p {
 color: #000000;
 font-size: 12px;
 margin: 0px 0px 10px 0px;
}

body.homepage #intro ul  {
 margin: 0px;
 width: 100%;
}

body.homepage #intro li {
 background-image: url(/Site_Themes/default/bullet/arrow.gif);
 background-position: 0px 4px;
 float: left;
 margin: 0px 20px 0px 0px;
 padding-left: 10px;
}

body.homepage #intro li a {
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
}

/*      ------ navigation: primary ------- */
#nav-primary {
 left: 15px;
 position: absolute;
 top: 113px;
}

#nav-primary li {
 display: inline;
 float: left;
 padding: 0 10px;
}

#nav-primary a:hover, #nav-primary li.selected a, #nav-primary li.selected-parent a, #nav-primary li.selected-parent.first a:hover {
 border-bottom: 4px solid #003399;
 padding-bottom: 8px;
 display: block;
}

#nav-primary li.selected-parent.first a {
 border-bottom: none;
}

/* ------------- navigation secondary -------- */
#nav-secondary {
 left: 1px;
 position: absolute;
 top: 230px;
 width: 157px;
 z-index: 100;
}

#nav-secondary li {
 background-position: 0px 4px;
 border-bottom: dashed 1px #ECECEC;
 padding-left: 10px;
}

#nav-secondary li a, #nav-secondary li span {
 background-image: url('/Site_Themes/default/bullet/arrow.gif');
 background-position: 6px 10px;
 color: #666666;
 display: block;
 padding: 6px 0px 6px 22px;
 text-decoration: none;
}

#nav-secondary li span  {
 font-weight: bold;
}

#nav-secondary li.selected {
 background-color: #FFFFE4;
 font-weight: bold;
}

#nav-secondary li a:hover {
 color: #FFFFFF;
 text-decoration: none;
}

#nav-secondary li:hover  {
 background-color: #999999;
}

/* --------- panels ------------ */
body.homepage #content div div {
  background-position: 0px 0px;
  float: left;
  height: 251px;
  margin: 20px 7px 25px 0px;
  width: 226px;
}

body.homepage #content div.column-1  {
 background-image: url('/Site_Themes/default/photo/000001.jpg');
 background-position: 0px 35px;
}

body.homepage #content div.column-1 p {
 color: #000000;
 font-weight: normal;
}

body.homepage #content div.column-1 h2 {
 color: #003399;
 font-weight: bold;
}

body.homepage #content div.column-2  {
	background-image: url('/Site_Themes/default/photo/000002.jpg');
	background-position: 0px 35px;
}

body.homepage #content div.column-2 p {
 color: #000000;
 font-weight: normal;
}

body.homepage #content div.column-2 h2 {
 color: #003399;
 font-weight: bold;
}

body.homepage #content div.column-3  {
	background-image: url(/Site_Themes/default/photo/000003.jpg);
	background-position: 0px 35px;
}

body.homepage #content div.column-3 p  {
 color: #000000;
 font-weight: normal;
}

body.homepage #content div.column-3 h2 {
 color: #003399;
 font-weight: bold;
}

/* --------- content ------------ */
#content-container {
 padding: 0px 0px 30px 15px;
}

body.article #content-container {
 padding: 0px 0px 30px 170px;
 width: 572px;
}

#content h2 {
 color: #494949;
 font-size: 14px;
 font-weight: bold;
 margin: 0px 0px 8px 0px;
}

body.homepage #content h2 span {
 font-weight: normal;
}

#content p {
 color: #7F7F7F;
 font-weight: normal;
 line-height: 150%;
 margin: 0px 0px 8px 0px;
}

#content ul li  {
 background-position: 2px 7px;
 line-height: 150%;
}

body.homepage #content p.link  {
 background-image: url(/Site_Themes/default/bullet/arrow.gif);
 background-position: 0px 5px;
 float: left;
 padding-left: 10px;
}

body.article #content p.intro  {
 color: #666666;
 font-size: 14px;
 font-weight: normal;
 line-height: 170%;
}

#help-sitemap #content ul li {
 clear: both;
}

/* ---------- content: photo -------------- */
#content div.photo  {
 background-image: url("/Site_Themes/default/background/background_photo_fade.jpg");
 background-repeat: repeat-x;
 border-top: solid 1px #DCDDDC;
 clear: both;
 float: left;
 margin: 10px 0px 20px 0px;
 width: 100%;
}

#content div.photo p.quote {
 color: #999999;
 float: right;
 font-size: 14px;
 line-height: 140%;
 margin: 0px 0px 0px 0px;
 padding: 15px 18px 10px 10px;
 width: 165px;
}

#content div.photo img  {
 border-left: solid 1px #DCDDDC;
 display: block;
 float: left;
 margin: 0px 0px 15px 0px;
}

#content div.photo-container  {
 background-image: url("http://www.organicfarmfoods.co.uk/resources/graphics/line_h_dashed_red.gif");
 background-position: left bottom;
 background-repeat: repeat-x;
 float: left;
 width: 100%;
}

/* ------------- content: homepage, links ------------ */
body.homepage #content p.link a {
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
}

body.article #content p {
 color: #000000;
}

/* ------------- products -------- */
div.products #content div.item  {
 float: left;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 20px 0px;
 position: relative;
}

div.products #content div.item img  {
 border: solid 1px #000000;
 display: block;
 left: 0px;
 position: absolute;
 top: 2px;
}

div.products #content div.item div.item-container {
 border-bottom: dashed 1px #999999;
 float: left;
 margin-bottom: 25px;
 padding-left: 140px;
}

div.products #content div.item h2,  #content .products-table h2 {
 color: #000000;
 font-size: 18px;
 font-weight: bold;
 margin: 0px 0px 4px 0px;
}

#content div.item ul li, #content .products-table li  {
 background-position: 0px 0px;
 padding: 1px 0px 4px 25px;
}

#content div.item ul li.reference, #content .products-table li.reference  {
 background-image: url('/Site_Themes/default/icon/reference.gif');
}

#content div.item ul li.download, #content .products-table li.download  {
 background-image: url('/Site_Themes/default/icon/pdf.gif');
}

#content div.item ul li.enquiry, #content .products-table li.enquiry  {
 background-image: url('/Site_Themes/default/icon/enquiry.gif');
}

#products-index #content li {
 background-image: url('/Site_Themes/default/bullet/arrow.gif');
 background-position: 9px 11px;
 border: solid 1px #ECECEC;
 clear: both;
 display: block;
 float: left;
 margin: 0px 0px 8px 0px;
 padding: 8px 8px 8px 25px;
 width: 425px;
}

#products-index #content li b  {
 display: block;
}

#products-index #content li span {
 clear: both;
 display: block;
 margin: 4px 0px 0px 0px;
}

.products-table {
 margin-bottom: 55px;
}

#content .products-table table {
 margin: 0 30px 0 0;
}

.products-table td {
 padding: 30px 0 10px 20px;
}

.products-table .first td {
 padding-top: 0;
}

.products-table td.photo {
 padding-left: 0;
}

.products-table img  {
 border: solid 1px #000000;
 margin-top: 2px;
}

.products-table tr td {
 border-bottom: dashed 1px #999999;
}

/* --------- products: calltoaction ---------- */
#content #calltoaction  {
 background-color: #EEEEEE;
 border: solid 2px #FFE174;
 clear: both;
 margin: 25px 0px 0px 0px;
 padding: 8px 20px 8px 20px;
 width: 500px;
}

#content #calltoaction h2, #content #calltoaction h3  {
 color: #F3A73F;
 font-size: 18px;
 font-style: italic;
 font-weight: bold;
 margin: 0px 0px 4px 0px;
 padding: 0px;
}

#content #calltoaction p.phone  {
 color: #333333;
 font-weight: bold;
}

#content #calltoaction div  {
 float: left;
}

#content #calltoaction div.intro  {
 width: 340px;
}

#content #calltoaction div.action  {
 border-left: dashed 1px #999999;
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 10px;
 width: 120px;
}

/* ------------- news -------- */
div.news #content div.item  {
 margin: 8px 0px 20px 0px;
}

.news-table {
 margin: 0 25px 0 0; 
 font-size: 0.92em;
}

.news-table td {
 padding: 18px 0 20px 22px;
 background: url('/Site_Themes/default/background/news_line.gif') left bottom repeat-x;
}

.news-table .photo {
 padding: 18px 0 20px 0; 
}

.news-table h3 {
 font-size: 1.27em !important;
}

.news-table h3 a {
 color: #155A9E !important;
 text-decoration: none !important;
}

.news-table p.date {
 color: #155A9E !important;
}

table.author {
 margin: 1em 0 2em 0;
 width: 100%;
}

table.author .first {
 padding-bottom: 10px;
}

table.author .right {
 text-align: right;
}

/* --------- footer ---------- */
#footer, #footer a:link, #footer a:visited {
 color: #333333;
}

#footer a:hover  {
 background-color: #82A7E3;
 color: #FFFFFF;
 text-decoration: none;
}

#footer  {
 background-color: #FFFFE4;
 border-top: solid 6px #FEE074;
 margin: 10px 0px 0px 0px;
}

#footer #footer-container {
 padding: 10px 0px 55px 15px;
}

#footer dl dt  {
 font-weight: bold;
}

#footer dl dd span.label  {
 font-weight: bold;
}

#footer dl .address  {
 clear: both;
 width: 100%;
}

#footer dl dd.phone, #footer dl dd.fax, #footer dl dd.email {
 float: left;
 margin: 0px 15px 0px 0px;
}

#footer dl dd.reg {
 clear: both;
 width: 100%;
}
 
/* --------- news datagrid ---------- */
table.grid  {
 border: none;
}

table.grid th  {
 background-color: Transparent;
 font-weight: bold;
}

table.grid th, table.grid td  {
 background-image: none;
 font-size: 12px;
}

#content table.grid img  {
 margin: 4px 0px 0px 0px;
}

#content table.grid h3 {
 margin: 0px 0px 4px 0px;
}

/* --------- form ----------- */
fieldset  {
 border: solid 1px #ECECEC;
 padding: 10px;
 width: 500px;
}

#content div.nav-controls  {
 width: 500px;
}

#content fieldset div  {
 margin: 0px 0px 5px 0px;
 width: 100%;
}

legend  {
 color: #666666;
 font-size: 12px;
 font-weight: bold;
}

#content label  {
 float: left;
 width: 150px;
}

fieldset input, fieldset textarea, fieldset select  {
 float: left;
 width: 330px;
}

fieldset input.secondary  {
 margin: 2px 0px 0px 150px;
}

#content div.field.large textarea, #content div.field.large input  {
 width: 330px;
}

div#content div#content-container div.HomepageNews {
 border-top: dotted 1px #cccccc;
 height: auto;
 margin-top: -10px;
 width: 700px;
}

div#content div#content-container div.HomepageNews div {
 clear: none;
 display: block;
 float: left;
 height: auto;
 margin: 0px auto;
 margin-top: 10px;
 width: 218px;
}

div#content div#content-container div.HomepageNews div.col-0 {
 clear: left;
 margin-right: 22px;
}

div#content div#content-container div.HomepageNews div.col-1 {
 margin-right: 22px;
}

div#content div#content-container div.HomepageNews div div {
 color: #333333;
 font-family: Arial, Sans-Serif;
 font-size: 12px;
 height: auto;
 line-height: 135%;
 margin: 0px auto;
}

div#content div#content-container div.HomepageNews div div a:link {
 font-weight: bold;
}

a:link {
 color: #003399;
 text-decoration: underline;
}

a:visited {
 color: #003399;
 text-decoration: underline;
}

a:active {
 color: #003399;
 text-decoration: underline;
}

a:hover {
 background-color: #FEE074;
 color: #003399;
 text-decoration: underline;
}

body.homepage #intro:after, #nav-footer:after, #calltoaction:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}