﻿/*
	author: davidlongshaw
	date: 2006-10-04
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: smaller;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

span.clearwhite
{
    color: #FFFFFF;
    width: 0px;
}

span.clearred
{
    color: #FF3333;
}

/* content styles */
#maincontent h1 {
	color: #666666;
	font-size: large;
}

#maincontent p 
{
    color: #666666;
    width: 520px;
    text-align: left;
    margin-left: 0px;
    margin-top: 12px;
    margin-bottom: 2px;
    text-indent: 0px;
}

#maincontent a, #maincontent a:visited
{
    color: #00BFFF;    
}

#header {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 189px;
}

#bannertop {
    background-image: url(../images/home/banner_topff.jpg);
    height: 110px;
    width: 1024px;
    background-repeat: no-repeat;
    float: left;
}

#bannerbottom {
    background-image: url(../images/home/banner_bottomff.jpg);
    height: 68px;
    width: 1028px;
    background-repeat: no-repeat;
    float: left;
    margin-left: -4px;
}

#topnav 
{
    margin: 10px 10px 0px 30px;
    color: #FFFFFF;
    float: left;
    font-weight: bolder;
}

#topnav a, topnav a:visited 
{
    color: #FFFFFF;
}

#footer 
{
    width: 1024px;
    height: 28px;
    background-color: #99ccff;
    float: left;
	clear: both;
	margin: 0px 0px 0px 0px;	
}

#footercu 
{
    width: 1024px;
    height: 28px;
    background-color: #99ccff;
    float: left;
	clear: both;
	margin: 0px 0px 0px 0px;	
}

#copyright
{
    float: left;
    color: #FFFFFF;
    margin-top: 4px;
    position: relative;
    margin-left: 10px;
    margin-right: 5px;
}

#bottomnav 
{
    float: right;
    text-align: right;
    color: #FFFFFF;
    margin-top: 4px;
    position: relative;
    margin-left: 5px;
    margin-right: 10px;
}

#bottomnav a, #bottomnav a:visited, #bottomnav a:hover 
{
    color: #ffffff;
}

#maincontent 
{
    position: absolute;
    left: 220px;
    top: 162px;
    font-size: small;
}

#maincontent ul 
{
    text-indent: 0px;
    margin-left: -25px;
    margin-top: -10px;
}

#maincontent ul li 
{
    list-style-type: disc;
    color: #00BFFF;
    line-height: 15px;
    font-weight: bold;
}

#maincontent ul li a 
{
    color: #666666;
    text-transform: uppercase;
    font-size: small;    
}

#map
{
    position: absolute;
    left: 740px;
    top: 172px;
    width: 239px;
    height: 255px;
    margin-left: 0px;
}

#maptext
{
    background-image: url(../images/home/fandr_1.jpg);
    background-repeat: no-repeat;
    width: 239px;
    height: 39px;
}

#mapimage
{
    background-image: url(../images/home/map_1.jpg);
    background-repeat: no-repeat;
    width: 180px;
    height: 206px;
    position: relative;
    left: 30px;
    top: 10px;
}

#leftcontainer 
{
    float: left;
    clear: left;
    width: 195px;
    height: 309px;
    margin-top: -11px;
    border-right: dotted 1px #cccccc;
}

#leftnav 
{
    float: left;
    margin: -17px 0px 0px 0px;
    width: 195px;
    font-weight: bolder;
}

.selected, #nav:hover, #nav_1:hover {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	width: 195px;
	background-color: #6699FF;
	border-top: solid 1px #666666;
	color: #ffffff;
}

.selected, .selected a:visited, .selected a:hover {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 25px;
	height: 20px;
	width: 195px;
	background-color: #99CCFF;
	border-top: solid 1px #666666;
	color: #666666;
}

.selectedtop, .selectedtop a:visited, .selectedtop a:hover {
    margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 5px;
	height: 20px;
	width: 195px;
	background-color: #99CCFF;
	border-top: solid 1px #666666;
	color: #666666;
}

.nav a
{
    display: block;
    background-color: #00bfff;
    height: 20px;
    border-top: solid 1px #666666;
    color: #ffffff;
    text-indent: 25px;
    width: 195px;
}

.nav4 a
{
    display: block;
    background-color: #00bfff;
    height: 20px;
    border-top: solid 1px #666666;
    color: #ffffff;
    padding-left: 25px;
    text-indent: 25px;
    width: 195px;
    font-size: small;
}

    
#nav, #nav_1 {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 5px;
	height: 20px;
	width: 195px;
	background-color: #00BFFF;
	border-top: solid 1px #666666;
	color: #ffffff;
}

#aboutusnav a, #aboutusnav a:visited, #aboutusnav a:hover {
	color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
}

#rapidcollectnav {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 25px;
	height: 20px;
	width: 195px;
	background-color: #00BFFF;
	color: #ffffff;
	border-top: solid 1px #666666;
}

#rapidcollectnav a, #rapidcollectnav a:visited, #rapidcollectnav a:hover {
	color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
}

#mainroutesnav {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 25px;
	height: 20px;
	width: 195px;
	background-color: #00BFFF;
	color: #ffffff;
	border-top: solid 1px #666666;
}

#mainroutesnav a, #mainroutesnav a:visited, #mainroutesnav a:hover  {
	color: #FFFFFF;
	line-height: 20px;
	vertical-align: middle;
}

#ultimatenav {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 45px;
	height: 20px;
	width: 195px;
	background-color: #00BFFF;
	color: #ffffff;	
	border-top: solid 1px #666666;
}

#ultimatenav a, #ultimatenav a:visited, #ultimatenav a:hover  {
	color:  #ffffff;
	line-height: 20px;
	vertical-align: middle;
}

#tracknav {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 25px;
	height: 20px;
	width: 195px;
	background-color: #00BFFF;
	color: #ffffff;
	border-top: solid 1px #666666;
}

#tracknav a, #tracknav a:visited, #tracknav a:hover  {
	color: #ffffff;
	line-height: 20px;
	vertical-align: middle;
}

#teamnav {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 25px;
	height: 20px;
	width: 195px;
	background-color: #00BFFF;
	color: #ffffff;
	border-top: solid 1px #666666;
}

#teamnav a, #teamnav a:visited, #teamnav a:hover  {
	color:  #ffffff;
	line-height: 20px;
	vertical-align: middle;
}

#linksnav {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 25px;
	height: 20px;
	width: 195px;
	background-color: #00BFFF;
	color: #ffffff;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

#linksnav a, #linksnav a:visited, #linksnav a:hover  {
	color:  #ffffff;
	line-height: 20px;
	vertical-align: middle;
}

#contactus p  {
    position: absolute;
    top: 300px;
    line-height: 18px;
    margin-top: 0px;
    color: #FF0033;
    width: 195px;
}

#contactus a  {
    line-height: 18px;
    margin-top: 83px;
    color: #FF0033;
    width: 195px;
    font-weight: bolder;
    font-size: smaller;
}

#contactus strong
{
    line-height: 18px;
    margin-top: 0px;
    color: #FF0033;
    width: 195px;
}

#contactus p a, #contactus p a:visited 
{
    color: #FF0033;
}

#contactus
{
    background-image: url(../images/home/van_1.jpg);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 210px;
    margin-left: 25px;
    height: 65px;
    width: 136px;
}

#footerbanner
{
    background-image: url(../images/home/bannerfooterff.jpg);
    background-repeat: no-repeat;    
    height: 155px;
    width: 1024px;
    float: left;
    clear: both;
}

#address h3
{
    color: #FFFFFF;
    width: 195px;
    height: 24px;
    background-image: url(../images/lowerimages/redrectangle.jpg);
    background-repeat: no-repeat;
    font-size: small;
    text-indent: 25px; 
    margin-top: -0px;
    margin-left: 4px;
    padding-top: 4px;
    border-right: dotted 1px #cccccc;
}

#address p
{
    color: #666666;
    margin-top: -16px;
    padding-left: 25px;
    line-height: 14px;
    font-weight: bold;
    width: 195px;
    font-size: smaller;
    float: left;
    clear: left;
    margin-left: 4px;
}

/* list styles */
ul, ol {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* lower page styles */
/* rapid collection*/
#maincontentlower 
{
    position: absolute;
    left: 220px;
    top: 172px;
    font-size: small;
}

#maincontentlower h2
{
   color: #666666;
   font-size: large;     
}

#maincontentlower h1 {
	color: #666666;
	font-size: large;
}

#maincontentlower h3
{
   color: #00bfff;
   font-size: small;
   font-weight: bold;     
}

#maincontentlower p 
{
    color: #666666;
    width: 520px;
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 2px;
    text-indent: 0px; 
    font-size: small;
}

#maincontentlower a, #maincontentlower a:visited
{
    color: #00BFFF;    
}

#footerbannerthree
{
    background-image: url(../images/rapidcollect/bannerfooter_2ff.jpg);
    background-repeat: no-repeat;    
    height: 155px;
    width: 1028px;
    float: left;
    clear: both;
    margin-left: -4px;
}

#parcelguy
{
    background-image: url(../images/rapidcollect/parcelguy.jpg);
    background-repeat: no-repeat;
    height: 296px;
    width: 221px;
    float: right;
    clear: left;
    position: absolute;
    left: 760px;
    top: 191px;
    margin-right: 10px;
}

#driver
{
    background-image: url(../images/rapidcollect/driver_2.jpg);
    background-repeat: no-repeat;
    height: 266px;
    width: 221px;
    float: right;
    clear: left;
    position: absolute;
    left: 803px;
    top: 221px;
    margin-right: 10px;
}

#woman
{
    background-image: url(../images/rapidcollect/girl_on_laptop.jpg);
    background-repeat: no-repeat;
    height: 172px;
    width: 242px;
    position: absolute;
    left: 781px;
    top: 316px;
}

/* main routes*/
#mainmap
{
  background-image: url(../images/lowerimages/mapyellow.jpg);
  background-repeat: no-repeat;
  width: 738px;
  height: 422px;
  position: absolute;
  top: 80px;
  left: 0px; 
}

#rightcontainer
{
    position: absolute;
    top: 180px;
    left: 600px;
    margin-top: 64px;
    width: 380px;
    height: 115px;
    border: dotted 1px #cccccc;
    margin-right: 15px;
    padding: 0px 5px 5px 5px;
}

#rightcontainer h3
{
    font-size: small;
    color: #ffffff;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #00bfff;
        
}

#rightcontainer p
{
     color: #666666;
     font-size: small;
     margin-top:5px;   
}

#rightcontmr p 
{
}

#rightcontainerbot
{
    position:absolute;
    top: 165px;
    left: 600px;
    width: 380px;
    height: 250px;
    margin-right: 15px;
    padding: 5px 5px 5px 5px;        
}

#rightcontainerbot h2
{
   color: #666666;
   font-size: large;      
}

#rightcontainerbot p
{
    color: #666666;
    width: 380px;
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 2px;
    text-indent: 0px; 
    font-size: small;    
}

#rightcontainerbot ul li 
{
    list-style-type: disc;
    color: #00BFFF;
    line-height: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: -25px;
}

#maincontentroutes 
{
    position: absolute;
    left: 220px;
    top: 172px;
    font-size: small;
}

#maincontentroutes h2
{
   margin-top: -10px;
   color: #666666;
   font-size: small;     
}

#maincontentroutes h3
{
   margin-top: -10px;
   color: #666666;
   font-size: small;     
}

#maincontentroutes h2 p
{
   margin-top: 0px;
   color: #666666;
   font-size: large;     
}

#maincontentroutes h3
{
   margin-top: -10px;
   color: #666666;
   font-size: small;
   font-weight: bold;     
}

#maincontentroutes h1 {
	color: #666666;
	font-size: large;
}

#maincontentroutes p 
{
    color: #666666;
    width: 520px;
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 2px;
    text-indent: 0px; 
    font-size: small;
}

#maincontentroutes a, #maincontentroutes a:visited
{
    color: #00BFFF;    
}

#footerbannertwo
{
    background-image: url(../images/rapidcollect/footer_3ff.jpg);
    background-repeat: no-repeat;    
    height: 116px;
    width: 1024px;
    float: left;
    clear: both;
}

#leftcontainermr 
{
    float: left;
    clear: left;
    width: 195px;
    height: 308px;
    margin-top: -11px;
    margin-bottom: 0px;
    border-right: dotted 1px #cccccc;
}

#maincontentroutes ul li 
{
    list-style-type: disc;
    color: #00BFFF;
    line-height: 15px;
    font-weight: bold;
}

#addressmr
{
    float: left;
    clear: left;
    width: 195px;
    height: 220px;
    border-right: dotted 1px #cccccc;
    background-color: #ffcc33;
    margin-top: 6px;
}

#addressmr h3
{
    color: #FFFFFF;
    width: 195px;
    height: 24px;
    background-image: url(../images/lowerimages/redrectangle.jpg);
    background-repeat: no-repeat;
    font-size: small;
    text-indent: 25px; 
    margin-top: -5px;
    padding-top: 4px;
    border-right: dotted 1px #cccccc;
}

#addressmr p
{
    color: #666666;
    margin-top: -18px;
    padding-top: 2px;
    padding-left: 25px;
    text-indent: 0px;
    line-height: 14px;
    font-weight: bold;
    font-size: smaller;
    width: 167px;
    float: left;
    clear: left;
}

#addresstt
{
    float: left;
    clear: left;
    width: 195px;
    height: 390px;
    border-right: dotted 1px #cccccc;
}

#addresstsandcs
{
    float: left;
    clear: left;
    width: 195px;
    height: 4275px;
    border-right: dotted 1px #cccccc;
    background-color: #ffcc33;
}

#addresstt h3, #addresstsandcs h3
{
    color: #FFFFFF;
    width: 195px;
    height: 24px;
    background-image: url(../images/lowerimages/redrectangle.jpg);
    background-repeat: no-repeat;
    font-size: small;
    text-indent: 25px; 
    margin-top: 1px;
    padding-top: 4px;
    border-right: dotted 1px #cccccc;
}

#addresstt p, #addresstsandcs p
{
    color: #666666;
    margin-top: -18px;
    padding-top: 2px;
    padding-left: 25px;
    text-indent: 0px;
    line-height: 14px;
    font-weight: bold;
    font-size: smaller;
    width: 170px;
    float: left;
    clear: left;
    border-right: dotted 1px #cccccc;
    background-color: #ffcc33;
}

#addressmrcu
{
    float: left;
    clear: left;
    width: 195px;
    height: 260px;
    border-right: dotted 1px #cccccc;
    background-color: #ffcc33;
}

#addressmrcu h3
{
    color: #FFFFFF;
    width: 195px;
    height: 34px;
    background-image: url(../images/lowerimages/redrectangle.jpg);
    background-repeat: no-repeat;
    font-size: small;
    text-indent: 25px; 
    margin-top: 0px;
    padding-top: 2px;
    border-right: dotted 1px #cccccc;
}

/* the team */
#employeecontent h3, #emp1 h3, #emp2 h3, #emp3 h3, #emp4 h3, #emp5 h3, #emp6 h3, #emp7 h3
 {
 	color: #00bfff;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
    font-size: small;
    font-weight: bold;
    margin-left: 0px;
    margin-top: 0px;
 }
 
#leftcontainertt 
{
    float: left;
    clear: left;
    width: 195px;
    height: 308px;
    margin-top: -11px;
    border-right: dotted 1px #cccccc;
}

#whitebox
{
    float: left;
    clear: left;
    width: 195px;
    height: 270px;
    border-top: solid 10px white;
}

#whiteboxud
{
    float: left;
    clear: left;
    width: 195px;
    height: 270px;
    border-top: solid 10px white;
}

#maincontentteam 
{
    position: absolute;
    width: 500px;
    left: 220px;
    top: 172px;
    font-size: small;
}

#maincontentteam h1 
{
    color: #666666;
	font-size: large;  
}

#maincontentteam p 
{
    color: #666666;
	font-size: small;
}

#employeecontent
{
   float: left;
}

#employeecontent p, #emp1 p, #emp2 p, #emp3 p, #emp4 p, #emp5 p, #emp6 p, #emp7 p
{
   margin-top: 0px;
   line-height: 14px;
   font-size: smaller;
   width: 200px;
}

#employeecontent img
{
    border: solid 1px #00BFFF;
}

#employeeleft
{
  float: left;
  width: 200px;    
}

#employeeleft img
{
    width: 100px;
    height: 140px;    
}

#employeeright
{
  width: 200px;
  float: right;
  padding-right: 70px;    
}

#employeeright img
{
    width: 100px;
    height: 140px;       
}

#employeecontent h2
 {
 	color: #00bfff;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
    font-size: small;
    font-weight: bold;
    margin-left: 0px;
    margin-top: 0px;
 }

#leftcontainercu
{
    float: left;
    clear: left;
    width: 195px;
    height: 326px;
    margin-top: -28px;
    border-right: dotted 1px #cccccc;
}

#leftnavcu 
{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 195px;
    font-weight: bolder;
}

#contactuscu
{
    background-image: url(../images/home/van_1.jpg);
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 227px;
    margin-left: 25px;
    height: 65px;
    width: 136px;
}

#contactuscu p  {
    position: absolute;
    top: 300px;
    line-height: 18px;
    margin-top: 0px;
    color: #FF0033;
    width: 195px;
}

#contactuscu a  {
    line-height: 18px;
    margin-top: 83px;
    color: #FF0033;
    width: 195px;
    font-weight: bolder;
    font-size: smaller;
}

#contactuscu strong
{
    line-height: 18px;
    margin-top: 0px;
    color: #FF0033;
    width: 195px;
}

#contactuscu p a, #contactuscu p a:visited 
{
    color: #FF0033;
}

 /*Forms*/ 
.label
 {
 	margin-left: 0px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 0px;
 }
 
 .input
 {
 	margin-left: 0px;
 	margin-top: 10px;
 	margin-bottom: 5px;
 	vertical-align: middle;
 	position: relative;
 }
 
 #txtComment
 {
 	width: 231px;
 }

label
{
	color: #00bfff;
}
 
 #txtEmail
 {
 	width: 231px;
 }
 
 #submit
 {
 	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 0px;
	color: #666666;
	font-weight: bold;
	background-color: #FFcc33;
 }
 
 #ddlHear
 {
 	margin-left: 0px;
 }
 
legend {
	color: #666666;
	background-color:White;
	font-size: large;
	font-weight:bold;
	vertical-align: middle;
	text-indent: 18px;
	margin-bottom: 10px;
}

fieldset {
	position: absolute;
	top: 200px;
	left: 215px;
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 130px;
	color: #666666;
	border: dotted 1px #cccccc;
	width: 723px;
	margin-top: -35px;	
}

#quotes p, .homequote
{
    font-size: large;
    color: #FF0033;   
}

#quotes2 p
{
    font-size: large;
    color: #FF0033;
    position: absolute;
    margin: 252px 0px 0px 220px;
}

#quotes3 p
{
    font-size: large;
    color: #FF0033;
    position: absolute;
    top: 380px;
    left: 605px; 
}

#quotes4 p
{
    font-size: large;
    color: #FF0033;
    position: absolute;
    top: 800px;
    left: 220px; 
}

#quotes5 p
{
    font-size: large;
    color: #FF0033;
    position: absolute;
    top: 180px;
    left: 390px; 
}

#emp1
{
    position: absolute;
    top: 100px;
    left: 130px;
}

#emp2
{
    position: absolute;
    top: 100px;
    left: 425px;
}

#emp3
{
    position: absolute;
    top: 285px;
    left: 0px;
}

#emp4
{
    position: absolute;
    top: 285px;
    left: 275px;
}

#emp5
{
    position: absolute;
    top: 285px;
    left: 580px;
}

#emp6
{
    position: absolute;
    top: 465px;
    left: 130px;
}

#emp7
{
    position: absolute;
    top: 465px;
    left: 425px;
}

#maincontentlower ul
{
    margin-top: 10px;
}

#maincontent ul li, #maincontentlower ul li 
{
    list-style-type: disc;
    color: #00BFFF;
    line-height: 15px;
    font-weight: bold;
}

#maincontent ul li a, #maincontentlower ul li a
{
    color: #666666;
    text-transform: uppercase;
    font-size: small;    
}

#footerbannerfour
{
    background-image: url(../images/rapidcollect/bannerfooter_3ff.jpg);
    background-repeat: no-repeat;    
    margin-top: 0px;
    height: 156px;
    width: 1024px;
    float: left;
    clear: both;
}

#quotes3 img
{
    width: 280px;
    height: 187px;
    position: absolute;
    top: 464px;
    left: 605px;
    border: solid 1px #00BFFF;    
}

#footerbannerfive
{
    background-image: url(../images/rapidcollect/bannerfooter_4ff.jpg);
    background-repeat: no-repeat;    
    margin-top: 0px;
    height: 156px;
    width: 1024px;
    float: left;
    clear: both;
}

#addressmrcu p
{
    color: #666666;
    margin-top: -22px;
    padding-top: 3px;
    padding-left: 25px;
    text-indent: 0px;
    line-height: 14px;
    font-weight: bold;
    font-size: smaller;
    width: 170px;
    height: 118px;
    background-color: #ffcc33;
    float: left;
    clear: left;
    border-right: dotted 1px #cccccc;
}

#maincontentlower ol li
{
    color: #666666;
    margin-left: 0px;
    margin-top: 13px;
    margin-bottom: 2px;
    text-indent: 0px;
}