﻿body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	
}

body {
	background-color: white;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.style10,
.style10 a:link,
.style10 a:active,
.style10 a:visited
 {
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 0.9em;
    font-weight: bold;
}

.stylewht 
 {
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: normal;
}

.copy {
	font-size: 0.8em;
	color: #3D4245;
	text-align:justify;
	display:block;
}

.top-copy {
	font-size: 0.8em;
	color: #464B4F;
	text-align:justify;
	display:block;
}

.top-copy-blue {
	font-size: 1.7em;
	font-style: italic;
	font-weight: bold;
	color: #007CC2;
}
.top-eSolutions-wht {
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: bold;
}

.top-eSolutions-input {
    color: black;
    font-size: 0.9em;
    font-weight: normal;
	width: 160px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.top-eSolutions-login {
	margin-left: 80px;
}

.line-lightBlue {
padding-top: 12px;
	padding-bottom: 18px;
	border-bottom: #D9E7F0 1px solid;
}




.top-topics {
	width: 100%;
	float: left;
	min-width: 500px;
	background-image: url('/ctc/img/top_page/topics-bg.png');
	background-repeat: repeat-x;
}

.top-topics-sep {
	float: left;
	height: 97px;
	padding-left: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #87B3D0;
}

.top-topic-banner {
	width: 31%;
	float: left;
	padding-left: 1.7%;
	text-align: center;
	font-size: 0.8em;
	color: #727578;	
}
.top-topic-banner-txt {
		text-align:justify;

	width: 92%;
	margin: 0 auto;
	padding: 0 auto;
}

.top-copy-blue {
	font-size: 1.7em;
	font-style: italic;
	font-weight: bold;
	color: #007CC2;
}

/* Internal Pages */

.internal-top-bann {
	width: 100%;
	text-align: right;
	background-color: #007CC2;
}

.internal-top-bann-txt {
	width: 30%;
	text-align: center;
	color: #FFF;
	font-size: em;
	font-weight: bold;
	float: left;
	padding-left: 2%;
	padding-top: 4%;
}


a:link {
	color: #007CC2;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #007CC2;
}
a:hover {
	text-decoration: underline;
	color: #E8202E;
}
a:active {
	text-decoration: none;
	color: #007CC2;
}
.style53 {font-size: 0.7em; color: #6490BB; }
.style11 {
	color: #1067A1;
	font-weight: bold;
	font-size: 0.8em;
}
.style13 {
font-size: 1em;
	font-weight: bold;
	color: #1067A1;
}
.style16 {font-size: 0.8em; color: #666666; font-family:Verdana; }
.styleGW1 {font-size: 10pt; color: #1067A1; font-family:Arial; font-weight: bold; }
.styleGW2 {font-size: 8pt; color: #666666; font-family:Verdana; }
.style19 {color: #1067A1; font-size: 0.8em;}
.style56 {color: #AAA77A; font-weight: bold; }
.style58 {font-size: 0.8em; color: #333333; }
.style61 {color: #FF0000}
.style63 {font-size: x-large}

.style37 {
    font-size: 1.2em;
    color: #788187;
}

/* News -------- */

.newsCont {
	border-right: #CCC 1px solid;
}

.newsTitle { color: #007cc2; font-size: 1.7em; font-style: bold; }
.newsDate { color: #007cc2; font-size: 1.2em;  }


.newspgTitle { color: #007cc2; font-size: 0.9em; font-style: bold; }
.newspgDate {
	color: #999;
	font-size: 0.7em;
}


.clear { clear: both; }

.footer {
	margin-left: 20px;
	color: #007CC2;
	font-size: 0.7em;
	}


.readmore,
.readmore a:link,
.readmore a:visited,
.readmore a:active
 {
	font-size: 0.7em;
}

/* Search Box -------- */

.searchInput {
	width: 200px;
	height: 80px;
	font-size: 1.1em;
	color: black;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


/* TOP SEARCH CSS -*/

.top-esolutions-log {
	width: 85px;
	margin-left: 80px;
	margin-top: 6px;
}

.top-srch-base-left {
	width: 65px;
	float: left;
	padding-top: 6px;
	float: left;
}

.top-srch-base-right {
	width: 85px;
	margin-left: 10px;
	margin-top: 6px;
	float: left;
}


.top-eSolutions-lgn {
	background:url('/ctc/img/esolutions/centurion-logistics-login.png') no-repeat;
	width: 85px;
	height: 29px;
}
.top-eSolutions-lgn:hover {
	background:url('/ctc/img/esolutions/centurion-logistics-login-on.png') no-repeat;
	width: 85px;
	height: 29px;
}

.top-eSolutions-search {
	background:url('/ctc/img/track_consignment_box/centurion-logistics-perth.png') no-repeat;
	width: 85px;
	height: 29px;
}
.top-eSolutions-search:hover {
	background:url('/ctc/img/track_consignment_box/centurion-logistics-perth-on.png') no-repeat;
	width: 85px;
	height: 29px;
}

.top-conote-labels {
	font-size: 0.7em;
	color: #666;
}


.top-conote-advncd,
.top-conote-advncd a:link,
.top-conote-advncd a:visited,
.top-conote-advncd a:active
{
	font-size: 0.8em;
	color: #007CC2;
	font-weight: bold;
	text-transform: uppercase;
}


/* connote search tabs */

.top-conote-tab1 {
	background:url('/ctc/img/track_consignment_box/centurion-search-tab.png') no-repeat;
	width: 85px;
	height: 26px;
}
.top-conote-tab1:hover {
	background:url('/ctc/img/track_consignment_box/centurion-search-tab-on.png') no-repeat;
	width: 85px;
	height: 26px;
}
.top-conote-tab2 {
	background:url('/ctc/img/track_consignment_box/centurion-track-tab-g.png') no-repeat;
	width: 85px;
	height: 26px;
}
.top-conote-tab2:hover {
	background:url('/ctc/img/track_consignment_box/centurion-track-tab-on.png') no-repeat;
	width: 85px;
	height: 26px;
}


/* TOP SLIDESHOW */
#header {
	height:240px;
	background-color: #007CC2;
	z-index: -20;
	position:relative;	
}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:240px; position:absolute; 
}


/* HEADER TEXT */
#headertxt { width:1024px; margin:0 auto; clear:both; position:relative; top:74px; 	z-index: -2; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured {
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	
	text-align: center;
	
	width: 98%;
	padding:1%;
	float:left;
	display:block;
	clear:both;
	margin-top:128px;
	

-moz-border-radius-bottomright: 22px;
border-bottom-right-radius: 22px;

}
.pictured a { font-size: 0.7em; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }



/* Con Note Search Tabs*/

#tabs {
	width: 171px;
}



.ui-tabs { position: relative; padding: 0em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* --- apply button ---- */
.careers-apply-button {
	background:url('/ctc/img/centurion-apply.png') no-repeat;
	width: 85px;
	height: 29px;
}
.careers-apply-button:hover {
	background:url('/ctc/img/centurion-apply-on.png') no-repeat;
	width: 85px;
	height: 29px;
}