/*
	Name: Direct Freight Express
	URL: http://www.directfreight.com.au
	Version: 1.0
*/

/* css reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { 
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border:0;
}

/* default styles */

.clear {
	clear: both;
	height: 1px;
}

h2, h3, h4 {
	color: #002596;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.35em;
	margin: 0; 
}

h2 {
	padding: 0 15px 0 15px;
}

h3 {
	padding: 15px 15px 2px 15px;
}

h4 {
	padding: 0 15px 0 15px;
}

p {
	font-size: 12px;
	margin: 0;
	padding: 0 15px 0 15px;
	text-align: left;
}

a {
	color: #002596;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #FF7900;
}

/* site */

body {
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 760px;
}

#header {
	background: url(../images/dfe-bg.jpg) bottom left repeat-x;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	float: left;
	height: 115px;
	width: 760px;
}

#header #logo {
	float: left;
	padding: 5px 0 0 0;
}

#header ul#top-nav a img {
	vertical-align: text-bottom;
}

#header ul#top-nav {
	float: right;
	font-size: 11px;
	padding: 7px 15px 0 0;
	text-align: right;
}

#header ul#top-nav li {
	display: inline;
}

#header ul#top-nav li a {
	color: #002596;
	font-weight: bold;
	outline: none;
	padding: 0 0 0 15px;
	text-decoration: none;
}

#header ul#top-nav li a:hover {
	color: #FF7900;
}

#text-wrap {
	clear: both;
	background: #FFFFFF;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0 0 15px 0;
	width: 760px;
}

#left-column, #right-column {
	float: left;
}

#left-column {
	width: 210px;
}

#right-column {
	width: 550px;
}

#consignment-status #right-column, #agent-returns #right-column, #change-password #right-column,
#add-despatch #right-column, #final-despatch #right-column, #manifest #right-column {
	padding: 5px 0 0 0;
	width: 760px;
}

#consignment-box {
	float: left;
	width: 260px;
}

#right-hoz-nav {
	float: left;
	padding: 3px 0;
	width: 500px;
}


#hoz-nav {
	padding: 3px 0;
	width: 760px;
}

#hoz-nav ul, #right-hoz-nav ul {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 2px 15px 0 0;
	text-transform: uppercase;
}

#hoz-nav ul li, #right-hoz-nav ul li {
	display: inline;
	padding: 3px 0 0 0;
}

#hoz-nav ul li a, #right-hoz-nav ul li a {
	color: #002596;
	font-weight: bold;
	outline: none;
	padding: 0 8px;
	text-decoration: none;
}

#hoz-nav ul li a:hover, #right-hoz-nav ul li a:hover {
	color: #FF7900;
}

/* main nav */

#main-nav ul {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 2px 10px 0 15px;
	text-transform: uppercase;
}

#main-nav ul li {
	padding: 3px 0 0 0;
}

#main-nav ul li a {
	color: #002596;
	font-weight: bold;
	outline: none;
	padding: 0;
	text-decoration: none;
}

#main-nav ul li a:hover {
	color: #FF7900;
}

/* headings */

h1 span {
	display: none;
}

#about-direct h1, #national-freight h1, #latest-news h1, #eta-calculator h1,
#freight-control h1, #track-and-trace h1, #modern-terminals h1, #careers h1,
#video-feature h1, #faqs h1, #contact-direct h1, #privacy h1, #contract h1,
#register h1, #forgot-password h1, #login-details h1 {
	height: 45px;
	margin: 0;
	padding: 0 0 15px 0;
	width: 535px;
}

#about-direct h1 {
	background: url(../images/about-direct.jpg) no-repeat top right;
}

#national-freight h1 {
	background: url(../images/national-freight.jpg) no-repeat top right;
}

#latest-news h1 {
	background: url(../images/latest-news.jpg) no-repeat top right;
}

#eta-calculator h1 {
	background: url(../images/eta-calculator.jpg) no-repeat top right;
}

#freight-control h1 {
	background: url(../images/freight-control.jpg) no-repeat top right;
}

#track-and-trace h1 {
	background: url(../images/track-and-trace.jpg) no-repeat top right;
}

#modern-terminals h1 {
	background: url(../images/modern-terminals.jpg) no-repeat top right;
}

#careers h1 {
	background: url(../images/careers.jpg) no-repeat top right;
}

#faqs h1 {
	background: url(../images/faqs.jpg) no-repeat top right;
}

#contact-direct h1 {
	background: url(../images/contact-us.jpg) no-repeat top right;
}

#privacy h1 {
	background: url(../images/privacy.jpg) no-repeat top right;
}

#contract h1 {
	background: url(../images/contract.jpg) no-repeat top right;
}

#register h1 {
	background: url(../images/register.jpg) no-repeat top right;
}

#forgot-password h1 {
	background: url(../images/forgot-password.jpg) no-repeat top right;
}

#login-details h1 {
	background: url(../images/my-account.jpg) no-repeat top right;
}

#video-feature h1 {
	background: url(../images/now-see-movie.jpg) no-repeat top right;
}

#consignment-status h1, #agent-returns h1, #change-password h1,
#add-despatch h1, #final-despatch h1, #manifest h1 {
	height: 45px;
	margin: 0;
	padding: 0 0 15px 0;
	width: 745px;
}

#consignment-status h1 {
	background: url(../images/consignment-status.jpg) no-repeat top right;
}

#agent-returns h1 {
	background: url(../images/agent-returns.jpg) no-repeat top right;
}

#change-password h1 {
	background: url(../images/change-password.jpg) no-repeat top right;
}

#add-despatch h1 {
	background: url(../images/add-despatch.jpg) no-repeat top right;
}

#final-despatch h1 {
	background: url(../images/finalise-despatch.jpg) no-repeat top right;
}

#manifest h1 {
	background: url(../images/manifest.jpg) no-repeat top right;
}

/* custom styles */

#home h1 {
	font-size: 20px;
	font-style: italic;
	line-height: 24px;
	margin: 0;
	padding: 35px 20px 3px 20px;
	text-align: center;
}

#home .director {
	font-size: 11px;
	padding: 0 22px 0 0;
	text-align: right;
}

#add-despatch h2, #final-despatch h2, #agent-returns h2, #manifest h2,
#consignment-status h2 {
	font-size: 11px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}

#about-direct h2, #careers h2, #contact-direct h2, #about-direct p, 
#national-freight p, #latest-news p, #eta-calculator p,
#careers p, #faqs p, #contact-direct p, #privacy p {
	padding: 0 15px 15px 15px;
}

#about-direct .staff {
	font-size: 12px;
	padding: 0 0 15px 0;
}

#about-direct .border {
	border: 1px solid #002596;
	margin: 0 0 5px 0;
}

#national-freight img.right {
	float: right;
	margin: 10px 15px 0 15px;
}

#track-and-trace #right-column ul {
	font-size: 12px;
	list-style-type: square;
	padding: 0 15px 0 45px;
}

#contract p {
	font-size: 11px;
	line-height: 14px;
	padding: 0 15px 0 15px;
}

.sign {
	padding: 15px 0 0 0;
	text-align: center;
}

.movie {
	padding: 15px 0 15px 0;
	text-align: center;
}

.see-movie {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.terminal {
	padding: 15px 0 0 0;
	text-align: center;
}

.terminal-bottom {
	padding: 15px 0 15px 0;
	text-align: center;
}

#modern-terminals h2 {
	text-align: left;
}

.imgtermainal {
	padding: 0 0 5px 0;
}

.despatch-box {
	border: 1px solid #002596;
	margin: 5px 15px 15px 15px;
	padding: 5px;
}

.table-alignment {
	padding: 0 15px;
}

.input-border {
	border: 1px solid #002596;
	padding: 2px;
}

.input-button {
	font-size: 11px;
	padding: 2px;
	text-transform: uppercase;
}

#eta-calculator h3 {
	padding: 0;
}

#eta-calculator .input-border {
	border: 1px solid #002596;
	padding: 1px;
}

#eta-calculator .input-button {
	font-size: 10px;
	padding: 1px;
	text-transform: uppercase;
}

#eta-calculator .eta-buttons, #add-despatch .eta-buttons {
	padding: 0 0 15px 0;
	text-align: center;
}

#home h2, #consignment-box h2 {
	color: #fff;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#rounded-corner {
	margin: 15px;
	text-align: left;
	border-collapse: collapse;
}

#consignment-box #rounded-corner {
	margin: 5px 0 0 15px;
	text-align: left;
	border-collapse: collapse;
}


#rounded-corner thead th.rounded-company
{
	background: #002596 url(../images/left.png) left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #002596 url(../images/right.png) right -1px no-repeat;
}
#rounded-corner th
{
	font-weight: normal;
	color: #FFF;
	background: #002596;
}
#rounded-corner td
{
	font-size: 12px;
	background: #002596;
	color: #FFF;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #002596 url(../images/botleft.png) left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #002596 url(../images/botright.png) right bottom no-repeat;
}

#home #text-wrap {
	background: url(../images/home_bg.jpg) no-repeat right bottom;
	background-color: #FFFFFF;
}

/* footer */

#foot-wrap {
	margin: 0;
	padding: 5px 0 0 0;
	width: 760px;
}

#foot-wrap #copyright {
	float: left;
	width: 230px;
}

#foot-wrap #bottom-nav {
	float: left;
	width: 530px;
}

#foot-wrap #copyright p {
	font-size: 11px;
	padding: 0 15px 0 15px;
}

#foot-wrap #bottom-nav ul#links {
	float: right;
	font-size: 11px;
	padding: 0 15px 0 0;
	text-align: right;
}

#foot-wrap #bottom-nav ul#links li {
	display: inline;
}

#foot-wrap #bottom-nav ul#links li a {
	color: #000;
	padding: 0 8px;
}