* { border:0px; margin:0px; padding:0px; }
a { text-decoration: underline; font-weight: bold; color: #004ca5; }
html, body { width:100%; background-color: #000080; color: #000; font-family: "Tahoma",Arial,Helvetica,sans-serif; font-size: 12px;}
h1 { font-size: 18px; border-bottom: 1px solid #ccc; color: #000; margin-bottom: 3px; position: relative;}
h1.quotes,h1.loggedin,h1.waybills,h1.customers,h1.drivers { text-indent: 50px;  height: 23px; padding-top: 5px;}
h1.quotes { background: transparent url(/i/h1-quotes.gif) 0px 100% no-repeat; }
h1.waybills { background: transparent url(/i/h1-waybills.gif) 0px 100% no-repeat; } 
h1.loggedin { background: transparent url(/i/h1-login.gif) 0px 100% no-repeat; }
h1.customers { background: transparent url(/i/h1-customers.gif) 0px 100% no-repeat; }
h1.drivers { background: transparent url(/i/h1-drivers.gif) 0px 100% no-repeat; }
h2 { font-size: 14px; padding-bottom: 10px; width: 600px; }
input.radio { border: 0px; }
input.checkbox { border: 0px; background: transparent; }

/* input.text { border: 1px solid #999; height: 20px; font-weight: bold; vertical-align: middle; padding-top: 3px;} */
input.text { border: 1px solid #999; background-color: #eee; }
select { border: 1px solid #999; }
/* input.submit { border: 1px solid #7FA5D2; background-color: #ebeff5; margin-top: 10px; padding: 2px 3px;} */
input.submit { border: 0px; background-color: #fff; }
input.waybill { font-weight: bold; font-size: 14px; height: 18px; }
textarea { border: 1px solid #999; font-family: "Tahoma",Arial,Helvetica,sans-serif; font-size: 12px; background-color: #eee;}
th { font-size: 11px; color: #999; padding-bottom: 10px; }
p,h1 { position: relative; }
.status { color: #cc0000; font-weight: bold; margin-bottom: 10px;}
.fourteen { font-size: 14px; }
.red { color: #cc0000; }
.altRow { background-color: #eee; }

table.distances { width: 500px; border-collapse: collapse; }
table.distances td { padding: 4px; font-size: 12px; }
table.distances td.left { text-indent: 10px; }


#top { position: relative; width: 100%; background: #fff url(/i/background-top.jpg) 265px 0px no-repeat; height: 60px; padding: 15px 0 0 0; text-indent: 10px;}

#top-menu { position: absolute; top: 50px; left: 270px; }
#top-menu ul { list-style-type: none; }
#top-menu ul li { display: inline; }
#top-menu ul li a { display: block; padding: 5px 8px 5px 8px; float: left; margin-right: 3px; color: #000080; text-decoration: none;}
#top-menu ul li a.active { background-color: #000080; border: 1px solid #ccc; border-bottom: 1px solid #000080; color: #fff; }
#top-menu ul li a.inactive { border: 1px solid #ccc; background-color: #a4b6c7;}
#top-menu ul li a.inactive:hover { background-color: #000080; color: #fff; border-bottom: 1px solid #000080; }

#top-menu ul ul { position: absolute; top: 28px; left: 0px; }
#top-menu ul ul.customers { left: 73px;}
#top-menu ul ul.drivers { left: 175px;}
#top-menu ul ul.waybills { left: 254px;}
#top-menu ul ul.driver-waybills { left: 73px;}
#top-menu ul ul.quotes { left: -255px; }
/* #top-menu ul ul li a { padding: 7px 15px 0px 15px; color: #fff; background: #a4b6c7 url(/i/arrow-up.gif) 50% bottom no-repeat; font-size: 11px; height: 22px; font-weight: normal;  color: #000080; } */
#top-menu ul ul li a { padding: 7px 15px 0px 15px; color: #fff; background: #a4b6c7; font-size: 11px; height: 22px; font-weight: bold;  color: #000080; }
#top-menu ul ul li a:hover { text-decoration: underline; }

#middle-bar { position: relative; background-color: #000080; border-top: 1px solid #ccc; color: #fff;
text-indent: 15px; padding-top: 6px; width: 100%; height: 27px; border-bottom: 1px solid #fff; font-size: 11px;}
#middle-bar input.go { position: absolute; }

#grey-bar { position: relative; background-color: #ccc; height: 5px; font-size: 0px;}

#body { background-color: #fff; padding: 5px 0 20px 0px; padding-left: 15px;}
#body p,#body-guest p { margin-bottom: 10px; }
#body-guest { background-color: #fff; padding: 10px 0 15px 0px; padding-left: 15px; border-bottom: 1px solid white; border-top: 1px solid white; color: #fff;}


#footer { position: relative;height: 50px; background: transparent url(/i/background-footer.gif) 0 0 repeat-x; border-top: 1px solid black; color: #B3B3D9; font-size: 11px; padding-left: 15px; padding-top: 10px; }
#footer img { padding-top: 10px; }
#footer a { text-decoration: underline; font-weight: normal; color: #B3B3D9; }

#data { width: 750px; clear: both; padding-left: 10px; margin-bottom: 10px; border-collapse: collapse; }
#data caption { font-size: 12px; font-weight: bold; text-align: left; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 3px;}
#data th a { font-weight: normal; }
#data td { vertical-align: middle; height: 20px; font-size: 11px; padding-bottom: 3px;}
#data tr.alt-row { background-color: #E5E5E5; }
#data td.first,th.first { text-indent: 30px; background-image: url(/i/arrow-double.gif); background-position: 10px 50%; background-repeat: no-repeat; }
#data td.left { text-indent: 10px; text-align: left; }
#data input { background-color: #eee; }
/* #data input.submit { background-color: #A4B6C7; border: 1px solid #ccc; color: #fff; font-weight: bold;} */
#data input.checkbox { background: transparent; }

#you-are-here,p.you-are-here { font-size: 10px; list-style: none; display: inline; position: relative; }
#you-are-here li { display: inline; margin-bottom: 10px; line-height: 3em;}
#you-are-here li a,span.arrows { padding-left: 11px; padding-right: 5px; }
#you-are-here li a.arrows,span.arrows { text-decoration: underline; background: transparent url(/i/arrows-here.gif) 0px 50% no-repeat; }
span.arrows { text-decoration: none; }
#you-are-here li a:hover { color: #666600; }

#quote { margin-left: 15px; }
#quote p { line-height: 2em; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 5px;}

#thisForm { line-height: 1.5em; }
#thisForm input.text { height: 20px; }

#contentInfo { text-align: justify; padding-left: 15px; line-height: 1.5em;  }
#content p { width: 550px; text-align: justify; padding-left: 15px; line-height: 1.5em; }
#content .fourteen { font-size: 14px; }
#content ul { list-style: none; margin-left: 15px; padding-bottom: 10px;}
#content ul li {  background: url(/i/arrow-double.gif) 10px 6px no-repeat; padding-left: 35px; padding-bottom: 5px; line-height: 1.6em; width: 500px; text-align: justify; }
#content ul.none li { width: 300px; }
#content ul ul li { background: transparent url(/i/arrows-here.gif) 0px 50% no-repeat;background: transparent url(/i/arrows-here.gif) 0px 50% no-repeat; text-indent: 15px; height: 15px;}
#content p.info { width: 350px; }

ul.admin,ul.quote { list-style: none; }
ul.admin li { margin-bottom: 10px; line-height: 1.5em; margin-left: 20px;}
ul.admin a { background: url(/i/arrow-double.gif) 0px 50% no-repeat; padding-left: 20px; position: relative; }

ul.add { list-style: none; margin-bottom: 15px;}
ul.add li { background: url(/i/icon-add.gif) 0px 50% no-repeat; padding-left: 25px; position: relative; margin-left: 20px;}

ul.quote li { margin-bottom: 10px; padding-left: 20px;background: url(/i/arrow-double.gif) 0px 50% no-repeat; }

#phone-numbers { text-align: right; font-size: 11px; position: absolute; right: 10px; top: 3px; line-height: 1.5em; width: 205px; }

p.iagree { font-size: 14px; background-color: #eee; border: 1px solid #ccc; padding: 10px; width: 500px;text-align: justify;}
p.addresses,table.addresses { font-size: 11px; background-color: #eee; border: 1px solid #ccc; padding: 10px; width: 725px;text-align: justify;}
p.quote { line-height: 1.5em; padding-top: 10px; padding-bottom: 10px; }
p.none { padding-left: 20px; }

table.shipping td { font-size: 11px; padding-bottom: 5px; padding-right: 20px;}
table.shipping caption { font-weight: bold; padding-bottom: 10px; font-size: 12px; }
input.address,select.address { background-color: #fff; border: 1px solid #ccc; }
select.address { font-size: 11px; }

img.home1 { float: left; margin: 0 0 15px 0px; }
img.home2 { float: right; margin: 15px 0 10px 20px; top: 150px;}

#common td { font-size: 14px; line-height: 1.5em; padding-right: 20px;}
#common caption { text-align: left; font-weight: bold; padding-bottom: 5px;}

span.follow { font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-style: italic; font-size: 14px; line-height: 1.5em; }

#add td { padding-right: 20px; padding-bottom: 5px;  }

#contact td { padding-bottom: 5px; }

td.report { border-bottom: 1px solid #ccc; }
span.report { display: none; }

p.print a { padding: 10px 0 10px 30px; background: url(/i/icon-print.gif) 0 50% no-repeat; }
a.viewPDF { padding: 10px 0 10px 20px; background: url(/i/icon-pdf.gif) 0 50% no-repeat; }

#faq p { border-bottom: 1px solid #ccc; margin-bottom: 20px;  }
#faq h3 { font-size: 14px; padding-bottom: 5px; }

#maps { width: 700px; }
#maps p { width: 100%; }

img.aboutUs { float: right; padding: 10px; border: 1px solid #a4b6c7; background-color: #dfe6eb; margin: 50px 0 35px 25px; }
img.hotShot { float: right; padding: 10px; border: 1px solid #a4b6c7; background-color: #dfe6eb; margin: 90px 0 35px 25px; }
img.aboutUs2 { float: right; padding: 10px; border: 1px solid #a4b6c7; background-color: #dfe6eb; margin: 0px 0 35px 25px; }

a.bbb2, a.ecc2 { float: right; }
/* a.bbb2, a.ecc2 { float: right; margin: 15 0 20px 25px; } */
img.ccc { float: right; margin: 0 0 20px 15px; }
#ccc { position: absolute; top: 180px; left: 365px; }
#bbb { position: absolute; top: 220px; left: 335px; }
#ecc { position: absolute; top: 220px; left: 435px; }
p.contactUs { padding-bottom: 0px; margin-bottom: 0px; }
html>body p.contactUs { padding-bottom: 75px; }
img.contactUs { float: left; padding: 10px; border: 1px solid #a4b6c7; background-color: #dfe6eb; margin: 0 15px 20px 0; }

p.testimonial { font-size: 18px; line-height: 1em;}
div.testimonial { padding: 15px 0;}

#topList { background: none; }
#topList ul li { width: 500px; line-height: 2em; font-size: 12px;}
#topList h2 { padding-top: 15px; }

div.comic1 { position: absolute; top: 300px; left: 460px; }
div.comic2 { position: absolute; top: 575px; left: 460px; }
div.comic3 { position: absolute; top: 875px; left: 460px; }
div.comic4 { position: absolute; top: 1110px; left: 460px; }
div.comic5 { position: absolute; top: 1385px; left: 460px; }
div.comic6 { position: absolute; top: 1620px; left: 460px; }
div.comic7 { position: absolute; top: 1850px; left: 460px; }
div.comic8 { position: absolute; top: 2100px; left: 460px; }
div.comic9 { position: absolute; top: 2325px; left: 460px; }


li.comic { width: 200px; }