/* =Basics
=======================================*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #c8d7dd;
	font: small Verdana, Arial, Helvetica, sans-serif;
}
.clearMe:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearMe {display:inline-block;}
/* Hide from IE Mac \*/
.clearMe {display:block;}
/* End hide from IE Mac */
.clear { clear:both; }
/* =Structure
==============================================================================*/
div#wrap {
	margin: 14px auto;
	width: 980px;
	padding: 0 8px 0 0;
	background: #fff url(images/border.gif) 100% 0 repeat-y;
}
div#container {
	padding: 0 0 0 8px;
	background: #fff url(images/border.gif) 0 0 repeat-y;
}
.top {
	height: 8px;
	margin: 0 -12px 0 -10px;
	background: transparent url(images/box.gif) 100% 0 no-repeat;
}
.top div {
	width: 100px;
	height: 8px;
	background: transparent url(images/box.gif) 0 0 no-repeat;
}
.bottom {
	height: 8px;
	margin: 0 -12px 0 -10px;
	background: transparent url(images/box.gif) 100% 100% no-repeat;
}
.bottom div {
	width: 100px;
	height: 8px;
	background: transparent url(images/box.gif) 0 100% no-repeat;
}
div#page {
	margin: 0 auto;
	padding: 18px 0;
	background: #fff url(images/contentBG.gif) repeat-x bottom;
	overflow: hidden;
}
div#content , div#footer{
	width: 960px;
	margin: 0 auto;
}
div#footer {
	text-align: center;
}
div#footer p , div#footer a{
	color: #8c969a;
	line-height: 1.5em;
	font-size: .85em;
}
div.blueBorder {
	margin: 0 5px 5px 5px;
	padding: 5px;
	border: 1px solid #d0e0e9;
}
/* =Header
==============================================================================*/
div#header {
	width: 960px;
	margin: 0 auto;
}
div#header h1#logo
{  
    text-indent: -9999px;
    background: transparent url(images/logo.png) no-repeat;
	display: block;
	width: 262px;
	height: 80px;
	margin: 0 auto;
	padding-right: 300px;
	
}
div#header h2#logo1
{  
    background: transparent url(images/lafoodbank.jpg) no-repeat;
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto;
	
}
.phone
{
	float: right;
	clear:both;
	border: 1px solid #ccc;
	font-weight:bold;
	color: #369;
	padding: 5px 5px 5px 108px;
	margin: -1em 3px 0 0; 
	text-align: right;
}

/* =Nav
==============================================================================*/
div#page ul#nav {
	height: 40px;
	width: 960px;
	margin: 1.5em auto 0 auto;
	background: transparent url(images/nav.png) no-repeat;
	position: relative;
}
div#page ul#nav li {
	list-style: none;
	padding: 2px 0 0 0;
}
ul#nav li, ul#nav a.mainNav{ 
	height: 34px;
	display: block;
}
div#page ul#nav li a.mainNav{
	text-indent: -9999px;	
	overflow: hidden;
	text-decoration: none;
}
#home{ position: absolute; top: 0; left: 3px; width: 54px;}
#track{ position: absolute; top: 0; left: 59px; width: 96px;}
#dom{ position: absolute; top: 0; left: 158px; width: 70px;}
#int{ position: absolute; top: 0; left: 231px; width: 93px;}
#trade{	position: absolute; top: 0; left: 327px; width: 184px;} 
#ship{ position: absolute; top: 0; left: 514px; width: 37px;} 
#serv{ position: absolute; top: 0; left: 554px; width: 59px;} 
#tech{ position: absolute; top: 0; left: 616px; width: 37px;}
#contact{ position: absolute; top: 0; left: 656px; width: 83px;}
#home a.mainNav:hover{
	background: transparent url(images/nav.png) -2px -51px no-repeat;
}
#track a.mainNav:hover{
	background: transparent url(images/nav.png) -59px -51px no-repeat;
}
#dom a.mainNav:hover{
	background: transparent url(images/nav.png) -159px -51px no-repeat;
}
#int a.mainNav:hover{
	background: transparent url(images/nav.png) -231px -51px no-repeat;
}
#trade a.mainNav:hover{
	background: transparent url(images/nav.png) -327px -51px no-repeat;
}
#ship a.mainNav:hover{
	background: transparent url(images/nav.png) -514px -51px no-repeat;
}
#serv a.mainNav:hover{
	background: transparent url(images/nav.png) -554px -51px no-repeat;
}
#tech a.mainNav:hover{
	background: transparent url(images/nav.png) -616px -51px no-repeat;
}
#contact a.mainNav:hover{
	background: transparent url(images/nav.png) -656px -51px no-repeat;
}
ul#shipSub {
 	display: none;
	width: 230px;
	height: 120px;
	background: #e8edee;
	margin-top: -154px;
}
#ship:hover ul, li#ship.over ul{
	display: block;
}
ul#shipSub li{
	display: block;
	height: 40px;
	width: 230px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
ul#shipSub a{
	display: block;
	height: 40px;
	width: 230px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
ul#shipSub a#ss1{
	background: url(images/shipSub.gif) 0 0 no-repeat;
}
ul#shipSub a#ss2{
	background: url(images/shipSub.gif) 0 -40px no-repeat;
}
ul#shipSub a#ss3{
	background: url(images/shipSub.gif) 0 -80px no-repeat;
	border-bottom: 1px solid #ccc;
}
ul#shipSub a#ss1:hover{
	background: url(images/shipSub.gif) -230px 0 no-repeat;
}
ul#shipSub a#ss2:hover{
	background: url(images/shipSub.gif) -230px -40px no-repeat;
}
ul#shipSub a#ss3:hover{
	background: url(images/shipSub.gif) -230px -80px no-repeat;
}
/* =HomePage Content
==============================================================================*/
div#flash {
	float: left;
	height: 258px;
	width: 711px;
	background: #000;
	border: 1px solid #ccc;
	margin: 36px 0 0 0;
}
div#transLinks {
	background: #e8edee url(images/headerBG.gif) repeat-x top;
	float: right;
	clear: none;
	border: 1px solid #ccc;
	margin: 36px 0 0 0;
	width: 235px;
}
div#transLinks h3{
	background: url(images/transpoLink.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
div#transLinks p {
	color: #369;
	line-height: 1.5em;
	font-size: .85em;
	margin: 1em;
}
div#transLinks h4, div#transLinks a.headerLink{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 16px;
	width: 214px;
	margin-bottom: 1px;
}
div#transLinks h4#commHead {
	background: url(images/commhead.gif) no-repeat;
}
div#transLinks h4#broHead {
	background: url(images/brochurehead.gif) no-repeat;
}
div#transLinks h4#airbill {
	background: url(images/airbill.gif) no-repeat;
}
div#transLinks h4#fuelHead {
	background: url(images/fuelHead.gif) no-repeat;
}
div#transLinks a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 21px;
	width: 139px;
	border: 1px solid #e8edee;
	margin-top: 1px;
}
div#transLinks a:hover{
	border: 1px dotted #f00;
}
div#transLinks a#qt{
	background: url(images/qt.gif) no-repeat; 
}
div#transLinks a#win{
	background: url(images/wm.gif) no-repeat; 
}
div#transLinks a#pdf{
	background: url(images/pdf.gif) no-repeat; 
}
div#transLinks a#domLink{
	background: url(images/domestic.gif) 0 0 no-repeat;
	height: 30px;
	width: 177px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	border: 0;
}
div#transLinks a#intLink{
	background: url(images/international.gif) 0 0 no-repeat;
	height: 30px;
	width: 177px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	border: 0;
}
div#transLinks a#domLink:hover{
	background: url(images/domestic.gif) 0 -30px no-repeat;
	border: 0;
}
div#transLinks a#intLink:hover{
	background: url(images/international.gif) 0 -30px no-repeat;
	border: 0;
}
div#customer {
	background: #e8edee;
	float: left;
	clear: none; 
	width: 350px;
	margin: 1em 10px 0 0;
	border: 1px solid #ccc;
	padding-bottom: 36px;
}
div#regForm, body.track div#customer,div#terms,div#edi,div#contactus {
	width: 712px;
	margin: 36px 0 0 0;
}
div#customer h2#ft {
	background: url(images/fastTrack.gif) no-repeat;
	width: 349px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
}
#fastTrack {
	display: block;
	background: url(images/purpFade.gif) repeat-y;
	height: 40px;
	padding: 8px 0 0 20px;
	margin: 0 0 20px 0;
}
#login {
	display: block;
	background: url(images/purpFade.gif) repeat-y;
	height: 90px;
	padding: 0 0 0 20px;
	margin: 0 0 3px 0;
}
div#customer h2#log {
	background: url(images/login.gif) no-repeat;
	width: 349px;
	height: 40px;
	overflow: hidden;
	text-indent: -9999px;
}
div#customer .go {
	padding: 0 0 0 10px;
	margin-top: -4px;
	vertical-align: middle;
}
label {
	font-size: .75em;
}
div#contactus{
	float:left;
	clear: none;
}
div#customer input {
	float: left;
	clear: none;
}
div#customer input#passField {
	margin-left: 1em;
}
div#customer label#passLabel {
	margin-left: 5.5em;
}
p#links a{
	text-decoration: none;
	color: #5b7ab8;
	font-size: .75em;
	margin-right: 2em;
}
div#customer p#links{
	margin: -40px 0 0 20px;
	float: left;
	clear: both;
}
p#links a:hover{
	color: #f00;
}
div#customer a#register,div#midCol a#register {
	float:left;
	clear:left;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/register.gif) no-repeat;
	height: 30px;
	width: 130px;
	margin: 0 0 9px 18px;
	border: 0;
}
div#customer a#register:hover,div#midCol a#register:hover {
	background: url(images/register.gif) -131px 0 no-repeat;
	border: 0;
}
div#trust {
	background: #e8edee url(images/headerBG.gif) repeat-x top;
	float: left;
	clear: none; 
	width: 350px;
	margin: 1em 0 0 0;
	border: 1px solid #ccc;
	padding-bottom: 36px;
}
div#trust h3{
	background: url(images/trustBE.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
div#terms p,div#edi p, div#trust p {
	color: #369;
	line-height: 1.5em;
	font-size: .85em;
	margin: 1em;
}
p#bullets {
	display: block;
	text-indent: -9999px;
	height: 51px;
	width: 155px;
	overflow: hidden;
	background: url(images/bulletCopy.gif) no-repeat;
}
/* =InnerPages Content
==============================================================================*/
div#leftCol {
	float: left;
	clear: none;
	width: 235px;
	margin: 36px 0 0 0;
	background: #e8edee url(images/headerBG.gif) repeat-x top;
	border: 1px solid #ccc;
}
body.domestic div#midCol h3{
	background: url(images/domesticHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.domesticus div#midCol h3 {
	background: url(images/contactus.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.domesticus div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/betruck.gif) no-repeat;
	text-indent: -9999px;
}
body.domestic div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/domestic.jpg) no-repeat;
	text-indent: -9999px;
}
body.international div#midCol h3{
	background: url(images/interHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.international div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/international.jpg) no-repeat;
	text-indent: -9999px;
}

body.contactus div#midCol h3{
	background: url(images/contactus.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.contactus div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/betruck.gif) no-repeat;
	text-indent: -9999px;
}	 

body.trade div#midCol h3{
	background: url(images/tradeHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.trade div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/trade.jpg) no-repeat;
	text-indent: -9999px;
}
body.tech div#midCol h3{
	background: url(images/techHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.tech div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/tech.jpg) no-repeat;
	text-indent: -9999px;
}
body.ship1 div#midCol h3{
	background: url(images/ppcreditHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.ship2 div#midCol h3{
	background: url(images/rateQuoteHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.ship3 div#midCol h3{
	background: url(images/pickUpHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
div#terms h3{
	background: url(images/termsHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
div#edi h3{
	background: url(images/ediHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.ship1 div#leftCol #pic,body.ship2 div#leftCol #pic,body.ship3 div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/ship.jpg) no-repeat;
	text-indent: -9999px;
}
body.contact div#midCol h3{
	background: url(images/contactHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
body.contact div#leftCol #pic{
	width: 235px;
	height: 400px;
	background: url(images/contact.jpg) no-repeat;
	text-indent: -9999px;
}
div#midCol {
	float: left;
	clear: none;
	width: 470px;
	padding: 0 0 10px 0;
	margin: 36px 5px 0 5px;
	background: #e8edee url(images/headerBG.gif) repeat-x top;
	border: 1px solid #ccc;
}
div#midCol p,div#midCol ul,div.servCont ul,div.servCont p, div#edi ul{
	color: #369;
	line-height: 1.5em;
	font-size: .85em;
	margin: 1em;
}
div#midCol h4,div.servCont h4,div#terms h4,div#edi h4{
	margin: 1em 0 0 1em;
	color: #990000;
	font-size: 1em;
}
div#midCol h5{
	margin: 1em 0 0 1em;
	color: #369;
	font-size: .95em;
}
div#midCol ul, div.servCont ul, div#edi ul{
	background: #fff;
	margin: 0 1em 1em 1em;
	padding: 5px;
	border: 1px solid #d0e0e9;
	list-style: inside;
}
div#midCol a{
	line-height: 1.5em;
	font-size: .85em;
	margin: 0 1em 1em 1em;
	text-decoration: none;
	border-bottom: 1px dotted #003366;
	color: #333366;
}
div#midCol a:hover{
	border-bottom: 1px dotted #f00;
	color: #f00;
}
div#midCol a.inline {
	margin: 0;
}
div.servCont a, div#edi a{
	line-height: 1.5em;
	font-size: .85em;
	text-decoration: none;
	border-bottom: 1px dotted #003366;
	color: #333366;
}
div.servCont a:hover{
	border-bottom: 1px dotted #f00;
	color: #f00;
}
div#smallLogin {
	width: 215px;
	margin: 10px auto;
	padding: 40px 0 0 5px;
	background: url(images/login.gif) no-repeat;
}
div#smallLogin p{
	margin: 1em 0;
}
div#smallLogin table {
	padding: 0;
}
div#smallLogin .go {
	vertical-align: top;
	margin: 5px 0 0 -2px;
}
div#service1, div#service2, div#service3,div#service4,div#service5, div#qt{
	display:block;
	margin: 0 auto 10px auto;
	background: #e8edee;
	border: 1px solid #ccc;
}
div#service1, div#qt {
	margin: 36px auto 10px auto;
}
div#service1 {
	background: #e8edee url(images/domChinese.gif) no-repeat bottom right;
}
div#service2 {
	background: #e8edee url(images/intChinese.gif) no-repeat bottom right;
}
div#service3 {
	background: #e8edee url(images/tradeChinese.gif) no-repeat bottom right;
}
div#service4 {
	background: #e8edee url(images/techChinese.gif) no-repeat bottom right;
}
#sp1,#sp2,#sp3,#sp4,#sp5 {
	width: 235px;
	height: 235px;
	text-indent: -9999px;	
	border-right: 1px solid #ccc;
}
#sp1 {
	background: url(images/domestic.jpg) no-repeat;
}
#sp2 {
	background: url(images/international.jpg) no-repeat;
}
#sp3 {
	background: url(images/trade.jpg) no-repeat;
}
#sp4 {
	background: url(images/tech.jpg) no-repeat;
}
#sp5 {
	background: url(images/ship.jpg) no-repeat;
}
div.servCont{
float: right;
clear: none;
margin-top: -225px;
width: 700px;
}
div#service4, #sp4 {
	height: 370px;
}
div#service4 div.servCont{
margin-top: -360px;
}
/* =RegisterPage Form
==============================================================================*/
div#regForm,div#terms,div#edi,div#contactus {
	background: #e8edee url(images/headerBG.gif) repeat-x top;
	float: left;
	clear: none; 
	margin: 36px 0 0 0;
	border: 1px solid #ccc;
	padding-bottom: 36px;
}
div#contactus h2{
	background: url(images/contactus.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}

div#contactus h2{
	background: url(images/contactus.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}
div#contactus form{
	width: 700px;
	margin: 0 auto;
}
body.contactus label {
	float: left;
	clear: left;
	margin: .25em;
	width: 650px;
	text-align: right;
}
body.contactus input {
	width: 200px;
}
body.contactus fieldset.checkbox input {
	width: 40px;
}
body.contactus fieldset h3 {
	color: #990000;
}
body.contactus #submit {
	float: right;
}

div#regForm h2{
	background: url(images/accountHeader.gif) no-repeat;
	text-indent: -9999px;
	margin: 10px;
}

div#regForm form{
	width: 700px;
	margin: 0 auto;
}
body.register fieldset {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	padding: 1em;
}
body.register label {
	float: left;
	clear: left;
	margin: .25em;
	width: 650px;
	text-align: right;
}
body.register input {
	width: 200px;
}
body.register fieldset.checkbox input {
	width: 40px;
}
body.register fieldset h3 {
	color: #990000;
}
body.register #submit {
	float: right;
}
/* =shipPage Form
==============================================================================*/
div.shipForm {
	width: 460px;
	margin: 0 auto;
}
div.shipForm  fieldset {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	padding: 1em;
}
div.shipForm  label {
	float: left;
	clear: left;
	margin: .25em;
	width: 420px;
	text-align: right;
}
div.shipForm  input {
	width: 150px;
}
div.shipForm h4 {
	margin: 0;
}
div.shipForm  fieldset.checkbox input {
	width: 40px;
}
div.shipForm  .submit {
	float: right;
}
body.ship1 h4,body.ship2 h4,body.ship3 h4 {
	clear: both;
}
.center {
	text-align: center;
}