html, body {
	margin: 0;
	padding: 0;
    scrollbar-face-color: #2E477C;
    scrollbar-arrow-color: #FF6600;
    scrollbar-track-color: #E6E6E6;
    scrollbar-shadow-color: #D2D2D2;
    scrollbar-highlight-color: #D2D2D2;
    scrollbar-3dlight-color: #D2D2D2;
    scrollbar-darkshadow-color: #D2D2D2;
}

h1 {
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 57px;
	padding-right: 31px;
}
h2 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF9900;
}
h3 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
}
h4 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2E477C;
}
h5 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2E477C;
	margin-bottom: 5px;
}
h6 {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #151B54;
}
.red {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: red;
}

#home-content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

#content p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #D2D2D2;
}

#page-container {
	width: 1100px;
	margin: auto;
	margin-top: 50px;
	background: #FFFFFF;
	border-right: 2px #2E477C solid;
	border-bottom: 5px #2E477C solid;
}


#header {
	height: 230px;
	width: 300x;
	margin-top: -30px;
	margin-bottom: 10px;
	margin-left: -70px;
	background-image: url(https://www.wilmat-software.com.au/images/header/was_phone_2013.jpg);
	background-repeat: no-repeat;
}

#header-stallion {
	height: 150px;
	margin-bottom: 10px;
	background: url(https://www.wilmat-software.com.au/images/header/washead2.jpg);
}

#header-partyhire {
	height: 150px;
	margin-bottom: 10px;
	background: url(https://www.wilmat-software.com.au/images/header/washead2.jpg);
}

#header-allords {
	height: 			250px;
	width: 				300x;
	margin-top: 		-40px;
	margin-bottom: 		10px;
	margin-left: 		5px;
	background-image: 	url(https://www.wilmat-software.com.au/images/header/allords-banner-2015.jpg);
	background-repeat: 	no-repeat;
}

#menu {
	clear: both;
	float: left;
	width: 230px;
}

#menu img {
	padding-left:	10px;
}
#clockbox {
	margin-left:		20px;
	text-align:			center;
}
ul#mainNav {
	list-style-type: none;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
ul#mainNav li.menu{
	display: block;
}
ul#mainNav li.submenu {
	display: block;
	text-indent: 30px;
}
ul#mainNav li.subsubmenu {
	display: block;
	text-indent: 30px;
	text-align: right;
}
ul#mainNav a {
	color: #2E477C;
	display: block;
	height: 1.65m;
	line-height: 1.65em;
	text-decoration: none;
	padding: 5px 15px 5px 15px;
	background: url(https://www.wilmat-software.com.au/images/header/menubg.jpg);
}
ul#mainNav a:hover {
	color: #FF6600;
	font-weight: bold;
}

ul#listNav {
	list-style-type: none;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
ul#listNav li.menu{
	display: block;
}
ul#listNav li.submenu {
	display: block;
	text-indent: 30px;
}	
ul#listNav a.link {
	color: #2E477C;
	display: block;
	height: 1.2m;
	line-height: 1.2em;
	text-decoration: none;
	padding: 5px 15px 5px 15px;
	background: url(https://www.wilmat-software.com.au/images/header/menubg.jpg);
}
ul#listNav a.paging {
	color: #2E477C;
	display: inline;
	height: 1.65m;
	line-height: 1.65em;
	text-decoration: none;
	padding: 5px 15px 5px 15px;
}
ul#listNav a:hover {
	color: #FF6600;
	font-weight: bold;
}

#home-content {
	margin-top: -150px;
	margin-left: 350px;
	width:		600px;
	background-color: #FFFFFF;
}

#home-content .padding {
	padding: 10px;
}

#content {
	float:	left;
	width:	70%;
	margin-top: -150px;
	margin-left: 50px;
	background-color: #FFFFFF;
}
#content .padding {
	padding: 10px;
}
#content ul {
	line-height: 20px;
}	
#content a {
	text-decoration: none;
	color: #666666;
}
#content a:hover {
	text-decoration: none;
	color: #FF6600;
}

#home-content #contacttext {
	float:				left;
	margin-left:		50x;
	margin-top:			-100px;
	height:				300px;
	width:				500px;
	padding: 			10px;
	padding-left:		20px;
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 			14px;
	color: 				#0F2760;	
	display:			block;
}
#home-content #contactform {
	float:				left;
	margin-left:		50x;
	margin-top:			-100px;
	width:				500px;
	padding: 			10px;
	padding-left:		20px;
	background-color: 	#FFFFFF;
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 			14px;
	color: 				#0F2760;	
	display:			block;
}

#content #table-list {
	width: 				90%;
	padding:			20px 20px 20px 20px;
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 			1.0em;
 	background-color: 	#FFFFFF;
	line-height:		20px;
}
#content #table-list th {
	width: 				730px;
	text-align: 		left;
	padding: 			3px;
 	background-color: 	#0066CC;
	color: 				#FFFFFF;
}
#content #table-list th.cen {
	width: 				730px;
	text-align: 		center;
	padding: 			3px;
 	background-color: 	#0066CC;
	color: 				#FFFFFF;
}
#content #table-list th.cen20 {
	width: 				730px;
	text-align: 		center;
	width: 				20%;
	padding: 			3px;
 	background-color: 	#0066CC;
	color: 				#FFFFFF;
}
#content #table-list th.cen60 {
	width: 				730px;
	text-align: 		center;
	width: 				60%;
	padding: 			3px;
 	background-color: 	#0066CC;
	color: 				#FFFFFF;
}

#content #table-list th.w25 {
	padding: 3px;
	width: 25%;
 	background-color: #0066CC;
	color: #FFFFFF;
}
#content #table-list th.w50 {
	padding: 3px;
	width: 50%;
 	background-color: #0066CC;
	color: #FFFFFF;
}
#content #table-list th.w75 {
	padding: 3px;
	width: 75%;
 	background-color: #0066CC;
	color: #FFFFFF;
}
#content #table-list td {
	padding: 3px;
	color: #666666;	
}
#content #table-list tr.d0 td {
	background-color: #E6E6E6;
	width: 730px;
}
#content #table-list tr.d1 td {
	background-color: #FFFFFF;
	width: 730px;
}
#content #table-list tr.d2 td {
	background-color: #FFFFFF;
	width: 730px;
	font-size: 12px;
}
#content #table-list a {
	text-decoration: none;
	color: #666666;
}
#content #table-list a:hover {
	text-decoration: none;
	color: #FF6600;
	background-color: #FFFFFF;
}

#content #table-allords {
	float:				left;
	margin-left:		125px;
	margin-top:			0px;
	width: 				500px;
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	border-collapse: 	collapse;
 	background-color: 	#FFFFFF;
}
#content #table-allords th {
	text-align: 		left;
	padding: 			3px;
 	background-color: 	#0066CC;
	color: 				#FFFFFF;
}

#content #table-form {
	float: left;
	width: 700px;
	border: 2px inset #0066CA;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 14px;
	background-color: #E6E6E6;
}

#content #table-form td.td1 {
	padding: 2px;
	color: #2E477C;
}
#content #table-form td.td2 {
	padding: 2px;
	color: #2E477C;
}
#content #table-form td.td3 {
	padding: 2px;
	color: #2E477C;
	font-size: 10px;
}
#content #table-form td.td4 {
	padding: 2px;
	color: #333333;
	font-size: 16px;
}
#content #table-form td.td5 {
	padding: 2px;
	color: #009900;
	font-size: 16px;
}
#content #table-form td.td6 {
	padding: 2px;
	color: #FF0000;
	font-size: 16px;
}
#content .error {
	padding: 2px;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}
#content #table-form tr  {
	width: 700px;
	border: 1px;
}

#content #table-form input  {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}
#content #table-form textarea  {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
}

#content #table-form a {
	text-decoration: none;
	color: #666666;
}
#content #table-form a:hover {
	text-decoration: none;
	color: #FF6600;
}

#content #tour-image {
	margin-left:		10px;
	width:				300px;
	height:				250px;
	float:				left;
}

#content #tour-text {
	margin-left:		10px;
	width:				400px;
	height:				250px;
	float:				right;
}

#imgtext {
	width:				660px;
	min-height:			140px;
	margin-left:		10px;
	margin-top:			10px;
	matgin-bottom:		20px;
	padding:			10px;
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 			12px;
	background-color: 	#CCCCCC;
	color: 				#2E477C;	
}
img.news {
	padding:			5px;	
}

#newtext {
	width:				500px;
	margin-left:		10px;
	margin-top:			10px;
	matgin-bottom:		20px;
	padding:			5px;
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 			12px;
	background-color: 	#CCCCCC;
	color: 				#2E477C;	
}

#expandlist {
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 			14px;
	color: 				#0F2760;
	text-indent:		20px;
	padding-bottom:		10px;
}

#sidebar {
	margin-left: 20px;
	width: 210px;
	clear: both;
	background-color: #E6E6E6;
}
#sidebar .padding {
	padding: 15px;
}


#footer {
	clear: left;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #2E477C;
	padding: 13px 10px 20px 25px;
}

#footer a {
	color: #2E477C;
	text-decoration: none;
}

#footer #altnav {
	width: 550px;
	float: right;
	text-align: right;
}
#footer a:hover {
	color: #FF6600;
}



table.sample {
	float: left;
	border: 2px inset #0066CA;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
}
table.sample td {
	padding: 2px;
	color: #666666;
}
table.sample tr.d0 td {
	background-color: #95CAFF;
}
table.sample tr.d1 td {
	background-color: #FFFFFF;
}

table.sample a {
	text-decoration: none;
	color: #666666;
}
table.sample a:hover {
	text-decoration: none;
	color: #FF6600;
}


#table-help {
	float: left;
	width: 700px;
	border: 2px inset #0066CA;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 12px;
	background-color: #CCFFCC;
}
#table-help td.td1 {
	padding: 5px;
	color: #666666;
}
#table-help td.td2 {
	padding: 2px;
	color: #666666;
}
#table-help td.td3 {
	padding: 2px;
	color: #666666;
	font-size: 10px;
}
#table-help tr  {
	width: 700px;
	border: 1px;
}

#table-help a {
	text-decoration: none;
	color: #666666;
}
#table-help a:hover {
	text-decoration: none;
	color: #FF6600;
}

.photo4 {
	float:				left;
	border: 			1px solid #0F2760;
	cursor:				pointer;
	height:				150px;
	width:				170px;
	margin:				auto;
	border-radius:		10px;
	transition:			height 0.3s ease-in-out;
	margin-right:		5px;
	margin-bottom:		10px;
}
.photo4 img {
	position:			relative;
	
	left:				50%;
	top:				50%;
	-webkit-transform:	translate(-50%, -50%);
	-ms-transform:		translate(-50%, -50%);
	transform:			translate(-50%, -50%);

}

.photo5 {
	float:				left;
	border: 			1px solid #0F2760;
	cursor:				pointer;
	height:				150px;
	width:				170px;
	margin:				auto;
	border-radius:		10px;
	transition:			height 0.3s ease-in-out;
	margin-right:		5px;
	margin-bottom:		10px;
}
.photo5 img {
	position:			relative;
	
	left:				50%;
	top:				50%;
	-webkit-transform:	translate(-50%, -50%);
	-ms-transform:		translate(-50%, -50%);
	transform:			translate(-50%, -50%);
	-webkit-filter:		grayscale(100%);
	filter:				grayscale(100%);	

}
#deleteconfirm {
	color:				#FF0000;
	font-size: 			2.0em;
}

input#sendcomments {
	color: 				#0F2760;
	background-color: 	#FFFFCC;
	font-family: 		Verdana, Helvetica, Arial, Sans-serif;
	font-size: 			0.9em;	
	height:				30px;
	width:				150px;
}
select#frm_inq_source, select#sup_software {
	font-family: 		Verdana, Helvetica, Arial, Sans-serif;
	background-color: 	#FFFFCC;
	color: 				#0F2760;
	font-size: 			1.0em;	
	width:				420px;
	border:				1px solid #CCCCCC;
	padding: 			5px 10px 5px 10px;
}	
select#frm_subject, select#frm_placing, select#stafftype, select#linktype, select#userstype {
	font-family: 		Verdana, Helvetica, Arial, Sans-serif;
	background-color: 	#FFFFCC;
	color: 				#0F2760;
	font-size: 			0.9em;	
	height:				15px;
	width: 				150px;
	border:				1px solid #CCCCCC;
	padding: 			5px 10px 5px 10px;
}
input#frm_coyname, input#frm_conname, input#frm_address1, input#frm_address2,
input#frm_citypostcode, input#frm_phone, input#frm_email, textarea#frm_comments,
input#sup_compname, input#sup_conname, input#sup_phone, input#sup_email,
textarea#sup_comments, input#sup_software, input#sup_version, input#sup_serial, 
input#sup_expdate, input#sup_upload,
input#con_date, input#con_comp, input#con_name, input#con_locn, input#con_phne,
input#con_emal, input#con_srce, input#con_stal,
input#newsdate, input#newshline {
	background-color: 	#FFFFCC;
	color:				#0F2760;
	font-family: 		Verdana, Helvetica, Arial, Sans-serif;
	font-size: 			0.9em;
	height:				14px;
	width: 				400px;
	border:				1px solid #CCCCCC;
	padding: 			2px 5px 2px 5px;
}
textarea#frm_comments, textarea#sup_comments, textarea#con_mesg, textarea#newstext {
	background-color: 	#FFFFCC;
	color: 				#0F2760;
	font-family: 		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 			0.9em;
	width: 				75%;
	height:				125px;
	margin-top: 		2px;	
}

input#update, input#exit, input#delete, input#edit, input#submit, input#help,
input#balances, input#cancel {
	width:				130px;
	height:				40px;
	background-color:	#0B3861;
	color: 				#AFC3F2;
}

#content #column-left {		float:	left; width: 100%; background-color: #FFFFFF; }

#content #display-page {
	float:					left;
	width:					95%;
	background-color:		#FFFFFF;
	padding:				20px 20px 20px 20px;
	font-family: 			Verdana, Arial, Helvetica, Sans-serif;
	font-size: 				1.0em;
}



div.grid					{	width: 100%; font-family: Verdana, Arial, Sans-serif; font-size: 14px; }
div.gridborder				{	width: 100%; font-family: Verdana, Arial, Sans-serif; font-size: 12px; color: #0066CC; border: 1px #3300FF solid; }
div.gridborder img			{   border: none; padding: 5px; }
div.grid75pc				{	width: 75%;  font-family: Verdana, Arial, Sans-serif; }
div.grid300					{	width: 300px; margin-left: 20px; background-color: #CCCCCC;	}
div.grid550					{	width: 550px; background-color: #CCCCCC;	}
div.gridlist				{	width: 950px; background-color: #CCCCCC;	}
div.gridvar					{	background-color: #FF0000; font-family: Verdana, Arial, Sans-serif;	}
div.grid div				{	float: left;	}
div.grid600 div				{	float: left;	}
div.gridlist div			{	float: left;	}
div.gridvar div				{	float: left;	} 
div.col100pc				{	width: 100%;  height: 18px;  padding: 5px;	}
div.col100pcn				{	width: 100%;  height: 10px;  padding: 5px;	}
div.col100pcb				{	width: 100%;  height: 40px;  padding: 5px;	}
div.col100text				{	width: 100%;  height: 200px; padding: 5px;	}
div.col095pc				{	width: 95%;   height: 18px;  padding: 5px;	}
div.col090pc				{	width: 90%;   height: 18px;  padding: 5px;	}
div.col085pc				{	width: 85%;   height: 18px;  padding: 5px;	}
div.col080pc				{	width: 80%;   height: 18px;  padding: 5px;	}
div.col075pc				{	width: 75%;   height: 20px;  padding: 5px;	}
div.col075pct				{	width: 75%;   height: 28px;  padding: 5px;	}
div.col075pcb				{	width: 75%;   height: 40px;  padding: 5px;	}
div.col075pch				{	width: 75%;   height: 100px; padding: 5px;	}
div.col075pcj				{	width: 75%;   height: 150px; padding: 5px;	}
div.col075pcl				{	width: 75%;   height: 200px; padding: 5px;	}
div.col075cbx				{	width: 73%;   height: 80px;  padding: 5px;	}
div.col070pc				{	width: 67%;   height: 18px;  padding: 5px;	}
div.col070pch				{	width: 67%;   height: 100px; padding: 5px;	}
div.col070cbx				{	width: 67%;   height: 80px;  padding: 5px;	}
div.col065pc				{	width: 65%;   height: 18px;  padding: 5px;  }
div.col065pch				{	width: 65%;   height: 25px;  padding: 5px;	}
div.col060pc				{	width: 58%;   height: 18px;  padding: 5px;	}
div.col050pc				{	width: 50%;   height: 18px;  padding: 5px;	}
div.col050pcb				{	width: 50%;   height: 40px;  padding: 5px;	}
div.col045pc				{	width: 45%;   height: 18px;  padding: 5px;	}
div.col040pc				{	width: 40%;   height: 18px;  padding: 5px;	}
div.col040pch				{	width: 40%;   height: 100px; padding: 5px;	}
div.col035pc				{	width: 33%;   height: 18px;  padding: 5px;	}
div.col030pc				{	width: 30%;   height: 18px;  padding: 5px;	}
div.col030pch				{	width: 28%;   height: 100px; padding: 5px;	}
div.col030pcb				{	width: 28%;   height: 40px;  padding: 5px;	}
div.col025pc				{	width: 25%;   height: 18px;  padding: 5px;	}
div.col025img				{	width: 25%;   height: 70px;  padding: 5px;	}
div.col025pch				{	width: 23%;   height: 100px; padding: 5px;	}
div.col020pc				{	width: 19%;   height: 18px;  padding: 5px;  }
div.col020pch				{	width: 19%;   height: 100px; padding: 5px;	}
div.col015pc				{	width: 15%;   height: 18px;  padding: 5px;	}
div.col014pc				{	width: 14%;   height: 18px;  padding: 5px;	}
div.col013pc				{	width: 13.6%;   height: 18px;  padding: 5px;	}
div.col010pc				{	width: 10%;   height: 18px;  padding: 5px;	}
div.col005pc				{	width: 5%;    height: 18px;  padding: 5px;	}
div.col002pc				{	width: 2%;    height: 18px;  padding: 5px;	}
div.bgcol					{	background-color: #FFFFFF; color: #0066CC;	}
div.light					{	background-color: #FFDFFB; color: #D70066;	}
div.dark					{	background-color: #FABEF2; color: #D70066;	}
div.grey					{	background-color: #DDDDDD; color: #0066CC;	}
div.greyer					{	background-color: #CCCCCC; color: #0066CC;	}
div.greypc					{	background-color: #EEEEEE; color: #FF0000;	}
div.greyerpc				{	background-color: #CCCCCC; color: #FF0000;	}
div.greygr					{	background-color: #EEEEEE; color: #009900;	}
div.greyergr				{	background-color: #CCCCCC; color: #009900;	}
div.red						{	background-color: #EEEEEE; color: #FF0000;	}
div.white					{	background-color: #FFFFFF; color: #000000; 	}
div.lgrey					{	background-color: #F2F2F2; color: #000000; 	}
div.head					{	background-color: #DDDDDD; color: #999999;  height: 18px; font-weight: bold; border-bottom: 1px #000000 solid; }
div.foot					{	background-color: #DDDDDD; color: #999999;  height: 18px; font-weight: bold; border-top: 1px #000000 solid; }
div.left					{   text-align: left; }
div.center					{   text-align: center; }
div.right					{   text-align: right; }
div.clear					{	clear: both;	}
div.floatleft				{   float:left;	}
div.paging75pc				{	width: 75%;  background-color: #FFC; height: 20px;	padding: 5px; }
div.paging100pc				{	width:100%;  background-color: #FFC; height: 20px;	padding: 5px; }
div.topm					{   margin-top: 6px; margin-bottom: -2px; }
div.login					{	margin-top: -50px; float: right; font-family: Verdana, Arial, Sans-serif; text-align: left; color: #0066CC; padding-right: 50px }
div.border					{	border: 1px #C6E2FF solid; border-top: none;	}
div.borderb					{	border-bottom: 0.5px #DDDDDD solid; }




	
	