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


#header_wrapper { width: 955px; margin: 0 auto; text-align: left; min-height: 95px; height: auto !important; height: 95px; background: transparent url(../images/bg_header-wrapper.png) no-repeat right 0;  }
	#header { width: 923px; min-height: 32px; height: auto !important; height: 32px; padding-top: 7px; background: #fff url(../images/bg_header.gif) no-repeat 0 0; }
		#header_left { position: relative; float: left; width: 199px; padding-left: 34px; height:88px; }
		#header_left img { position: absolute; left: 34px; top: 0; width: 199px; height: 88px; }
		#header_right { float: right; width: 690px; height:88px; }
			#header_right_top { width: 672px; min-height: 61px; height: auto !important; height: 61px;  }
			#header_right_top ul { /*padding-left: 460px;*/ float: right; padding-top: 15px; list-style: none;  }
			#header_right_top ul li { position: relative; float: left; padding-right: 5px; width: 39px; height: 36px; }

			#header_right_top ul li input { position: relative; left: 2px; top: 2px;  }
			#header_right_top ul li img { position: relative; left: 2px; top: 2px;  }
			#header_right_top ul li.on { background: transparent url(../images/bg_flag.gif) no-repeat 0 0; }			
			
			#header_right_top ul li.p27 { padding-right: 27px; }

			#header_right_top img on {   }

			#header_right_bottom { width: 690px; min-height: 27px; xheight: auto !important; height: 27px; background: url(../images/bg_topnav.gif) repeat-x 0; }
			#header_right_bottom a:hover { text-decoration: none; }



#wrapper { width: 955px; margin: 0 auto; text-align: left; background: transparent url(../images/bg_right.png) repeat-y right;  }

	#container { width: 869px; background: #fff; padding: 7px 18px 0 36px; /*border-bottom:1px solid #f5f5f5; */  }
		#container_inner { width: 869px; xbackground: blue; }
			#container_inner_left { float: left; width: 551px; padding-right: 25px; padding-bottom: 24px; border-right: 1px solid #f5f5f5; }
				.menu_content { margin-top: 12px; width: 100%; padding-bottom: 20px; }


					.menu_content_left { float: left; width: 127px;  }
					.menu_content_left .menuleft { width: 117px;  }	
					.menu_content_left .menuleft a:hover { text-decoration: none; }		
					.menu_content_left .menuleft ul { list-style: none; width: 115px; border-left: 1px solid #e0e1e1; border-right: 1px solid #e0e1e1; border-top: 1px solid #e0e1e1;  }
					.menu_content_left .menuleft ul li {  display: inline;  font-size: 1.1em; font-weight: 500; color: #666;   }
					.menu_content_left .menuleft ul li a { color: #666; display: block; width: 100%; text-align: center; background: #e5e7e8 url(../images/gradient_vertical_grey.gif) repeat-x; }
					.menu_content_left .menuleft ul li a.on { color: #fff; display: block; width: 100%; text-align: center; background: #093b74 /* #2c68ac url(../images/gradient_vertical_lightblue.gif) repeat-x*/; }
					.menu_content_left .menuleft ul li a span { display: block; padding: 8px 0 7px; /* border-bottom: 1px solid #e0e1e1;*/  }
					.menu_content_left .menuleft ul li a:hover { background: #093b74;  color: #ffffff;}

					.menu_content_right { float: right; width: 424px; font-size: 1.2em; overflow: hidden; }
					.menu_content_right ul {  padding: 5px 0 5px 15px; }

/* Borrower Service */
						.borrower_service { width: 541px; margin-top: 12px;  }
						.borrower_service dl { width: 268px; text-align: center;  }
							.borrower_service dt { margin-top: 42px; }
							.borrower_service .first { width: 167px; height: 64px; margin: 16px auto 12px;  }
							.borrower_service .first span { display: block; text-indent: -999em; }

							.borrower_service .equity_release a { display: block; width: 100%; height: 100%;  background: url(../images/btn_bluestone-equity.gif) no-repeat 0 0; }
							.borrower_service .equity_release a:hover { background: url(../images/btn_bluestone-equity_hv.gif) no-repeat 0 0; }
							.borrower_service .mortgage a { display: block; width: 100%; height: 100%;  background: url(../images/btn_bluestone-mortgages.gif) no-repeat 0 0; }
							.borrower_service .mortgage a:hover { background: url(../images/btn_bluestone-mortgages_hv.gif) no-repeat 0 0; }


							.borrower_service .third { font-size: 0.933em; font-weight: bold; width: 168px; margin: 0 auto 38px; color: #666; }

/* Contact */
							table.contact { font-size: 0.917em; display: block; }
							table.contact caption { text-align: left; font-size: 1.168em; font-weight: bold; color: #002d56; padding:3px 0; border-bottom: 1px solid #8097ab;  }
							table.contact thead  { }
							table.contact tfoot  { display: none; }
							table.contact th { font-weight: bold; color: #002d56; }
							table.contact .first, table.contact .second, table.contact .third, table.contact .fourth { padding: 2px 6px; }
							table.contact .first { width: 78px;  }
							table.contact .second { width: 103px;  }
							table.contact .third { width: 93px; background: #ebf4f6;  }
							table.contact .fourth { width: 93px; } 

/* Executive */

					.menu_content_right .executive { width: 424px;  }

					.menu_content_right .executive dl { margin-left: 5px; }
					.menu_content_right .executive dl.first { margin-left: 0; }
					.menu_content_right .executive dl { float: left; padding: 10px 0; }
					.menu_content_right .executive dt { font-size: 0.834em; font-weight: bold; color: #002d56; }
					.menu_content_right .executive dd {  }


/* FAQ */

.residential_mortgages h3 a { color: #002d56; }

					.menu_content_right ul.faq { list-style: none; padding: 5px 0 5px 0;  }

					.menu_content_right .faqmenu { width: 271px; background: #e5e5e5; margin-bottom: 10px; }
					.menu_content_right .faqmenu ul { list-style: none; padding: 0; }
					.menu_content_right .faqmenu ul li { border-bottom: 1px solid #fff; padding: 3px 10px 3px 13px; background: url(../images/arrow_005596d.gif) no-repeat 96% 0.5em; }
					.menu_content_right .faqmenu ul li a { display: block; width: 100%; }
					.menu_content_right .faqmenu ul li a:hover { text-decoration: underline; }

					.menu_content_right ul.faq { background: #f5f5f5; margin-bottom: 5px; }
					.menu_content_right ul.faq p { padding: 0 2px 0 2px; }
					.menu_content_right ul.faq li { padding-left: 15px; /*padding-bottom: 3px;*/  }
					.menu_content_right ul.faq li.que { background: url(../images/faq_q.gif) no-repeat 0.15em 0.3em; cursor: pointer;  }
					.menu_content_right ul.faq li.ans { background: url(../images/faq_a.gif) no-repeat 0.15em 0.3em; color: #535f50; display:none;  }

					.menu_content_right ul.faq li ol { margin-left: 24px; }
					.menu_content_right ul.faq li ol li { padding-left: 0px; }

					.menu_content_right ul.faq li ul { list-style: disc; }
					.menu_content_right ul.faq li ul li { padding-left: 0px; }

					.menu_content_right .container_backto {/* padding-left: 300px; */}
					.menu_content_right .container_backto a.backtotop { display: block; margin: 0 0 0 auto; padding: 4px 6px; background: #f5f5f5 url(../images/arrow_005596.gif) no-repeat 85px 0.55em; width: 90px; }
					.menu_content_right .container_backto a:hover { text-decoration: underline;  }

				.menu_content .securename { width: 551px; margin: 10px 0 0;  }
					.securename .securename_left { float: left; width: 421px;  }
					.securename .securename_right { float: right; width: 130px; text-align: right; }

				.uploadcontainer { width: 498px; margin-top: 8px; padding: 15px 9px 10px 9px; border: solid 1px #aaa;  }
					.uploadcontainer .uploadfield { width: 480px; /*height: 30px; padding-bottom: 8px;*/ }
					.uploadcontainer .uploadfield .uploadfile { /*border: 1px solid #b0b0b0; color:#676564;*/ }
					.uploadcontainer .uploadfield input.txt { border: 1px solid #c0c0c0; }
					.uploadcontainer .uploadfield .uploadcheck input { vertical-align: middle; }
					.uploadcontainer .uploadfield .uploadcheck .btn { font-size: 12px; }
					.uploadcontainer .uploadfield .uploadcheck label { padding: 0 0 0 5px; }
					.uploadcontainer .uploadfield input[type="file"] { border: 1px solid #b0b0b0 !important; padding: 2px 5px 0; color:#676564; }
					
						.uploadcontainer .uploadfield_left { float: left; width: 130px; height: 28px;  }
						.uploadcontainer .uploadfield_right { float: left; width: 350px; height: 28px;}


					/* end of each content (menu_content's end) */
					#end_menu_content { clear: both; font-size: 1px; height: 0; }



				#doyouwant { margin-top: 2px; width: 551px; }
				#doyouwant ul { list-style: none; /*font-size: 1.2em;*/ }
				#doyouwant ul li { line-height: 1.5em; }
				#doyouwant ul li a { text-decoration: underline; }
				
					#doyouwant_centre { width: 230px; margin: 0 auto; font-size: 1.167em; }
					#doyouwant_left { float: left; width: 264px; padding-left: 10px; padding-right: 8px; }
					#doyouwant_right { float: left; width: 264px; }

/* NEWS */

					.menu_content_right cite { display: block; padding: 4px 0; font-size: 0.918em;  }

				.menu_content .secure_downloads { width: 551px; margin: 10px 0 0; }
				.menu_content .secure_downloads ul { margin: 10px 0 0 16px; }
				.menu_content .secure_downloads ul li { padding-bottom: 8px; }

































			#container_inner_right { float: left; width: 271px; padding: 11px 0 24px 21px; background: url(../images/dot_f5f5f5.gif) repeat-y left;  }


				#container_inner_right .sidehtml, #container_inner_right .sideimagearea { width: 100%; margin-top: 14px; }
				#container_inner_right .sidehtml a:hover { text-decoration: underline; }		
					#container_inner_right .sidehtml_inner { font-size: 1.2em; }
					#container_inner_right .sidehtml_inner ul { padding: 5px 0 5px 15px; }
					#container_inner_right .sidehtml_inner ul li {  }



				#container_inner_right h3 { padding: 2px 0;  }

				.loginarea { width: 100%;  }
					.loginarea ul { list-style: none; font-size: 1.1em; font-weight: bold; text-transform: uppercase; background: #e7f0f8;  }
					.loginarea ul a { text-decoration: none; display: block; width: 100%; }
					.loginarea ul a:hover { text-decoration: underline; }
					.loginarea ul li { padding: 6px 0 4px 25px; background: url(../images/btn_login.gif) no-repeat 0 0;  }

				.home_search { width: 100%; margin: 12px 0 0; }
				.home_search .btnSearch { /*position: relative; top: 3px;*/ border: 0; width: 23px; height: 19px; background: url(../images/btn_search.gif) no-repeat 0 0; cursor: pointer; }
				.home_quicklink .btnQuick {  border: 0; width: 23px; height: 19px; background: url(../images/btn_quicklink.gif) no-repeat 0 0; cursor: pointer; }

				.newsarea { width: 100%; margin-top: 14px;  }
					.newsarea ul { list-style: none; font-size: 1.2em; background: #ebebeb; }
					.newsarea ul a { text-decoration: none; color: #666;  width: 100%; }
					.newsarea ul a:hover { text-decoration: underline; }
					.newsarea ul li { padding: 5px 5px 4px 8px; font-size:0.918em; /*background: url(../images/btn_news.gif) no-repeat 0 0;*/   }
					.newsarea ul li span.date { color: #231f20; padding-left: 12px; background: url(../images/arrow_right.gif) no-repeat 0 0.2em; }
					.newsarea ul li span.date a { color: #231f20; }
					x.newsarea ul li a.readmore {display: block;  width: 60px; margin-left: 175px; padding-left: 15px; background: url(../images/arrow_right.gif) no-repeat 0 0.3em; }

				.newsarea .newshr, .dlarea .dlhr { width: 255px; margin: 0 auto; border-bottom: 1px solid #ccc; overflow: hidden; }

				.dlarea { width: 100%; margin-top: 14px;  }
					.dlarea ul { list-style: none; font-size: 1.2em; background: #ebebeb; }
					.dlarea ul a { text-decoration: none; color: #666;  width: 100%; }
					.dlarea ul a:hover { text-decoration: underline; }
					.dlarea ul li { padding: 5px 5px 4px 10px; font-size:0.918em; /*background: url(../images/btn_news.gif) no-repeat 0 0;*/   }
					.dlarea ul li span { padding-left: 15px; background: url(../images/arrow_right.gif) no-repeat 0 0.2em; }
					x.dlarea ul li span.date a { color: #231f20; }


				.callbackarea { width: 100%; margin-top: 12px;  }
					.callbackarea_container { background: #cfe2f0; width: 245px; padding: 0 10px 0 16px;  }
						.callbackarea_container_inner { width: 100%;   }
						.callbackarea_container_inner #radios { background: url(../images/triangle_white.gif) no-repeat 0 13px; padding: 10px 0px 0 15px; width: 230px; font-size: 1.2em; letter-spacing: -0.08em; font-weight: bold; color: #005596;  }
						.callbackarea_container_inner #radios label { padding: 0 7px 0 6px; }
						.callbackarea_container_inner #radios input { font-family: Arial, Helvetica, sans-serif; font-size: 1em; vertical-align: middle; }
						.callbackarea_container_inner .txt { margin-top: 5px; }
						.callbackarea_container_inner textarea.txt { margin: 5px 0 10px; }
						.callbackarea_container_inner .btnSend { margin-bottom: 10px; border: 0; width: 45px; height: 19px; background: url(../images/btn_send-grey.gif) no-repeat 0 0; cursor: pointer;  }

						.callbackarea_container_inner .watermarks { width: 245px; }

				.quoted { margin-top: 20px; width: 264px; padding: 0 3px; font-size: 2em; line-height: 0.8em; color: #113b61; /*font-weight: bold;*/  }
				.quoted span { font-size: 0.55em; color: #231f20; /*font-weight: normal;*/ }


				.callus { position: relative; margin-top: 20px; width: 100%; min-height: 24px; height: auto !important; height: 24px;  }
					.callus_inner { position: absolute; left: -21px; top: 0; width: 310px; height: 24px;  }


	#advertisement { position: relative; padding-top: 24px; /*padding: 18px 18px 24px 36px;*/ width: 923px; min-height: 42px; background: #fff; height: auto !important; height: 42px; }
		#advertisement_inner { border-top: 1px solid #f5f5f5; padding: 18px 18px 24px 36px; width: 869px; }

	#advertisement ul { list-style: none; }
	#advertisement ul li { float: left; padding-right: 20px;  }


		#container_centre { width: 100%;  }

			#container_centre .sitemap_container { width: 869px; text-align: center; margin:15px 0 0;  }
			#container_centre .sitemap_container table { margin: 0 auto; }

			#container_centre .sitemap_container p,
			#container_centre .sitemap_container a { display: block; height: 50px; }


#footer_wrapper { width: 955px; margin: 0 auto; text-align: left; min-height: 54px; height: auto !important; height: 54px;   background: url(../images/bg_footer.png) no-repeat 0 0; }
	#footer { width: 923px; min-height: 23px; height: auto !important; height: 23px; padding-top: 31px; font-size: 1.1em; color: #fff; }
	#footer a { color: #fff; padding: 0 3px; }
	#footer a:hover { text-decoration: underline; }
		#footer_left { float: left; width: 573px; padding-left: 20px;  }
		#footer_right { float: left; width: 330px; text-align: right;  }

		#footer span {  padding: 28px 20px 0 16px;  }