body {
    padding: 0;
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
/*     font-family: "Times New Roman", Times, serif; */
    color: #222;
    font-size: 70%;
    background-color: #111;
    }


/* ============= DEFAULTS ============= */
h1, h2, h3 {
/*     color: #7E0729; */
    color: #444;
    }
h1 {
    padding: 15px 0 .4em 0;
    margin: 0;
    font-weight: bold;
    font-size: 2.4em;
    font-style: italic;
    color: #7E0729;
    }
h2 {
    padding: 1em 0 .25em 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.8em;
    }
h3 {
    padding: .5em 0 .25em 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
    }
h4 {
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
    }
p {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 1.1em;
    }
p.no_padding {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    }
.docinfo {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 0.9em;
    color: #CCC;
    }
ul, 
ol {
    padding: 0 0 10px 20px;
    margin: 0 0 0 20px;
    list-style-type: square;
    }
ol {
    list-style-type: decimal;
    }
li {
    padding: 0 0 2px 0;
    margin: 0;
    font-size: 1.1em;
    }
code, 
pre {
    color: maroon;
    font-family: Courier, monospace;
    }
table {
    padding: 0 0 1em 0;
    margin: 0 0 0 20px;
    border-collapse:collapse;
    border-spacing: 0;
    }
td {
    vertical-align: top;
    }



/* ============= LAYOUT ============= */
div.center {
    margin: 0 auto;
    width: 750px;
/*     outline: 1px solid red; */
    }


/* ============= HEADER ============= */
#header {
    padding: 15px 10px 0;
    background: #fff url(/i/header_truck.jpg) no-repeat top right;
/*     border-bottom: 20px solid #111; */
    }
#logo {
    padding: 0 0 10px;
    }
#utility_nav ul {
    margin: 0 auto;
    padding: 4px 10px;
    width: 750px;
    list-style: none outside;
    text-align: right;
    }
#utility_nav li {
    display: inline;
    }
#utility_nav a:link,
#utility_nav a:visited {
    color: #FFF;
    text-decoration: none;
    padding: 1px 4px 4px;
    }
#utility_nav a:hover, #utility_nav ul li.current a {
    background-color: #7E0729;
    }




/* ============= CONTENT ============= */
#content {
    padding: 0 10px;
    background-color: #FFF;
    border: 7px solid #7E0729;
    border-width: 7px 0;
    clear: both;
    }
#content .center {
    background-color: #EEE;
    }

#main {
    position: relative;
    margin-left: 143px;
    padding: 0 0 20px 20px;
    background-color: #FFF;
/*     outline: 1px solid red; */
    }
/* Holly Hack + more - Necessary to display content with a floated element in IE6 */
/* http://www.positioniseverything.net/explorer/italicbug-ie.html */
/* \*/
* html #main {
        overflow: hidden;
        o\verflow: visible;
        width: 100%;
        w\idth: auto;
        he\ight: 1%;
}
/* */



#main p, #main h4, #main ol, #main ul, #main table {
    padding-left: 10px;
    }
#home p {
    padding-left: 0 !important;
    }


/* ============= NAVIGATION ============= */
#sidebar {
    float: left;
    width: 137px;
    margin: 0 0 0 6px;
    }
ul.side_nav {
    margin: 0;
    padding: 0;
    border-top: 1px solid #CCC;
    list-style: none outside;
    }
ul.side_nav li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #CCC;
    font-size: 1.0em;
    }
.side_nav a:link,
.side_nav a:visited {
    display: block;
    text-decoration: none;
    padding: 2px 4px;
    }
.side_nav a:hover, .side_nav li.current a {
    background-color: #7E0729;
    color: #FFF;
    }
#sidebar em {
    display: block;
    margin: 10px 0 2px;
    font-weight: bold;
    }
#best {
    margin: 40px 0 0;
    padding: 5px 0;
    border: 1px solid #CCC;
    border-width: 1px 0;
    }
#best p {
    margin: 0;
    padding: 0;
    font-size: .9em;
/*     font-weight: bold; */
    }
#best img {
    margin-top: 10px;
    }





/* ============= FEATURE ============= */
#feature {
    float: right;
    margin: 0 0 20px 20px;
    background: #ccc;
    border: 1px solid #999;
    }
.narrow { width: 203px; }
.wide { width: 305px; }
#feature p {
    padding: 12px 6px 6px;
    }

.feature {
/*     outline: 1px solid blue; */
    width: 187px;
    float: left;
    margin-right: 8px;
    }
.last {
    margin-right: 0;
    }



/* ============= LOAD TABLE ============= */
#tracking_data
{
/* 	width: 100%; */
	width: 578px;

}
#tracking_data iframe
{
/* 	width: 641px; */
	width: 100%;
	height: 700px;
	border: none !important;
}



/* ============= LOAD TABLE ============= */
div#load_table {
    min-height: 500px;
}
div#load_table table
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	overflow: visible;
}
div#load_table table th {
    background-color: white;
    font-weight: bold;
    text-align: left;
    padding: 2px 3px;
    color: #7E0729;
/*     WHITE SPACE MAKES THE TABLE WRAP due to the long column headers */
/*     white-space: nowrap; */
	vertical-align: bottom;
}
div#load_table table td {
    background-color: white;
    border-top: 1px solid #666;
    padding: 2px 3px;
}
div#load_table table td + td {
    border-left: 1px solid #CCC;
}



/* ============= FOOTER ============= */
#footer {
    border-top: 14px solid #333;
    color: #FFF;
    background-color: #111;
    }

#footer ul {
    margin: 10px 0 0 0;
    padding: 0;
    width: 750px;
    list-style: none outside;
/*     outline: 1px solid red; */
    }
#footer ul.subnav {
    margin: 5px 0 0 -4px;
    }
#footer li {
    display: inline;
    }
#footer ul a:link,
#footer ul a:visited {
    color: #FFF;
    text-decoration: none;
    padding: 1px 4px 1px;
    font-size: .85em
    }
#footer ul a:hover, #footer ul li.current a {
    background-color: #7E0729;
    }
#footer #carrier_nav em {
    margin: 0 0 0 15px;
    }
#footer p {
    clear: both;
    margin: 15px 0 3em;
    }


/* ============= FORMS ============= */
td label, label {
    display: block;
    width: 10em;
    }
textarea { 
    height: 7em;
    }
textarea, select, input[type="text"] { 
    width: 150px;
    }


/* ============= LINKS ============= */
a:link, a:visited {
    color: #7E0729;
    text-decoration: none;
    }
#main a:link, #main a:visited {
    text-decoration: underline;
/*     font-weight: bold; */
    }
#best a:link, #best a:visited {
    text-decoration: underline;
    }
#content a:hover, #content a:active {  /* "#content" stops the hover background from displaying */
    color: #FFF;
    background-color: #7E0729;
    text-decoration: none;
    }

a:link.download_pdf {
    background: url(/i/pdf_icon.gif) no-repeat center right;
    padding-right: 25px;
    }
a:hover.download_pdf {
    background-color: #7E0729;
    text-decoration: none;
    }
a img {
    border: 0;
    }




/* ============= UTILITIES ============= */
.note { 
    color: #666;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.85em;
    }
.normal { font-weight: normal; }
.required,
.error,
.caution { color: red; }
.clearall { clear: both; }