body {
	margin:0px;
	padding:0px;
	border:0px;
	min-width:800px;
	font-family: Arial;
	font-size: 85%;
	color: #333333;
	background:#FFFFFF url("images/white3.jpg") repeat;
	text-align: center;
}	
	
/* Typographic style rules adapted from http://www.thenoodleincident.com/tutorials/typography/ */

h1, h2, h3, h4, h5, h6 {color: #193A63;}

h1 {
	margin:0px;
	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.3em;
	font-weight: bold;
}
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-image:url("Images/mainside.jpg");
	background-repeat:repeat-y;
	border:solid 1px #193A63;
}
#topShadow 
{
	margin:0px;
	height:39px;
}
#topPic
{
	position:relative;
	right:2px;
}
#header {
	margin:0px;
	background-color:#FFFFFF;
	
}
#headerleft
{
	float:left;
	width:220px;
	padding-top:80px;
	display:inline !important;
	margin:0px;
}
#header a img
{
	border: 0px;
}

#headerright
{
	margin:0px 0px 0px 220px;
	padding:0px;
}


/*IE6 bug fix for positiong float elements */

/* Hide from IE5-mac. Only IE-win sees this. \*/  
* html #headerright    
{
	 margin-left: 217px;
	 margin-right: -3px;      
	 height: 1%;    }		
* html #headerleft   
{
	 margin-right: -3px;   
}
/* End hide from IE5/mac */

#branding {
	position: absolute;
	left:0px;
	top:145px;
	z-index:200;
	
}
#companyName {
	color: #FFF9E9;
	font-size: 40px;
}

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

#slogan {
	color: #FFF9E9;
	font-size: 16px;
}
#mainnav 
{
	text-decoration:none;
	width:680px;
	text-align:center;
	z-index:1000;
	background-color:#193A63;
}

#breadcrumbs {
	padding:2px 2em 1em;	
	margin-top:2px;
	color: gray;
	font-weight: normal;
}
	
#breadcrumbs a {
	text-decoration: underline;
}

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

#content {
	position:relative;
	padding-right:4px;
	margin-top:0;
	margin-right:1px;
	margin-left:220px;
	background-color: White;
}
#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 */

#menu {
	float:left;
	width: 200px;
	padding:60px 0 0 10px;
	display:inline;
}

#menu a {				
	display:block !important;
	text-align:center;
	padding: 0.25em 0;	
	background-image: none;
	background-repeat: no-repeat;
	font-family: Tahoma;
	color:White;
}	
	
#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:#FFFFFF;
	font-weight:bold;
}
#menu p a
{
	display: inline !important;
	text-align:justify;
	padding:0;	
	background-image: none;
	background-repeat: no-repeat;
	font-family: Arial;
	color:White;
}

#menu p a:hover
{
	color:white;
}
#menu p a.selected
{
	color:white;
}

#menu h4
{
	color:#C65010;
}

#menu img
{
	
}
.loggedInmenu
{
	background-color:#193A63;
	font-family:Tahoma;
	font-size:1em;
	margin:0em 2em;
	width:150px;
}
.loggedInmenu ul
{
	padding:0px 0px;
	margin:0px 0px;
}
.loggedInmenu li
{
	Border:solid 1px #DDDDDD;
	Padding: 1px; 
	list-style-image:none;
	text-decoration:none;
	list-style:none;
}

.loggedInmenu a
{
	text-decoration:none;
}
.loggedInmenu a:hover
{
	background-color: #275B9A
}




#copy {			
	position:static;
	padding:10px 2em 4em;	
	min-height:200px;
		
}
#mainSide
{
	float:right;
	background-color:#00CFFD;

}
#mainSide td
{
	border-left:solid 0.2em white;
	padding:0 2px 0 2px;
	
}
#mainStuff
{
	float:right;
	margin-right:200px;
}
* html #copy {padding:0 3.5em 4em 2em;}

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

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

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

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

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

#copy li a 
{
    text-decoration:none !important;
    color:#193A63;
}

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

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

p.contactinfo 
{
	color :#193A63;
}

#copy p.testi
{
    font-style:italic;
    margin:1em 0em 0em 1em;
    font-weight:normal;
}

#imageData
{
	
}
#imageData p
{
	font-size:0.7em;
	color:#193A63;
}

#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: #C65010;
}

#copy img
{
	float:right;
	display:inline;
	margin:0em 0em 1em 1em;
	border-width:0;
	overflow:auto;
}
#copy img.left
{
	
	float:left;
}
#copy img.none
{
	float:none;
	margin:0em 0em;
}
#copy img.sign
{
	float:none;
	border-style:outset;
	border-color:#CCCCCC;
	border-width:2px;
}

#copy img.POD
{
	float:none;
	margin:1em;
	border:1px;
}

* 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:#9E0F0C;
    color:#FFF9E9;
}
/*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;
}



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





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

* html #bottomShadow {margin-bottom:-7px;}

#footer{
	clear:both;
	padding: 2px;
	background-color:#FFFFFF;
	font-size:0.9em;
	text-align:center;
	height:15px;
}

#adv
{
	margin-left:1.2em;
	font-size:0.7em;

}
#adv a
{
	color:Gray;
	text-decoration:none;
}


#more
{
	margin:1em 0 2em 0;
	float:right;
}
 
.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 */


#advertise
{
	margin-top:20px;
	color:Gray;
	font-size:0.8em;
}

#advertise img
{
	float: right;
	display:inline;
}


.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;
}

#login
{
	width:100%;
	Padding :5px 0 2px 2px;
	border-bottom: solid 2px green;
	border-top:solid 2px green; 
	color:Green;
	font-size:1em;
}

#testi
{
   border-bottom:solid 2px green;
}

#testi p
    {
     font-size: 0.8em;
	 font-weight: bold;
	 color :#193A63;
    }

#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.labelright
{
	height:40px;
	color:#004A6B;
	font-weight: bold;
	text-align:right;
}


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: 250px;
	height: 200px;
	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:180px;
	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;
}


/*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;
}


#mainnav td a 
{
	width:100%; 
	display:block; 
}
#copy td a 
{

}

#copy td img
{
	float:none;
	margin:0 0 0 4px;
	padding:0;
}


#back
{
	text-align:center;
	font-size:1.2em;
	margin-top:20px;
}
#back a{color:#193A63}


.fixgap {
float: right;
height: 0;
}
p.rclear {clear: right;}

@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 {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;}
}