/* 
	Default Mainfreight web template.  
	
	This design is not be replicated under any circumstances.
	The template, as you see it (the XHTML and CSS) is free
	to use, the identity, images and content remain copyright
	of Mainfreight.
*/
body{
	margin: 0;
	padding: 0;
	font-family: Lucida Sans, Lucida Grande, Helvetica, Trebuchet MS, Tahoma, Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight:bold;
	background-image:url(../Image/home2Bg.gif);
    background-repeat:repeat-x;
    background-position:top;
}
/*------------------------------------------------------------------------------------------
breadcrumb elements ----------------------------------------------------------------------*/

div.breadcrumb
{
    width:618px;
    height:42px;
    background-image:url(../Image/breadcrumbLightBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
div.rightColBreadcrumb
{
    width:309px;
    height:42px;
    background-image:url(../Image/breadcrumbLightBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
div.wideBreadcrumb
{
    width:927px;
    height:42px;
    background-image:url(../Image/breadcrumbLightBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
div.darkBG
{
    background-image:url(../Image/breadcrumbDarkBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
}
div.breadcrumb span.breadcrumb, div.wideBreadcrumb span.breadcrumb
{
    float:left;
    color:#FFFFFF;
    font-size:1em;
    margin:16px 0 0 14px;
    text-transform:capitalize;
}
span.breadcrumb a, span.breadcrumb a:visited
{
    color:#FFFFFF;
    text-decoration:none;
}
/*------------------------------------------------------------------------------------------
Region Selector --------------------------------------------------------------------------*/

div.regionSelector
{
    display:none;   /* turned on by page load) */
    position:absolute;
    top:20px;
    left:814px;
    margin:0;
    width:170px;
    height:87px;
}
div.regionSelector a
{
    color:#b3b3b3;
}
div.regionSelector img
{
    margin:2px 0 0 0;
}
div.regionSelector span
{
    display:block;
    margin:3px 0 0 26px;
    font-size:1.2em;
    color:#b3b3b3;
}

div.homeContent
{
    width:1000px;
    position: relative;
    margin:0;
    top:-10px;
}

div.topEdge
{
    height:27px;
    background-image:url(../Image/redStripe.gif);
    width:912px;
    color:#FFFFFF;
    font-family:HelvCondensed, Arial Narrow, Arial;
    font-size:20px;
    padding:3px 0 0 15px;
}
div.pageColumns
{
    width:927px;
    margin:auto;
    text-align:left;
    background-image:url(../Image/leftColumnBG.jpg);
    background-position:0 30px;
    background-repeat:repeat-x;
}
div.pageLeftCol
{
    float:left;
    width:208px;
    background-color:#FFFFFF;
    margin:0 0 0 15px;
    padding:17px 15px 0 0;
    min-height:412px;
}
div.pageRightCol
{
    float:right;
    width:644px;
    background-color:#FFFFFF;
    margin:0 15px 0 0;
    padding:17px 15px;
    min-height:412px;
}

div.pageRightColOther
{
    float:right;
    width:644px;
    background-color:#FFFFFF;
    margin:0 15px 0 0;
    padding:17px 15px;
    min-height:412px;
}

div.pageFullWidth
{
    width:867px;
    margin:0 0 0 15px;
    padding:17px 15px;
    background-color:#FFFFFF;
    min-height:412px;
}
div.lEdge
{
    position:absolute;
    top:0px;
    left:0px;
    width:21px;
    height:160px;
    background-image:url(../Image/shadow_l.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}
div.rEdge
{
    position:absolute;
    top:0px;
    right:0px;
    width:20px;
    height:160px;
    background-image:url(../Image/shadow_r.gif);
    background-repeat:no-repeat;
    background-position:bottom;
}

/*------------------------------------------------------------------------------------------
section menu -----------------------------------------------------------------------------*/

div.sectionMenu
{
    width:206px;
    border:solid 1px #e1e1e1;
    margin-left:15px;
}
div.sectionTitle
{
    height:24px;
    background-image: url("../Image/sectionTitleBG.jpg");
    background-repeat:repeat-x;
    padding:0;
    margin:1px 1px 0 1px;
    color:#FFFFFF;
}
div.sectionTitle p
{
    margin:2px 0 0 14px;
    font-family: Arial Narrow, Arial, Helvetica;
    font-weight:bold;
}
div.sectionMenu ul
{
    margin:0;
    padding:1px;
}
div.sectionMenu ul li
{
    list-style:none;
    margin:0;
    padding:0;
    height:23px;
    border-top:solid 1px #e1e1e1;
}
div.sectionMenu ul a
{
    display:block;
    background-color:#5E605D;
    height:23px;
    font-family: Arial Narrow, Arial, Helvetica;
    font-weight:bold;
    color:#0073ae;
    text-decoration:none;
    padding:0 0 0 12px;
}
div.sectionMenu img
{
    display:block;
    float:left;
    width:9px;
    padding:0 3px;
}
div.sectionMenu span
{
    padding-left:6px;
    padding-top:2px;
    padding-bottom:0px;
    display:block;
    cursor:hand;
}
div.sectionMenu ul a.section
{
    padding-left:8px;
    background-color:#ebf5fe;
    text-transform:uppercase;
}
div.sectionMenu ul a.page
{
    padding-left:8px;
    background-color:#f3f9fd;
    text-transform:capitalize;
}
div.sectionMenu ul a.selectedSection
{
    padding-left:8px;
    background-color:#FFFFFF;
}
div.sectionMenu ul a.selectedPage
{
    padding-left:8px;
    background-color:#FFFFFF;
}

div.sectionMenu ul a.HelpfulAdvice
{
	display:block;
    height:23px;
    font-family: Arial Narrow, Arial, Helvetica;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding:0 0 0 12px;
	padding-left:8px;
    background-color:#FF4500;
    text-transform: uppercase;
}

body.popup
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f8f8f8;
}

.footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	line-height: 29px;
}

.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#003366;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#003366;
}

TABLE
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}
TABLE TH
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: steelblue;
    FONT-WEIGHT: bolder
}

.TableBookingItemsInner
{
	background-image: url("../Image/booking_items_inner_bgrd.gif");
    background-repeat:repeat-x;	
}

.TableBookingItemsOuttuer
{
	background-image: url("../Image/booking_items_outer_bgrd.gif");
    background-repeat:repeat-x;	
}
PRE
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}
SELECT
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt;
    Z-INDEX: 1;
}
INPUT
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}
TEXTAREA
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt
}

.Head
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #3c6c9d;
}

.SubHead
{
	font-family: Lucida Sans;
	font-size: 13px;
	font-weight: bold;
	color: #0072b7;
}

.Warning
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

.TimelineOn
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

.TimelineOff
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

.numeric
{
	text-align: right;
}
/*------------------------------------------------------------------------------------------
anchor formatting ------------------------------------------------------------------------*/

a{
	color: #0072b8;
}

A.:link {
    text-decoration:    none;
    color:#3c6c9d;
    font-weight: bold;
}

A.:visited  {
    text-decoration:    none;
    color:#3c6c9d;
    font-weight: bold;
}

A.:active   {
    text-decoration:    none;
    color:#3c6c9d;
    font-weight: bold;
}

A.:hover    {
    text-decoration:    none;
    color:red;
    font-weight: bold;
}

A.Menu:link {
    text-decoration:    none;
    color:white;
    font-weight: normal;
}

A.Menu:visited  {
    text-decoration:    none;
    color:white;
    font-weight: normal;
}

A.Menu:active   {
    text-decoration:    none;
    color:white;
    font-weight: normal;
}

A.Menu:hover    {
    text-decoration:    none;
    color:white;
    font-weight: normal;
}

A.Popup:link {
    font-size: 12px;
    text-decoration: underline;
    color:#FF4500;
    font-style: italic;
}

A.Popup:visited  {
    font-size: 12px;
    text-decoration: underline;
    color:#FF4500;
    font-style: italic;
}

A.Popup:active   {
    font-size: 12px;
    text-decoration: underline;
    color:#FF4500;
    font-style: italic;
}

A.Popup:hover    {
    font-size: 12px;
    text-decoration: underline;
    color:red;
    font-style: italic;
}

.Mandatory 
{
	background-color: #FFF8DC
}

.ConsignmentLocation
{
	font-size: 12px;
	font-weight: bold;
	color: #0000FF;
}
a.menuNavImage
{
    float:left;
}

img.imageCentred
{
    padding: 0px;
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:15px;
    margin-bottom:15px;
}
.bottomShadow
{
   background-image:url("../Image/footerShadow.gif");
   background-position:top;
   background-repeat:repeat-x;
}
.BottomNavigationOutter
{
	background-image:url(../Image/bottom_navigation_outer_bgrd.gif);
    background-repeat:repeat-x;
    background-position:top;	
}
.BottomNavigationInner
{
	background-image:url(../Image/bottom_navigation_inner_bgrd.gif);
    background-repeat:repeat-x;
    background-position:top;	
}
.ConsignmentEstimateOutter
{
	background-image:url(../Image/Precision-Secure-Payment_outter.gif);
    background-repeat:repeat-x;
    background-position:top;	
}
.ConsignmentEstimateInner
{
	background-image:url(../Image/Precision-Secure-Payment_inner.gif);
    background-repeat:repeat-x;
    background-position:top;	
}
.BookingDetailsOutter
{
	background-image:url(../Image/booking_senderdetails_outer_bgrd.gif);
    background-repeat:repeat-x;
    background-position:top;	
}
.BookingDetailsInner
{
	background-image:url(../Image/booking_senderdetails_inner_bgrd.gif);
    background-repeat:repeat-x;
    background-position:top;	
}

/*------------------------------------------------------------------------------------------
footer elements --------------------------------------------------------------------------*/

div.footer{
	height: 50px;
	margin: 50px 0;
	padding: 30px 0;
	text-align: center;
	font-size: 1.1em;
	color: #989898;
	background: url(../Image/footerShadow.gif) no-repeat top;
	clear:both;
}
div.footer a{
	color: #989898;
	text-decoration: none;
}
div.footer a:visited{
	color: #989898;
	text-decoration: none;
}
.WaterMarkedTextBox
{
	color: gray;
	display: inline;
	background: AliceBlue;
	visibility: visible;
}
.NormalTextBox
{
	color: black;
	display: inline;
	background: #ffffff;
	visibility: visible;
}

#OBEFloat
{
	position: fixed;
	bottom: 20px;
	left: 18px;
	width: 966px;
	padding: 10px;
	background-color: #0b80c6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: solid 1px #c0c0c0;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
}
#OBEFloat a
{
	color: #ffffff;
}
#OBEClose
{
	position: fixed;
	bottom: 22px;
	left: 970px;
	font-size: 14px;
	width: 40px;
	height: 30px;
	cursor: default;
	text-align: center;
	padding-top: 7px;
	color: #ffffff;
}