.clearfix:after {   														/*  Clearfix added by Gregory May 7 */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body 
{
/* 	margin: 0; Annie changed body text here */
	margin: 0 0 0 15px;		
  	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
/*	background-image:url("../images/BarleyBackground_A_400_L1_C128_F80ish_pct.gif"); */
/*	CHANGE BACKGROUND COLOR HERE */
/* 	background-color: #FEFBE7; */
/* 	font-size: .9em; Annie changed body text here */
	width: 100%;
	font-size: 14px;
	font-weight: 600;
/* 	color: #550002;  Annie changed body text here */
/* 	color: #15420F;  Annie changed body text here */
	color: #666633;
}

a:link {
/*      color: #666633; Annie changed body text here */
		color: #663333;
        text-decoration: none;

}

a:visited {
        color: #660000;
        text-decoration: none;
}

#shopfront_header {
	/*background-image:url(../images/BarleyBackground_A_400_L1_C128_F60ish_pct.gif); */
/*	background-image:url(../images/LogoF7EFCE.gif);
	background-repeat: none; */
	margin: 0px 0 0 0;
	padding: 0;
/*	font-size: 1.4em; */
	font-weight: bold;
}
#shopfront_header img {
	padding: 0;
/*	replaced by annie 0909 */
/* 	margin: 0 0 2px 10px; */
	margin: 0 0 0 10px;
	float: left;	
	border: 0px solid black;  /* Needed by IE7 */
}

.mainstripe {
	width: expression(document.body.clientWidth < 777? "777px" : document.body.clientWidth > 1000? "1000px" : "auto");
	max-width:1000px;
	min-width:777px;
	margin: 10px auto 0 auto;
	padding: 0;
	left: 0;
	top: 0px;
	}

#TempHeader {
	width: 100%;
	float: left; 
	clear: both;
	margin-bottom: 20px;
}
#TempHeader {
	float: left;
	}

#search {
	}

#log_ord, #product_search {
	float: right;
	font-size: 1em;
	margin: 10px 10px 0 0;
	text-align: right;
	}
#log_ord a {
	display: block;
	margin: 0px 0 4px 0;
	}

#product_search {
	clear: right;
	margin: 5px 10px 4px 0px;
	padding: 0;
}

#product_search p{
	margin: 0;
	padding: 0;
}
#product_search form {
	margin: 0;
	padding: 0;
}

#link_menu  {
	margin: 0 5px;
/*  Changed by Annie
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
*/
	border-top: 1px solid #666633;
	border-bottom: 1px solid #666633;
	background-color: white;
	clear: both;
/*	font-size: 1em; */
	font-weight: 500;
	padding: 5px 5px 6px 5px;
	}	
#link_menu a {
	float: left;
	padding: 0em 1em;
	display: inline;
	color:  #663333;
	}
#link_menu span {
	color:#c5c5c5;
	float: left;
	display: inline;
	}
	
#sub_header_content{
	padding: 20px 12px 0;
/*	border: 1px solid #CCCC99; */
}

#sub_header_content .mainhtml {
	margin: 0px 0px 0 0;
	padding: 0px 12px;
	border: 0px solid blue; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: left;
	margin: 20px 20px 20px 250px;
}	
.mainhtml {
	/*border: 1px solid black; */
}
	
#categories_menu { 							/* Prob always the same as left_content unless something will be under it. */
	width: 230px;
	float: left;
	padding: 0px 0 0 10px; 
	margin: 0;
/*	border: 1px solid red;  */
	}
#categories_menu #aisles{ 						/*  Header para.  Each aisle has it's own user chosen style: eg aisle or aisle_bold etc.*/
	font-size: 140%;
	font-weight: bold;
	padding: 5px 0 8px 0;
	margin: 0 0 8px 0;
	clear: both;
	}
#categories_menu .aisle_box {
	clear: left;
	float: left;
	font-size: 1.2em; 
	font-weight: bold;
	padding: 2px 0em .6em 0em;
	border-bottom: 0px solid white;
}	
#categories_menu .aisle_box a {
/*	color: #330033;
	color: red; */
}

.mainhtml {
 	font-family: Helvetica, Arial, 'Times New Roman',Times, Arial, serif;
/* 	Annie replaced font 0909 */
/* 	font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-size: 1.0em;
	text-align: left;
	margin: 20px 20px 20px 250px;
/*	border: 1px dotted #CCCCCC; */
}

/* h1, h2, h3 added by annie */

.mainhtml h1 {
	margin: 20px 0;
	font-size: 28px;
/* 	color: #767c34; */
	color: #666633;
}

.mainhtml h2 {
	margin: 20px 0;
	font-size: 22px;
	color: #666633;
}

.mainhtml h3 {
	margin: 20px 0;
	font-size: 20px;
	color: #666633;
}

.mainhtml h4 {
	margin: 16px 0 15px 0;
/* 	margin: 16px 0 5px 0; Annie changed margin to 15px */
/* 	font-size: 104%; */
	font-size: 18px;
}

.mainhtml h5 {
	margin: 10px 0 5px 0;
	font-size: 18px;
	color: #666633;
}

.mainhtml p {
	margin: 5px 0 10px 0;
}

.importantdgreen {  
	color: #004400;
	font-weight: bold;
	}
p.Testimonial { /* Testimonials */
	margin-bottom: 4px;
	}	
p.TestimonialSignoff { /* Testimonials */
	margin: 0px 0 20px 0;
	font-style: italic;
	}	

.Jobs h4, .Jobs p {
	font-weight:800;
	color:#003300;
}


.mainhtml td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
	
.leftbox 
{
		color: #663333;
        margin: 0 20px 20px 20px;
        width: 160px;
        float: left;  
/*      font-size: 1em; */
		text-align: left;
/*		border: 1px solid black;  */
}

.yellowbox, #search 
{
/*      padding: 5px 8px 8px 5px; Annie changed */
        padding: 10px 8px 10px 5px;
		border: none;
/* 		width added by Annie 09-09 */
		width: 150px;
}

.brownbox 
{
        color: #663333;
/*     	padding: 5px 0px 8px 5px; Annie changed */
        padding: 10px 0px 10px 5px;
}
.brownbox a 
{
/*      padding:  0px 2px 6px 2px;  Annie changed */
        padding:  0 0 6px 0;
		float: left;
/* 		width changed by Annie 09-09 */
/* 		width: 130px; */
		width: 160px;
}


.bottombar {
/*      position: relative; 
				float:left; */
        clear: both;
        width: 730px;
        text-align: left;
/*        margin-left: auto;
        margin-right: auto; */
}


.shopfront_link {
        text-decoration: underline;
}

.aisle:link {
        color: #663366;
/* added by annie 25 09 2009 */
/* 	font-weight: bold; */
}

.aisle:visited {
        color:  #663366;
/* added by annie 25 09 2009 */
/* 	font-weight: bold; */
}

.aisle_bold:link {
        color: #660000;
}
.aisle_bold:visited {
        color: #660000;
}
/* added by annie 18 08 2009 */
.aisle_green:link 
{
	color: #666633;
	font-weight: bold;
}
.aisle_green:visited 
{
	color: #666633;
	font-weight: bold;
}
/* added by annie 15 09 2009 */
.aisle_newgreen:link 
{
	color: #767c34;
	font-weight: bold;
}
.aisle_newgreen:visited 
{
	color: #767c34;
	font-weight: bold;
}

.aisle_bolder_bigger:link {
        color: #ff0000;
				font-weight: bolder;
				font-size: 110%;
}
.aisle_bolder_bigger:hover {
        color: #AA0000;
				font-weight: bolder;
				font-size: 125%;
}
.aisle_bolder_bigger:visited {
        color: #551111;
				font-weight: bolder;
				font-size: 105%;
}

.aisle_xmas:link {
        font-weight: bold;
        background-repeat: no-repeat;
        background-position: top left;
        text-align: right;
        color: #FF0000;
        overflow: visible;
}

.aisle_xmas:visited {
        font-weight: bold;
        background-repeat: no-repeat;
        background-position: top left;
        text-align: right;
        color: #FF0000;
        overflow: visible;
}

.aisle_xmas:first-letter {

}

.firstnotebox {
        position: absolute;
        background-color: #ddddaa;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        height: 50px;
        width: 300px;
        left:  215px;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;

}

.mybasket_prod_cat {
        width: 475px;
        color: #663333;
        vertical-align: middle;
        padding-bottom: 50px;
        float: left;
}

.mybasket_prod_cat_title {
        background-color: #cccc99;
/*      changed by annie 09_09 */
/*		width: 475px; */
        width: 465px;
        float: left;
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 20px;

}

.mybasket_tickbox {
        width: 50px;
        float: left;
        text-align: right;
}

.mybasket_oneoff {
        width: 80px;
        float: left;
        padding-left: 15px;
        text-align: center;
}

.itmb1 {
        background-color: #eeeebb;
        width: 465px;
        padding-top: 7px;
        padding-bottom: 7px;
        float: left;
}

.itmb1s {
        background-color: #bebbee;
        width: 465px;
        padding-top: 7px;
        padding-bottom: 7px;
        float: left;
}

.prod_cat {
        color: #663333;
        vertical-align: middle;
        padding: 10px 20px 50px 0;
        float: left;
}

.prod_cat_title {
        background-color: #cccc99;
/*      changed by annie 09_09 */
/*		width: 400px; */
        width: 390px;
        float: left;
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 20px;
        
}

.cat_text {
        width: 270px;
        float: left;
        text-align: center;
}

.price_title {
        width: 100px;
        float: left;
}

.item1 {
        background-color: #eeeebb;
        width: 390px;
        padding-top: 7px;
        padding-bottom: 7px;
        float: left;
}

.item1s {
        background-color: #bebbee;
        width: 390px;
        padding-top: 7px;
        padding-bottom: 7px;
        float: left;
}

.item2 {
        background-color: #eeee88;
        width: 390px;
        padding-top: 7px;
        padding-bottom: 7px;
        float: left;
}

.item2s {
        background-color: #bebbee;
        width: 390px;
        padding-top: 7px;
        padding-bottom: 7px;
        float: left;
}

.item_desc {
        width: 180px;
        float: left;
        padding-left: 10px;
        cursor: hand;
}

.item_desc i {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8px;
        color: #000000;
}

.item_qty {
        width: 60px;
        float: left;
        margin-left: 10px;
        
}

.item_price {
        width: 50px;
        float: left;
        text-align: right;
}

.item_amount {
        width: 70px;
        float: left;
        margin-right: 10px;
        text-align: right;
}

.item_amount a {
       text-decoration: none;
}


.input_amount {
        width: 20px;
        text-align: center;
}

.view_basket {
        float: right;
}

.productinfo {
        background-color: #ddddaa;
        color: #603030;
        width: 93%;
				padding: 10px;
        height: 75px;
}


#allergy_info 	{
	clear: both;
	width: 200px;
	float: left;
	margin: 0 10px 10px 10px;
	font-size: .9em;
 }
.Cap {
	color: red;
	font-size: 120%;
	font-weight: bold;
}


/* Footer  */


#footer {
	clear: both;
	width: 100%;
	height: 66px;
	text-align: center;  /* This does it for OE7 */
	margin: 10px 0 0 0;
}
#footer img 
{
	float: left;
	margin: 0 10px;
	border-width: 0;
}
	
img.inset
{
	margin: 5px 0 0 20px;
}

/* added by Annie */

.neat ul
{
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
}
.neat li
{
	margin-left: 0;
	margin: 10px;
	padding: 0 0 0 10px;
	font-weight: normal;
	line-height: 1.2em;
}

.neat p, table
{
	font-weight: normal;
	line-height: 1.2em;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


		body
		{
			font-family: Arial, Helvetica, sans-serif;
		}
		.prod_cat_title 
		{
			color: #626b12;
			background-color: white;
			border-bottom: 2px solid #d1ddb4;
	        width: 550px;
	        float: left;
	        font-weight: bold;
	        font-size: 1.1em;
	        padding-top: 10px;
	        padding-bottom: 10px;
		        
		}
		.price_title 
		{
        	width: 50px;
        	float: left;
 	        font-size: 14px;
		}
		.cat_text 
		{
        	width: 360px;
        	float: left;
        	text-align: left;
        	padding-left: 20px;
        	font-size: 16px;
		}
		.item1 
		{
       		font-family: Arial, Helvetica, sans-serif;
			color: #626b12;
			background-color: #ffffff;
			border-bottom: 1px solid #d1ddb4;
	        width: 550px;
	        padding-top: 7px;
	        padding-bottom: 7px;
	        float: left;
	        font-weight: normal;
	        font-size: 1em;
		}
		.item1s 
		{
       		font-family: Arial, Helvetica, sans-serif;
			color: #626b12;
	        background-color: #d1ddb4;
			border-bottom: 1px solid #b0c187;
	        width: 550px;
	        padding-top: 7px;
	        padding-bottom: 7px;
	        float: left;
	        font-weight: normal;
	      	font-size: 1em;
		}		
		.item2 
		{
       		font-family: Arial, Helvetica, sans-serif;
			color: #626b12;
			background-color: #ffffff;
			border-bottom: 1px solid #d1ddb4;
	        width: 550px;
	        padding-top: 7px;
	        padding-bottom: 7px;
	        float: left;
	        font-weight: normal;
	        font-size: 1em;
		}
		.item2s 
		{
       		font-family: Arial, Helvetica, sans-serif;
			color: #626b12;
	        background-color: #d1ddb4;
			border-bottom: 1px solid #b0c187;
	        width: 550px;
	        padding-top: 7px;
	        padding-bottom: 7px;
	        float: left;
	        font-weight: normal;
	        font-size: 1em;
		}

		.item_desc 
		{
	        width: 250px;
	        float: left;
	        padding-left: 20px;
	        cursor: hand;
	        font-weight: normal;
	        font-size: 14px;
		}
		.item_qty 
		{
	        width: 50px;
	        float: left;
	        padding-left: 20px;
	        font-weight: normal;   
	       	font-size: 14px;   
		}
		.item_price 
		{
        	width: 70px;
        	float: left;
        	text-align: right;
        	color: #333;
        	font-size: 14px;
		}
		.item_amount 
		{
  	     	width: 80px;
 	       	float: left;
	        margin-right: 10px;
			text-align: right;
		}
		.item_amount a
		{
  	     	color: #595959;
		}
		.item_amount input  
		{
  	     	border: 1px solid #d1ddb4;
		}
		.aisle_green:link
		{
			color: #595959;
			font-weight: normal;
		}
		.aisle_green:visited
		{
			color: #595959;
			font-weight: normal;
		}
		.aisle_green:hover
		{
			color: #9ab72d;
			font-weight: normal;
		}
		.nav-line
		{
			clear: both; 
			height: 1px; 
			line-height: 1px; 
			border: 1px solid #d1ddb4; 
			background-color: #d1ddb4; 
			font-size: 0px; 
			margin: 0;
		}
		.prod_cat 
		{
			color: #666633;
	/*		changed by annie 03_10  */
	/*      color: #663333; */
	        vertical-align: middle;
	        padding: 0 0 50px 0;
	        float: left;
		}
		.sub-category-aisle a:link
		{
	        color: #595959;
	        padding-left: 20px;
	        font-size: 14px;
		}
		.sub-category-aisle a:hover
		{
	        color: #626b12;
	        padding-left: 20px;
	        font-size: 14px;
		}
		.sub-category-aisle a:visited
		{
	        color: #595959;
	        padding-left: 20px;
	        font-size: 14px;
		}
		.mybasket_prod_cat 
		{
			width: 600px;
	        color: #666633;
	        vertical-align: middle;
	        padding-bottom: 50px;
	        float: left;
		}
		
		.mybasket_prod_cat_title 
		{
	        background-color: #eeeebb;
			border: 1px solid #d1ddb4;
	        width: 598px;
	        float: left;
	        font-weight: bold;
	        padding-top: 10px;
	        padding-bottom: 10px;
		
		}
		
		.mybasket_tickbox 
		{
			width: 50px;
			float: left;
			text-align: right;
		}
		
		.mybasket_oneoff 
		{
			width: 80px;
			float: left;
			padding-left: 75px;
			text-align: center;
		}
		
		.itmb1 
		{
			background-color: #eeeebb;
			width: 600px;
			padding-top: 7px;
			padding-bottom: 7px;
			float: left;
		}
		
		.itmb1s 
		{
	        background-color: #d1ddb4;
	        width: 600px;
	        padding-top: 7px;
	        padding-bottom: 7px;
	        float: left;
			border-bottom: 1px solid #b0c187;
		}
		.prod_cat_small
		{
			padding: 0 0 20px 0;
		}