/* CSS Document */


* { padding: 0; margin: 0; }


body {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
 	background: #d4d4ea;
}

a:link {
	color: #2f63b3;
	text-decoration: none;
}

a:visited {
	color: #2f63b3;
	text-decoration: none;
}

a:hover {
	color: #4a5265;
	text-decoration: underline;
}

a:active {
	color: #2f63b3;
	text-decoration: underline;
}



#maincontainer {
	width: 800px;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#header {
	height: 80px;
	background: #fff url(http://www.theinjurylawyers.co.uk/images/logo.jpg) no-repeat;
	margin-left: 60px;
}	

#header h1 {
	float: left;
	text-indent: -9999px;
}


#header .telImg {
  position: absolute; 
  background: url(http://www.theinjurylawyers.co.uk/images/phone-bg.gif) no-repeat;
	height: 42px;
	width: 247px;
	margin-left: 420px;
	margin-top: 20px;
}

#menu {
	background: #fff  url(http://www.theinjurylawyers.co.uk/images/router_bk.gif) no-repeat;
	height: 21px;
}

#navigation {
	height: 21px;
	padding-left: 60px;
	padding-top: 4px;
	font: bold 12px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}

#navigation ul {
	list-style: none;
}

#navigation li {
  float:left;
  display: inline;

}

#navigation .alpha {
  padding-left: 25px;
}

#navigation li a {
	float:left;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


#navigation li a:hover {
	color:#ffff99;
	text-decoration:none;
}


#nav, #nav ul { /* all lists */
	
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 5em;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;	
}

#nav a:hover {
	color:#ffff99;
}

#nav li ul li a {
	width: 10em;
	padding-left: 5px;
}

#nav li { /* all list items */
	float: left;
	width: 7em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #011B78;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* second-level lists */
	padding: 3px 0 3px 0;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li a:hover {
	color:#ffff99;
}

#content {
	background: #fff;
	width: 800px;

	padding-top: 5px;
}

/*
.left-content {
  float: left;
	background: #fff;
	width: 230px;
  color: #333;
  padding: 5px 0px 0 25px;	
}
*/

.left-content {
  float: right;
	background: #fff;
	width: 230px;
  color: #333;
  padding: 5px 10px 0 20px;
}




/* Start Form */

.boxheader {
	background-image:url(../images/make-a-claim.jpg); 
	/* background-image:url(../images/make-a-claim-new.jpg); */
	background-repeat:no-repeat;
	width:232px;
	height: 155px; 
	/* height: 185px; */
	margin:0;
	padding:0;
}

/*
.boxheader-accident {
	background-image:url(http://www.theinjurylawyers.co.uk/images/boxes-falling.jpg);
	background-repeat:no-repeat;
	width:232px;
	height: 185px;
	margin:0;
	padding:0;
}

.boxheader-personal-injury {
	background-image:url(http://www.theinjurylawyers.co.uk/images/personal-injury-form.jpg);
	background-repeat:no-repeat;
	width:232px;
	height: 185px;
	margin:0;
	padding:0;
}

.boxheader-road-traffic {
	background-image:url(http://www.theinjurylawyers.co.uk/images/road-traffic-form.jpg);
	background-repeat:no-repeat;
	width:232px;
	height: 185px;
	margin:0;
	padding:0;
}
*/

.boxcontent {
	background-image:url(../images/box_repeat.gif);
	background-repeat:repeat-y;
	width:212px;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

.boxfooter {
	clear:both;
	background-image:url(../images/box_bottom.gif);
	background-repeat:no-repeat;
	width:232px;
	height:4px;
	margin-bottom: 20px;
}

#freeAdvicePanel_pnlForm {
	display: table-cell;
}

.form_container {
	clear:left;
	font-size:11px;
	color:#FFFFFF;
	padding-bottom:3px;
	padding-top:3px;
	margin:0;
}

.form_titles {
	float: left;
	width: 95px;
	padding-top: 3px;
	font-weight: bold;
}

.form_elements {
	float: left;
	width: 100px;
}

/* End Form */


/*
.right-content {
  float: right;
	width: 500px;
  color: #333;
  background: #fff;
  padding: 5px 10px 0 20px;
}
*/


.right-content {
  float: left;
	width: 500px;
  color: #333;
  background: #fff;
  padding: 5px 10px 0 20px;
}

h1, h2, h3, h4, h5 {
	padding:0;
	margin:0;
	color:#333;
	font:bold 12px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	padding-bottom:3px;
	
}

p {
	padding: 5px 5px 5px 0;
	margin:0;
	line-height:130%;
}

.right-content ul {
	padding: 0;
	margin: 0;
}

.right-content li {
	padding: 5px 5px 0px 25px;
	margin:0;
	list-style-type: none;
}



blockquote {
	width: 100%;
	margin: 0;
	padding-top: 10px;
}
blockquote p {
	padding: 10px;
	margin: 0;
	background-color: #e5edff;
	border: 1px solid #b0c5ff;
}

.claims-box {
	width: 100%;
	margin: 0 0 10px 0;
	padding-top: 10px;
	border: 1px solid #b0c5ff;
}

.claims-box h4 {
	padding-left : 60px;
}

.claims-box p {
	padding: 10px;
	margin: 0 10px 0 0;
	/* background-color: #e5edff; */
	background-color: #fff;
	
}

.claims-box img {
  float: left;
	padding-right: 10px;
	border: 0;
}


/* Bottom */

#bottom {
  clear: both;
  background: #fff;
	height: 60px;
	padding-top: 10px;
}

#bottom .thumbs{
  float: left;
	background: #fff;
	width: 230px;
  padding: 0px 0 10px 25px;	
}

#bottom .bottom-spiel{
  float: right;
	width: 500px;
  color: #333;
  background: #fff;
  padding: 0px 10px 0 20px;
}

/* Contact Page  */

.contact-content {

	padding: 10px 10px 10px 70px;

}





/* Footer  */

#footer {
  clear: both;
	background: #fff url(../images/footer.gif) no-repeat; 
	height: 20px;
}

.footer-menu ul {
	height: 21px;
	padding-left: 85px;
	color: #cbcbe7;
	list-style: none;
}

.footer-menu li {
	float: left;
	margin-top: 4px;
	font: bold 12px "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
}

.footer-menu li a {
	float:left;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


.footer-menu li a:hover {
	color:#ffff99;
	text-decoration:none;
}

.RedColor {
	color: #FF0000;
	background-color:#FFFFFF;
	padding: 1px 2px 1px 2px;
}

.below-footer {
	color: #000000;
	background-color:#FFFFFF;  
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 300px;
	font-size: 11px;
}

.below-footer a {
  color: #000;
	text-decoration: none;
}

.below-footer a:hover {
  color: #000;
	text-decoration: underline;
}

.grey-box {
 
  background-color : #ececec;
	padding          : 7px;
	border           : 1px solid #CCCCCC;

}

.left-blue-box {

	padding: 10px;
	margin: 0;
	background-color: #e5edff;
	border: 1px solid #b0c5ff;

}

.submit-button {

	padding: 7px;
	
	font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
}

.RedColor {
	color: #FF0000;
	background-color:#FFFFFF;
	padding: 1px 2px 1px 2px;
}

#outer-news {
  border : 1px solid #C9DDEC;

}

#newsletter  {
	padding-top: 5px;
	border : 3px solid #fff;
	padding-left : 10px;
  background-color : #C9DDEC;
}

#newsletter .news-header {
	width : 188px;
	padding-left : 3px;
}

#newsletter .news-header .news-header-txt {
  font-weight : bold;
	font-size : 14px;
	color : #fff;
	text-align : center;
}

#newsletter .news-header-red {
	background-color : #ff0000;
	width : 198px;
	padding : 2px;
	border-bottom : 1px solid #fff;
	margin-bottom : 7px;
}

#newsletter .news-header-red .news-header-red-txt {
	font-size : 12px;
	font-weight : bold;
	color : #fff;
	text-align : center;
}


#newsletter label {
  float : left;
	margin : 3px 0 3px 6px;
	width : 190px;
	font-weight : bold;	
}


#newsletter .txt  {
	width: 180px;
	margin-bottom: 8px;
	font-size: 1.1em;
	padding: 5px;
	margin-left : 5px;
	border: 1px solid #286697;
}

#newsletter .fix  {
  height : 25px;
	
}

#newsletter .spacer {
  height : 5px;
	
}

#newsletter .submit-button {

	margin-left : 5px;
	padding: 7px;
	font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}