body{border:none;margin:0px;padding:0px;background-color:white; font-family : "Franklin Gothic Book", tahoma, verdana, arial;  font-size : 13px;	background-color:#444444;	}
div{border:none;margin:0px; padding:0px; display:block;}
p{border:none; padding:0px;margin-left:1px;margin-right:0px;margin-top:2px;margin-bottom:10px;}
h1{	font-size:20px; font-weight:bold; padding:0px; margin-left:5px;margin-right:0px;margin-top:2px;margin-bottom:5px;}
h2{	font-size:16px;font-weight:bold;padding:0px; margin-left:0px;margin-right:2px;margin-top:6px;margin-bottom:5px; border-bottom:3px solid #E0D6C8; }
h3{	font-size:15px;font-weight:bold;padding:0px; margin-left:1px;margin-right:0px;margin-top:2px;margin-bottom:5px;}
h4{	font-size:13px;font-weight:bold;padding:0px; margin-left:1px;margin-right:0px;margin-top:2px;margin-bottom:5px;}


.hide{
	visibility:hidden;
	display:none;
}


#idBody{
	width:100%;
	height:100%;
	position:absolute;
}

#idContainer
{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-375px;
	margin-top:-10px;
	width:752px;
	height:702px;
	background-color:white;
	border:2px solid #333333;
	
}

#idBody > #idContainer{
	width:750px;
	height:700px;
	
}

#idHeader{
	position:absolute;
	top:0px;
	left:0px;
	height:100px;
	width:750px;
	background-color:#F7F1E9;
	background-image:url(images/header.jpg);
}


#idMenu{
	position:absolute;
	left:110px;
	top:105px;
	width:225px;
	height:375px;
	background-color:transparent;
	border:none;
	padding:0px;
	margin:0px;
	list-style:none;
	z-index:2;
	display:block;
}

/*#idLHS > #idMenu {top:105px;}*/

#idMenu li{
	display:block;
	width:225px;
	height:26px;
	background-color:transparent;
	margin:0px;
	padding:0px;
}

#idMenu li:hover,
#idMenu li.over{
	background-color:white;
	FILTER :alpha(Opacity=80, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=225, FinishY=30);
}

#idMenu li a{
	display:block;
	background-repeat:no-repeat;
	background-position:top right;
	background-color:transparent;
	background-image:url(images/greenapple.gif);
	font-family:tahoma;
	font-weight:bold;
	font-size:14px;
	text-align:right;
	color:#8C6635;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;

}

#idMenu li > a{
	height:18px;
}

#idMenu li a:hover{
	color:#111111;
	background-image:url(images/redapple.gif);
	}

#idMenu li a span{
	height:100%;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	cursor:pointer;
	
}	
	
	


#idImageHolder{
	position:absolute;
	left:0px;
	top:0px;
	width:325px;
	height:535px;
	display:block;
	background-color : transparent;
	background-position:bottom left;
	background-repeat : no-repeat;
}

#idLHS > #idImageHolder{
	top:100px;
}

#idBody #idLHS{
	position:absolute;
	left:0px;
	top:101px;	
	height:534px;
	width:352px;
	background-image:url(images/LHS.gif);
	background-position : top left;
	display:block;
}



#idRHS{
	position:absolute;
	display:block;
	left:352px;
 	top:101px;
	height:534px;
	width:388px;
	background-color:transparent;
	overflow:auto;
	padding-right:10px;
	overflow-x:hidden;
	overflow-y:auto;

	/* ID Coloured Scrollbar */
	scrollbar-face-color: #F7F1E9;
	scrollbar-highlight-color: #F7F1E9;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #F7F1E9;
	scrollbar-arrow-color: #8C6635;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #F7F1E9;
		
}
/*
#idContainer > #idRHS{
	left:352px;
	width:388px;
}
*/

body #idOrderFormContainer{ margin:10px;width:700px;}
body > #idOrderFormContainer{width:680px;}


#idFooter{
	position:absolute;
	top:635px;
	left:0px;
	height:65px;
	width:750px;	
	background-color:#8C6635;
	font-size:13px;
}

#idFooter #idAddress{
	position:absolute;
	left:7px;
	top:6px;
	text-align:right;
	width:320px;
	background-color:transparent;
	color:white;
}

#idFooter #idAddress #TheOrganicFarm{
	height:12px;
	font-weight:bold;
}

#idFooter #idInfo{
	position:absolute;
	left:352px;
	top:6px;
	width:398px;
	text-align:left;
	background-color:transparent;
	color:white;
}

#idFooter #idInfo a{
	color:white;
	font-weight:bold;
	text-decoration : none;
}

#idFooter #idInfo a:hover{
	color:#62B762;
}



#idFooter #idSite{
	position:absolute;
	top:50px;
	left:0px;
	height:15px;
	width:750px;
	display:block;
	background-color:transparent;
	font-size:10px;
	color:white;
}

#idFooter #idSite a{color:white;text-decoration:none;}
#idFooter #idSite a:hover{color:#62B762;}

.clsDataTable{
	position:relative;
	border:none;
	padding:0px;
	margin:0px;
	left:5%;
	width:90%;
	font-size:x-small;
	background-color:#F7F1E9;
	border:1px solid #333333;
	margin-bottom:15px;
}

.clsDataTable tr.clsHeader {
	background-color:#8C6635;
}

.clsDataTable tr.clsHeader th{
	text-align : center;
	color:white;
	border:none;
	margin:0px;
	padding:0px;
}

.clsDataTable tr.clsHeader th.left{
	text-align : left;
}

.clsDataTable tr.clsHeader th.right{
	text-align : right;
}


.clsDataTable tr.clsRow th{
	text-align:left;
	vertical-align : top;
}

.clsDataTable tr.clsRow td{
	padding:0px;
	vertical-align:top;
	border:0px;
}

.clsDataTable tr.clsRow td.left{
	text-align:left;
}

.clsDataTable tr.clsRow td.center{
	text-align:center;
}

.clsDataTable tr.clsRow td.right{
	text-align:right;
}


.clsDataTable th{
	width:30%;
}




ul.clsList  {
	list-style-image : none;
	list-style-type : none;
	margin:5px;
	padding:0px;
	border-bottom:1px solid #8C6635;
}

ul.clsList li{
	text-align : left;
	vertical-align : text-top;
	border:none;
	padding:0px;
	margin:0px;
	border-top:1px solid #8C6635;
	
}


ul.clsList h3{
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.clsLHSImage{
	position:absolute;
	left:0px;
	top:0px;
}

a.InSiteLink{text-decoration:none; color:#62B762;font-weight:bold;}
a.InSiteLink:hover{text-decoration:underline;}

a.OffSiteLink{text-decoration:none; color:#8C6635;font-weight:bold;}
a.OffSiteLink:hover{text-decoration:underline;}



div.clsNewsPara{
	clear:both;
	display:block;
	border:2px solid red;
	overflow:visible;
}


.clsNewsHeadline{
	border-bottom:1px solid #cccccc; width:398px; display:block;
}
.clsNewsDate{font-size:10px;font-weight:normal; padding-bottom:1px; border-bottom:1px solid #eeeeee; width:388px;display:block;}
img.clsInLineImage{border:1px solid black; padding:2px; margin:2px; float:left; display:block; overflow:visible; position:relative;}



/* Specific images */
div#idWhoWeAre{
	background-image : url(images/robinfield.jpg);
	background-position : center bottom;
	background-repeat : no-repeat;
	height:100%;
}


/* Order Form -------------------------------------------------------------- */

#idOrderFormContainer{
	display:block;
	font-size:14px;
	font-family:tahoma, verdana, arial;	
	width:750px;
}

#idDeliveryAddress {border:0px;	font-size:12px;}
#idCreditCard {border:0px; font-size:12px;}

#idDeliveryAddress td.label
	{
	font-weight:bold;
	vertical-align : top;
	width:200px;
	padding-top:5px;
}


#idDeliveryAddress td input,
#idDeliveryAddress td textarea
	{
		vertical-align : top;
		font-size:13px;
		width:500px;
		font-family:tahoma, verdana, arial;
	}

	
	
#idCreditCard td.cclabel,
#idCreditCard td.select{
	font-weight:bold;
	vertical-align : top;
	width:180px;
	padding-top:5px;
	
}


	
#idCreditCard td.cclabel input{width:200px;}
#idCreditCard td select{width:100px;}
#idCreditCard td input#idCCSecurityCode{width:50px;}
#idCreditCard td.ccdata{width:300px;}



#idOrder{border:0px; font-size:12px;}

#idOrder td.colheading{
	font-weight:bold;
	text-align:left;
	font-size:13px;
}

#idOrder td{vertical-align : top;}

#idOrder #idColCategory{width:25px;}
#idOrder #idColItem{width:325px;}
#idOrder #idColPack{width:100px;}
#idOrder #idColQuantity{width:150px; text-align:center;}
#idOrder #idColLineTotal{width:100px; text-align:right;}

#idOrder select{width:150px;}

#idOrder span.clsNewProduct{
	padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px; float:left; clear:right; font-size:10px;
	background-color:lime; color:black;font-weight:bold;
}

#idOrder span.clsSpecialOffer{
	padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px; float:left; clear:right; font-size:10px;
	background-color:red; color:yellow; font-weight:bold;
}

#idOrder td {
	border-bottom:1px solid #F7F1E9;
}

#idOrder td p.notes{
	font-size:11px;
	font-style : italic;
	padding:5px;
	border-bottom:1px solid #dddddd;	
}

#idOrder td.section{
	border-top:1px solid black;
	border-bottom:1px solid black;
	background-color:#F7F1E9;
	padding-left:5px;
}

#idOrder td.section i{
	font-weight:normal;
	font-size:11px;
}

#idOrder td.section b{
	font-weight:bold;
	font-size:13px;
}

#idOrder td.center{text-align:right;}
#idOrder td.left{text-align:left;}
#idOrder td.right{text-align:right;}


#idOrder td.linetotal{
	text-align : right;
}

#idGrandTotal{
	text-align:right;
	font-size:14px;
	font-weight:normal;
}

#idOrderTotal {
	text-align:right;
	font-size:14px;
	font-weight:bold;
}