/* CSS Document */

/* html css styles applied to key markup */ 
html, body, h1, h2, h3, h4, h5, h6, form{
			margin: 0;
			padding: 0;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size:100%;
						}			

li 
{
    color:#447093; 
    font-size:1em;
    padding-bottom: 10px;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.7em;
}

h3 {
font-size:1.5em;
}

h4 {
font-size:1.3em;
}

h5 {margin-top:10px;}

span.spanred { 
text-decoration:underline; 
color: #e12618;
}

span.spanblue { 
text-decoration:underline; 
color: #89a2ff;
}

body {
	font-size: 16px;
	color: #666666;
	background-image: url(../images/backgrounds/main-background.png);
	background-repeat: repeat-x;
	background-color:#e3e9ee;	
}

a img {
border: none;
}

/* main css start */

.hidden {
			display: none;
}

#container {
	width: 760px;
	margin: auto;
	background-color: #FFFFFF;
	}

			

#header {
			margin: auto;
			padding-top:10px;
			width:760px;
			height:83px;
			background: #FFFFFF url(../images/headers/mainlogo.png);
}

#main-nav {
	width: 722px;
	height:38.112px;
	margin-left:20px;
	margin-top:10px;
	font-size:.90em;
	color: #3399FF;
	background-image: url('../images/nav/main-nav-background.png');
	background-repeat: no-repeat;
	padding-top: 12px;
	padding-left: 10px;
	}

#main-nav a {
			color: #0099FF;
			text-decoration: none;
}
#main-nav a:hover {
				color:#DB6D16;
}

/* office user form password */

#formpass {
	width:auto;
	clear:both;
	float:right;
	margin-right:10px;
	}

.formtext {
	border: 0px solid  #FFFFFF;
	width:150px;
	padding:5px;
	background-image: url(../images/main%20content%20pics/formtextborder.png);
	background-repeat: no-repeat;
	height: auto;
	}

#content {
	line-height: 18px;
	color: #333333;
	width: 760px;
	margin: auto;
    height: 597px;
}

#content .main-quote-display {
			width:auto;
			height:270px;
			padding: 0 10px 10px 10px;
			}
			
#quote-buttons-left1, #quote-buttons-left2, #quote-buttons-left3, #quote-buttons-left4{
    margin-top: 10px;
    margin-bottom: 5px;
    width: 135px;
    float: left;
    }
#quote-buttons-right1, #quote-buttons-right2, #quote-buttons-right3, #quote-buttons-right4{
  margin-top: 10px;
  margin-bottom: 5px;
  width:135px;
  float: right;
  }
#quote-button-container-left {
	width: 170px;
	height: 280px;
	float: left;
	}
#quote-button-container-right {
width: 170px;
height: 280px;
float: left;
	}

#quote-button-container-middle {
    background-position: center;
    width: 400px;
    height: 280px;
    float: left;
    background-image: url("../images/graphics/main-flash-background1.png");
    background-repeat: no-repeat;
}

#content .homepage-introtext {
    width: 704px;
    padding: 5px 0 0 15px;
    margin: 10px 0 0 30px;
    background-image: url('../images/main%20content%20pics/introtext-background.png');
    background-repeat: no-repeat;
    color: #666666;
}

#content .homepage-otherproducts {
    width: 431px;
    height: 164px;
    padding: 30px 0 0 15px;
    margin: 0 0 0 30px;
    font-size:1em;
    font-weight:bold;
    background-image: url('../images/main%20content%20pics/otherproductsborder.png');
    background-repeat: no-repeat;
    line-height: 20px;
    float:left;
}

#content a {
    color: #447093;
    text-decoration: none;
}

#content a:hover {
	color: #DB6D16;
}


#content .homepage-news {
	width:207px;
	height: 164px;
	padding: 15px 0 0 15px;
	background-image: url('../images/main%20content%20pics/newsborder.png');
	background-repeat: no-repeat;
	margin: 0 0 0 500px;
}

#hp-infobox  {
	float: left;
	height: 150px;
	width: 150px;
	margin-right: 15px;
	margin-bottom: 15px;

}

#content .spacer {
margin-top: 20px;
}


#content p {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

#quote-facts {
width: 704px;
padding: 5px 0 0 5px;
margin: 0 0 0 30px;
float:left;
color: #333333;
}

#quote-facts h1 {
font-size:1.2em;
}

#quote-facts h2 {
font-size:1.1em;
}

#quote-facts a {
 color: #447093;
}

#quote-facts a:hover {
	color: #DB6D16;
}


#footer {
    font-size: 11px;
    color: #000000; 
    padding: 20px 25px;
    line-height: 18px;
    margin-top: 5px;
    width: 710px;
}

#footer #altnav {
					width: 250px;
					text-align:right;
}

#footer #altnav2 {
					float:left;
					width: 459px;
					text-align:left;
}

#footer #altnav5 {
					
					text-align:left;
					width: 400px;
}

#footer #altnav3 {
					
					text-align:left;
					width: 400px;
}

#footer #altnav4 {
					float:right;
					margin-top: 25px;
					width: 209px;
					}

#footer a {
			color: #0099FF;
			text-decoration: none;
			
}
#footer a:hover {
				color:#db6d16;
				
}

/* News scrolling marquee */
#marqueecontainer{
    position: relative;
    width: 179px; /*marquee width */
    height: 138px; /*marquee height */
    background-color: white;
    overflow: hidden;
    top: 11px;
    left: 1px;
}

#vmarquee{
font-size:16px;
position: absolute;
width: 98%;
top: 6px;
left: 4px;
}

#vmarquee .red
{
color:Red;
}


/* GENERIC PAGE */

#container-middle {
    background-position: center;
    width: 242px;
    height: 280px;
    float: left;
    background-image: url('../images/graphics/main-flash-background1.png');
    background-repeat: no-repeat;
}

#bottom-container{
width:750px;
float:left;
}



#container-right {
padding:10px 10px 10px 10px;
width: 279px;
margin-left:420px;
font-size: 1em;
}

#fleet-container-right {
padding:10px 0 10px 10px;
width: 279px;
margin-left:420px;
font-size: 0.8em;
}

#contact-container-right {
padding:10px 10px 10px 10px;
width: 279px;
margin-left:420px;
font-size: 1em;
}

#taxi-container-right {
padding:10px 10px 10px 10px;
width: 279px;
margin-left:420px;
font-size: 1em;
}


#container-right-git {
width:290px;
padding:15px 0px 5px 0;
margin-left:440px;
font-size: 1em;
}

#liability-container-right {
padding:30px 5px 10px 10px;
width: 289px;
height: 231px;
margin:0 0 0 420px;
}

#container-right-lower {
padding:10px 10px 10px 10px;
height: 266px;
margin-left:420px;
font-size: 1em;
}

#liability-container-right-lower {
padding:15px 10px 10px 10px;
width: 303px;
height: 266px;
margin-left:10px;
float: right;
margin-right:10px;
font-size: 1em;
}

#quote-container-right-lower {
padding:60px 10px 10px 10px;
width: 273px;
height: 180px;
margin-left:10px;
float: right;
margin-right:10px;
font-size: 1em;
}

#courier-container-right-top {
padding:20px 10px 10px 10px;
width: 273px;
margin-left:10px;
float: right;
margin-right:10px;
}

#courier-container-right-top h2 {
font-size: 1.1em;
font-weight:bold;
color: #333333;
margin: 0 0 10px 0;
}

#courier-container-right-top p {
font-size: .80em;
font-weight:bold;
color: #333333;
}

#comprehensive-courier-quote {
margin:0 0 0 20px;
}


    
#container-right li  { 
padding-bottom: 10px;
}
    

#content .generic-introtext-box {
    width: 370px;
    height: 262px;
    padding: 13px 10px 0 15px;
    margin: 10px 0 0 20px;
    background-image: url('../images/graphics/generic-intro-background.png');
    background-repeat: no-repeat;
    color: #333333;
    float:left;
    }

#content .green-text 
{
    color:#86AC2D;
    font-size:1.1em;
    margin-bottom:8px;
}

#content .red-text 
{
    color:red;
    font-size:1.5em;
    margin-bottom:8px;
}
#container-right-git .red-textlm {
    color:red;
    font-size:1em;
}   
    


/* content full page */

#content .full-page-content 
{
    width: 727px;
    float:left;
    padding: 15px 10px 0 15px;
    text-align:justify;
    color: #333333;
    font-size:1em;
    line-height: 22px;
    }
    
#content .privacy-full-page-content 
{
    width: 727px;
    float:left;
    padding: 15px 10px 0 15px;
    text-align:justify;
    color: #333333;
}    

  #content .generic-content-box {
    width: 698px;
    height: 262px;
    padding: 0px 10px 0 10px;
    margin: 10px 0 0 20px;
    color: #333333;
}

#content .spacer2 {
margin-top: 5px;
    height: 3px;
}

#content .spacer3 {
    height: 3px;
}


/* site map link boxes */
#content .site-map-box  
{
    width:227px;
    height:252px;
    float:left;
    overflow:auto;
    padding-left:5px;
     }
  
#container-right-links {
padding:10px 5px 5px 5px;
width: 300px;
height: 255px;
margin:0 0 0 420px;
font-size: 1em;
overflow:auto;
color:#333333;
}


#content .links-box {
    width:695px;
    float:left;
    padding:0 5px 0 5px;
   }
   
   
#content .links-box h4 {
padding-bottom: 5px;
margin-top: 15px;
}
 
        
#content .generic-content-links-box {
    width: 698px;
    padding: 0px 10px 0 0;
    margin: 10px 0 0 20px;
    color: #333333;
}


#container-right .blacktext 
{
    color:#000000;
} 

#container-right .blacktextsmall 
{
    color:Black;
    font-size:.75em;
} 

#container-right-git .blacktext 
{
    color:Black;
} 

#container-right-git .blacktextsmall 
{
    color:Black;
    font-size:small;
} 

#git-container-right-top {
padding:5px 10px 10px 10px;
width: 273px;
margin-left: 420px;
font-size: 1em;
}


#container-right-aboutus {
padding:10px 5px 5px 5px;
width: 273px;
height: 255px;
margin-left:420px;
}

#container-right-renewal-reminder {
padding:40px 20px 20px 15px;
margin-top:5px;
width: 238px;
height: 537px;
float: left;
background-image: url('../images/main%20content%20pics/renewalborder.png');
background-repeat:no-repeat;
margin-left:430px;
margin-top:-290px;
}  

#container-right-renewal-reminder form select {
margin-bottom: 7px;
}

#google-maps 
{
    padding:0px 10px 0px 30px;
}

/*Style data for Milestone Claims Assist page - 2009 08 19 BS*/

#content .claim_grab{width: 760px; height: 130px; margin: 5px 0 5px 0; background-image: url('../images/claim/claim.png'); color: #002255; font-family: Arial;}
#content img.claim_image{margin: 2px 4px 2px 4px;}
#content div.claim_title{background: #ffcc00; margin: 0; padding: 10px 0 0 4px; position: absolute; width: 610px; height: 30px;}
#content div.claim_tel{background: #ffcc00; width: 270px; height: 30px; margin: 88px 0 0 486px; padding: 12px 0 0 4px; position: absolute;}
#content p.claim_title_p{font-weight: bold; font-size: 2em;}
#content p.claim_tel_p{font-weight: bold; font-size: 2.25em; letter-spacing: 2px;}
#content div.claim_admin{background: #ffcc00; margin: 45px 0 0 330px; padding: 1px 0 4px 4px; position: absolute; width: 280px; height: 15px;}
#content p.claim_admin_p{font-weight: bold; font-size: 1em;}
#content div.claim_tel_benefits{background: #ffcc00; margin: -24px 0 0 500px; padding: 3px 0 4px 4px; position: absolute; width: 138px; height: 15px;}
#content p.claim_tel_benefits_p{font-weight: bold; font-size: 1.25em; color: #002255; font-family: Arial;}

#content div.claim_benefits{width: 626px; height: auto; margin: 18px 2px 18px 69px; position: absolute;}
#content p.claim_benefits_intro, #content p.claim_benefits_addinfo{color:#447093;font-size: 1.09em; padding: 4px 10px 4px 10px; line-height: 20px; margin: 0 10px 0 10px; text-align: justify;}
#content p.claim_benefits_addinfo{font-size: 1.1em; line-height: 17px;}
#content h1.claim_benefits_top{font-weight: bold; font-size: 1.2em; letter-spacing: .025em; margin: 0 0 13px 10px; color: #002255;}
#content h2.claim_benefits_p{font-weight: bold; font-size: 1.2em; letter-spacing: .025em; margin: 15px 0 13px 10px; color: #002255;}
#content ul.claim_ul{line-height: 25px; margin-top: 7px; list-style-image: url('../images/claim/claim_benefit.jpg');}
#content li.claim_il{font-size: 1.09em; list-style-type: none;}
#content img.check_claim{position: absolute; margin: 12px 0 0 65px;}