BODY { margin: 0px;  }
.footer-menu     { color: #069; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 20px; padding-left: 20px }
.footer-menu a:link { color: #069; text-decoration: none;}
.footer-menu a:visited  { color: #069; text-decoration: none;}
.footer-menu a:active  { color: #069; text-decoration: none;}
.footer-menu a:hover  { color: black; text-decoration: underline;}

.header-menu   { color: #069; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 10px; padding-top: 5px; }
.header-menu a:link { color: #069; text-decoration: none;}
.header-menu a:visited  { color: #069; text-decoration: none; }
.header-menu a:active  { color: #069; text-decoration: none; }
.header-menu a:hover   { color: black; text-decoration: underline; }

.side-menu   { color: gray;  font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: 4px;  font-size: 11px;  line-height: 18px;    }
.side-menu a:link { color: gray; text-decoration: none;}
.side-menu a:visited  { color: gray; text-decoration: none; }
.side-menu a:active  { color: gray; text-decoration: none; }
.side-menu a:hover { color: #036; text-decoration: underline; }

.title  { color: gray; font-size: 28px; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 10px; padding-top: 7px }
.subtitle   { color: white; font-size: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; text-indent: 13px }
.title-side-menu { color: #036; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 600 }
.popup-box  { color: #036; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
/*.outline   { padding: 20px; border: solid 1px #069; outline-style: solid }*/
.outline   { padding: 6px 6px 6px 6px; border: solid 1px #069;    }
.outline-fill { background-color: #ffffe0; border: solid 1px #069; outline-style: solid }
.page-outline { border: solid 1px gray; outline-style: solid;    }
.side-menu-bullet  { color: #036;}
.side-menu-hover-text { color: gray; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px; border: solid 1px #808080 }
.body-text  { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 10px;}
.body-text a:link  { color: gray; text-decoration: none }
.body-text a:visited   { color: gray; text-decoration: none }
.body-text a:active   { color: gray; text-decoration: none }
.body-text a:hover  { color: #036; text-decoration: underline }
.table-text  { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px;}
.table-text a:link  { color: gray; text-decoration: none }
.table-text a:visited   { color: gray; text-decoration: none }
.table-text a:active   { color: gray; text-decoration: none }
.table-text a:hover  { color: #036; text-decoration: underline }
.productordertable  { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.productordertable td {   border-bottom-color: #069;  border-bottom-style: solid;  border-bottom-width: 1px;  padding-bottom: 2px;  padding-left: 2px;  padding-right: 2px;  padding-top: 2px;           }
.productordertable a:link  { color: gray; text-decoration: none }
.productordertable a:visited   { color: gray; text-decoration: none }
.productordertable a:active   { color: gray; text-decoration: none }
.productordertable a:hover  { color: #036; text-decoration: underline }
.bullet  { color: #069; list-style-type: square;}
.caption-text   { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; padding: 10px }
.image-left { margin-right: 15px }
.body-text-bullet  { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
/* above by GS for template with productordertable added by JAB */

/* following are alternatives to above in some situations by JAB */
.body  {
	font: normal normal normal 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	padding: 15px;
	border: 1px solid #006699;
}
.body a:link  { color: gray; text-decoration: none }
.body a:visited   { color: gray; text-decoration: none }
.body a:active   { color: gray; text-decoration: none }
.body a:hover  { color: #036; text-decoration: underline }


/* Following required classes for es scripted output */
TABLE { border-collapse: collapse; }
FORM {margin:0;padding:0;}

.pageelementspacer {
	font: normal normal normal 8px/8px sans-serif;
	color: #000000;
	background-color: #ffffff;
}

.imageleft {
	margin-right: 10px;
	border-style: none;
	border-width: 0px;
	border-color: #006699;
}

.imageright {
	margin-left: 10px;	
	border-style: none;
	border-width: 0px;
	border-color: #006699;
}

/* The spelling of centre in the next class is deliberate & essential */
.imagecenter {
	margin: 0px;
	border-style: none;
	border-width: 0px;
	border-color: #006699;
}

.FormTable 	{ border-collapse: collapse;
				border: 1px solid;
				border-color: #069;
				background-color: #ffffff;
				color: black;
				font-size: 12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;  }
.FormTD		{ border: 1px solid;
				padding: 3px;
				border-color: #069; }

.ProductTable 	{ border-collapse: collapse;
					border: 1px solid;
					border-color: #069;
					background-color: #ffffff;
					color: black;
					font-size: 12px;
					font-family: Verdana, Arial, Helvetica, sans-serif;  }
.ProductTD		{ border: 1px solid;
					padding: 3px;
					border-color: #069; }
.small     { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }