@charset "utf-8";
@import "/css/dropdown/dropdown.vertical.css";
@import "/css/dropdown/themes/flickr/default.ultimate.css";

*           { margin:0px; padding:0px;}
p, dd 		{ line-height: 20px;}
b           { font-weight:bold; }
body        { background:url(/images/background.jpg) repeat-x #06112b; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px}
td		    { color:#666666; padding-bottom:5px; }
th          { text-align:left; color:#4170a0; font-weight:normal; padding:5px 0 5px 0; vertical-align: top }
th.aRight   { text-align:right; }
table caption { text-align:left; font-size:11px; color:#333; font-weight:bold;}
a:focus     { outline:none; }
input:focus { outline:none;}
.no-screen  { display:none;}
.clearfix   { clear:both; height:0px; font-size:0px;}

/* Header */
.header      	   { width:800px; height:281px; background:url(/images/header.jpg) top center no-repeat;}
#logo       	   { float:left; background-image:url(/images/logo.gif); width:200px; height:64px;}
#top_nav           { position:absolute; top:0px; left:24px; width:689px; height:75px; margin: 0px auto; padding:10px 40px 0 20px;}
#top_nav li   	   { float:right; list-style:none; }
#top_nav li a 	   { height:36px; display:block; margin-left:50px; margin-top:15px;}
#top_nav li a span { display:none; }

#contact_us 	   { background:url(/images/contactus.gif) no-repeat 0 0; width:90px;}
#contact_us:hover  { background:url(/images/contactus.gif) no-repeat 0 -36px; width:90px;}
#contact_us.active { background:url(/images/contactus.gif) no-repeat 0 -72px; width:90px;}
#about_us 		   { background:url(/images/aboutus.gif) no-repeat 0 0; width:83px;}
#about_us:hover    { background:url(/images/aboutus.gif) no-repeat 0 -36px; width:83px;}
#about_us.active   { background:url(/images/aboutus.gif) no-repeat 0 -72px; width:83px;}
#home              { background:url(/images/home.gif) no-repeat 0 0; width:65px;}
#home:hover        { background:url(/images/home.gif) no-repeat 0 -36px; width:65px;}
#home.active       { background:url(/images/home.gif) no-repeat 0 -72px; width:65px;}

#banner_ad { width:714px; height:180px; padding-top:85px; margin:0px auto; background:url(/images/banner_ad2.jpg) bottom no-repeat; }
/* Header End */

/* Page Containers */
#wrapper { position:relative; width:800px; margin: 0 auto;}
.content { width:714px; margin: 0 auto; background:url(/images/backgroundContent.jpg) top center repeat-y; }

#page_content 		  	   { float:right; width:460px;  padding-right:30px; }
#page_content h1#main 	   { font-size:21px; font-weight:normal; color:#666666; margin-bottom:15px; padding-top:0;}
#page_content h1#mainBread { font-size:21px; font-weight:normal; color:#666666; margin-bottom:15px; padding-top:30px;}
#page_content h1 		   { display:block; font-size:15px; font-weight:normal; color:#4170a0; margin-bottom:20px; padding-top:10px;}
#page_content h2 		   { display:block; font-size:15px; font-weight:bold; color:#4170a0; margin-bottom:20px; padding-top:10px;}
#page_content h3 		   { font-size:12px; font-weight:bold; color:#4170a0; margin-bottom:10px; }
#page_content a 		   { text-decoration:none; color:#4170a0; }
#page_content a:hover	   { text-decoration:underline; color:#FF6600;}
#page_content p			   { /*color:#666666;*/ color:#333; text-align:justify; margin-bottom:16px; display:block; }

/* Page Containers */

/* Left Nav */
#left_nav      			 { float:left; width:190px; padding-left:1px; }
#left_nav h2   			 { font-size:12px; font-weight:bold; color:#333333; padding-left:11px; margin-bottom:5px; display:block;}
#left_nav ul   			 { margin-bottom:25px; }

.calculator 			 { margin:0 0 20px 15px; width:157px; height:78px; display:block; background-image:url(/images/calculator2.gif);}
.sra 	        		 { margin:0 0 20px 15px; width:157px; height:78px; display:block; background-image:url(/images/sra.jpg);}
.lawsociety 		     { margin:0 0 20px 15px; width:157px; height:78px; display:block; background-image:url(/images/lawsociety.jpg);}

.calculator span { display:none;}
.sra span { display:none;}
.lawsociety span { display:none;}

/* Left Nav End */

/* Footer */
.footerContainer   	   { width:800px; height:160px; margin: 0 auto; font-size:10px; color:#adbdcf; text-align:center;}
.footerContainer p 	   { margin-bottom:15px; padding-top:20px}
.footerContainer a 	   { color:#adbdcf; text-decoration:none; margin-left:20px; margin-right:20px; }
.footerContainer ul	   { list-style:none; }
.footerContainer ul li { display:inline; }
.footer 		       { width:714px; height:80px; margin: 0 auto; background:url(/images/footer.jpg) top center no-repeat; }
/* Footer End*/

.breadcrumb {
	height:21px;
	left:265px;
	position:absolute;
	top:272px;
	width:463px;
	margin:0;
	z-index:100;
	list-style:none;
	border-bottom: 1px solid #d6d6d6;
}
.breadcrumb li { display:inline; background:url(/images/breadcrumb.jpg) 0 2px no-repeat; padding:0 4px 0 9px;}
.breadcrumb li.active { background:url(/images/breadcrumb_active.jpg) 0 2px no-repeat; padding:0 0 0 13px; }
.breadcrumb li a { font-size:11px; text-decoration:none; color:#4170a0;}
.breadcrumb li a:hover { text-decoration:underline; color:#FF6600;}

.moreInfoList    { list-style:none; margin-left:10px !important;}
.moreInfoList li { display:block; line-height:18px; text-align:left; background:url(/images/moreInfo.jpg) no-repeat; padding-left:20px; margin:10px 0 10px 0; }
.moreInfoList li a { text-decoration:none !important;}
.moreInfoList li a:hover { text-decoration:underline !important;}

.moreInfoList2    { list-style:none; margin-left:10px !important;}
.moreInfoList2 li { display:block; line-height:18px; text-align:left; background:url(/images/tick.jpg) no-repeat; padding-left:20px; margin:10px 0 10px 0; }
.moreInfoList2 li a { text-decoration:none !important;}
.moreInfoList2 li a:hover { text-decoration:underline !important;}

#calcHeader  { width:460px; height:10px; background:url(/images/EmailHeader.jpg); margin-top:20px;}
#calcBody 	 { width:460px; background:url(/images/emailBackground2.jpg) left bottom;}
#calcFooter  { display:block; width:460px; height:33px; background:url(/images/EmailFooter2.jpg); margin-bottom:20px;}
.calcHeading { width:420px; height:20px; border-bottom: #CCCCCC solid 1px; color:#4170A0; font-size:14px; margin-bottom:10px; margin-top:20px;}
.formOption  { height:10px; padding-top:7px; margin-left:24px;}

.submit {height:25px; width:420px;}

.calcPanel 					{ margin-left:20px; width:420px;}
.calcPanel #panelSale       { display:none; height:260px;}
.calcPanel #panelPurchase   { display:none; height:260px;}
.calcPanel #panelBoth       { display:none; height:400px;}
.calcPanel #panelRemortgage { display:none; height:260px;}
.calcPanel #panelTransfer   { display:none; height:260px;}

div.calcSpacer {height:10px;}

.calcError {margin: 5px 0 0 0; padding: 0 0 0 6px; display: block; float: left; color:#F00;}

/* old CSS ///////////////////////////////////////////////////////////////////*/




.box1Top 	{ display:block; width:460px; height:10px; background:url(/images/EmailHeader.jpg); margin-top:20px; }
.box1Middle { width:440px; padding-left:20px; background:url(/images/emailBackground.jpg); }
.box1Middle ul { margin-left:0px; }
.box1Middle ul li { background:url(/images/tick.jpg) no-repeat; list-style:none; padding-left:20px;}
.buttonA {display:block; padding:14px 0 0 60px; margin: 0 15px 10px 0; float:left; width:140px; height:34px; font-size:12pt; text-decoration:none !important;}
.buttonA:hover { text-decoration:underline !important;}
.box1Middle p { font-size:9px; font-style:italic; margin-bottom:0 !important; }
.box1Bottom { display:block; width:460px; height:10px; background:url(/images/EmailFooter.jpg) bottom; margin-bottom:20px;}





#quoteText {display:block; font-size:15px; color:#4170a0 !important; margin-bottom:10px; }

.h2afterH1 { padding-top:0 !important;}


.instructOffer {margin-top:15px;}
.instructOffer h2 a { color:#CC0001 !important; text-decoration:none !important;}
.instructOffer h2 a:hover {  color:#CC0001 !important; text-decoration:underline !important;}




.blue_heading { color:#4170a0;}

#page_content dt a { font-size:12pt; font-weight:normal; text-decoration:none; color:#4170a0 !important; display:block; margin-bottom:10px; }
#page_content dt a:hover { text-decoration:none;}
#page_content dd { color:#666666; text-align:justify; margin-bottom:20px;}





#page_content q {width:451px; display:block; float:left;  padding:10px; display:block; margin-bottom:10px; font-size:10pt; font-style:italic; color:#4170a0; quotes: "" "";}
#page_content .quoteBlock { background-image:url(/images/quote.gif); height:78px; }
#page_content p.quote_source {float:right; display:block; margin-right:10px; margin-bottom:25px; color:#4170a0; font-size:8pt; border-bottom:1px solid #999999;}
#page_content ul {margin-left:30px; text-align:justify; margin-bottom:20px; margin-right:30px;line-height: 20px;}
#page_content li {margin-bottom:10px; }

#page_content strong { font-weight:bold;}
#page_content ul ul {list-style:disc; margin-top:10px; margin-left:30px; text-align:left;}
#page_content hr {margin-top:10px; margin-bottom:10px; height:1px; border-top:1px solid #d4d4d4; border-left:none; border-right:none; border-bottom:none;}
#page_content .lozenge {width:440px; height:32px; padding-left:20px; padding-top:8px; background-image:url(/images/lozenge.gif); font-size:14pt; color:#4170a0;}
#page_content .lozengeLink {width:440px; height:32px; padding-left:20px; padding-top:8px; background-image:url(/images/lozenge_chevron.gif); font-size:14pt; color:#4170a0;}

#page_content .lozengeInstruct { display:block; width:460px; height:40px; margin-bottom:20px; background:url(/images/Instructbutton2.jpg) top left no-repeat;}
#page_content .lozengeInstruct:hover { background:url(/images/Instructbutton2.jpg) bottom left no-repeat; }
#page_content .lozengeInstruct span { display:none;}

#page_content .lozengeInstruct10 { display:block; width:460px; height:40px; margin-bottom:20px; background:url(/images/Instructbutton3.jpg) top left no-repeat;}
#page_content .lozengeInstruct10:hover { background:url(/images/Instructbutton3.jpg) bottom left no-repeat; }
#page_content .lozengeInstruct10 span { display:none;}

#page_content .lozengeInstructPI { display:block; width:460px; height:40px; margin-bottom:20px; background:url(/images/InstructbuttonPI.jpg) top left no-repeat;}
#page_content .lozengeInstructPI:hover { background:url(/images/InstructbuttonPI.jpg) bottom left no-repeat; }
#page_content .lozengeInstructPI span { display:none;}

#page_content .lozenge .lozengeLink a{ color:#4170a0; text-decoration:none; }
#page_content .lozenge .lozengeLink a:hover{text-decoration:underline; }

#page_content .steps_first{color:#4170a0; text-decoration:none; display:block; float:left; margin-bottom:10px; margin-top:10px; width:73px; height:18px; padding-left:15px; padding-top:2px; background-image:url(/images/steps_first.gif);}
#page_content .steps_middle{color:#4170a0; text-decoration:none; display:block; float:left;margin-bottom:10px;  margin-top:10px; width:74px; height:18px; padding-left:15px; padding-top:2px; background-image:url(/images/steps_middle.gif);}
#page_content .steps_last{color:#4170a0; text-decoration:none; display:block; float:left;margin-bottom:10px; margin-top:10px;  width:73px; height:18px; padding-left:15px; padding-top:2px; background-image:url(/images/steps_last.gif);}

.step_active { font-weight:bold;}



#pdf {color:#4170a0; display:block; height:36px; background: url(/images/PDF_icon.gif) top left no-repeat; padding:20px 0 0 120px; margin-bottom:20px;}

#pdflink {color:#4170a0; display:block; height:30px; background: url(/images/get_adobe_reader.gif) top left no-repeat; padding:8px 0 0 120px;}


/****************** forms ******************************/


.formOption label { color:#666666; display:block; float:left; padding:0 8px 0 4px;  text-align:left; font-size:11px; }

.formOption input { float:left;}

.toolTip {margin: 5px 0 0 10px; cursor:pointer; height:12px; width:12px; display:block; float:left; background:url(/images/info_icon.jpg) no-repeat;}

form { margin: 0; padding: 0; width: 460px; }
form span { color:#666666; }
form fieldset { border-color: #999; border-width: 1px; border-style: solid; padding: 10px; margin: 0 0 5px 0; }
form fieldset legend { font-size:1.1em; color:#4170a0; }
form label { color:#666666; display:block; float:left; width:180px; padding:0; margin:5px 0 0; text-align:right; }
/*form fieldset label:first-letter { text-decoration:underline;}*/
form input, form textarea, form select { float:left;width:auto; margin:5px 0 0 10px; border:#D6D6D6 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#666666; }
form .chkbox { border:#D6D6D6 0 solid; }
form .button { float:right; background-image:url(/images/button.gif); border:none; width:106px; height:19px; font-size:8pt; color:#444444;}
form .error { color:#FF0000; margin-top:5px; }
form .errorCalc { color:#FF0000; display:block; float:left; margin:0 0 0 0; padding:0 0 6px 6px; }
form textarea { overflow:auto; }
form small {display:block; margin: 0 0 5px 160px; padding:1px 3px; font-size: 88%;color:#666666; }
form .required{ font-weight:bold; }
form br { clear:left; }

#joint { display:none; }


/******************* Mooooo!!! *****************************/

#saleButton { text-decoration:none; display:block; width:440px; height:32px; padding-left:20px; padding-top:8px; background-image:url(/images/lozenge.gif); font-size:14pt; color:#4170a0; margin:10px 0 0 0;}
#sale_container { height:350px; display:none; background:url(/images/how_we_work_background.gif) center bottom no-repeat ;   }
#sale_control { height:20px; padding:5px 0 5px 9px;}
#sale_step1 { display:none; padding-top:10px; padding:20px 18px 15px 18px; }
#sale_step2 { display:none; padding-top:10px; padding:20px 15px 15px 15px;}
#sale_step3 { display:none; padding-top:10px; padding:20px 15px 15px 15px;}
#sale_step4 { display:none; padding-top:10px; padding:20px 15px 15px 15px;}
#sale_step5 { display:none; padding-top:10px; padding:20px 18px 15px 18px;}
#sale_step1 p { line-height: 14px; }
#sale_step2 p { line-height: 14px;}
#sale_step3 p { line-height: 14px;}
#sale_step4 p { line-height: 14px;}
#sale_step5 p { line-height: 14px;}

#purchaseButton { text-decoration:none; display:block; width:440px; height:32px; padding-left:20px; padding-top:8px; background-image:url(/images/lozenge.gif); font-size:14pt; color:#4170a0; margin:10px 0 0 0;}
#purchase_container { height:360px; display:none; background:url(/images/how_we_work_background.gif) center bottom no-repeat ; }
#purchase_control { height:20px; padding:5px 0 5px 9px; }
#purchase_step1 { display:none; padding:20px 18px 15px 18px;}
#purchase_step2 { display:none; padding:20px 18px 15px 18px;}
#purchase_step3 { display:none; padding:20px 18px 15px 18px;}
#purchase_step4 { display:none; padding:20px 18px 15px 18px;}
#purchase_step5 { display:none; padding:20px 18px 15px 18px;}
#purchase_step1 p { line-height: 14px;}
#purchase_step2 p { line-height: 14px;}
#purchase_step3 p { line-height: 14px;}
#purchase_step4 p { line-height: 14px;}
#purchase_step5 p { line-height: 14px;}


/******************* Glossary *****************************/

.glossaryNav { width:460px; height:20px; padding-bottom:30px;}
.glossaryNav a { display:block; float:left; width: 17px; height:17px; text-align:center; text-decoration:none !important; }
.glossaryNav a.active { background:url(/images/glossaryActive.jpg) no-repeat;}
.glossaryNav a.inActive { color:#999999 !important;}

.alphabet { background:url(/images/glossaryH1background.jpg); height:31px; margin-bottom:20px; float:left; width:460px;}
.alphabet h2 { display:block; height:32px; width:32px; font-weight:normal !important; font-size:24px !important; text-align:center; padding:2px 0 0 0 !important; clear:none; }
.alphabet a { float:right; display:block; width:150px; height:31px; text-align:right; text-decoration:none !important; font-size:11px; padding-top:10px;}

.glossaryIndex { list-style-type:none;}
.glossaryIndex li { padding-left:20px; text-align:left; }
.glossaryIndex li a { text-decoration:none !important;}


/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#324A6C;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }