* {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial;
	line-height: 16px;
	color: #03336F;
border-collapse: collapse;
	}

body {
	background: url('../../Images/bg.gif');
	background-position: top center;
	background-repeat: repeat-y;
	}
	
img {border: none;}
fieldset {border: 0;}

/*  =text
=================================================*/	
h2 { display: block; margin: 0 0 15px 0; font-size: 18px; color: #03336f; font-family: Arial; font-weight: normal; }
h3 { margin-top: 10px; text-decoration: none; }
h4 { margin-top: 10px; }
h5 { text-decoration: underline; }
P { margin-bottom: 10px; }	
.errorMessage {font-weight: bold; color: #FF0000;}
.required {font-weight: bold; color: #FF0000;}
.errorSummary { font-weight: bold; color: #FF0000; margin-top: 15px; }
.messageConfirmation {
	width: 260px;
	padding: 7px;
	font-weight: bold;
	margin-top: 10px;
	display:block;
	border: solid 1px #FF0000;
	background-color: #FFBFBF;
	}

#sbaResources h2{
font-size: 12px;
font-weight: bold;
margin: 15px 0 0 0;
}

#sbaForms{
float: right;
width: 220px;
background: #E1E1E1;
padding: 10px;
margin: 0 0 0 14px;
}

#sbaForms h2{
margin: 0 0 5px 0;
background: url(../../images/icon-forms.gif);
background-repeat: no-repeat;
padding: 3px 0 0 34px;
line-height: 14px; 
height: 38px;
}

#sbaResources ul{
margin: 0px 0 25px 0;
}

a:hover{
color: black;
}

/*  CSS tables
=================================================*/
.row {width: 100%;}
    .column {float: left; }

    .column-1-2 {float: left; width: 45%;}
    .column-2-2 {float: right; width: 50%;}

    .column-1-3 {float: left; width: 35%;}
    .column-2-3 {float: left; width: 34%;}
    .column-3-3 {float: right; width: 30%;}

#container {
	text-align: left;
	width: 781px;
	}

#header1 {
	margin: 8px 0 8px 0;
	}

#header2{
width: 782px;

}


#flashHome {
	margin: 11px 0 1px 0;
	height: 299px;
	width: 781px;

	}


#navLarge {
	float: right;
padding-top: 15px;
	}

form, input {
	padding: 0px;
	margin: 0px;
	font-size: 9px;
	}
	
input, textarea {
	border: solid 1px #bbb; 
	padding: 2px;
	margin: 0 0 2px 0;
	
}

.checkboxes input{
border: none;
margin: 0 3px 0 0;
}
/*------------ ANNOUNCEMENTS ----------------*/
#announcements{
background: #01214F url(../../images/bg-announcements.gif);
background-position:top left;
background-repeat:no-repeat;
width: 781px;
margin: 0px 0 1px 0;

}

#announcements div{
padding: 9px 5px 0px 170px;
}

#announcements a, #announcements span, #announcements font{color: #fff;}
#announcements a:hover{color: #ddd;}
#announcements ul{margin: 0 0 4px 4px;}
#announements ul, #announcements li, #announcements li a{color: #fff;}


/*------------ home callouts ----------------*/
#homeCallouts {
	position: relative;
	float: left;
	}

.co1, .co2 {
	width: 259px;
	float: left;
	margin-right: 1px;
	}

.co2 {
	width: 260px;
	}

.co3 {
	width: 260px;
	margin: 0;
	float: left;
	}

.co1 .coButtons {
	background: url('../../Images/bg-red.gif');
	background-repeat: repeat-x;
	padding: 16px 0 13px 17px;
	}

.co1 .coButtons a img {
	margin-bottom: 5px;
	}

#co1Form {
	background: url('../../Images/bg-co-trackshipment.gif');
	height: 34px;
	} 

#co1Form input {
	width: 100px;
	font-size: 9px;
	height: 15px;
	position: absolute;
	top: 205px;
	left: 120px;
	padding: 2px;
	}

#co1Form .go {
	position: absolute;
	top: 196px;
	left: 230px;
	}


.co2 .coButtons {
	background: url('../../Images/bg-grey.gif');
	background-repeat: repeat-x;
	padding: 16px 0 15px 8px;
	}

.co2 .coButtons a img {
	margin-bottom: 0px;
	}

#co2Form {
	background: url('../../Images/bg-co-officelocator.gif');
	height: 34px;
	} 

#co2Form input {
	width: 100px;
	font-size: 9px;
	height: 15px;
	position: absolute;
	top: 205px;
	left: 380px;
	padding: 2px;
	}

#co2Form input.go {
	position: absolute;
	top: 196px;
	left: 490px;
	}

.co3 .coButtons {
	background: url('../../Images/bg-blue.gif');
	background-repeat: repeat-x;
	padding: 19px 0 16px 17px;
	}

.co3 .coButtons a img {
	margin: 4px 0 0 0;
	}

#co3Form {
	background: url('../../Images/bg-co-inquiretoday.gif');
	height: 34px;
	} 

#co3Form input {
	width: 120px;
	font-size: 9px;
	height: 15px;
	position: absolute;
	top: 205px;
	left: 620px;
	padding: 2px;
	}

#co3Form input.go {
	position: absolute;
	top: 196px;
	left: 750px;
	}


/*------------ footer ----------------*/
#footer {
	text-align: center;
	padding: 20px 0;
	color: #737FAB;
	font-size: 9px;
}

#footer p 
{
    color: #737FAB;
	font-size: 9px;
}

#footer .subContent
{
    color: #737FAB;
	font-size: 9px;
}

#footer a {
	color: #737FAB;
	font-size: 9px;
	margin: 0 4px;
	}

#footer a:hover {
	color: #000000;
	}



/*------------ sub ----------------*/
#breadcrumb, #breadcrumb a {
	color: #666;
	font-size: 9px;
	}

#breadcrumb {
	padding: 4px 0;
	}

.contentPhoto {
	float: right;
	}

#contentBox {
	background: url('../../Images/bg-sub-contentmain.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	}

#content {
	background: url('../../Images/bg-sub-content.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	width: 781px;
	}
	
	#content ul { margin-left: 25px; margin-bottom: 10px; }
	#content ul.sub { margin-bottom: 0px; }

.subpageTitle {
	margin: 14px 0 13px 15px;
	position: absolute;
	}

.subNav a {
	display: block;
	background: url('../../Images/bg-sn-1.gif');
	background-repeat: no-repeat;
	}

.subNav .selected {
	display: block;
	background: url('../../Images/bg-sn-2.gif');
	background-repeat: no-repeat;
	}

.subNav {
	width: 198px;
        padding-top: 43px;
	}
	
	.subNav input {
		border: solid 1px #bbb;
                padding: 2px;
margin-left: 14px;
		  }
		
		.subNav .go {
			border: solid 1px #bbb;
                        position: relative;
                        top: 6px; left: 3px;
                        margin-left: 0px;
			}

#findAgent{
          background: url(../../images/co-findagent.jpg);
          height: 79px;
background-repeat: no-repeat;
          margin: 1px 0 0 0;
}

#findAgent div{
         float: left;
         margin: 42px 0 0 0px;
}
		

.copy {
	padding: 80px 20px 0 0;
	}

.callout {
	margin: 1px 0 0px 0;
	}

#contentBox2 {
	float: right;
	width: 560px;
	background: url('../../Images/photo-shipping-agency-locations.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	}

.action{
background: url(../../images/icon-arrow.gif);
background-repeat: no-repeat;
padding: 10px 0px 20px 68px;
background-position: 0px 8px;
border-top: 1px solid #ccc;
margin-right: 5px;
margin-bottom: 8px;
}
.action b{
display: block;
margin: 0; padding: 0;
color: #1466CC;
font-size: 12px;
}


	
/*  FORMS
=================================================*/
fieldset {
    display: block;
    position: relative;
    margin: 20px 0 0 0;
    width: 100%;
    }
fieldset.highlight {
    background: #F2F2F2;
    margin: 20px 0;
    padding: 10px 26px; border: 1px solid #bbb;
    width: auto;
    }
    fieldset fieldset {
        margin: 15px 0 0 0;
        width: auto;
        }

    fieldset ol {width: 100%;}
    fieldset ol li {
        margin: 0 0 10px 0;
        list-style: none;
display: block;
        }

fieldset .agency li{
width: 100%;
}


        fieldset ol li label {
            float: left;
            display: inline-block;
            margin: 0 10px 0 0;
            width: 100px;
            font-weight: bold; font-size: 0.9em; text-align: right;
            }
        fieldset ol li input {
            border: solid 1px #999;
            padding: 2px;
            }
            
        fieldset ol li textarea {
            border: solid 1px #999;
            padding: 2px;
            }
            
        select {
            padding: 0;
            font-size: 0.95em;
            width: 100px;
            border: solid 1px #999;
            }
			
.formComments td{
padding: 10px 0 0 0;
line-height:14px;
}

.formPopup td{
background: #eee;
padding: 8px;}
            


        
/*  FORM CONTROLS
=================================================*/
fieldset.controls {margin: 15px 120px;}
    fieldset.controls ul {float: left;}
        fieldset.controls li {display: inline;}
            fieldset.controls li a {
                margin: 0 0 0 10px;
                font-size: 0.95em;
                }

        fieldset.controls input, .button {
            background: #0E478D;
            margin: 0 0 0 10px;
            padding: 2px 0 5px 0; border: 0;
            width: 100px; height: 20px;
            font-size: 0.85em; color: #FFFFFF; text-align: center;
            cursor: pointer;
            }
        * html fieldset.controls input, * html .button {padding: 3px 0;}

fieldset fieldset.controls {margin: 10px 0 15px 0;}

table.contactCheckBoxList {width: 375px;}
    table.contactCheckBoxList td {
        padding: 2px 0;
        }

        table.contactCheckBoxList td input {
            float: left;
            margin: 2px 4px 0 0;
            width: 15px;
            border: none;
            }

table.contactCheckBoxList label {font-weight: normal; text-align: left; width: 150px;}

table.contactRadioList {width: 100px;}
    table.contactRadioList td {
        padding: 2px 0;
        }

        table.contactRadioList td input {
            float: left;
            margin: 2px 4px 0 0;
            width: 15px;
            border: none;
            }

table.contactRadioList label {font-weight: normal; text-align: left; width: 10px;}

#searchBox { margin: 10px 0 5px 0;}
	#searchBox input {border: solid 1px #bbb; padding: 2px;}
	#searchBox label {font-weight: bold;}
	#searchBox input.btnGo {height: 17px; font-weight: bold; padding-top: 0px;}
	#searchBox hr {background-color: #03336F; width: 500px; margin: 7px 0 5px 0; height: 2px;}
	
table#officeBrowse {width: 520px;}
	table#officeBrowse td .left { padding: 0 30px 0 0; }
	
table#officeBrowse td h3 {
text-decoration: none; 
padding: 2px 2px 2px 4px; 
color: #1466CC;
font-size: 14px;
width: 200px
}

	table#officeBrowse td span.officeName {margin-left: 00px;}
	table#officeBrowse td a {text-decoration: underline;}
	table#officeBrowse ul {margin: 5px 0 10px 25px; }
	table#officeBrowse li {margin: 0; padding: 0; }




/*  JLC
=================================================*/

.datagrid td{
padding: 2px;
}

.datagrid th{
padding: 4px 0 4px 2px;
text-align: left;
}

.gridPaging{
background: #03336F;
padding: 0px;
}

.gridPaging a, .gridPaging span{
color: #fff;
margin: 0 3px 0 0;
}

.gridPaging table{
padding: 0px;
}

.gridPaging td{
padding: 0px;
}


.textbox{
border: 1px solid #aaa;
height: 14px;
margin: 0 0 1px 0;
}

.shipmentInfoTable{
width: 460px;
}

.head{
width: 100%;
}

.shipTableHead{
width: 530px;
padding: 5px;
}

.shipTableHead td{
padding: 5px;
}

.shipTableHead h1{
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0 0 5px 0;
text-transform: uppercase;
letter-spacing: 1px;
}

.popUpFooter{
border-top: 2px solid #D7EAF9;
padding: 12px 0 0 0;
}

.popUpWindowTable td{
padding: 2px;
}


/*---- tabs -----*/
.reportTab {width: 487px;}
.reportTab th{background: url(../../images/bg-tab-top.gif); height: 28px; vertical-align:middle; }
.reportTab th b{padding: 0 0 0 10px; font-size: 11px; color: #B50101; text-transform:uppercase; text-align:left; float: left; }
.reportTab .body div{border-left: 1px solid #96B0D1; border-right: 1px solid #96B0D1; padding:5px 10px 0 10px; background: url(../../images/bg-tab-gradient.gif) repeat-x bottom left;}
.reportTab .data td{padding: 2px 0; border-bottom: 1px solid #eee;}
.reportTab .footer{background: url(../../images/bg-tab-bottom.gif) no-repeat top left; height: 28px;}
.reportTab .data b{ margin: 0 4px 0 0;}

/* Case Studies */
.caseStudiesListing td { line-height: 13px; border-top: 1px solid #eee; padding: 6px 0;}
.caseStudiesListing .readMore{font-size: 10px; display: block; font-weight: bold; color: #ad0101; margin: 6px 0;}
.caseStudiesListing h3{font-size: 12px; margin: 14px 0 2px 0;}

.caseStudyDetail h1{font-size: 14px; margin: 14px 0 2px 0;}
.caseStudyDetail h3{color: #ad0101;font-size: 12px; margin: 14px 0 2px 0;}
.caseStudiesListing h4{color: #ad0101;font-size: 11px;}

.caseStudyDetail ol, .caseStudyDetail ul{ margin: 8px 0 8px 25px;}
.caseStudyDetail li{margin-bottom: 5px;}

.returnButton{float: right; font-weight:bold; position: relative; top: -94px; color: #fff;}
.returnButton:hover{color: lightblue;}

.downloadPDF {float: right; margin-top: 10px;}
a.viewCaseStudy{ position: relative; left: -20px; float: right; display: inline;}
a.inbody {color: #03336F; text-decoration: none;}


.additionalStudies{border-top: 2px solid #7cb3eb; border-bottom: 2px solid #7cb3eb; padding: 5px;}
.additionalStudies, .additionalStudies a, .additionalStudies b{ font-size: 10px;}
.additionalStudies ul, .additionalStudies li{margin: 0; padding: 0;}