@import "common.css";
@import "superfish.css";
@import "jquery.cluetip.css";
@import "fancy.css";
@import "date_picker.css";
html {
	margin			: 0;
	padding			: 0;
}
body {
	padding			: 0;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10px;
	color			: #000;
	text-decoration	: none;
	background		: #7eb0cd url(../images/background.png) no-repeat center top;
	margin			: 0px;
}
/*----- Wrapper */
#wrapper {
	width			: 980px;
	margin			: 10px auto;
	background: #fff;
}
/*----- Header */
#header {
	height			: 133px;
	clear			: both;
	float			: left;
}
/*----- Sidebar */
#rightSidebar {
	width			: 220px;
	float			: right;
	min-height		: 460px;
}
/*----- Content */
#content {
	width			: 560px;
	float			: left;
	margin			: 0 10px 35px 0px;
	font-size		: 11px;
	line-height		: 1.3em;
}
#content p {
	padding			: 0 0 10px 0;
}
#logo {
	float			: left;
}
/*---See this: navigation have 120 lines----*/
#nav {
	float			: left;
	height			: 38px;
	margin			: 0px;
	width			: 787px;
	display			: block;
	font-size		: 12px;
	color			: #002e57;
	z-index			: 1;
}
#nav ul{
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-left-width	: 1px;
	border-style		: solid;	
	padding				: 5px 0px 5px 0px;	
}
#nav li {
	float			: left;	
}
#nav a {
	padding-left	: 46px;
}
#nav ul a {
	padding			: 5px 5px 5px 18px;
	line-height		: 1em;
	font-size		:10px;
}
#nav li ul {
  display			: none;
  position			: absolute; 
  top				: 1em;
  left				: 0;
}
#nav li > ul {
	top				: auto;
	left			: auto;
}
#nav li:hover ul, #nav li.sfHover ul { 
	display			: block; 
}
#nav li {
	height			: 38px;
	width			: 127px;
}
#nav ul li {
	height 			:auto;
}
#nav #group-nav {
	background		: #002D57 url(../images/nav/group-bg.gif) no-repeat left top;
	width			: 121px;
}
#nav a:hover, #nav li.active a {
	background		: url(../images/a-active.gif) no-repeat 80px bottom;
}
#nav a:hover, #nav li.active a {
	background		: url(../images/a-active.gif) no-repeat 80px bottom;
}
#nav #group-nav a:hover {
	color				: #d1d9e6;
	/*background-position : 70px bottom;*/
}
#nav #pallets-nav {
	background		: #C5E7F7 url(../images/nav/pallets-bg.gif) no-repeat left top;
}
#nav #freight-nav {
	background		: #9BD8F1 url(../images/nav/freight-bg.gif) no-repeat left top;
}
#nav #logistics-nav {
	background		: #6BC9EA url(../images/nav/logistic-bg.gif) no-repeat left top;
}
#nav #ocean-nav {
	background		: #2BBDE5 url(../images/nav/ocean-bg.gif) no-repeat left top;
}
#nav #air-nav {
	background		: #00B2E0 url(../images/nav/air-bg.gif) no-repeat left top;
	width			: 158px;
}
#nav #air-nav a{
	background-position: 60px bottom;
}
#nav #group-nav ul {
	border-color	: #002D57;
}
#nav #pallets-nav ul {
	border-color	: #C5E7F7;
}
#nav #freight-nav ul {
	border-color	: #9BD8F1;
}
#nav #logistics-nav ul {
	border-color	: #6BC9EA;
}
#nav #ocean-nav ul {
	border-color	: #2BBDE5;
}
#nav #air-nav ul {
	border-color	: #00B2E0;
}
#nav ul a,
#nav ul a:hover{
	color			: #002e57;
	background-image: url(none);
}
#nav #group-nav ul a:hover {
	background-color: #002D57;
}
#nav #pallets-nav ul a:hover {
	background-color: #C5E7F7;
}
#nav #freight-nav ul a:hover {
	background-color: #9BD8F1;
}
#nav #logistics-nav ul a:hover {
	background-color: #6BC9EA;
}
#nav #ocean-nav ul a:hover{
	background-color: #2BBDE5;
}
#nav #air-nav ul a:hover{
	background-color: #00B2E0;
}
#nav ul li.active a:link, #nav ul li.active a:visited {
	color			: #00b2e0;
}
/*---End navigation-----*/
#header address {
	display			: block;
	width			: 200px;
	float			: left;
	font-size		: 9px;
	font-style		: normal;
	color			: #002e57;
	margin			: 25px 0px 0px 587px;
}
#header address span {
	color			:#00a4d7;
}
#left-col {
	float			: left;
	width			: 200px;
	margin-right	: 10px;
}
#right-col {
	float			: left;
	width			: 200px;
	min-height		: 660px;
}
#left-col .left-box {
	height			: 21px;
	margin-bottom	: 10px;
	padding			: 84px 0px 0px 20px;
	display			: block;
	color			: #FFFFFF;
	text-decoration	: none;
}
#content #flashContent, #gallery {
	margin			: 0 0 10px 0;
	z-index			: 0;	
}
#content .double-box {
	float			: left;
	height			: 200px;
	width			: 277px;
	margin			: 0px 6px 5px 0px;
	background		: #f5f5f5 url(../images/main-box-stripe.gif) repeat-x bottom;
}
/*
#content .forms {
	padding			: 20px;	
}
*/
#content .db-right {
	margin-right	: 0px;
}
#right-col #special-offer {
	height			: 228px;
	padding			: 0 0 10px 0;
	margin-bottom	: 10px;
	background		: #f5f6f6 url(../images/offer-stripe.gif) repeat-x bottom;
}
#right-col #customer-service {
	height			: 71px;
	margin-bottom	: 10px;
	background		: #002e57 url(../images/SUPPORT-LADY.jpg) no-repeat left top;
	padding			: 25px 0 0 73px;
	color			: #FFFFFF;
}
#special-offer h3 {
	line-height		: 26px;
	background		: url(../images/special-offers-bg.gif) no-repeat;
	padding-left	: 26px;
	font-size		: 12px;
	font-weight		: bold;
	color			: #FFFFFF;
}
#special-offer h4 {
	font-size		: 9px;
	color			: #00a4d7;
	margin-top		: 14px;
}
h4 {
	font-weight		: bold;
}
#special-offer h4 {
	margin			: 13px 14px 0 18px;
}
#special-offer p {
	margin			: 0 14px 0 18px;
}
#customer-service span {
	color			: #f2c24b;
}
#customer-service h4 {
	margin-bottom	: 9px;
}
#news-h {
	font-size		: 12px;
	line-height		: 26px;
	font-weight		: bold;
	background		: url(../images/news-bg.gif) no-repeat;
	padding-left	: 16px;
	color			: #FFFFFF;
}
#news-ul h5 {
	line-height		: 1.2em;
	color			: #012e55;
	padding			: 4px 10px 4px 16px;
	background		: #e7e8e9;
	margin-bottom	: 4px;
	cursor			: pointer;
}
.panel li {
	padding			: 8px 17px 9px 15px;
}
#quote {
	background		: #00a4d7 url(../images/calc.gif) no-repeat 13px center;
}
#book-now {
	background		: #00a4d7 url(../images/book.gif) no-repeat 13px center;
}
#stock {
	background		: #00a4d7 url(../images/stock.gif) no-repeat 13px center;
}
#trace {
	background		: #00a4d7 url(../images/trace.gif) no-repeat 13px center;
}
#credit {
	background		: #00a4d7 url(../images/credit.gif) no-repeat 13px center;
}
.double-box h2, .credit-box h2 {
	line-height		: 25px;
	font-size		: 12px;
	font-weight		: bold;
	color			: #FFFFFF;
	padding-left	: 43px;
}
/*
.double-box .forms select,
.double-box .forms .text-input, #eform input {
	width			: 90%;
	margin-bottom	: 5px;
	font-size		: 9px;
	color			: #00a3d6;
	padding			: 1px;
	border			: 1px solid #ccc;
}
*/
#nav a {
	line-height		: 38px;
	color			: #002e57;
}
#group-nav a {
	color			: #fff;
	padding-left	: 44px;
}
.book-a {
	line-height		: 19px;
	background		: url(../images/book-now-bg.gif) no-repeat;
	display			: block;
	padding-left	: 10px;
	font-size		: 9px;
	font-weight		: bold;
	color			: #002e57;
	text-decoration	: none;
	margin-bottom	: 10px;
}
.indent {
	text-indent		: 5px;
}
#username {
	margin-bottom	: 7px;
}
#password {
	margin-bottom	: 5px;
}
h1.home {
	font-size		: 14px;
	line-height		: 30px;
	font-weight		: bold;
	color			: #002e57;
	background		: url(../images/h1-bg.gif) repeat-x;
	display			: block;
	clear			: left;
	padding-left	: 33px;
	margin			: 17px 0 12px 5px;
}
.welcome-text {
	padding			:0px 45px 0px 38px;
	te
}
.welcome-text p {
	margin-bottom	:15px;
}
/*----- Footer */
#footer {
	clear			: both;
	color			: #fff;
	height			: 40px;
	line-height		: 25px;
	background		: #00a3d6 url(../images/pdf-dl-bg.gif) no-repeat right top;
	padding			: 0 220px 0 0;
}
#footer ul {
	height			: 40px;
	padding-left	: 7px;
	clear			: none;
	float			: left;
}
#footer ul li {
	float			: left;
	background		: url(../images/footer-nav-bg.gif) no-repeat left;
	padding-left	: 5px;
}
#footer ul li.first {
	background-image: url(none);
	padding-left	: 0px;
}
#footer ul li a:link, #footer ul li a:visited {
	color			: #fff;
	text-transform	: uppercase;
	text-decoration	: none;
	padding			: 0 10px;
	line-height		: 40px;
}
#footer span {
	float			: right;
	margin			: 8px 0 0 5px;
	font-size		: 10px;
	color			: #fff;
}
#footer p, #footer a {
	color			: #002e57;
	text-decoration	: none;
}
#site_credits {
	padding			: 10px 0;
	text-align		: right;
	background		: #7eb0cd;
}
#site_credits a:link, #site_credits a:visited {
	color			: #fff;
	text-decoration	: none;
}
#site_credits a:hover {
	color			: #fff;
	text-decoration	: underline;
}
/*-------------*/
.double-box-a {
	font-size		: 9px;
	margin-left		: 60px;
	text-decoration	: none;
	color			: #002e57;
}
#nav .active {
	background		: url(../images/a-active.gif) no-repeat 73px bottom;
}
h1 {
	font-size		: 16px;
	font-weight		: bold;
	text-transform	: uppercase;
	color			: #00a4d7;
	margin-bottom	: 10px;
}
#content-text p, 
#content-text h1,
#content-text ul  {
	padding			: 0 20px 0 10px;
}
#content-text p {
	line-height		: 14px;
	margin-bottom	: 14px;
}
#content-text li {
	background		: url(../images/bullet.gif) no-repeat left top;
	padding-left	: 14px;
}
#content-text ul {
	margin-bottom	: 14px;
}
#sidenav a {
	line-height		: 30px;
	font-weight		: bold;
	color			: #002e57;
	text-decoration	: none;
	height			: 30px;
	width			: 137px;
	padding-left	: 63px;
	display			: block;
}
#sidenav #quote-but {
	background		: url(../images/quote-but.gif) no-repeat;
}
#book-but {
	background		: url(../images/book-now.gif) no-repeat;
}
#trace-but {
	background		: url(../images/trace-but.gif) no-repeat;
}
#stock-but {
	background		: url(../images/stock-but.gif) no-repeat;
}
#sidenav {
	margin-bottom	: 10px;
}
#customer-service p {
	font-size		: 9px;
}
#news-ul h5.active {
	background: #a7a9ac;
}
#special img {  
    top:  0; 
    left: 0 
} 
#special {
	height: 205px;
	width: 200px;
}
/*-----Breadcrumbs--------------------*/
#breadcrumbs {
	padding			: 0 0 10px 0;
	color			: #002e57;
	background		: url(../images/dot.gif) repeat-x bottom;
	margin			: 0 0 10px 0;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color			: #00a3d6;
	text-decoration	: none;
}
/*-------*/
a:link, a:visited {
	color			: #00a3d6;
	text-decoration	: none;
	font-weight		: bold;
}
#content li {
	background		: #fff url(../images/bullet.gif) no-repeat left top;
	padding			: 0 0 5px 10px;	
}
#content ul {
	margin			: 0 0 10px 0;
}
/*----Sitemap-------*/
#siteMap ul li ul {
	padding			: 0 0 0 10px;
}
/*----Forms----------*/
#formLinks {
	padding			: 0 0 10px 0;
}

#formLinks .forms {
	padding			: 20px 15px 20px 15px;
	background		: #f5f5f5 url(../images/main-box-stripe.gif) repeat-x bottom;
}

.forms p {
	padding			: 0 0 4px 0;
	color			: #00a3d6;
}
#formLinks h2 {
	margin			: 0 0 1px 0;
	cursor			: pointer;
}
#gallery {
	width			: 560px;
	height			: 170px;	
	z-index			: 1;
	overflow		: hidden;
}
.newses {
	padding			: 0 0 20px 0;
}
.newses h2, h2 {
	font-size		: 14px;
	font-weight		: bolder;
	padding			: 0 0 5px 0;
}
/*----Tips----*/
.tipTitle {
	position		: relative;  
	margin			: -20px 0 0 15px;
	color			: #fff;
}
div.tipTitle a:link, div.tipTitle a:visited {
	color			: #fff;
}
.tipsWrapper {
	margin			: 0 0 15px 0;
}
h3.tips {
	font-size		: 14px;
	font-weight		: bold;
	color			: #00a4d7;
	margin-bottom	: 12px;
}
.tipsWrapper {
	cursor			: pointer;
}
/*-----Careers--*/
#currentVacancies {
	margin			: 20px 0 0 0;
}
div.cVacancies {
	padding			: 0 0 10px 0;
}
#currentVacancies h1 {
	padding			: 0 0 20px 0;
	margin			: 0;
	text-transform	: none;
}
/*-------Eform contact form template-------*/
#eform {
	margin			: 0;
	padding			: 20px 0 0 0;
}
#eform input {
	width			: 200px;
	margin-bottom	: 5px;
	color			: #00a3d6;
	padding			: 3px;
	border			: 1px solid #ccc;
	font-size		: 11px;
	
}
#eform textarea {
	width			: 80%;
	margin-bottom	: 5px;
	color			: #00a3d6;
	padding			: 3px;
	border			: 1px solid #ccc;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
}
#eform .button {
	width			: 100px;
	cursor			: pointer;
}
#eform img {
	border			: 1px solid #ccc;
}
#eform input.invalidClass, #eform input.required, #eform .required  {
	border			: 1px solid red;
}
#eform input.radio  {
	width			: 20px;
}
#eform h4 {
	font-size		: 11px;
	text-transform	: uppercase;
	color			: #00a3d6;
	font-weight		: bolder;		
}
td.styly ol {
	margin			: 0 0 0 20px;
	list-style-type : upper-latin;
	padding			: 5px 0 5px 0;
}
td.styly li {
	background		: none;
	padding			: 0;
	font-weight		: bolder;
}
td.styly p, td.styly ol li {
	font-weight		: bolder;
}

/*-------JQuery Modal-------*/
/*
.jqmWindow {
    display			: none;
    position		: absolute;
    top				: 17px;
    margin			: 0 auto;
    width			: 920px;
    color			: #333;
    padding			: 5px;
	background		: #002D57;
	overflow		: hidden;
	border-bottom	: 5px solid #002D57;
}
.jqmOverlay { 
	background-color: #002D57; 
}
* iframe.jqm {
	position		: absolute;
	top				: 0;
	left			: 0;
	z-index			: -1;
	width			: expression(this.parentNode.offsetWidth+'px');
	height			: expression(this.parentNode.offsetHeight+'px');
}
* html .jqmWindow {
     position		: absolute;
     top			: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
button.jqmClose {
	background		: none;
	border			: 0px solid #EAEAEB;
	color			: #000;
	clear			: right;
	float			: right;
	padding			: 0;
	margin-top		: 5px;
	margin-left		: 5px;
	cursor			: pointer;
	font-size		: 8px;
	letter-spacing	: 1px;
}
button.jqmClose:hover, button.jqmClose:active {
	color			: #FFF;
	border			: 0px solid #FFF;
}
#jqmTitle {
	background		: #00a4d7;
	color			: #fff;
	height			: 20px;
	padding			: 10px;
	font-size		: 12px;
	font-weight		: bolder;
}
#jqmContent {
	display			: block;
	width			: 100%;
	height			: 100%;
	clear			: both;
	margin			: 0;
	padding			: 0 0 5px 0;
	background		: #e8e8e8;
	border			: 0px solid #FFF;
	color			: red;
}
*/
#directions {
	padding			: 10px 0 10px 0;
}
/*---Mist-----*/
#content ol {
	margin			: 0 0 0 25px;
}
#content ol li {
	background		: none;
	padding			: 0;
}
#content ul.more_prominent li {
	background		: url(../images/offer-stripe.gif) repeat-x bottom left;
	padding			: 10px;
	width			: 200px;	
	margin			: 0 0 5px 0;
}
#benefits {
	font-size		: 1.0em;
}
/*-----tables-----*/
.odd {
	background		: #def3f9;
}
.even {
	background: #f4f4f5;
}
table td, table th {
	padding			: 5px;
	text-align		: center;
	border-bottom	: 1px solid #9ddaec;
}
table {
	border-left		: 1px solid #f4f4f5;
	border-right	: 1px solid #f4f4f5;
	border-top		: 1px solid #f4f4f5;
}
th {
	background: #f4f4f5 url(../images/offer-stripe.gif) repeat-x bottom left;
	vertical-align:middle;
}
#eForm table td, #eForm table th {
	text-align:left;
}
/*---containers_spec----*/
#container_specs {
	padding			: 10px 0 10px 0;
	min-height		: 1060px;
}
.specs_header h1 {
	text-transform	: none;
}
.specs_header {
	padding			: 10px;
	cursor			: pointer;	
	height			: 100px;
	border-bottom	: 1px dotted #9ddaec;
}
.specs_header img {
	float			: right;
	padding			: 0 0 0 10px;
}
.specs {
	clear			: both;
	padding			: 0 0 10px 0;
}
/*---New home layout------*/
#home_track_panel {
	width			: 560px;
	height			: 275px;
}
#instantQuote {
	width			: 470px;
	height			: 105px;
	padding			: 25px 0 10px 90px;
	background		: url(../images/instantQuoteBkg.gif) no-repeat top left;
}

#instantQuoteAccount {
	float			: right;
	width			: 225px;
	padding			: 0 17px 0 0;
}
#instantQuotePrepay {
	float			: left;
	width			: 215px;
	border-right	: 1px solid #fff;
}

#instantQuote h1 {
	font-size		: 18px;
	color			: #002e57;
	font-weight		: bolder;
}
#instantQuote p {
	color			: #fff;
	line-height		: 1.1em;
	font-size		: 9px;
	padding			: 0 0 7px 0;
}
#track_and_trace {
	width			: 560px;
	height			: 143px;
}
#track_trace {
	float			: left;
	width			: 182px;
	height			: 143px;
	background		: url(../images/track_trace.gif) no-repeat top left;
	margin-right	: 10px;
}
#stockCh {
	float			: left;
	width			: 176px;
	height			: 143px;
	background		: url(../images/stockCh.gif) no-repeat top left;
	margin-right	: 11px;
}
#vehicleT {
	float			: left;
	width			: 181px;
	height			: 143px;
	background		: url(../images/vehicleT.gif) no-repeat top left;
}
#track_trace h1, #stockCh h1, #vehicleT h1 {
	font-size		: 12px;
	font-weight		: bolder;
	color			: #002e57;
}	
#track_trace p, #stockCh p, #vehicleT p {
	color			: #00a4d7;
	line-height		: 1.1em;
	font-size		: 9px;
	margin			: 25px 10px 0 10px;
	padding			: 0 0 14px 0;
}
#vehicleT p {
	padding			: 0 0 5px 0;
}
#track_trace h1 {
	margin			: 25px 0 0 65px;
}
#track_trace a {
	margin			: 0 0 0 10px;
}
#stockCh a, #vehicleT a {
	margin			: 0 0 0 10px;
}

#stockCh h1 {
	margin			: 25px 0 0 55px;
}
#vehicleT h1 {
	margin			: 25px 0 0 60px;
}
a.transButton {
	position		: relative;
	display			: block;
	width			: 163px;
	height			: 27px;
	background		: url(../images/buttonT.png) no-repeat top left;
	text-align		: center;
	line-height		: 27px;
	color			: #002e57;
	z-index			: 2;
}
#content p a.pdf {
	padding			: 1px 0 1px 20px;
	background		: url(../images/page_white_acrobat.png) no-repeat top left;
}
.back {
	display			: block;
	margin			: 20px 0 0 0;
	float			: right;	
}
a.customerServiceLink {
	font-size		: 9px;
}
/*----Directions----*/
table#getDirections tr td, table#getDirections tr th {
	text-align			: left;
	width				: 560px;	
}
#directions {
	width			: 550px; 
	overflow		: auto;
	margin			: 20px 0 20px 0;
}
/*-------------------------------------------------------*/
#booking_form table td.header {
	width			: 150px;
}
#booking_form h2 {
	display			: block;
	padding			: 6px 5px;
	font-size		: 11px;
	background		: #f4f4f5 url(../images/offer-stripe.gif) repeat-x bottom left;
	vertical-align	: middle;
	border-bottom	: 1px solid #9ddaec;
}

#booking_form table td span {
	color			: #ff0012;
	padding			: 0 0 0 5px;
}
table.booking_summary td, table.booking_summary th {
	text-align		: left;
} 
input.requiredValue, input.invalidValue, textarea.requiredValue  {
	border			: 1px solid #ff0012;
}
input.price, input.unit_price, input.final_price, input.final_price_vat {
	border			: none;
	background		: #f4f4f5;
}
#booking_form table td.total_vat span {
	color			: #000;
	padding			: 0;
}
#vat_exempt_row {
	display			: none;
}

/*tips*/
#tooltipWrapper {
	display			: none;
	position		: relative;
	font-size		: 12px;
	color			: #fff;	
	z-index			: 9999;
	width			: 165px;
	padding			: 10px;
	background		: url(../images/tooltip_bg.png) no-repeat top left;
    border			: 1px solid #fff; 
}
/*--------Print Styles-----------------------------------*/
@media print {
	#nav, #left-col, #right-col, #gallery, #breadcrumbs, #footer {
		display				: none;	
	}
	#content {
		width				: 90%;
	}
	#directions {
		width			: 90%; 
		height			: 100%; 
		overflow		: visible;
	}
	div#eForm {
		display			: none;
	}
	
}