/* @group css reset by eric meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group Grids and classes */

.fullWidth{width :100%; padding: 0; margin: 0;}
.siteWidth{width:960px; }
.left{ float:left;}
.right{float:right;}

.container{margin: 0 auto; width: 960px; }
.clearBoth{clear:both;}
.sixCol{width:223px;}
.eighteenCol{width:680px; padding: 15px 0 0 0;}
.bread1{position: absolute; padding: 0 0 0 20px;}
.bread2{position: absolute; padding: 0 0 0 20px;}
.rightMargin{margin-right: 24px;}

.blue{color: #21a3ce;}
.green{color: #90ad38;}
.callnow {font-size: 1.8em;}




/* @end */

/* @group Universal styles */
body{
	font-family: helvetica, arial, sans-serif;
	font-size: 80%;
	color: #666666;
}

p {
	padding: 0 0 10px 0;
	line-height: 1.5em;
}


h1{
	font-size: 1.8em;
	padding: 10px 0 10px 0;
	color: #90ad38;
}

h2{
	font-size: 1.1em;
	color: #90ad38;
	font-weight: bold;
	padding:5px 0;

}

h3{
	font-size: 1.1em;
	color: #90ad38;
	font-weight: bold;
	padding:5px 0;
}

h4{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 0 20px 0;
}

a{
	color: #3f91ab;
	text-decoration: underline;
}

a:hover{
	color: #2c384f; 
}



em { font-style: italic;}
strong {font-weight: bold;}

/* @end */

/* @group Header */
#header{
	background: url('http://www.claims4free.co.uk/images/header-bg.png') repeat-x left bottom;
	height: 80px;
}

#logo{
	width: 235px;
	height: 51px;
    float: left;
	margin: 25px 0;
}

#navigation {
	float: right;
	margin: 45px 0 0 0px;
	display: inline;
}

#navigation li{
	float: left;
	display: inline;
	margin-left: 1px;
}

#navigation li a{
	display: block;
	height: 35px;
	color: #999;
	padding-left: 15px;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	float: left;
	line-height: 34px;
	background: url('../images/nav_left.png') no-repeat;
}

#navigation li span {
	height: 35px;
	width: 15px;
	background: url('../images/nav_right.png') no-repeat;
	display: block;
	float: left;
	}

#navigation li a:hover {
	color: #fff;
	}

.home #navHome a, .about #navAbout a, .claims #navAdvice a, .claims #navClaims a, .make #navMake a, .faq #navFaq a{
	color: #fff;
	background: url('../images/nav_a_left.png') no-repeat;
}

.home #navHome span, .about #navAbout span, .claims #navAdvice span, .claims #navClaims span, .make #navMake span, .faq #navFaq span{
	background: url('../images/nav_a_right.png') no-repeat right;
}

#header .container{
	position: relative;
}

#flagsContact {
	position: absolute;
	right: 0;
	width: 151px;
	height: 22px;
	padding: 10px 0 0 0;
	text-align: center;
	background: url('http://www.claims4free.co.uk/images/flags-bg.png') no-repeat;
	font-size: 11px;
}

#flagsContact a{
	padding: 0 5px 0 0;
}

/* @end */

/* @group Body */


#mainContent{
	background: url('../images/header_bg.png') repeat-x;
}
/* @group Top Banner */

#topBanner {
	padding: 0 0 30px 0;
	position: relative;
}

.claimsforfree {
	float: left;
	width: 270px;
	height: 250px;
	top: 30px;
	left: 5px;
	margin: 10px 0 0 0;
	clear: both;
	position: absolute;
}

.phoneimage {
	float: right;
	width: 350px;
	height: 250px;
	top: 30px;
	left: 600px;
	position: absolute;
	background: url('http://www.claims4free.co.uk/images/phone.png') no-repeat;
}

.logoimage {
	float: right;
	width: 695px;
	height: 80px;
	top: 265px;
	left: 120px;
	position: absolute;
	background: url('http://www.claims4free.co.uk/images/footer.png') no-repeat;
}

.subpage #topBanner h2{
	margin-top:70px ;
	margin-bottom:60px ;
	height: 40px;
	
}

#topBanner h3{
	clear: both;
	font-weight: bold;
}

#claimsType{
	float: right;
	width: 590px;
	top: 270px;
	left: 300px;
	position: absolute;
}

#claimsType li{
	position: relative;
	display: inline;
	text-align: center;
	float: left;
	
}

#claimsType li a{
	position: absolute;
	display: block;
	width: 118px;
	z-index: 9;
	left: 0;
	bottom: 5px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

/* @end */

#middleHeadline {
	clear: both;
	background: url('http://www.claims4free.co.uk/images/middleheadline-bg.png') no-repeat center;
	font-size: 1.8em;
	padding: 20px 0 0 0;
}

.subpage #middleHeadline{
	color: #489bb2;
}

#disclaimer {
	font-size: 11px;
}

.numberedlist {
	list-style: decimal;
	margin: 5px 0 10px 30px;
}

.numberedlist li, .numberedlist li a {
	padding: 5px 0;
	line-height: 1.5em;
}

.normallist {
	list-style: circle;
	margin: 0 0 10px 30px;
}

.normallist li, .normallist li a {
	padding: 3px 0;
	line-height: 1.2em;
}

/* @group Right Col */

#rightNav {
	background: url('http://www.claims4free.co.uk/images/rightcol-bg.jpg') no-repeat left top;
	padding: 10px 0 0 20px;
	min-height: 320px;

}

#rightNav ul{
	position: relative;
	width: 95%;
	padding-bottom: 20px;
}

#rightNav ul li{
	padding: 5px 0;
	line-height: 1.3em;
}

/* @end */

/* @end */

/* @group footer */
#footer{
	background: url('http://www.claims4free.co.uk/images/footer-bg.png') repeat-x;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}

#footer p{
	padding: 0;
}

#footer li{
	display: inline;
	font-size: 11px;
}

.footerLinks{	
}

.footerLinks li{
	display: inline;
	font-size: 11px;
}

.footer_right{
	margin-left: 280px;
}

/* @end */



.site_text
{
	font-family: Arial, Georgia;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	font-weight: none;
	color: #000000;
	text-shadow: #a2b4c7 2px 2px 6px;
}


.certainfield {
	display: none
}

.posttime {
	font-size: 11px;
}

div#topBanner_new {
	height: 236px;
	width: 100%;
	margin-bottom: 20px;
	}
	
div#call_us {
	height: 236px;
	width: 340px;
	position: relative;
	float: left;
	background: url('../images/call_number_f.png') no-repeat;
	background-position: 25px 35px;
	}
	
	div#call_us p {
		position: absolute;
		top: 25px;
		left: 34px;
		color: #FFF;
		font-size: 22px;
		}
		
	div#call_us img {
		position: absolute;
		top: 151px;
		left: 20px;
		}
		
div#contact_form {
	height: 236px;
	width: 250px;
	float: left;
	position: relative;
	}
	
	div#contact_form p {
		position: absolute;
		top: 17px;
		left: 10px;
		color: #FFF;
		font-size: 18px;
		}
		
	div#contact_form form {
		position: absolute;
		top: 52px;
		left: 10px;
		width: 250px;
		}
		
	form#frmbanner input {
		background: url('../images/input_bg.png') no-repeat;
		border: none;
		height: 26px;
		width: 206px;
		color: #999;
		padding: 4px 4px 4px 10px;
		margin-top: 2px;
		}
	form#frmbanner textarea {
		height: 140px;
		width: 420px;
		color: #999;
		padding: 4px 4px 4px 10px;
		margin-top: 2px;
		}
		
	form#frmbanner button {
		background: url('../images/submit_btn.gif') no-repeat;
		border: none;
		height: 50px;
		width: 229px;
		cursor: pointer;
		margin-top: 4px;
		margin-left: -5px;
		}
		
		form#frmbanner button:hover {
			background: url('../images/submit_btn2.png') no-repeat;
			border: none;
			height: 50px;
			width: 229px;
			cursor: pointer;
			margin-top: 4px;
			margin-left: -5px;
			}

div#bullets {
	height: 236px;
	width: 340px;
	float: left;
	position: relative;
	}
	
	div#bullets ul {
		position: absolute;
		left: 20px;
		top: 45px;
		}
		
		div#bullets ul li {
			height: 35px;
			list-style-type: none;
			font-size: 16px;
			color: #145872;
			background: url('../images/bullet.png') no-repeat;
			background-position: top left;
			text-indent: 30px;
			}
			
	div#bullets p {
		position: absolute;
		left: 20px;
		top: 190px;
		font-size: 12px;
		color: #3f9dc2;
		text-indent: 25px;
		line-height: 22px;
		background: url('../images/lock.png') no-repeat;
		background-position: top left;
		}






#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:3px 0 3px 7px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}










/* @end */