body { 
margin:0px; 
padding:0; 
font: 80% Arial, sans-serif;
color:#696969;  
background: #efefef url(https://fleetclaims.worldsecuresystems.com/images/road-watermark.png) top left fixed no-repeat;
line-height: 1.2em; 
}


p {
margin: 15px 25px 15px 25px;
color:#333333;  
}

a {
color: #003989;
background: inherit;
text-decoration:underline;
}



a:hover {
background: inherit;
text-decoration:none;
color: #003989;
}


.imgLeft {
padding: 0px 8px 15px 0;
/*margin-left: 100px;*/
float: left;
}


.imgLeftIndex {
padding: 0px 0px 0px 0;
/*margin-left: 100px;*/
float: left;
}



.compulsory{
color: #CC0000;
font-weight: bold;
}






input{
color: #003989;
}




textarea{
color: #003989;
}





h1{
color:#003989;
margin: 15px 0 15px 25px;
font-size: 145%;
}


h2{
color:#003989;
margin-left: 25px;
font-size:110%;
line-height: 1ems;
}

h2 a{
color: #003989;
text-decoration: none;
}

h2 a:hover{
color: #333333;
text-decoration:underline
}






hr {
height: 2px;
width:100%;
border: none;
color: #003989;
background-color:#003989;
margin: 45px 0 45px 0;  
}


ul {
  margin: 5px 5px 5px 30px;
  padding: 0;
  list-style: square;
}


.top {
text-decoration:none;
font-size: 85%;
}



#map{
float: left;
width: 600px;
padding:15px;
}


#contactmap{
float: left;
width: 345px;
padding:15px;
}
.blue {
color: #003989;
}


/*input {
 background-color: #1C7EF4;
}*/


.clientText{
font-size: 130%;
}


/*-------Container-------*/



#container {
width: 940px;
margin: 0 auto;
background: #FFFFFF;
}





/*-------Header-------*/



#header {
width: 940px;
height: 125px;
margin: 0 auto;
padding: 5px 0 0 0;
}


#header a {
text-decoration: none;
color: #9E6813;
}


#header .mobile-link { 
float: right;
color: #003989;
padding: 0 10px 25px 0;
font-size: 90%;
text-align: right;
}


#header .padding { 
float: right;
color: #003989;
padding: 10px 10px 0 0;
font-size: 90%;
text-align: right;
}


#header .padding a { 
color: #003989;
text-decoration: underline;
}

#header .padding a:hover { 
color: #003989;
text-decoration: none;
}







/*-------Content-------*/



#content {
width: 940px;
margin: 0 auto;
background:#FFFFFF;
margin-top: 15px;
}



#mainright {
width:200px;
margin-left: 70px;
float:left;
padding-bottom:10px;
}


#mainleft {
width: 200px;
margin-left: 10px;
float:left;
padding-bottom:10px;
}


#photoleft {
width: 265px;
height: 265px;
margin-left: 10px;
float:left;
padding-right: 10px;
padding-bottom:5px;
}



#content .search {
width: 940px;
margin: 0 auto;
margin: 5px 0 5px 0;
}



/*-------columns-------*/
#content .left_side {
float: left; 
width: 420px;
padding:0 0 0 10px;
margin:0; }


#content .right_side {
float: left;
padding:0;
margin:0;
width: 500px;
}


#content .logos {
width: 940px;
margin: 0 auto;
margin-top: 15px;
}


#content .christmas {
width: 940px;
background: #003399;
margin: 0 auto;
margin-top: 5px;
}


.clearboth { clear: both; }
/*-------columns-------*/




table.form {
	border-width: thin;
	border-spacing: 0px;
	border-style: solid;
	border-color: #CCC;
	border-collapse: collapse;
	background-color: #FFF;
}
table.form th {
	border-width: thin;
	padding: 3px;
	font-weight:normal;
	border-style: solid;
	border-color: #CCC;
	background-color: #FFFFCC;
}
table.form td {
	border-width: thin;
	padding: 3px;
	border-style: solid;
	border-color: #CCC;
	background-color: #FFF;
}








.box  {	background: #efefef; padding: 5px; border: 1px solid #ccc; margin: 0 10px 5px 10px;}


.loggedinbox  {	background: #efefef; padding: 5px; border: 1px solid #ccc; color: #003989;}





/*        Download Forms         */


#navcontainer ul {
margin: 0 5px 0px 5px;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
color: #003989;
}

#navcontainer a {
color: #003989;
display: block;
padding: 10px;
background-color: #EFEFEF;
border: 4px solid #FFF;
text-align: left;
text-decoration:none;
}

#navcontainer a:link, #navlist a:visited {
color: #003989;
text-decoration: none;
}

#navcontainer a:hover {
background-color: #D3FA00;
color: #003989;
text-decoration:none;
}

#navcontainer a:active {
background-color: #003989;
color: #fff;
text-decoration:none;
}










/*-------FORM-------*/



.cssform p{
width: auto;
clear: left;
margin: auto 0;
padding: 12px;
padding-left: 300px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -285px; /*width of left column*/
width: 280px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
text-transform: uppercase;
}

.cssform textarea{
width: 280px;
height: 150px;
text-transform: uppercase;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}






.loginFormStyle{
border: solid 1px #666666;
background: #D3FA00;
color: #003989;
padding: 15px 15px;
font-size: 26px;
margin-left: 20px;
text-transform: uppercase;
}






/*-------Footer-------*/

#footer {
width: 930px;
margin: 0 auto;
height: 36px;
background: url(https://fleetclaims.worldsecuresystems.com/images/footer-bg.png) no-repeat;
padding-bottom: 10px;
margin: 20px 0 5px 0;
}

#footer p {
margin: 0;
padding: 10px 10px 5px 0px;
text-align: right;
color:#FFFFFF;
}


#footer a {
color:#FFFFFF;
}

#renault, #ford, #aml, #jlr, #volvo{
display:none;
}