/* 
Title:     	Howard Shah Solicitors
date:   		August 2007
*/		

				* { margin: 0; padding: 0; list-style-type: none; outline: none}
				body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #FFFDE8; color: #000; text-align: center;}
				
				img { border: none; margin: 0; padding: 0;}
				a img { border: none; margin: 0; padding: 0;}
				
				div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th
				{ margin: 0; padding: 0;}
				h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
				
				input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;}
				table { display: block; border-collapse: collapse; border: none;}
				th { text-align: left;}
				
			<style type="text/css">

/* structure Styles 
---------------------------------------------------------- */
				#container { width: 1004px; padding: 0; margin: 0; text-align: left; margin-left: auto; margin-right: auto; background-color: #FFFDE8;}
				#inner-container { width: 878px; padding: 0; margin: 0; text-align: left; margin-left: auto; margin-right: auto; background-color: #FFFDE8;}

				#header { width: 878px; height: 110px; padding-top: 30px;}
							
				#wrapper { width: 878px; margin: 0; padding: 0;}
				#maincol { width: 614px; float: left; position: relative; padding: 15px;}
				#maincolmiss { width: 659px; float: left; position: relative;}
				#maincolmissold { width: 604px; float: left; position: relative; padding: 15px;}
				#maincolmisso { width: 614px; float: left; position: relative; padding: 15px;}
				#maincol-other { width: 644px; height: 503px; float: left; position: relative;}
				#rightcol { float: right; display: inline; position: relative; margin-left: 15px; padding: 0; width: 219px;}
				#rightcol2 { float: right; display: inline; position: relative; padding: 0; width: 219px;}		

				.hp-bg { width: 614px; height: 475px; background: transparent url(../images/hp-bg.jpg) no-repeat 0 0;}
				.missold-bg { float: right; width: 660px; height: 475px; background: transparent url(../images/missold-bg.jpg) no-repeat 0 0;}
				.accident-bg { width: 614px; height: 475px; background: transparent url(../images/accident-bg.jpg) no-repeat 0 0;}
				.whiplash-bg { width: 614px; height: 680px; background: transparent url(../images/whiplash-bg.jpg) no-repeat 0 0;}
				.faq-bg { width: 614px; height: 570px; background: transparent url(../images/blank-faq-bg.jpg) no-repeat 0 0;}
				.aboutus-bg { width: 614px; height: 475px; background: transparent url(../images/aboutus-bg.jpg) no-repeat 0 0;}
				.contact-bg { width: 614px; height: 475px; background: transparent url(../images/blank-bg.jpg) no-repeat 0 0;}
				
				.bottom-bg { width: 643px; height: 15px;}

				#overflow { height: 462px; overflow: auto; padding: 5px;}
				
				#maincol-p2 { float: left; position: relative; padding: 15px; width: 348px; height: 475px; background: transparent url(../images/bg-1.jpg) no-repeat 0 0;}
				#rightcol-p2 { float: right; display: inline; position: relative; margin: 0; padding: 0; width: 486px; height: 503px; background: transparent url(../images/bg-2.jpg) no-repeat 0 0;}	

				#footer { clear: both; width: 878px; height: 50px; font-size: 70%; color: #000000;}
				#footer-col1 { float: left; position: relative; margin: 0; padding: 0; width: 500px;}
				#footer-col2 { float: right; display: inline; position: relative; margin: 0; padding: 0; text-align: right; width: 378px;}
				#footer a, #footer a:hover, #footer a:visited { color: #8A8B8C; text-decoration: underline;}
				
				#claim-list { clear: both; padding-top: 15px; width: 878px; height: 100px; font-size: 80%; color: #000000;}
				#comp-list { width: 165px; height: 40px; margin-top: 5px; float: left; display: inline;}
				#comp-list p { list-style-type: none; margin-bottom: 7px;}
				#comp-list a, #comp-list a:hover, #comp-list a:visited { color: #9A4D9F;}
				
				#claimform-wrapper { width: 472px;}
				#claimform-col1 { float: left; position: relative; width: 234px;}
				#claimform-col2 { float: right; display: inline; position: relative; width: 238px;}
				
				.content-overflow { overflow: auto; padding: 0 20px 0 0; margin: 0; height: 440px; scrollbar-face-color: #FFFFFF; 
   				scrollbar-shadow-color: #bb5bc3; scrollbar-highlight-color: #bb5bc3; scrollbar-3dlight-color: #bb5bc3; 
   				scrollbar-darkshadow-color: #630866; scrollbar-track-color: #630866; scrollbar-arrow-color: #630866;}
				
/* navigation
---------------------------------------------------------- */	
				#nav { position: relative; width: 878px; height: 29px; padding: 0; margin: 30px 0;}
				#nav li { padding: 0; margin-right: 9px; float: left; display: inline; list-style-type: none; font-size: 80%;}
				
				#nav .last { margin-right: 0;}
				
				li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 64px; height: 29px; display: block;}
				li.home a { width: 64px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -64px 0;}
				li.home a:hover { background-position: 0 -29px; z-index: 50;}
				li.home-over { background: transparent url(../images/nav/home-over.gif) no-repeat; width: 64px; height: 29px; display: block;}
				
				* html li.home a:link, * html li.home a:visited { height: 29px; he\ight:0;}
				* html li.home a:hover { height: 29px; he\ight:0;}
				
				li.makeaclaim { background: transparent url(../images/nav/makeaclaim.gif) no-repeat 0 0; width: 117px; height: 29px; display: block;}
				li.makeaclaim a { width: 117px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/makeaclaim.gif) no-repeat -117px 0;}
				li.makeaclaim a:hover { background-position: 0 -29px; z-index: 50;}
				li.makeaclaim-over { background: transparent url(../images/nav/makeaclaim-over.gif) no-repeat 0 0; width: 117px; height: 29px; display: block;}
				
				* html li.makeaclaim a:link, * html li.makeaclaim a:visited { height: 29px; he\ight: 0;}
				* html li.makeaclaim a:hover { height: 29px; he\ight: 0;}
				
				li.accident { background: transparent url(../images/nav/accident.gif) no-repeat 0 0; width: 139px; height: 29px; display: block;}
				li.accident a { width: 139px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/accident.gif) no-repeat -139px 0;}
				li.accident a:hover { background-position: 0 -29px; z-index: 50;}
				li.accident-over { background: transparent url(../images/nav/accident-over.gif) no-repeat 0 0; width: 139px; height: 29px; display: block;}
				
				* html li.accident a:link, * html li.accident a:visited { height: 29px; he\ight: 0;}
				* html li.accident a:hover { height: 29px; he\ight: 0;}
				
				li.injury { background: transparent url(../images/nav/typeofinjury.gif) no-repeat 0 0; width: 117px; height: 29px; display: block;}
				li.injury a { width: 117px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/typeofinjury.gif) no-repeat -117px 0;}
				li.injury a:hover { background-position:0 -29px; z-index: 50;}
				li.injury-over { background:transparent url(../images/nav/typeofinjury-over.gif) no-repeat 0 0; width: 117px; height: 29px; display: block;}
				
				* html li.injury a:link, * html li.injury a:visited { height: 29px; he\ight: 0;}
				* html li.injury a:hover { height: 29px; he\ight: 0;}
	
				li.whiplash { background: transparent url(../images/nav/whiplash.gif) no-repeat 0 0; width: 146px; height: 29px; display: block;}
				li.whiplash a { width: 146px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/whiplash.gif) no-repeat -146px 0;}
				li.whiplash a:hover { background-position:0 -29px; z-index: 50;}
				li.whiplash-over { background:transparent url(../images/nav/whiplash-over.gif) no-repeat 0 0; width: 146px; height: 29px; display: block;}
				
				li.mis-sold { background: transparent url(../images/nav/whiplash.gif) no-repeat 0 0; width: 146px; height: 29px; display: block;}
				li.mis-sold a { width: 146px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/mis-sold.gif) no-repeat -146px 0;}
				li.mis-sold a:hover { background-position:0 -29px; z-index: 50;}
				li.mis-sold-over { background:transparent url(../images/nav/mis-sold-over.gif) no-repeat 0 0; width: 146px; height: 29px; display: block;}
				
				* html li.whiplash a:link, * html li.whiplash a:visited { height: 29px; he\ight: 0;}
				* html li.whiplash a:hover { height: 29px; he\ight: 0;}
	
				li.faqs { background: transparent url(../images/nav/faqs.gif) no-repeat 0 0; width: 61px; height: 29px; display: block;}
				li.faqs a { width: 61px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/faqs.gif) no-repeat -61px 0;}
				li.faqs a:hover { background-position:0 -29px; z-index: 50;}
				li.faqs-over { background:transparent url(../images/nav/faqs-over.gif) no-repeat 0 0; width: 61px; height: 29px; display: block;}
				
				* html li.faqs a:link, * html li.faqs a:visited { height: 29px; he\ight: 0;}
				* html li.faqs a:hover { height: 29px; he\ight: 0;}

				li.aboutus { background: transparent url(../images/nav/aboutus.gif) no-repeat 0 0; width: 89px; height: 29px; display: block;}
				li.aboutus a { width: 89px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/aboutus.gif) no-repeat -89px 0;}
				li.aboutus a:hover { background-position:0 -29px; z-index: 50;}
				li.aboutus-over { background:transparent url(../images/nav/aboutus-over.gif) no-repeat 0 0; width: 89px; height: 29px; display: block;}
				
				* html li.aboutus a:link, * html li.aboutus a:visited { height: 29px; he\ight: 0;}
				* html li.aboutus a:hover { height: 29px; he\ight: 0;}

				li.contact { background: transparent url(../images/nav/contact.gif) no-repeat 0 0; width: 82px; height: 29px; display: block;}
				li.contact a { width: 82px; height: 0; display: block; padding-top: 29px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/contact.gif) no-repeat -82px 0;}
				li.contact a:hover { background-position:0 -29px; z-index: 50;}
				li.contact-over { background:transparent url(../images/nav/contact-over.gif) no-repeat 0 0; width: 82px; height: 29px; display: block;}
				
				* html li.contact a:link, * html li.contact a:visited { height: 29px; he\ight: 0;}
				* html li.contact a:hover { height: 29px; he\ight: 0;}
	
				* html #nav a:hover { height: 29px; he\ight: 0;}
				#nav a { display: block; height: 0; overflow: hidden; }
				* html #nav a:link, * html #nav a:visited { height: 29px; he\ight: 0;}
								
/* content styles
--------------------------------------------------------- */
				#main-content { line-height: 19px;}
				#main-content p { padding-bottom: 14px; font-size: 90%;}
				#main-content h1 { font-size: 100%; color: #944296; padding-bottom: 5px;}
				#main-content h2 { font-size: 100%; color: #8CC63F;}
				#main-content h3 { font-size: 100%; padding-bottom: 15px;}
				
				#bulletlist li { padding-left: 5px; margin-left: 20px; list-style-image: url(../images/bullet.gif); margin-bottom: 8px;}
							
				#main-content ol { color: #000000; padding-bottom: 10px;}
				#main-content ol li { padding-bottom: 10px; margin-left: 24px; list-style-type: decimal; font-size: 80%;}

				#main-content td { font-size: 80%; padding: 5px;}

				#main-content a, #main-content a:visited { color: #000000; text-decoration: underline;}
				#main-content a:hover, #main-content a.active { color: #666666;}
				
				#main-content .txtwidth { width: 415px;}
				#main-content .claim-bttn { text-align: center; margin-top: 45px;} 
				#main-content .claim-bttn2 { text-align: center; margin-top: 30px;} 
				#main-content .claim-bttn3 { text-align: right; margin-top: 175px;} 
				#main-content .claim-bttn4 { text-align: center; margin-top: 30px;} 
				#main-content .claim-bttn5 { text-align: center; margin-top: 15px;} 

				#rightcol h1 { color: #FF0000; font-size: 80%; margin: 1px 0 1px 0;}
				#rightcol-p2 h1 { color: #FF0000; font-size: 90%; margin-bottom: 5px; border: 1px solid #ff0000; padding: 5px;}
				
				.highlighted { color: #9A4D9F; font-weight: bold;}
				
				#guarantee { background: transparent url(../images/guarantee-bg.gif) no-repeat 0 0; width: 199px; height: 169px; margin-top: 15px; padding: 10px;}
				#guarantee p { font-size: 80%; padding-bottom: 10px; text-align: center;}	
				
				#guarantee2 { background: transparent url(../images/guarantee2-bg.gif) no-repeat 0 0; width: 199px; height: 169px; margin-top: 15px; padding: 10px;}
				#guarantee2 p { font-size: 80%; padding-bottom: 10px; text-align: center;}	
							
/* forms
---------------------------------------------------------- */	
				#callmeForm { width: 199px; height: 278px; background: #ffffff url(../images/form-bg.gif) no-repeat 0 0; padding: 10px;}
				#callmeForm p { font-size: 80%; margin-top: 2px;}
				#callmeForm fieldset { margin: 0; padding: 0; border: 0;}
				#callmeForm .submitButton { width: 64px; height: 23px; padding: 4px 0 4px 0;}
				#callmeForm .smalltxt { font-size: 70%;}
				#callmeForm .text  { width: 190px; padding: 1px;}
				
				#claimForm { height: 278px; padding: 10px;}
				#claimForm p { font-size: 80%; margin-bottom: 15px; margin-top: 4px;}
				#claimForm fieldset { margin: 0; padding: 0; border: 0;}
				#claimForm .submitButton2 { width: 269px; height: 38px; margin: 40px 0 4px 90px;}
				#claimForm .smalltxt { font-size: 70%;}
				#claimForm .text  { width: 180px; padding: 1px;}
				
				
/* additional styles
---------------------------------------------------------- */ 
				.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
				.clearfix { display: inline-table;}
				/* Hides from IE-mac \*/
				* html .clearfix { height: 1%;}
				.clearfix { display: block;}
				/* End hide from IE-mac */