﻿@charset "UTF-8";
/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
}

html {
	margin: 0px;
	padding: 0px;
}

.hidden

{visibility:hidden !important;
         font-size:1px !important;
         line-height:1px !important;
         width:0 !important;
         }

body {
	padding: 5px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 67.5%;
	color: #0F364D;
}

h1 { display: none; }

h2 {
	font-weight: bold;
	font-size: 18px;
	line-height:1.1em;
}

.contentWrapper h2 {
	padding-top: 10px;
	padding-bottom: 5px;
	
}

h3 {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.3em;
	color: #0F364D;
	font-size: 1.5em;
	padding-bottom: .3em;
}

h4 {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.3em;
	font-size: 1.2em;
	padding-bottom: 0.1em;
}

p {
	padding-bottom: 1em;
	font-size: 1.15em;
}

legend {
	font-size: 16px;
	font-weight: bold;
	color: #0F364D;
}

.contentHolder {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
}

.headerCustomer {
	float: left;
	height: 187px;
	width: 954px;
	background-image: url(../images/header/customerBG.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.headerAdministration {
	float: left;
	height: 115px;
	width: 954px;
	background-image: url(../images/header/administrationBG.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.headerEmulation {
	float: left;
	height: 115px;
	width: 954px;
	background-image: url(../images/header/emulationBG.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.logoBlock {
	float: right;
	height: 60px;
	width: 373px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 10px;
	line-height: 1em;
	overflow: hidden;
	padding-right: 150px;
}

.logoBlock h1 { display: none; }
.logoBlock   h2 {
	font-size: 18px;
	line-height: 1.3em;
	float: left;
	display: block;
	height: auto;
	clear: left;
}

.logoBlock h3 {
	font-size: 18px;
	line-height: 1.3em;
	float: left;
	display: block;
	height: auto;
	clear: left;
	font-weight: bold;
	color: #FFFFFF;
}


.logoBlock p {
	font-size: 1.2em;
	line-height: 1.1em;
	float: left;
	clear: left;
	height: auto;
	display: block;
	width: 280px;
}


.mainNav {
	float: left;
	height: 20px;
	width: 788px;
	list-style-type: none;
	padding-left: 166px;
	background-image: url(../images/header/customerNavBG.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 4px;
}

.mainNav li {
	display: block;
	float: left;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	height: 14px;
	padding-right: 15px;
}

.mainNav a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
}

.mainNav a:hover { text-decoration: underline; }

.mainBanner {
	clear: left;
	float: left;
	height: 40px;
	width: 787px;
	background-color: #A0B9C8;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-left: 167px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

.mainBanner h2 {
	float: left;
	height: 45px;
	padding-right: 20px;
	font-weight: bold;
}

.mainBanner p {
	float: left;
	height: auto;
	padding-right: 10px;
	width: 350px;
	font-size: 1.1em;
	line-height: 1.1em;
	padding-bottom:0;
}

.content {
	float: left;
	height: auto;
	width: 954px;
	/* min-height:400px; */
	margin-top: 2px;
	margin-bottom: 2px;
	background-image: url(../images/general/contentBG.gif);
	background-repeat: repeat-y;
	background-position: 0px	 0px;
}

.contentNoBackground {
	float: left;
	height: auto;
	width: 954px;
	/* min-height:400px; */
	margin-top: 2px;
	margin-bottom: 2px;
}

.leftBlockHome {
	height: auto;
	width: 160px;
	float: left;
	list-style-type: none;
}



.leftBlockHome li {
	float: left;
	height: auto;
	width: 160px;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 11px;
	
}

.leftBlockHome .price { font-size: 20px; }

.leftBlockHome a {
	height: 83px;
	width: 140px;
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	color: #14435F;
	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.leftBlockHome a:hover { color: #0088B7; }

.leftBlockHome .block1 { background-image: url(../images/general/left1BG.jpg); }

.leftBlockHome .block2 { background-image: url(../images/general/left2BG.jpg); }

.leftBlockHome .block3 { background-image: url(../images/general/left3BG.jpg); }




.footer {
	
	height: 10px;
	width: 954px;
	font-size: 0.9em;
	display: block;
	padding-top: 2px;
	color: #666666;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #14435F;
	clear:both;
	margin-right: auto;
	margin-left: auto;
}

.footer a {
	color: #333333;
	text-decoration: none;
}

.footer a:hover {
	color: #00A6DE;
	text-decoration: underline;
}

.contentWrapper {
	float: right;
	width: 784px;
	height: auto;
	padding-left: 10px;
	min-height:400px;
	padding-left: 0px;
}

.centreBlockHome {
	float: left;
	height: auto;
	width: 364px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.centreBlockHome ul {
	padding-left: 20px;
	font-size: 1.15em;
	font-weight: bold;
}
.price { font-size: 22px; }

.quickLinks {
	clear: left;
	float: left;
	height: 30px;
	width: 784px;
	list-style-type: none;
	color: #14435F;
	font-size: 1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #14435F;
	margin-top: 5px;
	padding-top: 3px;
	margin-left: 10px;
}

.quickLinks a {
	padding-right: 5px;
	color: #14435F;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #14435F;
	padding-left: 5px;
}

.quickLinks a:hover { text-decoration: underline; }

/* Login Form Block */

.loginFormBlock {
	float: left;
	height: 280px;
	width: 200px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/general/loginFormBG.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	background-color: #89A1AE;
	color: #FFFFFF;
}
.loginFormBlock h2 {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	display: block;
	height: 46px;
	width: 184px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 1.7em;
	font-weight: bold;
	text-align: left;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #0F364D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00445E;
	padding-bottom: 2px;
}
.loginFormBlock fieldset {
	display: block;
	background-color: #14435F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	height: 120px;
	width: 180px;
	padding: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-color: #FFFFFF;
}

.loginFormBlock .inputFields {
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100%;
}

.loginFormBlock ul {
	padding-left: 1em;
	padding-top: .3em;
	font-weight: bold;
	padding-right: 2em;
	font-size: 1.1em;
}

.loginFormBlock li { padding-bottom: .3em; }

.loginFormBlock  .textBox {
	height: 19px;
	width: 174px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-image: url(../images/general/inputBox180BG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 3px;
	padding-left: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1.1em;
	line-height: 1em;
	font-weight: bold;
	color: #14435F;
	padding-top: 3px;
}
.loginFormBlock label {
	display: block;
	height: auto;
	width: 180px;
}

.loginFormBlock .smallerText { font-size: 0.6em }


/* Enquire Form Block */

.enquireFormBlock {
	float: left;
	height: 280px;
	width: 200px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/general/enquireFormBG.jpg);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	background-color: #89A1AE;
	color: #FFFFFF;
}
.enquireFormBlock h2 {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	display: block;
	height: 46px;
	width: 184px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 1.7em;
	font-weight: bold;
	text-align: left;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #0088B7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00445E;
	padding-bottom: 2px;
}

.enquireFormBlock fieldset {
	display: block;
	background-color: #00A6DE;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	height: 120px;
	width: 180px;
	padding: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-color: #FFFFFF;
}

.enquireFormBlock .inputFields {
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100%;
}

.enquireFormBlock ul {
	padding-left: 1em;
	padding-top: .3em;
	font-weight: bold;
	padding-right: 2em;
	font-size: 1.1em;
}

.enquireFormBlock li { padding-bottom: .3em; }

.enquireFormBlock  .textBox {
	height: 19px;
	width: 174px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-image: url(../images/general/inputBox180BG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 3px;
	padding-left: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	
/*clear: left;*/;	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 1.1em;
	line-height: 1em;
	font-weight: bold;
	color: #14435F;
	padding-top: 3px;
}
.enquireFormBlock label {
	display: block;
	height: auto;
	width: 180px;
}

.enquireFormBlock .smallerText { font-size: 0.6em }



/* New/Modified  CSS */
.leftBlockHome {
	height: auto;
	width: 160px;
	float: left;
	list-style-type: none;
	display: block;
}

.leftBlockUser {
	height: auto;
	width: 160px;
	float: left;
	list-style-type: none;
	display: block;
}

.leftBlockUser li, .leftBlockUser div  {
	display: block;
	float: left;
	height: auto;
	width: 160px;
}
.leftBlockUser  li a, .leftBlockUser  div a  {
	float: left;
	height: 28px;
	width: 150px;
	background-color: #00445E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A6DE;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	line-height: 30px;
}

.leftBlockUser li a:hover, .leftBlockUser div a:hover { background-color: #0088B7; }


/*
.contentWrapper h2 {
	display: block;
	width: 784px;
	margin-left: 10px;
	margin-bottom: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00445E;
	padding-bottom: 2px;
}
*/
.contentWrapper h4 { color: #00A6DE; }

.instructionText {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: .4em;
}

.validationMessageText {
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}





.clearLeft { clear: left; }

.leftBlockUser     .deactivated     {
	float: left;
	height: 28px;
	width: 150px;
	background-color: #A0B9C8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A6DE;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	line-height: 30px;
}


.popupDetailsBox .closeWindow {
	background-color: #990000;
	float: right;
	height: 20px;
	width: 20px;
	margin-bottom: 5px;
	background-image: url(../images/general/closeBox.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.popupDetailsBox .closeWindow:hover { background-position: 0px -20px; }

.popupDetailsBox .popupBoxGrid {
	width: 758px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}





.gridHolder {
	width: 784px;
	float: left;
	height: auto;
	/*padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;*/
}

.gridHolder table {
	/*width: 784px;*/
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.gridHolder table tr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.gridHolder table th {
	height: 14px;
	background-color: #009DD2;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.gridHolder table th a {
	color: #FFFFFF;
	text-decoration: none;
}

.gridHolder table th a:hover { text-decoration: underline; }

.gridHolder .detailLink {
	display: block;
	padding: 3px;
	background-color: #00445E;
	border: 1px solid #009DD2;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.gridHolder .detailLink:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}
.gridHolder  table  td {
	font-size: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009DD2;
}
.gridHolder form {
	float: left;
	width: 784px;
	height: auto;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
}

.gridHolder fieldset {
	float: left;
	height: auto;
	width: 772px;
	border: 1px solid #00445E;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}


.gridHolder .selectBox1 {
	float: left;
	width: 200px;
	border: 1px solid #00445E;
	color: #00445E;
	font-weight: bold;
	margin-right: 10px;
}

.gridHolder .selectBoxDate {
	float: left;
	width: 100px;
	border: 1px solid #00445E;
	color: #00445E;
	font-weight: bold;
	margin-right: 10px;
}

.gridHolder .textArea1 {
	float: left;
	width: 200px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.gridHolder label {
	float: left;
	padding-left: 10px;
}

.gridHolder .radio1 {
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}

.gridHolder .textInput1 {
	float: left;
	width: 200px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
}
.gridHolder .popupDetailsBox {
	position: absolute;
	z-index: 2;
	height: auto;
	width: 775px;
	background-color: #FFFFFF;
	border: 1px solid #00445E;
	padding: 5px;
}




.gridHolder2 {
	width: 784px;
	float: left;
	height: auto;
	margin-top: 10px;
}

.gridHolder2 table {
	width: 752px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.gridHolder2 fieldset {
	float: left;
	height: auto;
	width: 752px;
	border: 1px solid #00445E;
	font-size: 11px;
	font-weight: bold;
	padding: 15px;
	margin-bottom: 10px;
}

.gridHolder2 .selectBox1 {
	float: left;
	width: 196px;
	border: 1px solid #00445E;
	color: #00445E;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 3px;
}

.gridHolder2 .textArea1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
}

.gridHolder2  label {
	padding-right: 10px;
	width: 145px;
	float: left;
}

.gridHolder2 .textInput1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	margin-bottom: 3px;
}


.gridHolder2   .left {
	width: 355px;
	height: auto;
	padding-bottom:10px;
}
.gridHolder2  .right {
	width: 355px;
	margin-left: 10px;
	height: auto;
	padding-bottom:10px;
}















.customerName { color: #00A6DE; 
}


.largeLegend  { font-size: 16px; }



/* Buttons & Links */

/* buttonHolder - used to align three buttons in GridHolder2 */


.buttonHolder {
	width: 353px;
	float: left;
	height: auto;
	padding-bottom:0;
	padding-top: 4px;
}


/*Links */

.submitLink1 {
	
	display: block;
	
	color: #FFFFFF;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
	width: auto;
	
	padding-top: 4px; /* 4 for links, 2 for buttons */
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;

	margin-right: 5px;	
	
	float: right;
}

.submitLink1:hover {
	border-color: #00445E;
	background-color: #009DD2;
}

/* Buttons */

.submitButton1 {
	display: block;
	
	color: #FFCC00;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	
	/* width: auto;*/
	
	padding-top: 2px; /* 4 for links, 2 for buttons  - changed from all = 3*/
	padding-right: 5px;
	padding-bottom: 2px;/* 4 for links, 2 for buttons */
	padding-left: 5px;
	
	float: right;
	
	
}
.submitButton1Left {
	display: block;
	
	color: #FFCC00;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	
	/* width: auto;*/
	
	padding-top: 2px; /* 4 for links, 2 for buttons  - changed from all = 3*/
	padding-right: 5px;
	padding-bottom: 2px;/* 4 for links, 2 for buttons */
	padding-left: 5px;
	
	float: left;
	
	
}


.submitButton2 {
	display: block;
	
	color: #FFFFFF;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	
	width: auto;
	
	padding-top: 2px; /* 4 for links, 2 for buttons  - changed from all = 3*/
	padding-right: 5px;
	padding-bottom: 2px;/* 4 for links, 2 for buttons */
	padding-left: 5px;
	
	margin-right:0; /* Not needed but highlights the differnce between 2 and three */
	
	float: right;
	
}


.submitButton3 {
	display: block;
	
	color: #FFFFFF;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	
	width: 100px;
	
	padding-top: 2px; /* 4 for links, 2 for buttons */
	padding-right: 5px;
	padding-bottom: 2px;/* 4 for links, 2 for buttons */
	padding-left: 5px;
	
	margin-left: 25px;	
	
	float: right;
}

.submitButton4 {
	display: block;
	
	color: #FFFFFF;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	
	width: 100px;
	
	padding-top: 2px; /* 4 for links, 2 for buttons */
	padding-right: 5px;
	padding-bottom: 2px;/* 4 for links, 2 for buttons */
	padding-left: 5px;
	
	margin-right: 0;	
	
	float: left;
}

.submitButton1:hover, .submitButton6:hover, .submitButton1Left:hover, .submitButton2:hover, submitButton3:hover, submitButton4:hover {
	color: #FFFFFF;
	border-color: #00445E;
	background-color: #009DD2;
}

.h2Note {
	font-size: 11px;
	font-style: italic;
}

.pageSubmitArea {
	width: 785px;
	float: right;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	
}
.popupSubmitArea {
	width: 764px;
	float: left;
	height: auto;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0F364D;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}


.halfWidthContainer {
	float: left;
	width: 370px;
	height: auto;
	padding-right: 10px;
}

.submitLink2 {
	display: block;
	border: 1px solid #FFFFFF;
	width: auto;
	color: #FFCC00;
	text-decoration: underline;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	font-weight: bold;
	float: left;
	background-color: #0F364D;
	font-size: 10px;
	margin-left: 10px;
}
.textInput2  {
	float: left;
	width: 60px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
}

.checkbox1 {
	float: left;
	margin-bottom: 3px;
}
.checkbox2 {
	float: left;
	clear:left;
	margin-bottom: 3px;
}
.checkboxContainer {
	float: left;
	width: 100%;
}

.mainNav a.selected {
	text-decoration: underline;
	color: #FFCC00;
}
.gridHolder3 {
	width: 574px;
	float: left;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
}

.gridHolder3 p {
	line-height: 1.5em;
	padding-bottom: 0.3em;
}

.gridHolder3 h4 {
	font-size: 1.4em;
	color: #00A0D6;
	padding-top: .2em;
}
.gridHolder3 h3 { padding-bottom: .6em; }


.gridHolder3 a {
	color: #00445E;
	text-decoration: underline;
	font-weight: bold;
}

.gridHolder3 td h4 { font-size: 1.2em; }

.contactForm {
	display: none;
	width: 554px;
	padding: 10px;
	margin-bottom: 15px;
}
.contactForm  label {
	clear: left;
	float: left;
	width: 300px;
	height: 20px;
	margin: 2px;
}
.contactForm   .textBox {
	height: 18px;
	border: 1px solid #00445E;
	margin: 2px;
	width: 214px;
	font-weight: bold;
	color: #00445E;
}


.contactForm .textArea {
	clear: left;
	float: left;
	width: 510px;
	padding: 5px;
	border: 1px solid #00445E;
	height: 60px;
}
.gridHolder3  a.showSectionLink {
	background-image: url(../images/general/expand.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #00A6DE;
	text-decoration: none;
	display: block;
	width: 200px;
}

.gridHolder3 a.hideSectionLink {
	background-image: url(../images/general/contract.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #00A6DE;
	text-decoration: none;
	display: block;
	width: 200px;
}
.gridHolder3 a.showSectionLink:hover, .gridHolder3 a.hideSectionLink:hover { text-decoration: underline; }
.gridHolder3 .expandibleSection {
	height: auto;
	width: 100%;
	display: none;
}

.gridHolder7 {
	width: 550px;
	float: left;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
}
.gridHolder7 ul {
	margin-right: 30px;
	padding-left: 30px;
	list-style-type: disc;
	padding-bottom: 10px;
}


.contactForm  fieldset {
	padding: 10px;
	color: #00445E;
	float: left;
	height: auto;
}
.contactForm  legend {
	font-size: 14px;
	font-weight: bold;
	color: #00445E;
}
.contactForm  .dropdown {
	height: 18px;
	border: 1px solid #00445E;
	margin: 2px;
	width: 214px;
	font-weight: bold;
	color: #00445E;
}

.submitButton5 {
	display: block;
	border: 1px solid #FFFFFF;
	width: auto;
	color: #FFCC00;
	text-decoration: underline;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
	float: left;
	background-color: #0F364D;
	font-size: 10px;
	clear: left;
}

.submitButton5:hover {
	color: #FFFFFF;
	background-color: #14435F;
}
.textInput3 {
	float: left;
	width: 150px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 18px;
}

.dropdown2 {
	height: 18px;
	border: 1px solid #00445E;
	width: 150px;
	font-weight: bold;
	color: #00445E;
	float: left;
	margin-right: 10px;
}
.textInput4 {
	width: 150px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 16px;
	margin-right: 10px;
	float:left;
}

.dropdown3 {
	height: 18px;
	border: 1px solid #00445E;
	width: 150px;
	font-weight: bold;
	color: #00445E;
	margin-right: 10px;
	float:left;
}
.textInput5 {
	width: 150px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 16px;
	margin-right: 10px;
	margin-left: 10px;
	float:left;
}






.popupGridHolder {
	width: 784px;
	float: left;
	height: auto;
}

.popupGridHolder table {
	width: 752px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.popupGridHolder table tr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.popupGridHolder table th {
	height: 14px;
	background-color: #009DD2;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.popupGridHolder table th a {
	color: #FFFFFF;
	text-decoration: none;
}

.popupGridHolder table th a:hover { text-decoration: underline; }

.popupGridHolder .detailLink {
	display: block;
	padding: 3px;
	background-color: #00445E;
	border: 1px solid #009DD2;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.popupGridHolder .detailLink:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}
.popupGridHolder  table  td {
	font-size: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009DD2;
}

.popupGridHolder .popupSubmitArea {
	width: 764px;
	float: left;
	height: auto;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0F364D;
	margin: 10px;
}


/* 

Grid Holder 4 - used in 786px wide popup boxes 

788 gives effective width of 786 within which a gridholder is placed 

this has no border or padding!


*/

.gridHolder4 {
	width: 764px;
	float: left;
	height: auto;
	padding: 10px;
}

.gridHolder4 fieldset {
	float: left;
	height: auto;
	width: 752px;
	border: 1px solid #00445E;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	overflow-y:auto;
}


.gridHolder4   .left {
	width: 345px;
	height: 200px;
	padding: 15px;
}
.gridHolder4  .right {
	width: 345px;
	height: 200px; /*230*/
	padding: 15px;
	margin-left: 10px;
}

.gridHolder4 .selectBox1 {
	float: left;
	width: 196px;
	border: 1px solid #00445E;
	color: #00445E;
	font-weight: bold;
	/* margin-right: 10px; */
	margin-bottom: 3px;
}

.gridHolder4 .textArea1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
}

.gridHolder4  label {
	padding-right: 10px;
	width: 135px;
	float: left;
}

.gridHolder4 .textInput1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	margin-bottom: 3px;
}

.gridHolder4 .scrollingBox {
	
	width: 752px;
	height:120px;
	overflow-y:auto;
	overflow-x:hidden;
}

/* Grid holder 5 is for a single small popup of width

407 gives effective 405

*/

.gridHolder5   {
	width: 385px;
	float: left;
	height: auto;
	padding: 10px;
}


.gridHolder5 fieldset  {
	width: 353px;
	height: auto;
	padding: 15px;
	border: 1px solid #00445E;
	font-size: 11px;
	font-weight: bold;
}

.gridHolder5 .selectBox1 {
	float: left;
	width: 196px;
	border: 1px solid #00445E;
	color: #00445E;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 3px;
}

.gridHolder5 .textArea1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
}

.gridHolder5  label {
	padding-right: 10px;
	width: 145px;
	float: left;
}

.gridHolder5 .textInput1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	margin-bottom: 3px;
}

.gridHolder5 .popupSubmitArea, .popupSubmitArea5 {
	width: 385px;
	float: left;
	height: auto;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0F364D;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

.gridHolder5 table {
	/*width: 784px;*/
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.gridHolder5 table tr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.gridHolder5 table th {
	height: 14px;
	font-size: 10px;
	background-color: #009DD2;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.gridHolder5 table th a {
	color: #FFFFFF;
	text-decoration: none;
}

.gridHolder5 table th a:hover { text-decoration: underline; }

.gridHolder5 .detailLink {
	display: block;
	padding: 3px;
	background-color: #00445E;
	border: 1px solid #009DD2;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.gridHolder5 .detailLink:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}
.gridHolder5  table  td {
	font-size: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009DD2;
}



.displayNone {display:none;}

.floatLeft {float:left;}

.popupSubmitButtonCentre {
	display: block;
	border: 1px solid #009DD2;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #00445E;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
	margin-left: 15px;
	float: left;
}

.popupSubmitButtonCentre:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}

.popupSubmitButtonLeft, .deleteButtonLeft {
	display: block;
	border: 1px solid #009DD2;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	background-color: #00445E;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
}

.popupSubmitButtonLeft:hover, .deleteButtonLeft:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}

.popupSubmitButtonRight, .deleteButtonRight {
	display: block;
	border: 1px solid #009DD2;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	background-color: #00445E;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
}

.popupSubmitButtonRight:hover, .deleteButtonRight:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}

.popupSubmitLinkLeft {
	display: block;
	border: 1px solid #009DD2;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	background-color: #00445E;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
}

.popupSubmitLinkLeft:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}


/*

.gridHolder4 table {
	width: 700px;
	float: left;
	border-style: none;
}
.gridHolder4 .selectBox1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	color: #00445E;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 3px;
}

.gridHolder4 .textArea1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
}

.gridHolder4  label {
	padding-right: 10px;
	width: 135px;
	float: left;
}

.gridHolder4 .textInput1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	margin-bottom: 3px;
}

*/

.standardContentLeft {
	float: left;
	height: auto;
	width: 550px;
	padding-right: 10px;
	padding-left: 10px;
}
.standardContentLeft a {
	color: #00445E;
	text-decoration: underline;
	font-weight: bold;
}

.standardContentLeft a:hover {
	text-decoration: none;
}

.standardContentRight {
	float: right;
	height: auto;
	width: 210px;
}

.trackingResult {
	padding-top: 10px;
	padding-left: 10px;
	display: block;
	height: 70px;
}

.printerSelectDropdown {
	float: right;
	margin-left: 5px;
	height: 18px;
	border: 1px solid #00445E;
	width: 150px;
	font-weight: bold;
	color: #00445E;
}






/* global changes */


.standardTextLink {
	font-size: 10px;
	font-weight: bold;
	color: #00445E;
	text-decoration: underline;
}

.standardTextLink:hover {
	text-decoration: none;
}
.standardTextLinkRight {
	font-size: 10px;
	font-weight: bold;
	color: #00445E;
	text-decoration: underline;
	float:right;
	margin-right:10px;
}

.standardTextLinkRight:hover {
	text-decoration: none;
}
.termsCheckbox {margin-left:10px;margin-right:10px;float:right;}

.passwordChange   {
	width: 385px;
	float: left;
	height: auto;
	padding: 10px;
}


.passwordChange fieldset  {
	width: 353px;
	height: auto;
	border: 1px solid #00445E;
	font-size: 11px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}



.passwordChange  label {
	padding-right: 10px;
	width: 145px;
	float: left;
}

.passwordChange .textInput1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	margin-bottom: 3px;
}

.passwordChange .popupSubmitArea, .popupSubmitArea5 {
	width: 385px;
	float: left;
	height: auto;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0F364D;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}
.loginUserName {
	font-size: 14px;
}
.acceptArea {float:left;width:200px;}

.submitButton6 {
	display: block;
	
	color: #FFFFFF;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	
	width: auto;
	
	padding-top: 2px; /* 4 for links, 2 for buttons  - changed from all = 3*/
	padding-right: 5px;
	padding-bottom: 2px;/* 4 for links, 2 for buttons */
	padding-left: 5px;
	
	float: right;
	
}

.labelThumbnails {
	float: left;
	height: 360px; /*400*/
	width: 215px;
	overflow-y: auto;
	overflow-x:hidden;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 8px;
	border: 1px solid #00445E;
}
.labelThumbnails img {
	clear: left;
	float: left;
	/*height: 300px;
	width: 260px; 200*/
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}

.labelThumbnails p {
	text-align: center;
	color:#FFFFFF;
	background-color:#14435F;
	display: block;
	float: left;
	width: 215px;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 2em;
	padding: 0px;
}

.labelPreview {
	float: left;
	width: 540px; /*500*/
	height: 360px; /*400*/
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	overflow: hidden;
	border: 1px solid #00445E;
	overflow:hidden;
}

.labelActions {
	float: left;
	height: auto;
	width: 762px;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00445E;
	margin-top: 10px;
}

.popupSubmitLinkLeft {
	display: block;
	border: 1px solid #009DD2;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	background-color: #00445E;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
}

.popupSubmitLinkLeft:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}

.popupSubmitLinkRight {
	display: block;
	border: 1px solid #009DD2;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	background-color: #00445E;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
}

.popupSubmitLinkRight:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
}

.contentWrapper ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 30px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	font-size: 13px;
	padding-bottom: 1em;
}
.contentWrapper  ol li {
	padding-bottom: 1em;
}

.contentWrapper ol ol {
	list-style-type: upper-alpha;
	padding-bottom: 0px;
	padding-top: 1em;
}
.contentWrapper  .romanList  {
	list-style-type: lower-roman;
}

.contentWrapper .alphaList {
	list-style-type: lower-alpha;
	padding-top: 1em;
}

.standardContentLeft .enquiryLabel {
	clear: left;
	float: left;
	width: 270px;
	height: 20px;
	margin-top: 3px;
	display: block;
}

.standardContentLeft .textArea {
	clear: left;
	float: left;
	height: 100px;
	width: 520px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
}
.textInput7 {
	float: left;
	width: 250px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 18px;
	margin-top: 3px;
}
.dropdown7 {
	height: 18px;
	border: 1px solid #00445E;
	width: 250px;
	font-weight: bold;
	color: #00445E;
	margin-right: 10px;
	float:left;
	margin-top: 3px;
}

.submitButton7 {
	display: block;
	
	color: #FFCC00;
	background-color: #00445E;
	border: 1px solid #009DD2;
	
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	
	/* width: auto;*/
	
	padding-top: 2px; /* 4 for links, 2 for buttons  - changed from all = 3*/
	padding-right: 5px;
	padding-bottom: 2px;/* 4 for links, 2 for buttons */
	padding-left: 5px;
	
	float: left;
	clear:left;
	
	
}

.submitButton7:hover {
	color: #FFFFFF;
	border-color: #00445E;
	background-color: #009DD2;
}



.gridHolder6 {
	width: 784px;
	float: left;
	height: auto;
	margin-top: 10px;
}

.gridHolder6 table {
	
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.gridHolder6 fieldset {
	float: left;
	height: auto;
	width: 752px;
	border: 1px solid #00445E;
	font-size: 11px;
	font-weight: bold;
	padding: 15px;
	margin-bottom: 10px;
}

.gridHolder6 .selectBox1 {
	float: left;
	width: 196px;
	border: 1px solid #00445E;
	color: #00445E;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 3px;
}

.gridHolder6 .textArea1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
}

.gridHolder6  label {
	padding-right: 10px;
	width: 145px;
	float: left;
}

.gridHolder6 .textInput1 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	margin-bottom: 10px;
	height:18px;
	
}

.gridHolder6 .textInput2 {
	float: left;
	width: 194px;
	border: 1px solid #00445E;
	font-weight: bold;
	color: #00455D;
	margin-bottom: 3px;
	height:18px;
	margin-left:10px;
	margin-right:10px;
	
}

.gridHolder6  .checkbox1 label {
	padding-right: 10px;
	width:100px;
	float: left;
	padding-left:40px;
}

.popupSubmitButtonRight2 {
	display: block;
	border: 1px solid #009DD2;
	width: auto;
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	background-color: #00445E;
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
	margin-bottom:4px;
}

.popupSubmitButtonRight2:hover {
	border-top-color: #00445E;
	border-right-color: #00445E;
	border-bottom-color: #00445E;
	border-left-color: #00445E;
	background-color: #009DD2;
	
	}
.contactList h4
{padding-top:15px;}
.contactList a 
{
  color: #000000;
  text-decoration:none;
}

.contactList a:hover
{
  color: #00445E;
  text-decoration:underline;
}
.pnlLeftBlock
{
   width: 160px;
   height: auto;
   float: left;  

}
  

