﻿body {  margin: 0px; padding: 0px; font-family:Arial ; background-color:#f3f4f4; font-size:9pt; color:#676767}

h1 {  color: #00448d;margin:10px 0px 5px 0px; padding:0px 0px 0px 5px; font-weight:normal; font-size:22px}
h2 { color: #233e5b; font-size: 18px; font-weight:normal; margin-bottom: 5px; }
h3 { font-weight:500; font-size:15px}
a { color:#0f3d9a}
h2.green { color: #509f34; }

h5 { margin:0px; background: #73a4db url(  '../img/bg_box_blue.png' ) repeat-x bottom; padding:3px 0px 3px 5px; color:#fff; font-weight:normal; font-size:10pt}
h5.green { background: #96de7d url(  '../img/bg_box_green.png' ) repeat-x bottom;}
h5.tracking { background:orange; }

form {margin:0px; padding:0px}

div.container { padding-bottom: 10px; }
div.page { width: 950px; margin: 0 auto;}

div.footer { margin-top:10px; height: 60px; padding: 10px;width: 950px; margin: 0 auto; border-top:solid 1px #d7d7d7; position:relative; }
div.footer div.address {float:right; height:60px; margin-left:40px; }
div.footer div.copy { position:absolute;  top:30px;}

div.header {width: 950px; padding-top: 10px;margin: 0 auto; position:relative; }

div.logo { height: 70px;width:400px; text-indent:-99999em; background:url(  '../img/logo.png') no-repeat;  }
div.logo a{ height:70px; width:270px; display:block}


div.features{ height:200px; margin-top:10px; padding-left:20px;}
div.feature-item { height:220px;  width:200px;float:left; padding-left:10px; padding-right:5px; border-right:solid 1px #d7d7d7  }
div.features-services {width:220px;}
div.features-specials {width:230px; }
div.features-tracking {width:230px; }
div.features-customs {  border-right:none;width:160px;  }

ul.specials-offers li { list-style:none; padding:5px;}
ul.specials-offers li.even { background-color:#e5e5e5}

div.features-services ul.services li{ list-style-image:url('../img/ul_ok.gif'); margin-bottom:2px; }
div.features-services a.more { }

div.current-status {background:#eee;  min-width:200px;  padding:10px; position:absolute; right:0px ;top:20px;color: #5e6f84; border:solid 1px #e6e6e6}
div.current-status div.current-company{  font-size:14px; color: #5e6f84; font-weight:bold}

div.menu { margin-top: 10px; width: 100%; }
div.menu ul { height: 35px; width: 100%; margin: 0px; padding: 0px; list-style: none; background: #5993d2 url(  '../img/menu_bg.gif' ) repeat-x bottom; }
div.menu ul li { float: left;   font-size: 12px; color: #fff; padding:10px 20px 10px 20px; background:url(  '../img/menu_spliter.gif' ) no-repeat right  }
div.menu ul li a { color:#fff; text-decoration:none;}
div.menu ul li a:hover { color:#fff; text-decoration:underline}

div.submenu {  }
div.submenu ul { height: 25px;  margin: 0px; padding: 0px; list-style: none;text-align:center;  }
div.submenu ul li {  display:inline; margin-left: 5px; margin-right: 15px; font-size: 12px; color: #fff; padding: 10px; }
div.submenu ul li a { color: #5e6f84; text-decoration:none}
div.submenu ul li a:hover {color: #5e6f84; text-decoration:underline}

div.content { display:table; width:950px; margin-top:10px;}

div.banner { margin-top:10px;background-color:#1e4f95}
div.banner ul li{ list-style:none}
div.banner-control { height:20px; text-align:right; padding:7px 10px 3px 10px; }
div.banner-control a { color:#fff; margin-left:10px; text-decoration:none;padding:2px 10px;}
div.banner-control a.activeSlide { font-weight:bold; background-color:#4d71c8;  }

div.box { padding:20px; width:auto; }

div.right-menu { width: 30%; float: right; margin: 10px 0px 10px 10px; }
div.right-menu div.box { padding: 25px 30px 30px 20px; margin-bottom: 10px; height: 42px;}


div.box h4 { color: #fff; font-size: 18pt; margin: 0px; font-weight: normal; }
div.box span { color: #fff; font-size: 10pt; }

div.bluebox { background: #73a4db url(  '../img/bg_box_blue.png' ) repeat-x bottom; }
div.greenbox { background: #e5edfa  }
div.graybox{  background: #e5edfa}



.login-table table { width:300px; }
.login-table { width:300px; margin-top:10px;margin-bottom:0px}
table.login-table td.checkBox {padding-left:70px}
table.login-table input.button { margin-top:10px; margin-right:80px; width:100px}

div.group {background-color:#bbd0fb;  }

table.freight-grid { width:100%; border:none; border-collapse:collapse; }
table.freight-grid thead td{ background:#cadafc ;   font-weight:bold; }
table.freight-grid td {border:none 0px;}
table.freight-grid tr.alt { background-color:#e5edfa;} 
table.freight-grid tr.active {  background-color:#fff1b6; cursor:pointer; text-decoration:underline}

div.tool-bar { font-size:96%;background-repeat:repeat-x;  position:relative; height:23px	}
div.tool-bar a {color:#233e5b}
div.tool-bar thead td { font-weight:bold}
div.tool-bar span { margin-left:10px; margin:30px}
div.tool-bar input.text { width:200px; margin-right:10px}
div.tool-bar input.go { width:90px;  font-size:8pt}
div.tool-bar input {  margin-right:10px; width:120px;  }

div.tool-bar ul {width:400px; margin:0px; padding:0px}
div.tool-bar ul li{ float:left; border:solid 1px #dae0ed;  background-color:#e5edfa; padding: 3px 10px; display:inline; margin-right:1px; width:75px; text-align:center}
div.tool-bar ul li.selected { background-color:#cadafc}
div.tool-bar ul li.selected a { font-weight:bold} 
div.search-bar{ right:0px; position:absolute; top:0px}

div.tool-bar-freight { padding:10px; margin-bottom:10px}
div.tool-bar-freight  a{ color:#fff}

div.tool-bar-partner { padding:10px; margin-bottom:5px; height:22px; border:solid 1px #e1e7f4}
div.tool-bar-partner  a{ color:#fff; margin-right:10px;}
div.tool-bar-partner input { margin-right:10px}
div.tool-bar-partner div.right-menu{ position:absolute; right:10px; top:0px; width:auto}
div.tool-bar-partner h2{  float:left; margin-right:10px}
div.panel {padding:5px; margin-bottom:0px; border-top:solid 4px #73a4db}
div.line { margin-bottom:0px; border-top:solid 4px #73a4db; font-size:6pt}

div.panel h3 { color:#000; font-weight:normal}

div.tab {background:#e3effd;padding:5px;color: #224f85;}
div.holder { position:relative}
div.holder div.right { right:10px; top:2px; position:absolute; z-index:1}
div.holder a{color:#fff}

table.tab,
table.tab4,
table.tab2 { color: #224f85;width:100%;font-size:12px; border-collapse:collapse; margin-bottom:5px;}

table.tab thead td { font-weight:bold}

table.tab td,
table.tab4 td,
table.tab2 td {background:#e3effd;border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; width:25%; }

table.freight-information  { color: #224f85;width:100%;font-size:12px; border-collapse:collapse; margin-bottom:5px;}
table.freight-information td.main { vertical-align:middle; padding-left:7%; width:50%}
table.freight-information td {background:#e3effd;border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; }
table.freight-information td.sub { width:60% }

table.freight-information table { border-collapse:collapse; width:100%}
table.freight-information table td {background:#e3effd;border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; }



table.tracking { color: #224f85;width:100%;font-size:12px; border-collapse:collapse; margin-bottom:5px;}
table.tracking thead td { font-weight:bold; }
table.tracking td { background:#e3effd; border:solid 1px #d3e5f9; padding:2px 0px 2px 5px; }


div.field {color: #224f85;padding:5px; margin-bottom:10px; border-top:solid 4px #73a4db;background:#e3effd;}
span.big { font-size:14pt}

table.tab2 td  div
{
	overflow:hidden;
	text-overflow:ellipsis; 

	min-width:120px;
	width:320px
}

table.freight-tab {width:100%;font-size:100%; border-collapse:collapse; margin-bottom:5px; clear:right}
table.freight-tab td { vertical-align:top; padding-right:5px;}

table.tab td span,
table.tab4 td span,
table.tab2 td span { color:#224f85;font-weight:normal;}

div.picture-item { height:40px; border:solid 1px #cbdaec; width:50px; text-align:center; float:left; padding:2px;background:#d3e5f9; margin-right:2px} 

fieldset.company { padding:10px; border:solid 1px #cbdaec; font-size:10pt}
fieldset.company legend {  color: #00448d;margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:normal; font-size:22px; }
fieldset.company label { float:left; width:120px; color:#224f85}
fieldset.company div { padding-left:10px; margin-bottom:2px}
fieldset.company input { width:260px; font-size:11pt; padding:1px}
fieldset.company input.company-name{ font-weight:bold}

fieldset div.submit {  padding-left:130px }
fieldset div.submit  input { margin-right:100px; width:150px}

div.notification { padding:10px; font-size:11pt; background:#ffcc33; color:#333}
div.success {background:#509f34;color:#fff} 
div.error {background:red; color:#fff} 

div.container-info { }
div.container-info div.column1 {  width:73%; float:left; margin-right:5px}
div.container-info div.column2 { float:right;  width:26%;}

div.delivery-status{ float:right; margin-bottom:5px;  font-size:10pt; font-weight:bold; width:150px; padding:5px; text-align:center}
div.in-transit { background-color:#ffcc33}
div.arrived { color:#fff; background-color:#509f34}

div.allowreleaseallchargesprepaid {padding:10px; font-size:11pt;  font-weight:bold;  }


div.password-recovery div.request-form { color: #00448d}
div.password-recovery div.request-form input.email{ width:260px; font-size:11pt; padding:1px; margin-left:10px}
div.password-recovery div.request-form input.submit{ width:160px; font-size:11pt; padding:1px; margin-left:58px; margin-top:10px}

div.password-recovery { font-size:12pt; width:600px}
div.password-recovery div.notification { margin-bottom:10px}

div.services ul{ list-style:none; margin-left:5px; width:600px;}
div.services ul li{ list-style:none; margin-bottom:10px;}


div.cnt-holder{ padding-left:10px;}
div.quote-edit { min-height:220px;}
div.services  h3 { color: #3f79b8; font-size: 18px; font-weight:normal; margin-bottom: 5px; }
div.services  h3.green { color: #509f34; }

div.quote-edit-toolbar {  margin-bottom:10px;}
div.quote-form { margin-left:5px; margin-top:5px; font-size:9pt; }
div.quote-form label { float:left; width:110px; padding-top:3px;}
div.quote-form div.description  { height:120px;}
div.quote-form div.description label { float:none; display:block;}
div.quote-form div.description textarea { width:340px; height:90px;}
div.quote-form div.description span { display:block;}
div.fld { height:24px;}
div.fld input { width:230px;}


div.buttons { margin:20px 0px 10px 0px; }
div.buttons input { min-width:100px; margin-right:5px;}



div.services2 { margin-top:20px; font-size:8pt; }
div.services2 ul li h3{color: #555; font-size: 18px; font-weight:normal; margin-bottom: 5px;}
div.services2 ul { margin-left:5px;}
div.services2 ul li { border-top:solid 1px #bdbdbd; float:left; width:240px; margin-right:10px; list-style:none; height:125px; }
div.services2 ul li p { white-space:pre}
div.services2 ul li img { border:solid 1px #e5e5e5}
div.services2 ul li.detailes { width:200px;background-color:#e5e5e5; padding:5px; text-align:center;}

div.tracking { width:100%;}
div.tracking div.tool-bar { background-color:#dae0e1; padding:5px 10px; height:40px;}
div.tracking div.tool-bar input.txt { width:300px}
div.tracking div.tool-bar span { display:block; margin:0px;}

div.tracking h2 { padding:10px 5px 0px 5px;color:#333}
div.tracking div.freight-tracking { padding:5px;}
div.tracking div.freight-tracking div span { margin-left:5px; color:#333}  