@charset "UTF-8";
/* CSS Document for Claim Action */

/* Pragmatic Design Ltd - 01902 58 10 12 - www.pragmaticdesign.co.uk */

body {
	margin: 0;
	padding: 0;
	background-color:#d7d7d6;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

h1 {
	font-size:18px;
	line-height:normal;
}
h2 {
	font-size:15px;
	line-height:normal;
}

#outer-wrap {
	width:920px;
	margin:auto;
}
#bg-top,
#bg-mid,
#bg-bottom {
	margin:auto;
	width:880px;
	float:left;
	padding:0px 20px 0px 20px;
}
#bg-top {
	background-image:url(../img/bg-top.gif);
	height:35px;
}
#bg-mid {
	background-image:url(../img/bg-mid.gif);
	background-repeat:repeat-y;
}
#bg-bottom {
	background-image:url(../img/bg-bottom.gif);
	height:35px;
}

/* Header */

#logo a {
	width:270px;
	height:70px;
	float:left;
	background-image:url(../img/claim-action-logo.gif);
	display:block;
	text-indent:-999em;
}
#phone {
	width:580px;
	height:70px;
	float:right;
	text-align:right;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;}

#phone a {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	color:#000;
}
	
/* Navigation */
#navbar {
	margin:20px 0px 20px 0px;
	background-image:url(../img/nav-bg.gif);
	width:880px;
	height:25px;
	float:left;
	overflow:hidden;
}
#navbar-tabs {
	list-style: none;
	padding: 0;
	margin:0;
	width: 880px;
	height: 25px;
	left:0px;
	position:relative;
}
#navbar-tabs span {
	display: none;
	position: absolute;
}

#navbar-tabs a {
  	display: block;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	position: absolute;
	outline: none;
}
#navbar-tabs a:hover {
	background-position: left bottom;
	color:#000;
}
#navbar-tabs a:hover span {
	display: block;
}
#navbar-tabs .home {
	width: 220px;
	height: 25px;
	background: url(../img/nav-red-0.gif) no-repeat;
	left:0px;
	top:0px;
}
#navbar-tabs .home span {
	width: 0px;
	height: 25px;
	top:0px;
}
#navbar-tabs .about-us {
	width: 220px;
	height: 25px;
	background: url(../img/nav-yellow-0.gif) no-repeat;
	left:220px;
	top:0px;
}
#navbar-tabs .about-us span {
	width: 220px;
	height: 25px;
	top:0px;
}
#navbar-tabs .payment-protection {
	width: 220px;
	height: 25px;
	background: url(../img/nav-green-0.gif) no-repeat;
	left:440px;
	top:0px;
}
#navbar-tabs .payment-protection span {
	width: 220px;
	height: 25px;
	top:0px;
}
#navbar-tabs .bank-loan-mortgage-charges {
	width: 220px;
	height: 25px;
	background: url(../img/nav-blue-0.gif) no-repeat;
	left:660px;
	top:0px;
}
#navbar-tabs .bank-loan-mortgage-charges {
	width: 220px;
	height: 25px;
	top:0px;
}

/* Content */

#columnone {
	width:630px;
	float:left;
	clear:left;
}
#columntwo {
	width:220px;
	float:left;
	padding-left:30px;
}

/* Tables */

tr.header {
	color:#fff;
	font-weight:bold;
}

/* Footer */

#footer {
	float:left;
	width:880px;
	height:81px;
	background-image:url(../img/footer-bar.gif);
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	line-height:normal;
}
#footer a {
	color:#FFF;
}
#footer strong {
	color:#FFF;
}
.pragmaticdesign,
.pragmaticdesign a{
	padding-top:10px;
	color:#666;
	font-size:11px;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-shadow: 0px 1px 1px #fff;
}
	
.pragmaticdesign a:hover {
	color:#00F;
}

/* FORMS */

/* Button
----------------------------------*/

.cmxform {
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#Form label {
	display: inline-block;
	width: 170px; 
}
#Form input {
	width:150px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
   }

fieldset fieldset label { display: block; }
#Form { width: 600px; }
#Form label.error {
	margin-left: 10px;
	display: inline;
	color:#F00;
}
#loan_topics {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:none;
	background-color:#FFF;
}