/* Not My Fault.com
   Primary Stylesheet
   
   27 Sept 2006, Aimee Holman for Icomm Technologies Limited
   +44(0)121 248 7878 www.icommtechnologies.co.uk
   
   
   	COLOURS USED IN THIS SITE 
   	
   	#cada2a - lime green colour
	#f9ed24 - yellow colour
	#7683a1 - grey/blue colour used for form field input text
   	#231f20 - main body text colour
   	#a4c00b - hover text colour
  
*/
    
   
html, body {
  	height: 100%;
}
body {
	font: normal 12px/18px arial,verdana,helvetica,sans-serif;
	color: #231f20;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Container {
	width: 760px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#ContentContainer {
	background-color: #cadb2a;
	float: left;
 	width: 730px;
 	padding: 0px 0px 20px 0px;
  	margin: 261px 0px 0px 0px;
}
 
/**	shaded column for text **/
#main_content {
	background: #d3e14f url(images/layout/heading-background.gif) repeat-x top left; 
	float: left;
	width: 458px;
	padding: 0px 0px 5px 0px;
	margin: 20px 0px 0px 0px;
	border-bottom: 1px solid #a4be0b;
}

#sub_content {
	background: url(images/layout/seek-advice.gif) no-repeat top right;
	float: left;
	width: 272px;
	padding: 270px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#claim_sub_content {
	background: url(images/layout/seek-advice-claim.gif) no-repeat top right;
	float: left;
	width: 272px;
	height: 362px;
	padding: 270px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#gutter_column {
	background: #ffffff url(images/layout/post-it_corner.gif) no-repeat top right;
	width: 30px;
	height: 151px;
	vertical-align: top;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 261px 0px 0px 0px;
}

#footer {
	background: #cadb2a url(images/layout/footer-border.gif) top left no-repeat;
	background-color: #b7cd1a;
	width: 720px;
	color: #ffffff;
	clear: both;
	padding: 24px 0px 17px 10px;
	margin: 0px 0px 0px 0px;
}
#flashcontent{
position:absolute;
top:0px;
}



h1 {
	font: bold 17px/18px arial,verdana,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h2 {
  	background-color: #ffffff;
	font: bold 18px/19px arial,verdana,helvetica,sans-serif;
	padding: 10px 30px 10px 30px;
	margin: 13px 0px 0px 0px;
}

h3 {
  	font: bold 14px/15px arial,verdana,helvetica,sans-serif;
	padding: 0px 30px 0px 30px;
	margin: 18px 0px 0px 0px;
}

h3.witness {
	clear: both;
	padding: 25px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}



p {
	text-align: justify;
	padding: 0px 30px 0px 30px;
	margin: 15px 0px 15px 0px;
}

.not-my-fault {
	font-weight: bold;
}

.no-win-no-fee {
	font-weight: bold;
}

.validation {
	color: #ff0000;
	font-size: 9pt;
}

#signature {
	margin-top: 5px;
	margin-left: 10px;
}

.small_print {
	font: normal 11px/13px arial,verdana,helvetica,sans-serif;
	text-align: left;
}



/* DEFINITIONS */

dl {
	padding: 0px 0px 0px 0px;
	margin: 15px 30px 0px 30px;
}

dt {
	font: bold 13px/18px arial,verdana,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dd {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 30px;
}



/* Links */
a {
	font-weight: bold;
	padding: 0px 0px 0px 1px;
}
a:link {
	color: #000000;
}
a:visited {
	color: #504b4c;
}
a:hover {
	background-color: #f9ed24;
	color: #231f20;
}




/* LISTS */

ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 30px 20px 30px;
}

li {
	list-style-type: none;
	background: url(images/layout/bullet.gif) top left no-repeat;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
}


ul li ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

ul li ul li {
	background: none;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
}


ul.breadcrumbs {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 7px 30px 0px 12px;
}

ul.breadcrumbs li {
	background: url(images/layout/breadcrumb-bullet.gif) top left no-repeat;
	display: inline;
	padding: 5px 10px 10px 18px;
	margin: 0px 0px 0px 0px;
	line-height: 24px;
	height: 24px;
}
ul.breadcrumbs li a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
ul.breadcrumbs li a:hover {
	text-decoration: underline;
}



ul.related {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 30px 15px 30px;
}

ul.related li {
	background: url(images/layout/related-information.gif) top left no-repeat;
	padding: 0px 10px 2px 18px;
	margin: 0px 0px 0px 0px;
	line-height: 24px;
	height: 24px;
}
ul.related li a {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
ul.related li a:hover {
	text-decoration: underline;
}



ol {
	padding: 0px 30px 0px 30px;
	margin: 10px 0px 0px 18px;
}

ol li {
	background: none;
	list-style: lower-roman;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}


/*sitemap list */
#sitemap ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

#sitemap ul li {
	list-style-type: none;
	background: none;
	padding: 0px 0px 10px 18px;
	margin: 0px 0px 0px 0px;
}

#sitemap ul li ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#sitemap ul li li {
	font: normal 11px/16px arial,verdana,helvetica,sans-serif;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}


table {
	padding: 0px 0px 0px 0px;
	margin: 15px 30px 20px 30px;
}

tr {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

td.list_table {
	border: none;
	vertical-align: top;
	padding: 0px 30px 0px 0px;
	margin: 0px 0px 0px 0px;
}

td.list_table ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* Table for what i will get */

table.get {
	padding: 0px 0px 0px 0px;
	margin: 0px 30px 10px 30px;
}

tr {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

th {
	text-align: left;
	border-bottom: 1px solid #a5c00b;
	padding: 20px 0px 2px 10px;
	margin: 0px 0px 0px 0px;
}

th.table_header {
	border: none;
	padding: 30px 0px 2px 10px;
	margin: 0px 0px 0px 0px;
}


.claim-price {
	background-color: #dde874;;
}

td {
	vertical-align: bottom;
	border-bottom: 1px solid #a5c00b;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
}



/* FOOTER STYLES */

#footer p {
	font: bold 12px/18px arial,verdana,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}


#footer a:hover {
	background: none;
	text-decoration: underline;
}

#footer p.website_design {
	font: normal 12px arial,verdana,helvetica,sans-serif;
	line-height: 28px;
}




/* forms */
form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


form h2 {
	margin: 20px 0px 10px 0px;
}

.top_row {
	clear: both;
	width: 300px;
	font: bold 12px/11px arial,verdana,helvetica,sans-serif;
	padding: 20px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

.row {
	clear: both;
	width: 300px;
	font: bold 12px/11px arial,verdana,helvetica,sans-serif;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

label, .label {
	float: left;
	display: block;
	width: 300px;
	font: normal 12px arial,verdana,helvetica,sans-serif;	
	text-align: left;
	vertical-align: baseline;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.textbox {
	float: left;
	display: block;
	width: 300px;
	font: bold 12px arial,verdana,helvetica,sans-serif;	
	color: #7683a1;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*
.textbox {
	float: left;
	display: block;
	width: 300px;
	font: bold 12px arial,verdana,helvetica,sans-serif;
	line-height: 15px;
	color: #7683a1;
	padding: 0px;
	padding-left: 2px;
	height: 20px;
	margin: 2px 0px 0px 0px;
	border: 1px solid #a4c00b;
	border-left: 5px solid #a4c00b;
}
*/

#witnesses {
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

.topexpandLabel {
	float: left;
	display: block;
	width: 300px;
	font: bold 12px/11px arial,verdana,helvetica,sans-serif;	
	text-align: left;
	font-style: italic;
	vertical-align: baseline;
	padding: 2px 0px 2px 0px;
	margin: 20px 0px 0px 0px;
}

.expandLabel {
	float: left;
	display: block;	
	width: 300px;
	font: bold 12px/11px arial,verdana,helvetica,sans-serif;	
	text-align: left;
	font-style: italic;
	vertical-align: baseline;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.expandTextbox {
	float: left;
	display: block;
	width: 300px;
	font: bold 12px arial,verdana,helvetica,sans-serif;	
	color: #7683a1;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#expandrow {
/*	display: none;	*/
	clear: both;
	width: 300px;
	font: bold 12px/11px arial,verdana,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.witness_name{
	float: left;
	display: block;
	text-align: left;
	vertical-align: baseline;
	padding: 2px 0px 0px 0px;
	margin: 0px 200px 0px 0px;
}

fieldset {
	clear: both;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


select {
	float: left;
	display: block;
	width: 300px;
	font: bold 12px arial,verdana,helvetica,sans-serif;	
	color: #7683a1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

textarea {
	float: left;
	display: block;
	width: 300px;
	font: bold 12px arial,verdana,helvetica,sans-serif;	
	color: #7683a1;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



.radio {
	width: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}

.button {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.radio_question {
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}

.radio_image {
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 13px 1px;
}

.divider {
	clear: both;
	width: 300px;
	font: bold 12px/11px arial,verdana,helvetica,sans-serif;
	padding: 30px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}




/* Quick Start Claim Form */
form.quick_claim {
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 24px 0px 44px;
}

.claim_row {
	clear: both;
	font: bold 12px/11px arial,verdana,helvetica,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.claim_row label, .claim_row .label {
	float: left;
	display: block;
	width: 200px;
	font: normal 12px arial,verdana,helvetica,sans-serif;	
	text-align: left;
	vertical-align: baseline;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.claim_textbox {
	float: left;
	display: block;
	width: 200px;
	font: bold 12px arial,verdana,helvetica,sans-serif;	
	color: #7683a1;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.claim_select {
	float: left;
	display: block;
	width: 200px;
	font: bold 12px arial,verdana,helvetica,sans-serif;	
	color: #7683a1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.claim_button {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}




/* Flag positions on the home page */

p.flags {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 8px;
}

.flag {
	padding: 0px 5px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.tb {
display:none;
}