/* presentation.css */
/* css concerning the presentation layer; layout, colours, fonts, images, etc. */

/* =================================================================================================== */
/* Fonts; standard, headings, links, hidden-text, etc */

html, body, table, tr, td, ol, ul, li, p, div, a, fieldset, img, b, strong, textarea,
heading1, H1, h1, heading2, H2, h2, heading3, H3, h3, heading4, H4, h4, heading5, H5, h5, heading6, H6, h6
{ font-family:arial, helvetica, sans-serif; font-size:96%; font-weight:normal; }

heading1, H1, h1, heading2, H2, h2, heading3, H3, h3, heading4, H4, h4, heading5, H5, h5, heading6, H6, h6 { font-weight:bold; }
heading1, H1, h1 { font-size:200%; color:#392100; }
heading2, H2, h2 { font-size:180%; margin:0.7em 0 0.9em 0; color:#392100; }
heading3, H3, h3 { font-size:130%; margin:0.7em 0 0.9em 0; color:#9c3a00; }
heading4, H4, h4 { font-size:140%; margin:1.4em 0 0.9em 0; color:#9c3a00; }
heading5, H5, h5 { font-size:120%; margin:1.6em 0 0.9em 0; color:#392100; }
heading6, H6, h6 { font-size:100%; margin:2em 0 2em 0; color:#392100; }

ol, ul { margin-top:0.5em; margin-bottom:0.5em; }
li { margin-top:0; margin-bottom:0; }

p { margin:1em 0 1.4em 0; }
p:first-child { margin:0 0 1.4em 0; }

b, strong { font-weight:bold; }
.error { color:red; font-weight:bold; }
.req { color:red; }

input { font-size: 100%;}

/* links */
a, a:visited { color:#9c3a00; text-decoration:underline; }
a:hover { color:#9c3a00; text-decoration:underline; }


/* =================================================================================================== */
/* Central layout */

.clear { display:block; clear:both; font-size:1px; height:1px; line-height:1px; margin:0; padding:0; border:0; }
.normalise { margin:0; padding:0; border:0; }
.textOnly, .imageCaption { display:block; position:absolute; left:-999em; }
.fleft { float:left; }
.fright { float:right; }

html, body, #CentralContainer, #Document { margin:0; padding:0; border:0; }
html { height: 100%; margin-bottom: 1px; }
body { text-align:center; }
#CentralContainer { width:780px; margin:5px auto; text-align:left; }


/* =================================================================================================== */
/* Header */

#DocumentHeader { position:relative; height:118px; }
h1#Logo { width:234px; height:82px; position:absolute; left:15px; top:18px; }
h1#Logo a { width:234px; height:82px; display:block; }
#Document.innerpage #HomepageLink { width:80px; height:27px; position:absolute; top:6px; right:12px; }
#Document.innerpage #HomepageLink a { width:80px; height:27px; display:block; }


body { background-color:#f3ecc2;}
#Document.homepage #DocumentHeader { background-image:url(../images/homepageDocumentHeader.jpg); background-position:left top; background-repeat:no-repeat; }
#Document.innerpage #DocumentHeader { background-image:url(../images/innerpageDocumentHeader.jpg); background-position:left top; background-repeat:no-repeat; }
h1#Logo { background-image:url(../images/logo.jpg); background-position:left top; background-repeat:no-repeat; }
#Document.innerpage #HomepageLink { background-image:url(../images/homepageLink.jpg); background-position:left top; background-repeat:no-repeat; }


/* =================================================================================================== */
/* Top Navigation */

#TopNavigation, #TopNavigation ul, #TopNavigation ul li { margin:0; padding:0; border:0; }
#TopNavigation { text-align:center;  }
#TopNavigation ul { list-style:none; }
#TopNavigation ul li { width:109px; height:28px; margin:0 0 0 1px; float:left; background-position:left top; background-repeat:no-repeat; }
#TopNavigation ul li.first { margin:0; }
#TopNavigation ul li a { height:28px; display:block; float:left; background-position:left top; background-repeat:no-repeat; }

#TopNavigation ul li#TopNavigation_nav_li_0_0 { background-image:url(../images/TopNavigation/WhoAreWe_off.gif); }
#TopNavigation ul li#TopNavigation_nav_li_0_0 a { width:109px; }
#TopNavigation ul li#TopNavigation_nav_li_0_0 a:hover,
	#TopNavigation ul li#TopNavigation_nav_li_0_0.selected a,
	#TopNavigation ul li#TopNavigation_nav_li_0_0.selected a:visited { width:109px; background-image:url(../images/TopNavigation/WhoAreWe_on.gif); }

#TopNavigation ul li#TopNavigation_nav_li_0_1 { width:101px; background-image:url(../images/TopNavigation/OurRange_off.gif); }
#TopNavigation ul li#TopNavigation_nav_li_0_1 a { width:101px; }
#TopNavigation ul li#TopNavigation_nav_li_0_1 a:hover,
	#TopNavigation ul li#TopNavigation_nav_li_0_1.selected a,
	#TopNavigation ul li#TopNavigation_nav_li_0_1.selected a:visited { width:101px; background-image:url(../images/TopNavigation/OurRange_on.gif); }

#TopNavigation ul li#TopNavigation_nav_li_0_2 { width:104px; background-image:url(../images/TopNavigation/OurBeliefs_off.gif); }
#TopNavigation ul li#TopNavigation_nav_li_0_2 a { width:104px; }
#TopNavigation ul li#TopNavigation_nav_li_0_2 a:hover,
	#TopNavigation ul li#TopNavigation_nav_li_0_2.selected a,
	#TopNavigation ul li#TopNavigation_nav_li_0_2.selected a:visited { width:104px; background-image:url(../images/TopNavigation/OurBeliefs_on.gif); }

#TopNavigation ul li#TopNavigation_nav_li_0_3 { width:115px; background-image:url(../images/TopNavigation/RecipeIdeas_off.gif); }
#TopNavigation ul li#TopNavigation_nav_li_0_3 a { width:115px; }
#TopNavigation ul li#TopNavigation_nav_li_0_3 a:hover,
	#TopNavigation ul li#TopNavigation_nav_li_0_3.selected a,
	#TopNavigation ul li#TopNavigation_nav_li_0_3.selected a:visited { width:115px; background-image:url(../images/TopNavigation/RecipeIdeas_on.gif); }

#TopNavigation ul li#TopNavigation_nav_li_0_4 { width:237px; background-image:url(../images/TopNavigation/FindOurProducts_off.gif); }
#TopNavigation ul li#TopNavigation_nav_li_0_4 a { width:237px; }
#TopNavigation ul li#TopNavigation_nav_li_0_4 a:hover,
	#TopNavigation ul li#TopNavigation_nav_li_0_4.selected a,
	#TopNavigation ul li#TopNavigation_nav_li_0_4.selected a:visited { width:237px; background-image:url(../images/TopNavigation/FindOurProducts_on.gif); }

#TopNavigation ul li#TopNavigation_nav_li_0_5 { width:109px; background-image:url(../images/TopNavigation/ContactUs_off.gif); }
#TopNavigation ul li#TopNavigation_nav_li_0_5 a { width:109px; }
#TopNavigation ul li#TopNavigation_nav_li_0_5 a:hover,
	#TopNavigation ul li#TopNavigation_nav_li_0_5.selected a,
	#TopNavigation ul li#TopNavigation_nav_li_0_5.selected a:visited { width:109px; background-image:url(../images/TopNavigation/ContactUs_on.gif); }

/* =================================================================================================== */


#DocumentPage { color:#654b26; }


/* =================================================================================================== */
/* Homepage */

#Document.homepage #DocumentPage { margin:12px 0 0 0; }
#Document.homepage #LeftCell { width:320px; float:left; }
#Document.homepage #ContentCell { width:444px; height:259px; padding:14px 16px 0 0; float:left; background-image:url(../images/hompageContent.gif); background-position:left top; background-repeat:no-repeat; }
#Document.homepage #ContentCell img#JustPureFlavour { margin:10px 20px 0 50px; float:left; }
#Document.homepage #ContentCell img#Bacon { display: inline; margin: 20px 0px 0px 0px;  }


/* =================================================================================================== */
/* Innerpages */

#Document.innerpage #DocumentPage { background-image:url(../images/innerpageLeftCell.gif); background-position:left top; background-repeat:repeat-y; }
#Document.innerpage #LeftCell { width:291px; float:left; }
#Document.innerpage #LeftCell img#ButchersOfQuality { margin:14px 0 0 30px; }
#Document.innerpage #ContentCell { width:475px; padding:24px 0 0 0; float:left; }
.linkBox { display:inline; padding:5px; line-height:3em; font-weight:bold; background-color:#ffffff; }
.linkBox a, .linkBox a:visited, .linkBox a:hover { font-weight:bold; }


/* =================================================================================================== */
/* Footer */

#DocumentFooter { height:14px; background-image:url(../images/bgDocumentFooter.jpg); background-position:left top; background-repeat:no-repeat; }

/* =================================================================================================== */
/* Stockist Locator */

.StockistDetails, .StockistDetails a {font-size: 100%;}
.StockistDetails .Name { border-top: dashed black 1px; margin-top: 10px; }
.StockistDetails .MapLink { margin-top: 10px; }

/* ENQUIRY FORM */
.row                {float:left;margin-bottom:5px;width:380px;}
.row span           {float:left; display:inline;width:150px;margin-top: 2px;font-weight:bold;}
.row input          {float:left; display:inline;width:195px; font-size: 100%;}
.row select         {float:left; display:inline;width:200px;font-size: 100%;}
.row textarea       {float:left; display:inline;width:195px;font-size: 100%;}
.row .rowcheckbox   {float:left; display:inline;width:195px;font-size: 100%;}
.row .rowcheckbox input   {float:left; display:inline;width:20px;}
.row .rowcheckbox label   {float:left; display:inline;width:170px;margin-top:3px;}
.submitbutton       {float:right; display:inline;Margin:0px 30px 20px 0px;width:90px;}
.row2               {float:left;margin-bottom:5px;width:380px;}