/* CSS Document */
*{
	margin:0;
	padding:0;
}
p
{
	font-family: arial;
	font-size: 11px;
	line-height: 1.4em;
	margin-top: 0px;
	padding-top: 0px;
}
p.second { font-size: 11px; color: #CC9900;}
	
/* added by Joe style HR colour black */
hr
{
	color: #CC9900;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*-------------- bottom left Gold Botton on the left side------------------*/
#left-panel{ width:300px; height: 650px; text-align: center; padding: 3px 3px 0px;}
  #left-panel   ul{ list-style:none; }
	#left-panel   li{ display:block; float:left; }
	  #left-panel   li   a{ padding:10px 0px 0px; display:block; float:none; color:#FFFFFF; height: 182px; text-align: left; width: 227px; 
	    margin-top: 0px; margin-bottom: 0px; margin-left: 14px; clear: both; margin-right: 14px; }
        /*------- End of bottom left Gold Botton on the left side---------*/

/*------- main colum Container for Cols1 + Cols 2 + Cols 3---------*/
#mainColContainer {
	height: 389px; width: 727px; background-color: #FFFFFF; padding-right: 0px; float: left; margin-right: 0px; }

/*------- Bottom images menu in the main container---------*/

/* Recent News and Award + About Our Company */ 
  #box1 { float: left; height: 182px; width: 223px; padding: 0px 13px 0px 0px; margin: 20px 0px 0px;}
   /* Pick and Mix Cheese */     
    #box2 { float: left; height: 182px; width: 223px; padding: 0px 15px; margin: 20px 0px 0px;}
      /* New Product */ 	
        #box3 {float: left; height: 182px; width: 223px; padding: 0px 0px 0px 15px; margin: 20px 0px 0px;}
	
/*------- Bottom images menu in the main container---------*/

/*------- three cols in the mainContainer Colum 1 -  Corperate information---------*/
#mainCol1 {
   float: left; height: 325px; width: 205px; padding: 30px 15px 0px 10px; margin: 0px 5px;
	 background-image: url(../images/p-header/p-corporate-information.jpg); background-repeat: no-repeat; background-position: left top; 
	   font-family: arial; font-size: 11px; color: #000000; line-height: 1.1em; background-color: #FFFFFF; }

/*------- three cols in the mainContainer Colum 2 - Social responsibility---------*/
#mainCol2 { 
   float: left; height: 325px; width: 205px; margin: 0px 5px;
	 background-color: #FFFFFF; background-image: url(../images/p-header/p-social-responsibility.jpg); background-repeat: no-repeat; background-position: left top;
	   font-family: arial;font-size: 11px; color: #000000; line-height: 1.1em; padding-top: 30px; padding-right: 15px; padding-bottom: 0px; padding-left: 10px; }

/*------- three cols in the mainContainer Colum 3 - Gerneral FARMING PRICIPLE---------*/
#mainCol3 {
   float: left; height: 325px; width: 205px; padding: 30px 15px 0px 10px;
	 background-color: #FFFFFF; background-image: url(../images/p-header/p-gerneral-farming.jpg); background-repeat: no-repeat; background-position: left top;
	   font-family: arial;font-size: 11px; color: #000000; line-height: 1.1em; overflow: hidden; margin-top: 0px; margin-bottom: 0px; margin-left: 5px; margin-right: 5px; }
#recipesCol1
{ background-color:White;/*padding:5px 5px 5px 5px;*/
  min-height: 375px;
  max-height: 600px;
  float: left; 
  height: auto;
  _padding-top: 10px;
  width: 430px; margin: 0px;
  padding-right: 20px;
  list-style-type: none; list-style-image: none; /*margin: 10px 0px 0px;*/
}

#recipes
{ background-color:White;/*padding:5px 5px 5px 5px;*/
  min-height: 375px;
  max-height: 600px;
  float: left; 
  width: 222px; 
  margin: 0px;
  padding-left:10px;
  padding-top: 10px;
  list-style-type: none; list-style-image: none; /*margin: 10px 0px 0px;*/
}

.recipeCol1Top
{

    min-height: 300px;
    max-height: 500px;
}

#wrap-pad
{
    padding:10px;
}

#recipesCol2
{
    background-color: #CCCCCC; /*padding:5px 5px 5px 5px;*/
    height: 360px;
    min-height: 375px;
    max-height: 500px;
    float: right;
    width: 222px; /*padding: 10px 10px 10px 10px;*/
    margin: 10px 0px 0px;
    margin: 10px 10px 0px 0px;
    list-style-type: none;
    list-style-image: none;
}

#img-container
{
    /*padding:5px 5px 5px 5px;*/
    height: 325px;
    float: left;
    width: 350px; /*padding: 10px 10px 10px 10px;*/
    padding-left:17px;
    padding-top:3px;
    margin: 0px 0px 0px;

}
#recipesCol3
{
	background-color: White; /*padding:5px 5px 5px 5px;*/
	height: 200px;/*height: 165px;*/
	float: left;
         width: 200px; 
	/*width: 200px; margin: 10px 0px 0px;*/
	/*border-right: #cc9900 thin solid;
	border-top: #cc9900 thin solid;
	border-left: #cc9900 thin solid;
	border-bottom: #cc9900 thin solid;*/
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5px;
}
#newscol-header {
	background-image: url(../images/p-header/p-summer-2009.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 15px;
	width: 510px;
	padding-right: 10px;
	padding-left: 200px;
	margin-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}
/*
#contact-header {
	background-image: url(../images/p-header/p-feedback-form.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 10px;
	padding-right: auto;
	padding-left: 200px;
	margin-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: auto;
	width: 220px;
}
*/
#newsCol1/*------- Bottom images menu in the main container---------*/

/*------- three cols in the mainContainer Colum 1 -  Corperate information---------*/
 {
	float: left;
	/*height: 315px;*/ height: auto;
	/*width: 205px;*/ width: 180px;

	/*padding: 15px 15px 0px 10px;
	margin: 0px 13px 0px 5px;*/

	padding: 10px 0px 0px 0px;
	margin: 0px;

	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	background-color: #FFFFFF;
}

div .newsCol2 /* Added Overbyte Interactive - JJ 19/8/09 */
{
	float: left;
	/*height: 315px;*/ height: auto;
	width: 305px;
	margin: 0px 25px 0px 5px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	/*border: 1px solid #BA973E;*/
}
 
.newsArticleTitle
{
	font-size: 12px;
	color: #B89836;
}

.newsArticleDate    /* Added Overbyte Interactive - JJ 19/8/09 */
{ 
    font-size: 10px; 
    color: #B89836; 
}

#newsCol2/*------- three cols in the mainContainer Colum 2 - Social responsibility---------*/
 {
	float: left;
	height: 315px;
	width: 305px;
	margin: 0px 25px 0px 5px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: 1px solid #BA973E;
}
#newsCol3/*------- three cols in the mainContainer Colum 3 - Gerneral FARMING PRICIPLE---------*/
 {
	float: left;
	height: auto; /*height: 315px;*/

 	width: auto; /*width: 190px;*/
	padding: 40px 0px 0px 10px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	overflow: hidden;
/*	background-image: url(../images/forth-coming.jpg);*/
	
}
#contactCol1/*------- Bottom images menu in the main container---------*/

/*------- three cols in the mainContainer Colum 1 -  Corperate information---------*/
 {
	float: left;
	height: 315px;
	width: 205px;
	padding: 10px 10px 0px 10px;
	margin: 0px 13px 0px 5px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	background-color: #FFFFFF;
	/*background-image: url(../images/p-header/p-contactus-detail.gif);*/
}
#contactCol2/*------- three cols in the mainContainer Colum 2 - Social responsibility---------*/
 {
	float: left;
	height: 315px;
	width: 215px;
	margin: 13px 25px 0px 5px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	/*border: 1px solid #BA973E;*/
	border: none;
}
#contactCol3
{
	float: left;
	height: 365px;
	width: 210px;
	background-image: url(../media/23196/black-cheese.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 100%; /*line-height:100%;*/
	overflow: hidden;
	/*border-right: #ffcc33 thin solid;
	border-top: #ffcc33 thin solid;
	border-left: #ffcc33 thin solid;
	border-bottom: #ffcc33 thin solid;*/
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 8px;
}
#stockists-Col1
{
	float: left;
	min-height: 325px;
	max-height: 400;
	width: 298px;
         _width: 298px;
	margin: 0px 5px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
        	_padding-right: 0px;
	_padding-left: 0px;
	_padding-bottom: 0px;
	_padding-top: 0px;
         _display: inline;
         _overflow: hidden;
}

#stockists-Col2
{
	float: left;
         _float: right;
	min-height: 325px;
	max-height: 400;
	width: 335px;
         _width: 330px;
	margin: 0px 5px 0px 40px;
         _margin-left: 1px;
	background-color: #FFFFFF; /*    background-image: url(../images/p-header/p-forthcoimng-show.gif); */
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
         _padding-right: 0px;
	_padding-bottom: 0px;
	_padding-left: 0px;
         _display: inline;
         _overflow: hidden;
}
#onlineStore-mainCol1/*------- Bottom images menu in the main container---------*/

/*------- three cols in the mainContainer Colum 1 -  Corperate information---------*/
 {
	float: left;
	height: 300px;
	width: 205px;
	padding: 10px 15px 0px 10px;
	margin: 0px 5px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	background-color: #FFFFFF;
}
#onlineStore-mainCol2/*------- three cols in the mainContainer Colum 2 - Social responsibility---------*/
 {
	float: left;
	height: 300px;
	width: 205px;
	margin: 0px 5px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#onlineStore-mainCol3/*------- three cols in the mainContainer Colum 3 - Gerneral FARMING PRICIPLE---------*/
 {
	float: left;
	height: 300px;
	width: 205px;
	padding: 10px 15px 0px 10px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #BA973E;
	background-image: url(../images/p-header/p-my-basket.gif);
}
#mybasketCol1/*------- Bottom images menu in the main container---------*/

/*------- three cols in the mainContainer Colum 1 -  Corperate information---------*/
 {
	float: left;
	height: 280px;
	width: 450px;
	padding: 10px 15px 0px 10px;
	margin: 0px 5px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	background-color: #FFFFFF;
	border: 3px solid #BD993B;
}
#mybasketCol2/*------- three cols in the mainContainer Colum 3 - Gerneral FARMING PRICIPLE---------*/
 {
	float: left;
	height: 105px;
	width: 201px;
	padding: 25px 15px 0px 5px;
	background-color: #BD993B;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.1em;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #BA973E;
	background-image: url(../images/p-header/p-important-message.gif);
}
#mybasketCol3/*------- three cols in the mainContainer Colum 3 - Gerneral FARMING PRICIPLE---------*/
 {
	float: left;
	height: 120px;
	width: 200px;
	padding: 25px 15px 0px 7px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #BA973E;
	background-image: url(../images/p-header/p-deliverly-return.gif);
}
#onlineStore-header {
	background-image: url(../images/p-header/p-picknmix-cheese.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 15px;
	width: 510px;
	padding-right: 10px;
	padding-left: 200px;
	margin-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#mybasket-header {
	background-image: url(../images/p-header/p-full-baskets-details.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 15px;
	width: 510px;
	padding-right: 10px;
	padding-left: 200px;
	margin-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#mybasket-faq {
	background-image: url(../images/p-header/p-faqs.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 15px;
	width: 510px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 5px;
	padding-bottom: 10px;
	padding-top: 30px;
}
#twoCols-L/*------- Bottom images menu in the main container---------*/

/*------- three cols in the mainContainer Colum 1 -  Corperate information---------*/
 {
	float: left;
	height: 325px;
	width: 205px;
         _width: 205px;
	padding: 10px 15px 0px 10px;
_padding-top: 10px;
_padding-left: 0px;
_padding-right:15px;
_padding-bottom:0px;
	margin: 0px 5px;
	/*background-image: url(../images/p-header/p-little-black-bomber.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	background-color: #FFFFFF;
}

#twoCols-feedback/*------- Bottom images menu in the main container---------*/

/*------- three cols in the mainContainer Colum 1 -  Corperate information---------*/
 {
	float: left;
	height: 325px;
	width: 205px;
	padding: 10px 15px 0px 10px;
	margin: 0px 5px;
	/*background-image: url(../images/p-header/p-little-black-bomber.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em;
	background-color: #FFFFFF;
}
#twoCols-R
{
	float: left;
	height: 355px;
	width: 472px;
	margin: 3px 0px 0px 10px;
	background-color: #FFFFFF; /*background-image: url(../images/black-bomber-xs.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 1.1em; /*
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	*/
	padding: 0 0 0 0;
}
div#fullbasket

{

    width: 200px;
    _width: 230px;

    height: auto;

    border-style: solid;

    font-family: arial;

    font-size: 10px;

    color: #000000;

    font-weight: normal;

    text-align: left;

    border-width: 1px;

    border-color: #CC9900;

    padding: 8px 8px 8px;
    margin: 0px;
    _margin-right:10px;
    _margin-left:0px;

    float: right;

    display: inline;

}

.newsuploader

{   

    border: 1px solid #BA973E;

    width: 670px;

    margin-left: 30px;    

}

.show
{
        border-top: 1px solid #BA973E;	
        width: 310px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.twoColLeft
{
	background-color: White;
	float: left;
	height: auto;
	width: 49%;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
}

.twoColRight
{
    background-color:#FFFFFF;
/*    background-image:url(../images/forth-coming.jpg);*/
    background-position:left top;
    background-repeat:no-repeat;
    color:#000000;
    float:right;
    font-family:arial;
    font-size:11px;
    /*height:300px;*/
    line-height:1.1em;
    overflow:hidden;
    /*padding:15px 15px 15px 10px;*/
    padding:0 10px;
    /*width:200px;*/
}

/* - Overbyte Interactive (JJ 21/9/09) */
/* - Changed CSS Selector from ID to Class
   - Removed Background Image property, this is set
     dynamically by server side code
*/
.moreInfo
   {
    /*background-image:url(../media/20267/stockist-de.gif);*/
    width: auto;
    height: auto;
    font-family: arial;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    text-align: left;
    /*border-width: thin;
    border-style: solid;
    border-color: #CC9900;
    padding: 10px 5px 5px 5px;*/
    margin-top: 1px;
    margin-right: 10px;
    margin-bottom: 10px;
    
    float: right; 
    display: block;
}

div#moreInfoContainer
   {
    width: 320px;
   _width: 315px;
    height: auto;
    max-height: auto;
    border-style: solid;
    _border-style: solid;
    font-family: arial;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    text-align: left;
    border-width: 1px;
    border-color: #CC9900;
    
    padding-left: 15px;
    padding-top: 10px;
    margin-top: 15px;
    _padding-right: 0px;
    _padding-left: 10px;
    _Padding-top: 5px;
    _margin-top: 5px;
    _margin-left:0px;
    _margin-right:0px;
}





















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */