body {
	margin: 5px;
	background-color: #000000; #a8b091; #c2cf99; #b4c67e;  #3f5c22;  #9da954; #4ba4ee; #ddedbe;
	background-attachment: fixed;
	background-image: ; url(../styleImages/backgrounds/bg.gif);
	background-repeat: tile;
	background-position: top;

}
#pageSurround {
	width: 900px;
	background-color: #ffffff;
	margin: 0px auto;
	padding: 5px;
	border: 1px solid #434653;                                         outer border but no effect on pa
}
#subSurround {
	border: 1px solid #526223;  #ffffff;					    second border
	background-image:; url(../styleImages/backgrounds/contentBg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #ffffff;					fills navigation pane and top and 										bottom of main content
}
#topHeader {
	text-align: right;
	height: 159px;
	margin-bottom: 10px;
	padding-right: 9px;
	padding-top: 0px;
	background-image:  url(../styleImages/backgrounds/bg_2.jpg);
	border-bottom: 1px solid #434653;
}
.boxTitleLeft, .boxTitleRight {
	font-family: Verdana, Arial, Helvetica, sans-serif, bold;                  colour of categories header in box
	font-size: 70%;
	color: #274c00;  #566421;  #0E51A3;						
	background-color:#8b9c29; #b3c0f9; #ddedbe;   #CBEA51;   #ffffff;  		alan   box top shade
	background-image: ; url(../styleImages/backgrounds/boxTitleBg.gif);
	width: ;155px;
	height: 20px; 
	padding-left: 5px;
	padding-top: 1px;
	border-left: 2px solid #ffffff;   							box border
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
}
.boxContentLeft, .boxContentRight {
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;    							box border
	border-bottom: 2px solid #ffffff;
	background-color: ;#ffffff;
	padding-left: 5px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 5px;

}


.colLeft {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 5px;
	float: left;

}
.colMid {
	position: relative;
	width: 724px; 
	float: left;
}
.colRight {
	position: relative;
	width: 1px;   alan from 160 
	padding-left: 5px;
	right: 9px;
	float: right;
}
.boxContent {
	border-top: 1px solid #FFFFFF; #5E85CF;
	border-right: 1px solid #FFFFFF; #ffffff;  		third right border round content
	border-bottom: 1px solid #FFFFFF; #5E85CF;
	border-left: 1px solid #FFFFFF;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;;
	background-color: ;#FFFFFF;
	margin-bottom: 5px;
}
/* CHECKOUT PAGES */
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
.colMainCheckout {
	position: relative;
	width: 558px;
	float: left;
}
/* END CHECK OUT PAGES */ 



.siteDocs {
	text-align:center;
	margin-top: 10px;
}
.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;

}
#subCats {
	background-color: ;#ffffff; #EBEDFE;  			border round sub cats in centre table top mid table cats
	text-align: center;
	border-top: 1px solid #FFFFFF; #5E85CF;
	border-right: 1px solid #FFFFFF; #ffffff;  							
	border-bottom: 1px solid #CCCCCC; #5E85CF;
	border-left: 1px solid #FFFFFF;
	margin: 0px;
	padding: 3px;
	float: left;
	width: 712px;   alan from 387				width of sub cats box ontop of contents
	height: 50px;

}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 110px;
	height: 50px; alan 50 to 150
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;             alan here
	border-bottom: 1px solid #cccccc;
}
.latestProds {
	float: left;
	text-align: center;
	width: 710'    131px;
	height: 420px;  alan 120 to 400
}