body	{ padding:0; margin:0; font-size:9pt; color:#BC3228; font-family:arial, trebuchet MS;height: 100%;
background:url(images/red.gif) repeat-y;
}
html{	height: 100%;}
.top{ width:765px; text-align:right; border:0px solid black; }
.banner	{ border:0px dashed red; width:450px; float:right; margin-top:14px;}
html>body .banner	{ border:0px dashed red; width:450px; float:right; margin-top:14px;}
.logo	{text-align:left; margin-top:0px;}


/* The CSS that's required to position the footer 
http://www.themaninblue.com/experiment/footerStickAlt/good_example_short.htm */
#nonFooter{
border:0px dashed red;
	position: relative;
	min-height: 100%;
	padding:0 0 0 5px;
}
* html #nonFooter{
	height: 100%;
	
}
#footerContainer{
border:0px dashed red;
	background:url(images/footer_fade.gif);
	position: relative;
	margin: -90px auto 0 5px;
	height:90px;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footerContainer{
	margin-top: -90px;
}


#footer	{	border:0px dashed red;
padding:3px 0 10px 0;
margin-bottom:10px;
text-align:left;
font-family:arial;
font-size:90%;
color:#666;
}
#turtle	{
float:right;
}
h3	{font-size:10.5pt;}

#red	{
position:absolute;
top:0;
left:0;
width:0px;
background:red;
height:100%;
}


#main	{
	border:1px dashed white;
	text-align:left;
	left:0;
	width:765px;	
	padding:6px 0 0 0;
}
#leftbar	{
border:0px dotted blue;
float:left; width:152px; 
clear:both;

}
#rightbar{
border:0px solid lime;
float:right; 
width:247px;
font-family:trebuchet MS; 
font-size:88%;
line-height:120%;
}
#rightbar150{
border:0px solid lime;
float:right; 
width:193px;
font-family:trebuchet MS; 
font-size:88%;
line-height:120%;
}
#rightbar150_contents	{
border:0px solid blue; width:151px; background:#fff; padding:0px;
}

#middle	{
font-family:trebuchet MS, arial, sans-serif;
font-size:8.5pt;
border:0px solid red;
margin:0 260px 11em 175px;
clear:none;
}
#middleHome	{
font-family:trebuchet MS, arial, sans-serif;
font-size:8.5pt;
border:0px solid red;
margin:0 0px 11em 175px;
clear:none;
}
#middle300	{
border:0px solid red;
font-family:arial;
margin:0 175px 11em 175px;
font-family:trebuchet MS, arial, sans-serif;
font-size:8.5pt;
}
#middleContent	{
border:0px solid red; 
margin:0 0 0 7px;
width:92%;
}
#middleContent300	{
border:0px solid red; 
margin:0 0 0 7px;
width:360px;
}
#middleOrderform	{
border:0px solid red; 
margin:0 0 0 175px;
width:584px;
}


#sb_boxes	{
background:#E4F3E5;
padding:13px;
}
#sb_boxes ul	{
list-style-type:none;
margin:5px 0 0 5px;
padding:0;
}
#sb_boxes li{
background-image: url(images/newspip.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding:0 0 4px 15px;
}


/* veg boxes */
#smallvegbox	{
border:0px solid red;
width:167px;
height:12em;
background:#FCF3F7;
font-size:10.5pt;
}
#smallvegbox h2	{
	background:#E68BA0;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:10.5pt;
	font-weight:bold;
}
#medvegbox	{
border:0px solid red;
width:167px;
height:12em;
float:right;
font-size:10.5pt;
background:#F9F4F1;
}

#medvegbox h2	{
	background:#C7A772;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:10.5pt;
	font-weight:bold;
}


#largevegbox	{
border:0px solid red;
width:167px;
height:15em;
background:#F6F8ED;
font-size:10.5pt;
}
#largevegbox h2	{
	background:#80B544;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:10.5pt;
	font-weight:bold;
}
#familyvegbox	{
border:0px solid red;
width:167px;
height:15em;
float:right;
font-size:10.5pt;
background:#EDF8F7;
}
#familyvegbox h2	{
	background:#449EB5;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:10.5pt;
	font-weight:bold;
}

#fruit1	{
border:0px solid red;
width:110px;
height:19em;
float:left;
font-size:8.5pt;
background:#F2F1E8;
}
#fruit1 h2	{
	background:#D8E182;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:10.5pt;
	font-weight:bold;
}

#fruit2	{
top:0;
margin:0 0px 0 125px;
border:0px solid red;
width:110px;
height:19em;
font-size:8.5pt;
background:#F4FAF4;
}
#fruit2 h2	{
	background:#9AD7AB;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:10.5pt;
	font-weight:bold;
}

#fruit3	{
border:0px solid red;
width:110px;
height:19em;
float:right;
font-size:8.5pt;
background:#F3F7FC;
}
#fruit3 h2	{
	background:#8BA1E6;
	color:#fff;
	margin:0;
	padding:5px;
	font-size:10.5pt;
	font-weight:bold;
}





#veg_left	{
border:0px dashed red;
width:70px;
float:left;
}
#veg_right	{
border:0px dashed red;
width:70px;

}
.products	{
padding:10px;
}
td	{
font-size:70%;
}


.news	{
border:0px solid #d1d1d1;
background:#DCF0DE;
padding:10px;
margin:0px 0 10px 0px;
font-size:110%; line-height:130%;
}
.news h2	{
font-size:130%;
font-weight:bold;
line-height:110%; display:inline;
}
.news_title	{
border:0px solid red;
width:100%;
display:block;
margin:10px 0 0 0;
}
.quote	{
padding:0px;
}

#subnav	{
border:0px solid lime;
text-align:right;
padding:0 0 0 0;
margin:-12px 0 -10px 0;
}
.subnavList	li{
list-style-type: none;
border:0px solid red;
background-image: url(images/arrow_1.gif);
background-repeat: no-repeat;
background-position: 100% .25em;
padding-right: .7em;
padding-bottom:4px;
margin-left:-40px;
}




a:link img.border {border: 1px solid #A12564}
a:hover {background-position: 0 0}
a:hover img.border {border: 1px solid #00C952}


A:link	{
	color:green;
	text-decoration: none;
}
A:visited	{
	text-decoration: none;
	color:green;
}

A:hover	{
	text-decoration: underline;
	color:red;	
}


#content A:link	{
	color:#d0005f;
	text-decoration: none;
}
#content A:visited	{
	text-decoration: none;
	color:#d0005f;
}

#content A:hover	{
	text-decoration: underline;
	color:#d0005f;	
}



h1	{
font-family:arial, verdana, sans-serif;
color:#C2719A;
	font-size:180%;
	line-height: 180%;
	font-weight:normal;
	display:inline;
}
h2	{
font-family:trebuchet MS, arial, sans-serif;
	font-size:150%;
	line-height: 110%;
	font-weight:normal;
	display:block;
	color:#D7261D;
	
}

.copyright	{
	color:#A8B3D5;
	font-family: Verdana, Arial, sans-serif;
	font-size: 57%;
	line-height: 180%;
	text-decoration: none;
}
.copyright:hover {
	
	color:#A8B3D5;
	text-decoration:underline;
}
.copyright:link	{
	color:#A8B3D5;
}
.copyright:visited	{
	color:#A8B3D5;
}	

.searchbutton	{
	font-size:140%;
	background-color : #ff0000;
	color : #fff;
}	

#label	{
float:left;
width:180px;
clear:both;
border:0px solid red;
}


























/*NAv from http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html*/
#navcontainer {
	border:0px solid blue;
	position: relative;
	width: 138px;
	padding: 0 0 0px 0;
	margin: 0px 0 220px 10px;
	/*background: #ccc url(images/nav/row1.gif);	
	background:#fff;*/
	}

#nav {
	border:0px dashed lime;
	position: absolute;
	top: 0px;
	right: 0px;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0 0px;
	
	display: inline;
	overflow: hidden;
	width: 138px;
	/*background:#fff;*/
	text-align:right;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	border:0px dotted blue;
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:31px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: -138px 0;
	}

#nav a:active, #nav a.selected {
	background-position: -138px 0;
	
	}

	
	
#home a  {
	width: 138px;
	background: url(images/m_home.gif) top left no-repeat;
	}	
#aboutus a  {
	width: 138px;
	background: url(images/m_aboutus.gif) top left no-repeat;
	}
#ourboxes a  {
	width: 138px;
	background: url(images/m_ourboxes.gif) top left no-repeat;
	}

#delivery a  {
	width: 138px;
	background: url(images/m_deliveryarea.gif) top left no-repeat;
	}

#orderform a  {
	width: 138px;
	background: url(images/m_orderform.gif) top left no-repeat;
	}

#whyorganic a  {
	width: 138px;
	background: url(images/m_whyorganic.gif) top left no-repeat;
	}
#visits a  {
	width: 138px;
	background: url(images/m_visits.gif) top left no-repeat;
	}

#environment a  {
	border:0px dashed blue;
	height:47px;
	width: 138px;
	padding:47px 0 0 0;	
	background: url(images/m_environmentalpolicies.gif) top left no-repeat;
	}
	
#contactus a  {
	width: 138px;
	background: url(images/m_contactus.gif) top left no-repeat;
	}






hr{
border: none;
background-color: #ccc;
color: #ccc;
height: 1px; 
margin-top:-3px;
}
html>body hr {
border: none;
background-color: #ccc;
color: #ccc;
width: 100%;
margin-bottom:3px; 
margin-top:3px;
height: 1px; 
}



/*FORMS*/

#label	{
float:left;
width:125px;
clear:both;
border:0px solid red;
padding-right:3px;
}
.formw	{
border:0px solid blue;
text-align:right;
}
.row	{
text-align:right;
}


#label1	{float:left;width:90px;clear:both;}
#label2	{float:left;width:90px;clear:both;}
#label3	{float:left;width:90px;clear:both;}
#label4	{float:left;width:90px;clear:both;}
#label5	{float:left;width:90px;clear:both;}
#label6	{float:left;width:90px;clear:both;}
#label7	{float:left;width:90px;clear:both;}
#label8	{float:left;width:90px;clear:both;}

/*FORMS*/