/*      This is the CSS style sheet for X9 */

body{
text-align:left;
background-color: #F2F2F2;
}

/*Paragraphs */

p.whiteSide{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#FFFFFF;
text-align:left;
margin-left: 10px;
margin-right:10px;
}

p.whiteButton{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color:#F2EF19;
text-align:left;
margin-left: 30px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
}

p.yellowHead{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 90%;
color:#F2EF19;
text-align:left;
margin-left: 10px;
margin-right:10px;
margin-top:0px;
}

p.GreenHead{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 70%;
color:#015544;
text-align:left;
margin-left: 15px;
margin-right:15px;
margin-top:0px;
}

p.GreenHead2{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 90%;
color:#015544;
text-align:left;
}

p.GreenCopy{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:normal;
font-size: 70%;
color:#015544;
text-align:left;
line-height:14px;
margin-left: 15px;
margin-right:15px;
margin-top:0px;
}

p.Overview{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color:#FFFFFF;
text-align:left;
margin-left: 5px;
margin-right:15px;
margin-bottom:15px;
}

p.OverviewGrey{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color:#015544;
text-align:left;
margin-left: 5px;
margin-right:15px;
margin-bottom:15px;
margin-top:0px;
}

p.OverviewGrey2{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 90%;
color:#015544;
text-align:left;
margin-left: 5px;
margin-right:15px;
margin-bottom:15px;
margin-top:0px;
}

p.OverviewBlack{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size: 120%;
color:#000000;
text-align:left;
margin-left: 5px;
margin-right:15px;
margin-bottom:15px;
}

p.TopNav{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color:#F2EF19;
text-align:center;
margin-top:50px;
}

p.whiteGrey{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#FFFFFF;
text-align:left;
margin-left: 30px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
}

p.copyright{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 65%;
color:#FFFFFF;
text-align:left;
margin-left:10px;
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
}

p.homeButtons{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#FFFFFF;
text-align:left;
margin-left: 40px;
margin-top:50px;
margin-bottom:50px;
}

ul{
margin-top:5px;
margin-bottom:5px;
line-height:14px;
}

ul.yellow{
line-height:14px;
}

li.green{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#015544;
text-align:left;
margin-left:10px;
list-style-image:  url(../images/bullet.gif); 
}

li.yellow{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 70%;
color:#F2EF19;
text-align:left;
margin-bottom:6px;
list-style-image:  url(../images/bulletY.gif); 
}


/*Set a LINKS for pages*/

a{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link{
color:#7C7575;
}
a:visited{
color:#7C7575;
}
a:hover{
color:#F2EF19;
}

a.white{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link.white{
color:#FFFFFF;
}
a:visited.white{
color:#FFFFFF;
}
a:hover.white{
color:#F2EF19;
}

a.yellow{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link.yellow{
color:#F2EF19;
}
a:visited.yellow{
color:#F2EF19;
}
a:hover.yellow{
color:#FFFFFF;
}

a.green{
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}
a:link.green{
color:#015544;
}
a:visited.green{
color:#015544;
}
a:hover.green{
color:#7C7575;
}

/*Layout Divs*/

#TopLeft{
position:absolute;
left:18px;
top:21px; 
width:180px;
height:72px; 
}

#NavBar{
position:absolute;
left:201px;
top:21px; 
width:582px;
height:72px; 
background-image: url(../images/nav_back.gif); 
}

#MainContent{
position:absolute;
left:18px;
top:111px; 
width:756px;
height:auto; 
}

#GreyButtonTop{
position:relative;
width:180px;
height:39px; 
background-image: url(../images/top_bttn.gif); 
margin-bottom:1px;
}
#GreyButtonMid{
position:relative;
width:180px;
height:39px; 
background-image: url(../images/mid_bttn.gif); 
margin-bottom:1px;
}
#GreyButtonBttm{
position:relative;
width:180px;
height:39px; 
background-image: url(../images/bttm_bttn.gif); 
margin-bottom:1px;
}

#Bottom{
position:relative;
left:0px;
top:0px;
width:765px;
height:33px; 
margin-top:15px;
margin-bottom:15px;
}

#VehicleTitle{
position:relative;
left:5px;
top:73px;
width:auto;
height:auto; 
z-index:1;
}

#VehicleImage{
position:absolute;
left:0px;
top:0px;
width:auto;
height:202px;
overflow:hidden; 
}

#Profiles{
position:relative;
width:282px;
}

#ProfileDetails1{
visibility:hidden;
position:absolute;
top:0px;
left:0px;
width:282px;
}
#ProfileDetails2{
visibility:hidden;
position:absolute;
top:0px;
left:0px;
width:282px;
}