body {
	background: #7b86ac url(images/sitebg.jpg) repeat-x; margin: 0; padding: 0; 
	font: 11px Arial, Helvetica, sans-serif;  text-align: center;
}

img, table { border: 0; }

form { margin: 0; }

ul { padding-top: 5px; }
li { padding: 1px 0 1px 10px; color: #333; list-style-type: square; }

a:link {
    color: #3244c0;
	text-decoration: none;
	cursor: hand;
}

a:visited {
    color: #3244c0;
	text-decoration: none;
	cursor: hand;
}

a:hover {
    color: #8c8c8c;
    text-decoration: none;
    cursor: hand;
}

#mainpanel {
	margin-left: auto; 
	margin-right: auto; 
	background-color: #fff; 
	border-left: 3px solid #8c8c8c; 
	border-bottom: 3px solid #8c8c8c; 
	border-right: 3px solid #8c8c8c; 
	width: 700px; 
	padding: 0; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 700px; 
}
html>body #mainpanel {
	width: 700px; /* ie5win fudge ends */
}

#header {
	background-color: #f4f4f4;
	margin: 0; 
	padding: 5px 0 5px 10px; 
	height: 45px; 
	text-align: left;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 690px; 
}
html>body #header {
	height: 50px; 
	width: 690px; /* ie5win fudge ends */
}

#navigation {
	background: #f4f4f4 url(images/navbg.gif) repeat-x bottom left;
	margin: 0; padding: 0; width: 100%; height: 34px;
}

#navigation ul {
	margin:0; padding: 10px 5px 0 3px; list-style:none; 
}

#navigation li {
	display:inline;	margin:0; padding:0;
}

#navigation a {
	float: left; background: url(images/tableftboth.gif) no-repeat left top;
	margin: 0; padding: 0 0 0 9px; border-bottom: 1px solid #656565; text-decoration: none; 
}

#navigation a span {
	float: left; display: block; background:url(images/tabrightboth.gif) no-repeat right top;
    padding: 5px 11px 4px 2px; font-weight: bold; color: #3244c0;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
#navigation a:hover span {
  color:#333;
}

#navigation #current a {
	background-position:0 -150px; border-width:0;
}

#navigation #current a span {
	background-position:100% -150px; padding-bottom: 5px; color: #333;
}

#navigation a:hover {
	background-position: 0% -150px;
}

#navigation a:hover span {
	background-position: 100% -150px;
}

#subnavigation {
	font: bold 11px Arial, Helvetica, sans-serif;  text-align: center;
	background-color: #f7f7f7; text-align: left;
	margin: 0; padding: 2px 0 0 0; width: 100%; height: 18px;
	border-bottom: 1px solid #656565
}

#subnavigation a {
    color: #3244c0;	text-decoration: none; cursor: hand; padding: 0px 5px 2px 5px;
	border: 1px solid #f7f7f7;
}

#subnavigation a:link {
    color: #3244c0;	text-decoration: none; cursor: hand;
}

#subnavigation a:visited {
    color: #3244c0;	text-decoration: none; cursor: hand;
}

#subnavigation a:hover {
    color: #000; text-decoration: none; cursor: hand;
	background-color: #e2e2e2;
	border: 1px solid #3244c0;
}

#flashmain {
	border-bottom: 2px solid #3244c0; 
	background-color: #f9f9f9; 
	margin: 0; 
	padding: 0; 
	text-align: center;
	width: 700px; 
	voice-family: "\"}\""; 
	voice-family:inherit;	
	width: 696px; 
	height: 224px;
}
html>body #flashmain {
	width: 700px; /* ie5win fudge ends */
}

#homepageoptions {
	background-color: #fff; margin: 0; padding: 0; 
	text-align: left;	width: 700px; 
	voice-family: "\"}\""; 
	voice-family:inherit;	
	width: 696px; 
}
html>body #homepageoptions {
	width: 696px; /* ie5win fudge ends */
}

#homepageoptions p.dynamiccontent {
	padding: 5px 0 0 0; margin: 0;
}

#homepageoptions h1 {
	font: 12px Arial, Helvetica, sans-serif;  text-align: left;
	margin: 0; padding: 10px 10px 10px 20px;
}

#homepageoptions p {
	font: 12px Arial, Helvetica, sans-serif;  text-align: left;
	margin: 0; padding: 0 30px 10px 30px;
}

#businessareas {
	background-color: #fff; 
	margin: 0; padding: 0 0 20px 0; 
	text-align: left; vertical-align: top;
	width: 346px; 
}

#maincustomers {
	background-color: #fff; 
	margin: 0; padding: 0; 
	text-align: center; vertical-align: top;
	width: 346px; 
}











#addressdetails {
	background-color: #fff; 
	margin: 0; padding: 0; 
	text-align: left; vertical-align: top;
	width: 345px; 
}

#addressdetails .addresstitle {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0 0 10px 40px; margin: 0; 
}

#addressdetails .contactdetails {
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0 0 10px 59px; margin: 0;
}

.welcometitle {
	padding: 10px 0 5px 20px; margin: 0;
}

.mctitle {
	padding: 10px 0 5px 40px; margin: 0;
}

.homepagelist {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0 0 0 50px; margin: 0; text-align: left;
}

.productlist {
	font: 12px Arial, Helvetica, sans-serif; padding: 0 0 0 30px; margin: 0; text-align: left;
}

.bulletpointlist {
	font: 12px Arial, Helvetica, sans-serif; padding: 10px 0 0 30px; margin: 0; text-align: left;
}

.psitem {
	margin: 0; padding: 2px 0 2px 10px;	list-style: square url(none); color: #3244c0;
}

.productitem {
	margin: 0; padding: 2px 0 2px 10px;	list-style: square url(none); color: #000;
}

#productsservices a {
	text-decoration: none; font-weight: bold;
}

#productsservices a:hover {
	text-decoration: none; font-weight: bold; color: #8c8c8c;
}


#mainoptions p, #maincustomers p {
	padding: 10px 0 0 20px; margin: 0;
}


#flashbanner {
	background-color: #f9f9f9; margin: 0; padding: 0; text-align: center;
	width: 700px; voice-family: "\"}\""; voice-family:inherit;	width: 696px; height: 60px;
}
html>body #flashbanner {
	width: 696px; /* ie5win fudge ends */
}

#newspanel {
	border-top: 2px solid #3244c0; background-color: #fff; width: 700px; height: auto; 
	margin: 0; padding: 0; text-align: left; voice-family: "\"}\""; voice-family:inherit; width: 100%; 
}
html>body #newspanel {
	width: 700px; /* ie5win fudge ends */
}

#newspanel h1 {
	padding: 10px 0 5px 20px; margin: 0;
}

#newspanel p {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px 40px 0 40px; margin: 0;
}

#newspanel p.alert {
	font: 12px Arial, Helvetica, sans-serif; padding: 5px 40px 0 40px; margin: 0; font-weight: bold; color: #cc0000;
}

#newspanel h2 {
	margin:0; font: bold 12px Arial, Helvetica, sans-serif;
	padding: 15px 40px 0 40px;
}

#newspanel h3 {
	font: 11px Arial, Helvetica, sans-serif; color: #666; padding: 0 40px 0 60px; margin: 0;
}

#newspanel h4 {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px 40px 0 60px; margin: 0;
}

#readnewspanel {
	border-top: 2px solid #3244c0; background-color: #fff; width: 700px; height: auto; 
	margin: 0; padding: 0; text-align: left; voice-family: "\"}\""; voice-family:inherit; width: 100%; 
}
html>body #readnewspanel {
	width: 700px; /* ie5win fudge ends */
}

#dynamictable {
	font: 12px Arial, Helvetica, sans-serif;
	width: 650px; margin: 0 0 0 35px; padding: 0;
}

#readnewspanel p {
	padding: 5px 0 0 38px; margin: 0;
}

#readnewspanel p.dynamiccontent {
	padding: 5px 0 0 0; margin: 0;
}

#readnewspanel h1 {
	padding: 10px 0 5px 20px; margin: 0;
}

#readnewspanel h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding: 10px 0 2px 38px; margin: 0;
}

#readnewspanel h3 {
	font: 11px Arial, Helvetica, sans-serif; color: #666; padding: 0 40px 0 38px; margin: 0;
}

#readnewspanel h4 {
	font: 12px Arial, Helvetica, sans-serif; color: #666; padding: 20px 40px 0 40px; margin: 0;
}

#genericpanel {
	border-top: 2px solid #3244c0; background-color: #fff; width: 700px; 
	margin: 0; padding: 0; text-align: left; voice-family: "\"}\""; voice-family:inherit; width: 100%; 
}
html>body #genericpanel {
	width: 700px; /* ie5win fudge ends */
}

#genericpanel p.dynamiccontent {
	padding: 5px 0 0 0; margin: 0;
}

#genericpanel p {
	padding: 10px 0 2px 38px; margin: 0; font: 12px Arial, Helvetica, sans-serif; line-height: 1.2em;
}

#genericpanel h1 {
	padding: 10px 0 5px 20px; margin: 0;
}

#genericpanel h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 10px 0 2px 38px; margin: 0;
}

#pagefooter {
	font: 12px Arial, Helvetica, sans-serif; text-align: left; height: 100px;
	margin-left: auto; margin-right: auto; width: 700px; padding: 0;
}

#pagefooter h1 {
	font: bold 12px Arial, Helvetica, sans-serif; text-align: left;
	padding: 10px 0 0 10px; margin: 0;
}

#pagefooter h2 {
	font: 10px Arial, Helvetica, sans-serif; text-align: left;
	padding: 2px 0 0 10px; margin: 0; color: #000;
}

#pagefooter h3 {
	padding: 10px 0 0 10px; margin: 0;
}

#pagefooter p {
	padding: 5px 0 0 10px; margin: 0; color: #000;  
}

#pagefooter a:link {
    color: #3244c0;	text-decoration: underline; cursor: hand;
}

#pagefooter a:visited {
    color: #3244c0;	text-decoration: underline; cursor: hand;
}

#pagefooter a:hover {
    color: #000; text-decoration: underline; cursor: hand;
}

.backnewson, .backnewsoff, .oeon, .oeoff, .cdon, .cdoff, .seon, .seoff, .dlpon, .dlpoff, .dlvon, .dlvoff {
	border: 0px; cursor: hand; 
}

.backnewson { width: 107px; height: 19px; background: url(images/buttons/b2n-on.gif); }
.backnewsoff { width: 107px; height: 19px; background: url(images/buttons/b2n-off.gif); }
.oeon { width: 107px; height: 19px; background: url(images/buttons/oe-on.gif); }
.oeoff { width: 107px; height: 19px; background: url(images/buttons/oe-off.gif); }
.cdon { width: 107px; height: 19px; background: url(images/buttons/cd-on.gif); }
.cdoff { width: 107px; height: 19px; background: url(images/buttons/cd-off.gif); }
.seon { width: 107px; height: 19px; background: url(images/buttons/se-on.gif); }
.seoff { width: 107px; height: 19px; background: url(images/buttons/se-off.gif); }

.dlpon { width: 159px; height: 19px; background: url(images/buttons/dlp-on.gif); }
.dlpoff { width: 159px; height: 19px; background: url(images/buttons/dlp-off.gif); }
.dlvon { width: 159px; height: 19px; background: url(images/buttons/dlv-on.gif); }
.dlvoff { width: 159px; height: 19px; background: url(images/buttons/dlv-off.gif); }

#enquiryform {
	width: 100%;
	margin: 0;
	padding: 0;
}

.enquirytype {
	font: 12px Arial, Helvetica, sans-serif; text-align: left;
	width: 300px; padding: 0; margin: 0; 
}

.compfieldlabel {
	font: bold 12px Arial, Helvetica, sans-serif; text-align: left;
	width: 150px; padding: 0 0 0 40px; margin: 0; 
}

.comparealabel {
	font: bold 12px Arial, Helvetica, sans-serif; text-align: left;
	width: 150px; padding: 0 0 0 40px; margin: 0; vertical-align: top;
}

.textareafield {
	font: normal 12px Arial, Helvetica, sans-serif; text-align: left;
	width: 450px; height: 100px; padding: 0; margin: 0;
}

.fieldvalue {
	font: normal 12px Arial, Helvetica, sans-serif; text-align: left;
	width: 450px; padding: 0; margin: 0;
}

.narrowtextfield {
	font: 12px Arial, Helvetica, sans-serif; text-align: left;
	width: 200px; padding: 0; margin: 0;
}

.widetextfield {
	font: 12px Arial, Helvetica, sans-serif; text-align: left;
	width: 400px; padding: 0; margin: 0;
}

#warningmessage {
	background: #ffe1e1 url(images/tickbg.gif) no-repeat bottom right;
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #993300; 
	width: 620px; 
	padding: 0;
	height: 60px;
}

#warningmessage p {
	margin: 0;
	padding: 10px 0 0 10px;
	color: #000;
	font: bold 13px Arial, Helvetica, sans-serif; text-align: left;
}

#userpagecontent {
	width: 100%;
	font: 12px Arial, Helvetica, sans-serif; text-align: left;
	padding: 0; margin: 0;
	text-align: left; vertical-align: top;

}

#innerpagecontent {
	margin-left: 35px; 	margin-right: 25px; width: 640px;
	font: 12px Arial, Helvetica, sans-serif; text-align: left;
	padding: 0; text-align: center; vertical-align: top; 
}

#downloadbrochure {
	background-color: #ddd;
	margin-left: auto; 
	margin-right: auto; 
	border: 2px solid #ccc; 
	width: 660px; 
	padding: 0;
	height: 120px;
}

#downloadbrochure h1 {
	padding: 5px 0 5px 8px; margin: 0;
	font: bold 12px Arial, Helvetica, sans-serif; text-align: left;
}

#downloadbrochure p {
	padding: 0 18px 10px 18px; margin: 0;
	font: 12px Arial, Helvetica, sans-serif; text-align: left;
}