body {
	margin: 0;
	padding: 0;
	border: 0;
	min-width:800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
}	
	
/* Typographic style rules adapted from http://www.thenoodleincident.com/tutorials/typography/ */

h1, h2, h3, h4, h5, h6 {color: #004A6B;}

h1 {
	font-size: 2.0em;
	font-weight: normal;
}
h2 {
	margin: 1.2em 0em;
	font-size: 1.7em;
	font-weight: normal;
}
h3 {
	margin: 1.2em 0em;
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
	margin: 1.2em 0em;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	margin: 1.2em 0em;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 1.2em 0em;
	font-size: 0.8em;
	font-weight: bold;
}
pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {font-weight: bold;}

acronym[title] {
	cursor:help;
	border-bottom:1px dotted #333333;
	font-size: 95%;
}
#mainwrapper {			
	margin: 2px auto;
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	border:solid 1px #17064D;
}
#topShadow 
{
	position:relative;
	background-color:#004A6B;
}
#topShadow img.logo
{
	margin:0px 0 0 0px;
}


#header {
	width: 900px;
	height: 200px;
	margin: 2px 0 2px;
}


#mainmenu {
	float: left;
	width: 198px;
	height: 200px;
	background: url(images/img03.jpg);
	text-align:center;
}

#mainmenu ul {
	margin: 0;
	padding: 20px 20px 0 20px;
	list-style: none;
	line-height: normal;
}

#mainmenu li {
	display: inline;
}

#mainmenu a {
	display: block;
	padding: 8px 10px;
	background: url(images/img05.gif) repeat-x;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}
#mainmenu a:hover {
	color:#557898;
	background-color:#FFFFFF;
}

#mainmenu .first a {
	background: none;
}
#mainmenu .first a:hover {
	color:#557898;
	background-color:#FFFFFF;
}




#splash {
	float: right;
	height: 200px;
}


#logoImage {vertical-align: text-bottom;}


#breadcrumbs {
	padding:2px 2em 2px 220px;	
	color: gray;
	font-weight: normal;
	background-color:#0d1f61;
}
	
#breadcrumbs a {
	text-decoration: underline;
	color: #FFFFFF;
}

#breadcrumbs a:hover {text-decoration: none;}

#content {
	position:relative;
	padding-right:4px;
	padding-left:0px;
	margin-top:0;
	margin-right:1px;
	background-color: ThreeDLighShadow;
}
/*The Style for comapany specific text shown at the bottom of each page */
#Statement
{
	position:absolute;
	bottom :4px;
	right:10px;
	color:#C65010;
	font-weight:bold;
}


/* Hide from IE5 Mac \*/
* html #content {
	height:1%;
}
/* End hide from IE5 Mac */


/*Not currently being used for this website..to show an extra column on the main content 
#menu {
	float:left;
	width: 200px;
	height:auto; 
	padding:0;
	display:inline;
	background: url(images/img03.jpg);
	background-repeat:repeat-y;
}

		
#menu .Menu-Skin-Vertical{
	margin-left:20px;
}

#menu .menuHover {

	background-position: 1em 0.4em;
}
#menu .menuSelected {
	color: #9E0F0C;	
	background-position: 1em 0.4em;
}

#menu .subMenu {background-color:#FFF9E9;}

#menu .subMenu table {
    border:1px dotted #666666; 
    background-color:#FFF9E9;
}

#menu .subMenu table table{border:none;} 

#menu .subMenuNormal {color: #333333;} 

#menu .subMenuHover {
    background-position:1em 0.4em;
}

#menu p {
	margin: 1.0em 0em;
	font-size: 1.0em;
	line-height: 1.6em;
	color:#C65010;
	font-weight:bold;
}
#menu p a
{
	margin: 0.5em 0em 0 0.5em;
	line-height: 1.6em;
	font-family:  Arial;
	font-size: 85%;
	text-align:left;
	padding-left:20px;	
	background-image:url(Images/pdficon.gif);
	background-repeat: no-repeat;
	background-position:left;
	color:#C65010;
}
#menu p a:hover
{
	color:white;
}
#menu p a:selected
{
	color:white;
}

#menu h4
{
	color:#C65010;
}

#menu ul, #menu li {
	margin:0.2em 0 0.1em 0.5em;
	line-height: 1.8em;
}
#menu li
{
	list-style-image:url(Images/tick.gif);
}

#menu img
{
	margin-left:10px;
}
*/


/*Main content for the website */

#copy 
{
	background: url(images/img04.jpg);
	background-repeat:repeat-y;			
	position:static;
	padding:1em 1em 4em 218px;
		
}

* html #copy {padding:1em 1em 4em 218px;}

/* Hide from IE5 Mac \*/
* html #copy {height:1%;}
/* End hide from IE Mac*/

#copy ol, #copy ul, #copy li {
	margin:0.2em 0 0.1em 0.5em;
	font-size: 1.0em;
	line-height: 1.8em;
}

* html #copy ul {padding-left:2em;}

* html #copy li {padding:0 0 0.5em 0.5em;}

#copy li.ticked {list-style-image: url(Images/tick.png);}

ul.bulletedList li
{
	list-style-image:none
}

#copy p {
	margin: 1.2em 0em;
	font-size: 1.0em;
	line-height: 1.8em;
}

p.contactinfo 
{
	
}

#copy li > p {margin-top: 0.2em;}

#copy .pullQuote {
	float: right;
	display:inline;
	width: 35%;
	margin: 1em 0 1em 1em;
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
	color: Green;
}

#copy img
{
}
#copy img.right
{
	float:right;
	display:inline;
	margin: 1em 0em 1em 1em;
	border-width:0;
}
#copy img.left
{
	float:left;
	display:inline;
	margin: 0em 1em 2em 0em;
	border-width:0;
}
#copy img.none
{
	float:none;
	margin:0em 0em;
}
* html #copy img.none {padding:0px 0px 0px 0px;}
* html #copy img.none {margin:0em 0em 0em 0em;} 

#copy a {color:#C65010;}

#copy a:link {text-decoration:underline;}

#copy a:hover {text-decoration:none;}


#copy .textBox {
	margin:0.5em 0 0.5em 0.5em;
}

#copy .textBox:focus {background-color:#FFFFFF;}

#copy .dropDownlist {
	margin:0.5em 0 0.5em 0.5em;
	
}

#copy .checkboxlist {
	margin:0.5em 0 0.5em 0;
}

#copy .radioButtonList {	margin:0.5em 0 0.5em 0;}

#copy fieldset {
	border:1px solid #E7E9DE;
	padding: 1.0em;
}

#copy legend {color: #666666;}

#copy .button {
    margin:1em 0;
    border:1px solid #999999;
    background-color:#004A6B;
    color:#FFFFFF;
}

* html .button {padding:0 0.5em;} 

/*Menu which shows after the customer has succesfully logged in*/
#copy .loggedInmenu {
	width: 702px;
	background: url(images/img45.jpg);
	height:1%; /*Bug fix for IE7*/
	top:-14px;
	left:-20px;
	position:relative;

}

#copy .loggedInmenu ul {
	margin: 0 0 0 0.5em;
	list-style: none;
	line-height: normal;
	padding:0.8em;
}

#copy .loggedInmenu li {
	display: inline;
}

#copy .loggedInmenu a {
	padding:6px 10px;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	/*border: solid 1px #FFFFFF;
	background-image:url(images/img04.jpg);*/
	line-height: normal;
}
#copy .loggedInmenu a:hover {
	color:#557898;
	background-color:#FFFFFF;
	background-image:none;
}
#copy .loggedInmenu a:active {
	color:#557898;
	background-color:#FFFFFF;
}

/*Style for the main page after customer login */
#copy .main a
{
	text-decoration:none;
	background-image:url("Images/flyout.gif");
	background-repeat:no-repeat;
	padding:0 1em;
}
#copy .main a:hover
{
	color :#004A6B;
}

#bottomShadow {
	height: 10px;		
	background:#FFFFFF url(Images/bottom_shadow1.jpg);
	background-repeat: no-repeat;
}

* html #bottomShadow {margin-bottom:-7px;}
#footer{
	clear:both;
	background-color:#FFFFFF;
	font-size:0.9em;
	text-align:center;
}
#footer a {
	margin:1px 5px;
	color:#993300; 
	text-decoration:none;
}

#footer a.jaix 
{
    margin:0px;
    color:Gray;
}   

#more
{
	margin:1em 0 2em 0;
	float:right;
}
 
#loginDiv
{
    position:absolute;
    width:197px;
    background-color:gray;
    right:0px;
    top:0px;
    font-size:0.8em;
    color:#004A6B;
    text-align :center;
} 
.loginfield 
{
    width:100px;
}
 
.clearfix {display: inline-block;} /* Fixes IE/Mac */
 
/* Hides from IE-mac \*/
* html .clearfix,
* html .clearfix * {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.leftColumn {
	float: left;
	display:inline;
	width: 60%;
}
.rightColumn {
	float: right;
	display:inline;
	width: 35%;
	background-color: #C1D0DE;
}

.separator-side-column{
	border-top:1px solid #D0D0BF;
	width:100%;
	height:2px;
	font-size:1px;
	background:transparent;
}

/*Style for the login table */
#login
{
	width:660px;
	Padding :5px 0 2px 2px;
	border-bottom: solid 2px green;
	border-top:solid 2px green; 
	color:Green;
	font-size:1em;
}


#ServiceTable
{
border:none;
padding:0px;
margin:0px;
width:100%;
background-color:#F2F8FF;
font-size:1em;
}

#ServiceTable td
{
border:solid 1px #FFFFFF;
}

tr.white
{
	background-color:White;
}
tr.blue
{
	background-color: #F2F8FF;
}
tr.green
{
	background-color:#F9FFF9;
}


td.label
{
	height:40px;
	color:#004A6B;
	font-weight: bold;
}

td.label1 {   
   font-weight: bold;
   text-align: left;
   padding-left :2px;
   color:#004A6B;
   }

td.label2 
{
	font-weight: bold;
	text-align: right;
    color:#004A6B;
}
td.centerlabel
{
	height:40px;
	color:#004A6B;
	font-weight: bold;
	text-align:center;
}

td.field {
   text-align: left;
}
 
 
 /* The syle needed to show thumbnails pic which makes it 
	seem that they enlarge when mouse is hovered over them*/

.thumbnail {
	float: right;
	width: 200px;
	height: 150px;
	margin: 0 15px 15px 0;
	 padding: 5px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#links a img {
	height: 0;
	width: 0;
	border-width: 0;
}
#links a {
	display:block;
	padding-top:150px;
	margin:0;
}

#links a:hover img 
{
	margin:0;
	position: relative;
	top: -220px;
	left:-200px;
	height: 450px;
	width: 500px;
	border-width: 0px;
	border-color: #0ff;
}


#clear 
{
	clear:both;
}

span.warning {
  color: #a40000;
}

img.sign{
	border-style:outset;
	border-color:#CCCCCC;
	border-width:2px;
  }

/*For the calender part of bookings*/
#dim 
{
    visibility: hidden;
    position: absolute;
    left:0px;
    top:0px;
    width:100px;
    height:100px;
    padding:0px;
    z-index: 1;
}

#calendar 
{
    position: absolute;
    left:0px;
    top:0px;
    padding:0px;
    width: 296px;
    height: 2px;
    z-index: 1;
    background: #eeeeec;
}

td.month{
	font: 18px arial, helvetica, sans-serif;
	text-align: center;
	background: #FF9933;
	color: #ffffff;
	width: 296px;
}

td.day{
	/*font: 18px arial, helvetica, sans-serif;*/
	text-align: center;
	background: #ffffff;
	color: #204a87;
	width: 30px;
	cursor: pointer;
}

td.empty{
	background: #eeeeec;
	width: 30px;
}

td.dayHead{
	font: 12px arial, helvetica, sans-serif;
	text-align: center;
	background: black;
	color: #ffffff;
	width: 30px;
}

td.close{
	text-align: center;
	background: #ffffff;
	color: #a40000;
	width: 296px;
	cursor: pointer;
}


/* For showing details for a new sender in the booking page*/
#addSender{
	position:absolute;
	visibility: hidden;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #ffffff;
}

input.disabled
{
	color: #888a85;
	background: #eeeeec;
	border: 1px solid #888a85;
}

input.validated
{
	color: #4e9a86;
	background: #ffffff;
	border: 1px solid #4e9a86;
}

#searchSuburbs{
	
}
#searchStatus
{
	color: #729fcf;
	visibility: hidden;
	text-align:right;
}



/*
Stuff for the booking tables 
CD = Consignment Details*/
#CDTable {
  border-collapse:collapse;
  margin:0;
  padding:0;
}
td.CDPrintHead
{
	background-color: Black;
	font-weight: bold;
	height: 22px;
	color: #ffffff;
	padding-right: 10px;
	text-align:center;
}
td.CDPrint
{
	background-color: #FF9933;
	height: 22px;
	padding-right: 10px;
	text-align:center;
}



td.CDHead0, td.CDHead1, td.CDHead2, td.CDHead3, td.CDHead4, td.CDHead5, td.CDHead6, td.CDHead7, td.CDHead8, td.CDHead9, td.CDHead10
{
	background-color: black;
	font-weight: bold;
   border-bottom: 1px solid #204a87;
   border-top: 1px solid #204a87;
   height: 22px;
   color: #ffffff;
   padding: 1px;
}

td.CDHead0 {
   width: 70px;
   border-left: 1px solid #204a87;
   text-align: center;
}
td.CDHead1 {
   width: 70px;
    text-align: center;
}
td.CDHead2 {
   width: 35px;
    text-align: center;
}
td.CDHead3 {
   width: 16px;
    text-align: center;
}
td.CDHead4 {
   width: 70px;
    text-align: center;
}
td.CDHead5 {
   width: 70px;
    text-align: center;
}
td.CDHead6 {
   width: 70px;
    text-align: center;
}
td.CDHead7 {
   width: 70px;
    text-align: center;
}
td.CDHead8 {
   width: 110px;
   text-align: center;
}
td.CDHead9 {
   width: 16px;
    text-align: center;
}
td.CDHead10 {
   width: 160px;
    text-align: center;
   border-right: 1px solid #204a87;
}

td.CDTDBlank, td.CDTDLeft, td.CDTDRight, td.CDTDDate {
   border-bottom: 1px solid #204a87;
    text-align: center;
}

td.CDTDDate
{
	 text-align: center;
}

td.CDTDRight
{
	border-right: 1px solid #204a87;
}
td.CDTDLeft
{
	border-left: 1px solid #204a87;
}

tr.CDRowEmpty 
{
	background-color: #eeeeec;
}

tr.CDRowBlank {
   background-color: #f7f3e9;
   padding: 2px 1px 2px 1px;
   cursor: pointer;
}

tr.CDRowBlank:hover {
   background-color: #f7e4b5;
}

tr.CDRowFull {
   background-color: #FF9933;
   padding: 2px 0px 2px 1px;
}


span.jaixfooter
{
font-size:0.7em;
color:gray;
}


@media print {	
	body {
		color: #333333 !important;
		border-bottom: 1px solid #000;
		background:#FFFFFF !important;		
		font-size:10pt;
		line-height:12pt;
	}	
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
		color: #333333;
	}

	#mainwrapper,#topShadow,#bottomShadow {background:none;}

	#header {
		position: static;
		height: auto;
	}	

	#menu, #mastheadImage, #mainmenu , #splash {display:none;}

	#branding {
		position: static;		
		text-align:left;
		margin: 0;
		padding: 0;
	}
	#breadcrumbs {
		position: static;
		padding-bottom: 2em;
		margin: 1em 0;
		border-bottom: 1px solid #000000;
		color: #333333;
	}

	#breadcrumbs a {color: #333333;}

	#copy {
		width: 80%;
		margin-left:0;
		padding: 0 2em;
	}

	#copy a {color: #333333;}

	#copy li {
		list-style-image: none;
		list-style-type: disc;
	}

	#copy .pullQuote {display: none;}

	#copy .textBox {
		border: 1px solid #333333;
		background:none;
	}

	#copy .textBox:focus {background:none;}

	#copy fieldset {border:1px solid #333333;}

	#copy legend {padding-bottom:1em;}

	#copy .dropDownlist {background:none;}
	
	#copy .loggedInmenu {display:none;}
}