body {
	margin: 5px;
	background-color: #507582;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../styleImages/backgrounds/bgFade.jpg);

}
#pageSurround {
	width: 750px;
	margin: 0px auto;
	padding: 10px;
	border: 1px dashed #000000;
	background-color: #DDDDDD;
	/*main bg colour behind right hand column*/
	/*background-image: url(../styleImages/backgrounds/bgFade.jpg);*/
	/*background-color: #3A3D5A;*/
}
#subSurround {
	border: 0px solid #000000;
}
#topHeader {
	text-align: right;
	height: 116px;
	margin-bottom: 0px;
	padding-top: 0px;
	background-image: url(../styleImages/backgrounds/topHeader5.jpg);
	border-bottom: 0px solid #000000;
}
.boxTitleLeft, .boxTitleRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../styleImages/backgrounds/boxTitleBg3.gif);
	width: 160px;
	height: 34px;
	padding-left: 13px;
	padding-right: 7px;
	padding-top: 11px;
}
.linkstitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../styleImages/backgrounds/linkstitle.gif);
	width: 160px;
	height: 45px;
	padding-left: 13px;
	padding-right: 7px;
	padding-top: 0px;
	margin-top:5px;
}
.browsetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../styleImages/backgrounds/browsetitle.gif);
	width: 160px;
	height: 45px;
	padding-left: 13px;
	padding-right: 7px;
	padding-top: 0px;
	margin-top:5px;
}

.viewprodtitle{
width:500px;
background-color:#EEEEEE;
padding:5px;
margin-top:20px;
margin-bottom:10px;
border:1px solid #CCCCCC;
}

.boxFootLeft, .boxFootRight {
	background-image: url(../styleImages/backgrounds/boxFootBg3.gif);
	width: 160px;
	height: 36px;
	padding-left: 13px;
	padding-right: 7px;
	padding-top: 0px;
	margin-bottom: 10px;
}
.boxContentLeft, .boxContentRight {
	width: 160px;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background-color: #418287;
	padding-left: 13px;
	padding-right: 7px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.boxContentLeft2, .boxContentRight2 {
	width: 160px;
	border-top: 0px solid #666666;
	border-left: 0px solid #666666;
	border-right: 0px solid #BBBBBB;
	border-bottom: 0px solid #BBBBBB;
	background-color: #418287;
	padding-left: 13px;
	padding-right: 7px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
}
.colLeft {
	position: relative;
	left: 0px;
	width: 180px; 
	padding-left: 0px;
	padding-right: 10px;
	float: left;
	background-color: #DDDDDD;
}
.colMid {
	position: relative;
	width: 550px;
	float: left;
}
.contentleft{
height:auto;
width:300px;
float:left;
padding:10px;
}
.contentright{
height:auto;
width:188px;
float:left;
padding:10px;
border-left:4px solid #A6CE78
}
.colRight {
	position: relative;
	width: 160px; 
	padding-left: 5px;
	right: 9px;
	float: right;
}
.boxContent {
	border-top: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	border-left: 0px solid #ffffff;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	/*right panel bg color*/
	/*background-color: #CCCCCC;*/
	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: #FFFFFFF;
	text-align: left;
	border: 0px solid #FFFFFF;
	margin: 0px;
	padding: 3px;
}
.subCat {	
	text-align: left;
	padding: 3px;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}