﻿/* Overrides */
body li, body p, body td {
	font-size: 11px;
}

body li {
	padding: 0;
}
/* END Overrides */

/* Page definitions */
html body {
	/*background: url("../img/page_background.gif") repeat-x #9FA9B3;*/
	margin: 0;
	padding: 0;
	border: 0;
}

html body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-align: left; /* text-align required for IE 5.5 */
	background-color: #FFFFFF;
} 

img {
	border: 0;
}

a {
	color: black;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
}

a:hover {
	color: #EAB719;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
}

#page-border {
	margin: 0;
}

#page {
	width: 768px; /* For IE browsers */
	margin: 0 auto;
	padding: 0;
	border: 1px solid white;
	border-bottom: none;
	text-align: left;
	background: white;
}

#page-border > #page {
	width: 768px; /* 768px -21 -21 */
	min-width: 768px;
}
/* END Page definitions */


/* Sites Area*/ 
#sites {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #556677;
	position: relative;
	z-index: 7;
	height: 20px;
	width: 768px;
	margin: 0 auto;
	padding: 0;
	float: left;
}

#sites .active {
	font-weight: bold;
	font-size: 11px;
}
#sites .selected {
	font-weight: bold;
	font-size: 11px;
	height: 20px;
	padding-left: 0px;
	padding-right:0px;
	/*background:#fb0;*/
	background:#FFDF7B;
}



/* End IE5-Mac hack */
#sites .selected a
{
   color: black;
  text-decoration: none;
   background: #FFDF7B url("../images/NAV/left-tab.gif") left top no-repeat; 
   text-decoration: none; 
   padding-left: 10px;
   padding-top:2px;
   margin-top:0px;  
}
#sites .selected a:hover
{
   color: white;
} 
#sites .selected a span
{
background: #FFDF7B  url("../images/NAV/right-tab.gif") right top no-repeat;
   padding-right: 10px;
      padding-top:2px;
   margin-top:0px; 
  
}
#sites .active-s{
background-image: none;
}
/* For Mozilla/Opera/Safari, we make sure the separator is missing from the first element */
ul#sites > li {
	background-image: none;
}

ul#sites > li + li {
	background: url("../images/NAV/separator_sites_list.gif") no-repeat 0 3px;
}

#sites li {
	background: url("../images/NAV/separator_sites_list.gif") no-repeat 0 3px;
	display: block;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 8px;
	padding-right: 8px;
	
}

#sites li.active a {
	margin-top: 0px;
}

#sites li a {
	color: #556677;
	margin-top: 1px;
	display: block;
}

#sites li a:hover {
	color: #EAB719;
}

#sites img.expand {
	padding-left: 3px;
	top: -1px;
	position: relative;
}

#site-tools img.expand {
	padding-left: 2px;
	top: -2px;
	position: relative;
}

#sites li ul, #site-tools li ul {
	display: none;
	position: absolute;
	z-index: 5;
	background-color: white;
	border: 1px solid #C1BFBF;
	padding: 0 0px 0px;
	margin: 0px 0 0 -10px;
}
/* sub-menu sizes */
#sites li ul, #sites li li {
	width: 145px;
}

#sites li li {
	/*background-image: none;*/
	text-align: left;
	padding: 0;
	margin: 4px 0;
	height: auto;
}
#sites li.expand:hover, #sites li.over {
	margin: 8px 8px -1px 0 -10px;
	padding-right: 0px;
	/*background-image: none;
	/*border-left: 1px solid #C1BFBF;*/
}

#sites li.expand:hover a, 
#sites li.over a, 
#site-tools li.expand:hover a, 
#site-tools li.over a {
	position: relative;
	z-index: 100;
	display: block;
	color: #EAB719;
	background: white;
/*border: 1px solid #C1BFBF;
	border-bottom: 1px solid #C1BFBF;*/
	padding: 2px 8px 4px 0px;
	margin: -1px 0 0 0px;
}

#site-tools li.expand:hover a, 
#site-tools li.over a {
	padding-right: 7px;
	margin-left: 0;
}

#sites li.expand:hover li a, 
#sites li.over li a, 
#site-tools li.expand:hover li a, 
#site-tools li.over li a {
	position: relative;
	z-index: 100;
	display: block;
	color: black;
	text-transform: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	border: none;
	padding: 4px 10px;
	margin: -4px 0 -2px;
}

#sites li.expand li a:hover, 
#site-tools li.expand li a:hover {
	background-color: #EAB719;
	color: white;
}

#sites li.expand:hover ul, 
#sites li.over ul, 
#site-tools li.expand:hover ul, 
#site-tools li.over ul {
	display: block;
} /* Activates the drop downs */

#sites li.expand:hover + li, 
#site-tools li.expand:hover + li {
	/*background-image: none;*/
	
} /* Removes the separator from the following element in Mozilla, doesn't work in Opera */

#sites li.over, 
#site-tools li.over {
	position: relative;
	z-index: 2;
} /* Removes the separator from the following element in Internet Explorer */

/* Toggles the 'v' expand image */
#site-tools li .hover {
	display: none;
}

#site-tools li:hover .expand, 
#site-tools li.over .expand {
	display: none;
}

#site-tools li:hover img.hover, 
#site-tools li.over img.hover {
	display: inline;
}
/* END Sites Area */



#site-tools {
	float: right;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 50%;
	position: relative;
	top: -1px;
	right: -1px;
	z-index: 7;
}

#site-tools ul {
 float: right; padding: 0 0px 0 0; margin: 0 -16px 0 0;
 height: 30px; width: auto; white-space: nowrap;
 display: table; /* Opera fix */
}

#site-tools ul > li {
	background: none;
} /* Remove separator from first item in standards compliant browsers */

#site-tools li + li {
	background: url("../images/NAV/separator_site_tools.gif") no-repeat 0 3px;
} /* Insert separator on all but first element */

#site-tools li {
	color: #5A5F65;
	background: url("../images/NAV/separator_site_tools.gif") no-repeat 0px 3px;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 9px;
	font-size: 11px;
}

#site-tools li a {
	color: #53606D;
}

#site-tools li a:hover {
	color: #EAB719;
}

#site-tools li li a {
	color: white;
}

#site-tools li li a:hover {
	color: white;
}

/*  New Styles & Manual Overrides Section                        */
/*------------------------------------------------------------------------------ */

/*  Manual overrides  (defined elsewhere in web.css, modified here to preserve history)  */
#sites li ul, #sites li li {
	width: 110px;
}

/*  END  Manual overrides */

#divHeader {
	height:60px;
	width:768px;
	overflow: hidden;
	left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	}
#NAV{
margin:0px 0px 0px 20px;
}
#divHeaderBar {
	height:20px;
	width:768px;
	left: 0px;
	position: relative;
	z-index: 1;
	top: auto;
	background-color: #ffdf7b;
	background-position: left;
	padding: 0px;
	clear: none;
	float: left;
	font-weight: bold;
}
#divHeaderBar a:hover {
	color:white;
	font-weight: bold;
}
#divHeaderBar .right {float:right;margin-right:8px;position:relative;top:2px;text-align:right;width:auto;}
#contentMain{
width:768px;
	left: 0px;
	position: relative;
	float:left;
}

.MainHome{background:#FFFFFF url(../images/mainhome.jpg) no-repeat top left;}
.MainContainer{background:#FFFFFF url(../images/maincontainers.jpg) no-repeat top left;}
.MainFullServ{background:#FFFFFF url(../images/mainfullserv.jpg) no-repeat top left;}
.MainSelfServ{background:#FFFFFF url(../images/MainSelfServ.jpg) no-repeat top left;}
.MainMidsize{background:#FFFFFF url(../images/MainMidSize.jpg) no-repeat top left;}
.MainSpecials{background:#FFFFFF url(../images/MainToolssmallSP.jpg) no-repeat top left;}
.MainToolsBill_of_lading{background:#FFFFFF url(../images/BILL_OF_LADING.jpg) no-repeat top left;}
.MainToolsTESTIMONIALS{background:#FFFFFF url(../images/TESTIMONIALS.jpg) no-repeat top left;}
.MainDeals{background:#FFFFFF url(../images/MainDeals.jpg) no-repeat top left;}
.MainCustomerService{background:#FFFFFF url(../images/MainToolssmallCS.jpg) no-repeat top left;}
.MainEmail{background:#FFFFFF url(../images/Email.jpg) no-repeat top left;}
.MainDropOff {background:#FFFFFF url(../images/DropOff.jpg) no-repeat top left;}
.MainToolsCustoms{background:#FFFFFF url(../images/MainToolsCR.jpg) no-repeat top left;}
.MainToolsTimeZ{background:#FFFFFF url(../images/MainToolsTZ.jpg) no-repeat top left;}
.MainToolsCurrency{background:#FFFFFF url(../images/MainToolsCC.jpg) no-repeat top left;}
.MainToolsContainerS{background:#FFFFFF url(../images/MainToolsCS.jpg) no-repeat top left;}
.MainShippingINFO{background:#FFFFFF url(../images/MainToolsSRI.jpg) no-repeat top left;}
.MainToolsCCrating{background:#FFFFFF url(../images/MainToolsCCR.jpg) no-repeat top left;}
.MainToolsPrivacy{background:#FFFFFF url(../images/MainToolsPP.jpg) no-repeat top left;}
.MainToolsVision{background:#FFFFFF url(../images/MainToolsOV.jpg) no-repeat top left;}
.MainToolsAffiliate{background:#FFFFFF url(../images/MainToolsAP.jpg) no-repeat top left;}
#contentMainx{
	left: 280px;
	float:right;
	vertical-align:middle;
	width:476px;
	/*margin-top: 265px;*/
	margin-top: 214px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contentMainxTools{
	left: 200px;
	float:right;
	vertical-align:middle;
	width:486px;
	/*margin-top: 265px;*/
	margin-top: 68px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contentMainxSmall{
	left: 200px;
	float:right;
	vertical-align:middle;
	width:486px;
	/*margin-top: 265px;*/
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left:2px;
}
#contentMainxEmail{
	left: 400px;
	float:none;
	vertical-align:middle;
	width:600px;
	/*margin-top: 265px;*/
	margin-top: 180px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contentMainDropOff{
	float:none;
	vertical-align:middle;
	/*margin-top: 265px;*/
	margin-top: 121px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contentMainxONtop{
	left: 280px;
	float:right;
	vertical-align:middle;
	width:486px;
}
#contentMainxONtop2{
	left: 200px;
	float:right;
	vertical-align:middle;
	width:476px;
	/*margin-top: 265px;*/
	margin-top:25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.contentText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: justify;
}
#boxDiv {
	font-family:Arial;
	font-size:11px;
	line-height:14px;
	position:relative;
	width:256px;
	margin-top:25px;
	z-index:99;
	/*padding-bottom:16px;*/ 
	background-color:#F1F4F7;
	float:left;width:280px;
	}
#boxDiv-X {
	font-family:Arial;
	font-size:11px;
	line-height:14px;
	position:relative;
	width:256px;
	z-index:99;
	/*padding-bottom:16px;*/ 
	background-color:#F1F4F7;
	float:left;width:280px;
}
#divWTitle {border-bottom:solid 2px #fff;padding-left:16px;height:20px;background:#7694bf url(../images/QuoteBoxTitle.gif) no-repeat top right;}
#divWTitle span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:24px;vertical-align:middle;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#boxDivBody {
	background-color:#f1f4f7;
	padding:4px 4px 10px 8px;
}

#boxDivTitle {border-bottom:solid 2px #fff;padding-left:16px;height:24px;background:#7694bf url(img_crnr_wizmain.gif) no-repeat top right;}

#boxLeft{float:left;vertical-align:middle;}
#boxRight{float:right;vertical-align:middle;width:130px}
.Form input {
	vertical-align:middle;
	width:100px;
	max-width:100px;
	
}
.texto{
width:120px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.datex{
vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.services{
margin-top:4px;
}
.services input{
	margin-left: 30px;
	height:23px;
}
.services label{
height:23px
	margin-left:2px;
	font-family:Arial;
	font-size:11px;
	vertical-align:middle;
	
}
#fullServ{background:url(../images/icons/FullServICON.gif) no-repeat;
margin-bottom:4px;}
#contServ{background:url(../images/icons/ContainerICON.gif) no-repeat;}
#limitedServ{background:url(../images/icons/LimitedServICON.gif) no-repeat; margin-bottom:4px;}
#airServ{background:none;}
#carServ{background:url(../images/icons/CarICON.gif) no-repeat;}
#boxDivBodyDeals{
	width:238px;
	height:108px;
	background:none;
}
#submit{
	background:url(../images/quote.gif) no-repeat;
	margin-bottom:2px;
	width:200px;
	height:22px;
	color: #556677;
	float:right;
}

/*popup start*/
#DealsX{
line-height:30px;
}
.popupLink {
	COLOR: red;
	outline: none;
	background-image: url(../images/icons/info.gif);
	width: 16px;
	height: 16px;
	
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 10px;	
  }

.popup {
	POSITION: absolute;
	VISIBILITY: hidden;
	width: 150;
	z-index: 1000;
	left: 140px;
	top: 370px;
}
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/corners1280x18.gif'); /* CHANGE: path and name of your image */
width: 150px;
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #C00000;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
width: 137px;
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    {
	margin-top: 0;
	background-color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
}    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; 
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
} /* DNC: to avoid splitting of the box */
/*end of popup*/

   
   
.contentTitle{
	font-family: Arial;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #556677;
}
.contentSubTitle{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.bigTitle{
font-family: Arial;
font-size: 16px;
font-weight: bold;
}
.topNumber{
color: #FFFFFF;
font-family: Arial;
font-size: 10px;
font-weight: bold;
line-height: 10px;
}
.spacerx {
  min-height:33px;
  height:auto !important;
  height:30px;
  overflow:hidden;
  width:10px;
}
.divider{
	font-size:1px;
	background:url(../images/dividerL.gif) no-repeat top left #CCCCCC;
	margin-top:5px;
	margin-bottom:5px;
}
.livechat{
	padding-bottom: 3px;
	background-image: url(../images/icons/liveChat.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
}/*#ffdf7b*/
.CustomerService{
	padding-bottom: 3px;
	background-image: url(../images/icons/CustomerService.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 3px;
	padding-right:3px;
}/*#ffdf7b*/
.contuctUs{
	padding-bottom: 3px;
	background-image:url(../images/icons/ContuctUs.gif);
	background-repeat: no-repeat;
	background-position:center;
	padding-top: 3px;
	padding-right:4px;
	}/*#ffdf7b*/

.Processing{
	background-color:#FFFFFF;
	height: 100%;
	width: 100%;
	top: 100px;
}
.listx ul
{
list-style-type: none;
padding-left:5px;
padding-top:7px;
padding-bottom:10px;
margin: 0;
}
.listx ul li
{
background-image: url(../images/icons/Hbullet.gif);
background-repeat: no-repeat;
background-position: 0 0.4em;
padding-left: 1em;
}
.footer{
color:#999999
}

