@charset "utf-8";
/* CSS Document */

.ClearFloats0Height {
	clear: both;
	overflow: hidden;
	display: block;
	height: 0;
	}

/**
 * Self-clearing floats
 *
 * Technique taken from Position Is Everything
 * (http://www.positioniseverything.net/easyclearing.html)
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */

.FloatLeft {
	float: left;
	}
.FloatRight {
	float: right;
	}
	
a {
	color: #3D465B;
	text-decoration: underline;
	}
a:active {
	color: #3D465B;
	text-decoration: underline;
	}
a:visited {
	color: #1645AA;
	text-decoration: none;
	}
a:hover {
	color: #1645AA;
	text-decoration: underline;
	}
	
/**********Start Structure CSS**********/
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}
div#PageContainer {
	width: 760px;
	margin: 0 auto 0 auto;
	}
div#skips {
	position: absolute;
	top: -1000px;
	}
div#LogoBarContainer {
	background: url(../../../images/microsites/personalinjury/backgrounds/bg_top_nav.png) repeat-x top center;
	height: 60px;
	text-align: left;
	}
img#WrightHassallPageLogo {
	display: block;
	float: left;
	margin: 10px 0 0 9px;
	}
div#LogoBarButtonContainer {
	float: right;
	margin: 10px 9px 0 10px;
	text-align: right;
	}
div#LogoBarButtonContainer button {
	width: 220px;
	text-align: right;
	}

div#PageHeroContainer {
	height: 213px;
	background: #5381E2;
	width: 760px;
	text-align: left;
	overflow: hidden;
	}
.HeroBackgroundContainer {
	height: 213px;
	background: transparent no-repeat top left;
	overflow: hidden;
	}
.HeroBackgroundContainer h1,
.HeroBackgroundContainer p {
	margin-left: 10px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	color: #FFF;
	text-shadow: #000 1px 3px 5px;
	}
.HeroBackgroundContainer h1 {
	font-size: 150%;
	margin-top: 20px;
	margin-bottom: 5px;
	}
.HeroBackgroundContainer p {
	}
	
div#FlashContainer {
	height: 213px;
	width: 760px;
	overflow: hidden;
	background: transparent;
	
	position: absolute;
	top: 60px;
	}
div#FlashContainer div {
	background: transparent;
	}
div#StraplineContainer {
	background: url(../../../images/microsites/personalinjury/no-win-no-fee-solicitor.png) no-repeat left bottom;
	height: 18px;
	width: 430px;
	/*margin: -40px 0 20px 10px;*/ /*TIM: Removed margin to replace with Absolute positioning so that it will display consitantly with or without banner text on the page*/
	position: absolute;
	top: 245px;
	margin-left: 10px;
	
	overflow: hidden;
	text-indent: -1000px;
	color: #FFF;
	font-weight: bold;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	font-size: 120%;
	}

div#MainContentContainer {
	clear: both;
	}

div#LeftNavContainer {
	width: 200px;
	float: left;
	text-align: left;
	}
div#LeftNavContainer ul li {
	border-bottom: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	border-top: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	color: #3D465B;
	text-align: center;
	}
div#LeftNavContainer ul li a {
	height: 48px;
	display: block;
	width: 198px;
	color: #3D465B;
	text-decoration: none;
	background: #DADADA url(../../../images/microsites/personalinjury/nav/nav_icon_sprites.png) no-repeat;
	}
div#LeftNavContainer ul li.Home a:hover,
div#LeftNavContainer ul li.section_1 a:hover,
div#LeftNavContainer ul li.section_2 a:hover,
div#LeftNavContainer ul li.section_3 a:hover,
div#LeftNavContainer ul li.section_4 a:hover,
div#LeftNavContainer ul li.section_5 a:hover,
div#LeftNavContainer ul li.section_6 a:hover {
	background-color: #ADBFE4;
	text-decoration: underline;
	}	
div#LeftNavContainer ul li.Home a {
	background-position: 0 0;
	}
div#LeftNavContainer ul li.Home a:hover {
	background-position: 0 -35px;
	}

/* Injuries */
/*div#LeftNavContainer ul li.section_1 a {
	background-position: 0 -70px;
	}
div#LeftNavContainer ul li.section_1 a:hover, div#LeftNavContainer ul li.section_1.Active a {
	background-position: 0 -105px;
	}*/
/* Accidents */
/*div#LeftNavContainer ul li.section_2 a {
	background-position: 0 -140px;
	}
div#LeftNavContainer ul li.section_2 a:hover , div#LeftNavContainer ul li.section_2.Active a {
	background-position: 0 -175px;
	}*/
/* Medical */	
div#LeftNavContainer ul li.section_1 a {
	background-position: 0 -210px;
	}
div#LeftNavContainer ul li.section_1 a:hover , div#LeftNavContainer ul li.section_1.Active a {
	background-position: 0 -245px;
	}
/* Meet */	
div#LeftNavContainer ul li.section_2 a {
	background-position: 0 -280px;
	}
div#LeftNavContainer ul li.section_2 a:hover , div#LeftNavContainer ul li.section_4.Active a {
	background-position: 0 -315px;
	}
/* Success */	
div#LeftNavContainer ul li.section_3 a {
	background-position: 0 -350px;
	}
div#LeftNavContainer ul li.section_3 a:hover , div#LeftNavContainer ul li.section_5.Active a {
	background-position: 0 -385px;
	}
/* FAQ */	
div#LeftNavContainer ul li.section_4 a {
	background-position: 0 -420px;
	}
div#LeftNavContainer ul li.section_4 a:hover , div#LeftNavContainer ul li.section_6.Active a {
	background-position: 0 -455px;
	}
div#LeftNavContainer ul li.section_5 a {
	background-position: 0 -490px;
	}
div#LeftNavContainer ul li.section_5 a:hover , div#LeftNavContainer ul li.section_7.Active a {
	background-position: 0 -525px;
	}
div#LeftNavContainer ul li a img {
	float: left;
	margin: 20px 0 0 5px;
	}	
div#LeftNavContainer ul li a span {
	display: block;
	text-align: left;
	margin-left: 58px;
	}
div#LeftNavContainer ul li a span.NavSummary {
	font-size: 70%;
	padding-left: 2px;
	}
div#LeftNavContainer ul li a span.NavTitle {
	background: url(../../../images/microsites/personalinjury/nav/nav_label_sprites.png) no-repeat;
	text-indent: -1000px;
	height: 13px;
	padding-top: 13px;
	}
div#LeftNavContainer ul li.Home span.NavTitle {
	background-position: 0 10px;
	}
/*div#LeftNavContainer ul li.section_1 span.NavTitle {
	background-position: 0 -15px;
	}
div#LeftNavContainer ul li.section_2 span.NavTitle {
	background-position: 0 -40px;
	}*/
div#LeftNavContainer ul li.section_1 span.NavTitle {
	background-position: 0 -65px;
	}
div#LeftNavContainer ul li.section_2 span.NavTitle {
	background-position: 0 -90px;
	}
div#LeftNavContainer ul li.section_3 span.NavTitle {
	background-position: 0 -115px;
	}
div#LeftNavContainer ul li.section_4 span.NavTitle {
	background-position: 0 -140px;
	}
div#LeftNavContainer ul li.section_5 span.NavTitle {
	background-position: 0 -165px;
	}
div#LeftNavContainer ul li ul {
	background: #E3E3E3;
	border-top: 1px solid #C9C9C9;
	padding-bottom: 10px;
	padding-top: 10px;
	}
div#LeftNavContainer ul li ul li,
div#LeftNavContainer ul li ul li a,
div#LeftNavContainer ul li.section_2 a:hover ul li a:hover {
	background: none !important;
	border: 0;
	height: auto;
	}
div#LeftNavContainer ul li ul li {
	margin-top: 3px;
	text-align: left;
	list-style: outside url(../../../images/microsites/personalinjury/nav/left_nav_L2_arrow_off.gif);
	margin-left: 60px;
	line-height: 90%;
	}
div#LeftNavContainer ul li ul li a {
	font-size: 70%;
	width: 130px;
	}
div#LeftNavContainer ul li ul li a img {
	float: none;
	margin: 0 5px 0 0;
	}
div#ContentContainer,
div#LeftNavContainer {
	margin-bottom: 1px;
	}

div.HPPuff,
div.Pod {
	float: left;
	width: 183px;
	text-align: center;
	border-bottom: 1px solid #1645AA;
	border-left: 1px solid #5682DF;
	border-top: 1px solid #A0bAEF;
	border-right: 1px solid #3E69C4;
	}
div.HPPuff {
	background: #1C56D3 url(../../../images/microsites/personalinjury/backgrounds/bg_hp_puff.png) top center repeat-x;
	min-height: 222px;
	}
div.HPPuff a {
	color: #FFF;
	}
div.Pod {
	background: #1C56D3 url(../../../images/microsites/personalinjury/backgrounds/bg_hp_puff.png) bottom center repeat-x;
	min-height: 78px;
	}
div.HPPuff h2,
div.Pod h2 {
	font-size: 94%;
	margin-top: 14px;
	color: #FFF;
	}
div.HPPuff h2,
div.ButtonImage,
div.Pod h2,
div.GalleryItem h2 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	}
div.HPPuff h2 {
	text-align: center;
	}
div.Pod h2 {
	text-align: left;
	margin-left: 10px;
	}
div.HPPuff img {
	height: 88px !important;
	width: 160px !important;
	border: 1px solid #1645AA;
	margin-top: 10px;
	}
div.HPPuff ul {
	margin-top: 5px;
	}
div.HPPuff ul li {
	list-style-position: outside;
	list-style: square;
	margin: 2px 0 0 25px;
	}
div.HPPuff ul li,
div.PodDetails p {
	font-size: 70%;
	color: #FFF;
	text-align: left;
	}
div.PodDetails {
	margin-top: 5px;
	float: left;
	}
div.FreeConsultation,
div.CallBack,
div.FreeInfoPack,
div.InteractiveGuide,
div.LiveChat {
	background-position: 11px 32px;
	background-repeat: no-repeat;
	}
div.FreeConsultation {
	background-image: url(../../../images/microsites/personalinjury/pods/swatch_free_consultation.png);
	}
div.CallBack {
	background-image: url(../../../images/microsites/personalinjury/pods/swatch_request_callback.png);
	}
div.FreeInfoPack {
	background-image: url(../../../images/microsites/personalinjury/pods/swatch_free_info_pack.png);
	}
div.InteractiveGuide {
	background-image: url(../../../images/microsites/personalinjury/pods/swatch_interactive_guide.png);
	}
div.LiveChat {
	background-image: url(../../../images/microsites/personalinjury/pods/swatch_live_chat.png);
	}
div.PodDetails p {
	width: 75px;
	margin-left: 56px;
	}
div.Testimonial p.TestimonialDetail {
	border-bottom: 1px dotted;
	padding-bottom: 4px;
	}
div.Testimonial p.TestimonialDetail,
div.Testimonial p.TestimonialCustomerInfo {
	width: auto;
	margin-left: 10px;
	}
div.Testimonial p.TestimonialCustomerInfo {
	margin-top: 4px;
	}
div.Testimonial p span {
	display: inline;
	font-style: italic;
	font-size: 84%;
	}
div.Testimonial p span.CustomerName {
	font-weight: bold;
	}
div.Testimonial p span.CustomerLocation {
	}
div.Testimonial p span.TestimonialDate {
	}
div.ButtonImage { 
	background: transparent no-repeat left 0px;
	height: 22px;
	padding: 6px 0 0 8px;
	font-weight: bold;
	overflow: visible;
	margin: 0 auto 0 auto;
	cursor: pointer;
	width: 85%;
	margin-top: 12px;
	}
div.Pod div.ButtonImage,
div.GalleryItem div.ButtonImage { 
	float: right;
	margin-right: 10px;
	}
div.Pod div.ButtonImage { 
	width: 25px;
	}
div.GalleryItem div.ButtonImage { 
	width: 60px;
	}
div.GalleryItem div.ButtonImage,
div.GalleryItem div.ButtonImage span {
	background-image: url(../../../images/microsites/personalinjury/buttons/button_sprites_white.png);
 }
div.QAPageContentContainer div.ButtonImage {
	width: 88px;
	float: left;
	margin: 10px 5px 10px 5px;
	}
div.QAPageContentContainer div.ButtonImage,
div.QAPageContentContainer div.ButtonImage span {
	background-image: url(../../../images/microsites/personalinjury/buttons/button_sprites_grey.png);
 }
div.ButtonImage:hover {
	background-position: left -42px;
	}
div.ButtonImage a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	}
div.ButtonImage::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	}
div.ButtonImage span {
	display: block;
	float: right;
	height: 22px;
	width: 8px;
	margin-right: -1px;
	margin-top: -6px;
	background: transparent no-repeat right -84px;
	}
div.ButtonImage,
div.ButtonImage span {
	background-image: url(../../../images/microsites/personalinjury/buttons/button_sprites.png);
 }
div.ButtonImage:hover span {
	background-position: right -126px;
	}

div#ContentContainer,
div#CMSContent,
div#GalleryContainer {
	background: #E3E3E3;
	}
div#ContentContainer {
	width: 555px;
	float: right;
	text-align: left;
	}
	
div#GalleryContainer,
div#CMSContent {
	clear: both;
	}
div#GalleryContainer {
	}
	
div#CMSContent {
	padding: 10px;
	}
div#CMSContent p,
div#CMSContent ul li,
div#CMSContent ol li	{
	font-size: 75%;
	line-height: 170%;
	}
div#CMSContent p {
	margin: 0 0 20px 0;
	}
div#CMSContent p img {
	margin: 5px;
	}
div#CMSContent h1,
div#CMSContent h2,
div#CMSContent h3 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	color: #3D465B;
	line-height: 120%;
	}
div#CMSContent h1 {
	font-size: 130%;
	}
div#CMSContent h2 {
	font-size: 110%;
	}
div#CMSContent h3 {
	font-size: 100%;
	}
div#CMSContent ol ol,
div#CMSContent ul ul {
	margin-left: 25px;
	font-size: 130%;
	} 
div#CMSContent ul li {
	list-style-type: square;
	margin-left: 20px;
	}
div#CMSContent ol li {
	list-style-type: decimal-leading-zero;
	margin-left: 30px;
	}
div#CMSContent ul li,
div#CMSContent ol li  {
	margin-bottom: 10px;
	list-style-position: outside;
	}

div.GalleryItem {
	float: left;
	background: #FFF;
	margin: 20px 10px 0 10px;
	width: 165px;
	height: 183px;
	}
div.GalleryItem a {
	text-decoration: none;
	}
div.GalleryItem h2 a:hover {
	text-decoration: underline;
	}
div.GalleryItem h2 {
	color: #3D465B;
	font-size: 80%;
	padding-bottom: 20px;
	border-bottom: 1px dotted #C9C9C9;
	text-align: center;
	margin-top: 4px;
	}	
div.GalleryItem img {
	width: 165px !important;
	height: 100px !important;
	margin-top: 4px;
	display: block;
	}
	
div.SolicitorPanel div {
	}
div.SolicitorPanel div.image {
	display: inline;
	float: left;
	margin: 10px 10px 0 0;
	}
div.SolicitorPanel div.image img {
	height: 165px;
	width: 175px;
	}
div.SolicitorPanel p {
	}

dl.qaitem {
	padding-bottom: 2px;
	}
dl.qaitem dt,
dl.qaitem dd {
 	
 }
dl.qaitem dt {
	background: url(../../../images/microsites/personalinjury/personal-injury-question.png) no-repeat 0 5px;
	padding-left: 55px;
	margin-top: 30px;
	}
dl.qaitem dd,
div.QABottomBorder {
	margin-left: 55px;
	}
dl.qaitem dd p {
	background: #FFF;
	margin: 0 !important;
	padding: 0 10px 10px 10px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	color: #3D465B;
	line-height: 140% !important;
	}
dl.qaitem dd p img {
	width: 100px !important;
	height: 130px !important;
	float: left;
	padding-right: 10px;
	}
/**
 * Self-clearing floats
 *
 * Technique taken from Position Is Everything
 * (http://www.positioniseverything.net/easyclearing.html)
 */
dl.qaitem dd p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dd.QAAnswerContainer {
	background: #FFF;
	}
dd.QAAnswerContainer div.QAAnswerWrapper {
	background: #FFF;
	}
dd.QAAnswerContainer div.SolicitorImage {
	float: left;
	width: 105px;
	text-align: right;
	background: #FFF;
	}
dd.QAAnswerContainer div.SolicitorImage img {
	width: 100px;
	height: 125px;
	background: #FFF;
	}
dd.QAAnswerContainer div.SolicitorImage,
dd.QAAnswerContainer div.Answer {
	padding-top: 10px;
	}
dd.QAAnswerContainer div.Answer {
	float: right;
	width: 345px;
	padding-left: 28px;
	background: #FFF url(../../../images/microsites/personalinjury/question_speech_open.png) left 10px no-repeat !important;
	}
dd.QAAnswerContainer div.Answer p {
	width: 85%;
	}
dd.QAAnswerContainer div.Answer span.BottomQuote {
	background: url(../../../images/microsites/personalinjury/question_speech_closed.png) right top no-repeat;
	height: 21px;
	display: block;
	margin-right: 10px;
	margin-top: -25px;
	}
div.ShowHideContainer {
	border-bottom: 1px solid #FFF;
	}
div.QABottomBorder {
	border-bottom: 1px solid #73809C;
	}
	
div#FooterNavContainer {
	clear: both;
	text-align: left;
	color: #3D465B;
	font-size: 70%;
	border-top: 1px solid #CED1D6;
	}
div#CopyrightContainer,
div#FooterLinksContainer {
	margin-top: 10px;
	}
div#CopyrightContainer {
	float: left;
	}
div#FooterLinksContainer {
	float: right;
	}
div#FooterLinksContainer ul {
	}
div#FooterLinksContainer ul li {
	float: left;
	list-style: none;
	border-right: 1px solid;
	padding: 0 7px 0 7px;
	}
div#FooterLinksContainer ul li.LastFooter {
	border-right: 0;
	}
div#CorporateInfoContainer {
	clear: both;
	margin: 30px 0 30px 0;
	}
/**********End Structure CSS**********/

/**********Start Modal CSS**********/
div#ModalFormContainer {
	width: 600px;
	margin: 0 auto 0 auto;
	}
div#ModalFormContainer p {
	font-size: 76%;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}
div#ModalTitleBar {
	background: #265DD5 url(../../../images/microsites/personalinjury/backgrounds/bg_modal_header.png) repeat-x;
	}
div#ModalTitleBar h1 {
	color: #FFF;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	font-size: 75%;
	text-align: left;
	float: left;
	margin: 13px 0 0 10px;
	height: 27px;
	}
div#ModalClose {
	float: right;
	border-left: 2px groove #547ACA;
	height: 40px;
	width: 32px;
	}
div#ModalClose:hover {
	background: url(../../../images/microsites/personalinjury/backgrounds/bg_modal_header_hover.png) repeat-x;
	}
div#ModalClose a {
	display: block;
	padding-top: 12px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
div#ModalHeader,
div#ModalFormContainer table,
div#ModalFormContainer p {
	width: 96%;
	margin-left: 10px;
	}
div#ModalHeader {
	text-align: left;
	margin-top: 10px;
	}
p.ModalIntro {
	margin-top: 20px;
	text-align: left;
	}
div#ModalFormContainer label {
	line-height: 140%;
	}
div#ModalFormContainer table {
	margin-top: 20px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	}
div#ModalFormContainer table th,
div#ModalFormContainer table td {
	color: #3D465B;
	vertical-align: top;
	text-align: left;
	font-size: 80%;
	padding: 5px 5px 10px 5px;
	}
div#ModalFormContainer table th {
	font-weight: normal;
	width: 40%;
	}
div#ModalFormContainer table td {
	padding-right: 20px;
	}
div#ModalFormContainer table td.ModalFormImageContainer img {
	width: 200px;
	}
div#ModalFormContainer table td input,
div#ModalFormContainer table td select {
	padding: 2px;
	}
div#ModalFormContainer table td input,
div#ModalFormContainer table td select,
div#ModalFormContainer table td textarea {
	font-size: 88%;
	padding: 2px;
	}
div#ModalFormContainer table td input.SmallTextInput {
	width: 80px;
	}
div#ModalFormContainer table td input[type="checkbox"] {
	width: 20px;
	}
div#ModalFormContainer table td input.butSubmit,
div#ModalFormContainer table td input[type="reset"] {
	background: #265DD5 url(../../../images/microsites/personalinjury/backgrounds/bg_modal_header.png) repeat-x scroll center center;
	height: 28px;
	color: #FFF;
	border: 2px inset #265DD5;
	padding: 2px 2px 4px 2px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	cursor: pointer;
	}
div#ModalFormContainer table td input.butSubmit:hover,
div#ModalFormContainer table td input[type="reset"]:hover {
	background: #265DD5 url(../../../images/microsites/personalinjury/backgrounds/bg_modal_header_hover.png) repeat-x scroll center center;
	border: 2px outset #265DD5;
	}
div#ModalFormContainer table td input.butSubmit[disabled] {
	background: #265DD5 url(../../../images/microsites/personalinjury/backgrounds/bg_modal_header_disabled.png) repeat-x scroll center center;
	color: #777575;
	border: 2px inset #B6B4B4;
	cursor: auto;
	}
div#ModalFormContainer table td input.butSubmit[disabled]:hover {
	}
div#ModalFormContainer table td textarea {
	width: 225px;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	overflow-y: scroll;
	}
div#ModalFormContainer table td table th,
div#ModalFormContainer table td table td {
	font-size: 100%;
	}
div#ModalFormContainer table td table {
	margin-top: 0px;
	}
div#ModalFormContainer table td table th {
	padding-left: 0;
	}
div#ModalFormContainer div#pnlAddress {
	width: 450px;
	}
img.DatePickerIcon {
	margin-left: 10px;
	}
div#ModalConfirmation table {
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	}
div#ModalConfirmation table td {
	padding: 0;
	margin: 0;
	color: #000;
	}
div#ModalConfirmation img {
	width: 200px;
	margin-right: 10px;
	}
div#ModalConfirmation .FloatLeft {
	width: 380px;
	}
div#ModalConfirmation .FloatRight {
	}


.jqmOverlay { background-color: #FFF; }

button.jqmClose:hover, button.jqmClose:active {
color: #FFF;
border: 0px solid #FFF;
}

#jqmContent {
width: 100%;
height: 100%;
display: block;
clear: both;
margin: 0;
margin-top: 0px;
background: #FFF;
}

/**********End Modal CSS**********/


/**********START Admin CSS Fudges**********/
div.HeroBackgroundContainer div div div.accomplish_toolbar {
	z-index: 2000 !important;
	position: absolute !important;
	margin-top: 20px !important;
	width: 760px !important;
	}
div.HeroBackgroundContainer div#FlashContainer div.accomplish_toolbar {

	}
/**********END Admin CSS Fudges**********/