/* blue grades - root level; text properties */
.m0l0mouti,
.m0l0moveri,
.m0l0mdowni,
.m0l1mouti,
.m0l1moveri,
.m0l1mdowni,
.m0l2mouti,
.m0l2moveri,
.m0l2mdowni {
	font-family: Arial, Helvetica, sans-serif;;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* blue grades - root level; box properties */
.m0l0mouto {
	background: #5b08f4;
	border: 1px solid #FFFF99;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - root level; box properties */
.m0l0movero,
.m0l0mdowno {
	background: #4D99E6;
	border: 1px solid #FFFF99;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub levels; box properties */
.m0l1mouto,
.m0l2mouto {
	background: #4D99E6;
	border: 1px solid #FF9933;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* blue grades - sub levels; box properties */
.m0l1movero,
.m0l1mdowno,
.m0l2movero,
.m0l2mdowno {
	background: #5b08f4;
	border: 1px solid #FF9933;
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* customised and approved bits
------------------------------------------- */

/* zero out the margins */
html, body {
	margin: 0px;
	padding: 0px;
} 

#titleBox {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background: #000000;
	color: #FFFFFF;
	height: 28px;
	margin-top: 12px;
	margin-left: 110px;
	padding-left: 35px;
	padding-top: 2px;
	text-align: left;
	width: 850px;
}

#titleBoxReceipt {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background: #000000;
	color: #FFFFFF;
	height: 28px;
	margin-top: 12px;
	padding-top: 2px;
	text-align: center;
	width: 670px;
}

#secondaryMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color:#5b08f4;
	width: 830px;
	border: 1px solid #FFFFFF;
	margin-top: 12px;
	margin-left: 130px;
}

#secondaryMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	left:0px;
	font-size: 12px;
	text-indent: 10px;
}

#secondaryMenu td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	border: 1px solid #FFFFFF;
}

#secondaryMenu ul li {
	padding: 0px;
	margin: 0px;
}
	
#secondaryMenu ul li a {
	vertical-align: middle;
	height: 18px;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 0px 0 0 0px;
	text-decoration: none;
	display: block;
	background: #5b08f4;
	color: white;
	}
	
#secondaryMenu ul li a:hover, #secondaryMenu ul li .current {
	background: white;
	color: #5b08f4;
	font-weight: bold;
	}

#special{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	border: 1px solid #000000;
	color:Red;
	background-color:Yellow;
}

#special ul li a {
	vertical-align: middle;
	height: 18px;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 0px 0 0 0px;
	text-decoration: none;
	display: block;
	color: Red;
	background: Yellow;
	}

#special ul li a:hover, #special ul li .current {
	color: Yellow;
	background: Red;
	font-weight: bold;
	}

#carttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: powderblue;
	font-size: 12px;
	margin: 0 0 0 0;
	padding-left: 4px;
	padding-right: 4px;
	border: solid 1px white;
}

#cartheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #5b08f4;
	font-size: 14px;
	padding: 4px;
	border: solid 1px white;
	text-align: center;
}

#cartGST {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: white;
	font-size: 12px;
	margin: 0 0 0 0;
	border: solid 1px #ffffff;
	text-align: right;
}

#cartfooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #5b08f4;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 4px;
	border: solid 1px white;
	text-align: right;
}

#salesDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
}

#salesDetail td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-right:4px;
}

#confirmDetail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

#confirmDetail tr{
	height: 18px;
}

#confirmDetail td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	padding-left: 6px;
}

.lightMainHdrCenter
{
	font-size: 16px; 
	font-weight: 600; 
	text-align: center;
	color: #4D99E6;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 0;
	padding:0 0 0 0;
}

div.answer
{
	margin-top: 6px;
	color:black;	
}

div.centered
{
	text-align: center;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

div.header
{
	font-size: 14px;
	font-weight:bold;
	color:#5b08f4;	
	margin-top: 14px;
	margin-bottom: 6px;
}

div.header2 {
	font-size: 16px;
	color: #5b08f4;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 6px;
}

div.mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	padding:0 0 0 0;
	width: 825px;
	margin-top: 10px;
	margin-left: 135px;
}

div.mainContent td textarea
{
	font-size: 12px; 
}

div.mainContentLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	padding:0 0 0 0;
	width: 825px;
	margin-top: 12px;
	margin-left: 135px;
}

.mainText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000;
	padding:0 0 0 0;
}

div.detailText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #000000;
	padding:0 0 0 20;
}

div.messageOptions
{
	text-align:center;
}

div.messageOptions td
{
	font-size: 12px;
}

div.question
{
	margin-top: 12px;
	color:#5b08f4;	
}

div.titleBox {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background: #000000;
	color: #FFFFFF;
	height: 28px;
	margin-top: 12px;
	margin-left: 110px;
	padding-left: 35px;
	padding-top: 2px;
	text-align: left;
	width: 850px;
}


input.confirmDetailTxt {
	font-size: 10px;
	border: none;
	color: black;
	text-align: left;
	padding-left: 6px;
}

.blueHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	color: #0066ff;
}

select.saleDetailsCbo {
	font-size: 12px;
	border: solid 1px black;
	text-align: right;
	padding: 0px;
}

table.centred {
	text-align: center;
}

td.confirmDetailHdr {
	font-size: 14px;
	font-weight: bold;
	color: #5b08f4;
	border: none;
	text-align: left;
}

td.confirmDetailTxt {
	font-size: 12px;
	border: none;
	color: black;
	text-align: left;
}

td.saleDetailsLbl {
	font-size: 12px;
	color: #5b08f4;
	border: none;
	text-align: right;
	padding-right:4px;
}

td.saleDetailsTxt {
	font-size: 10px;
	color: #5b08f4;
	text-align: left;
}

td.bannerCell
{
	width:60%;
	font-size: 12px;
	border: solid 3px #ff9966;
	background:#ccffff;
	vertical-align:top;
	padding:4 4 4 4;
}

ul li
{
	margin-top: 8px;
	margin-bottom: 8px;
}

#receipt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	width: 670px;
}

#receiptIssuer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 670px;
}

#receiptIssuer td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	padding:0 0 0 0;
}

#receiptHeader td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 6px;
}
