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


body
{
	padding: 0;
	margin: 0;
	background: #ffffff;
	height:100%;

}

html 
{
height: 100%;
}

/* fix image margins */
img 
{
  margin: 0px; /* fixes Opera 6 */
}
* html img {
  margin-left /**/: -3px; /* fixes MacIE and WinIE5.x */ 
  margin-right /**/: -3px; /* fixes MacIE and WinIE5.x */ 
}

.page
{
	display:block;
	width:980px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
	
}

.spacer
{
	display:block;
	height:10px !important;
	width:100% !important;
	float:left;
}

.grey-spacer
{
	display:block;
	height:10px !important;
	width:100% !important;
	float:left;
	background-color:#e4e4e4;
}

.general-content
{
	display:block;
	width:100% !important;
	float:left;
}

/* ------------------------- Begin Header Content Styles ---------------------------------------*/
.header
{
	display:block;
	width:980px;
	float:left;
	height:100px;
	background-image:url(../images/header.jpg);
	
}


/* -- logo -- */
.logo
{
	display:block;
	width:500px;
	height:100px;
	float:left;
	margin-left:10px;
}

/* -- search  & links-- */

.header-right
{
	display:block;
	width:310px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	height:30px;
}

.search
{
	display:block;
	width:300px;
	float:right;
	height:50px;
}

.search-label
{
	display:block;
	width:80px;
	float:left;
	font-size:0.75em;
	color:#666666;
	font-weight:bold;
	padding-top:6px;
	
	
}

.search-form
{
	display:block;
	width:210px;
	float:right;
	
}

.search-field
{
	display:block;
	width:128px;
	float:left;
	padding-top:3px;
	
}

.search-field input
{
	width:120px;
	
}

.search-btn
{
	display:block;
	width:72px;
	float:right;
}


/* -- top links -- */
.top-links {
   float:left;
   width:100%;
   height:20px;
   overflow:hidden;
   position:relative;
   margin-top:5px;
   
}

.top-links ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   text-align:center;
}

.top-links ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
}

.top-links ul li a {
   display:block;
   text-decoration:none;
   line-height:1.3em;
   height:20px;
   width:100px;
   color:#000000;
   font-size:0.7em;
   border-right:#000 1px solid;
   
}

.top-links ul li a:hover 
{
	color:#000000;
	font-size:0.7em;
}

.top-links ul li a.active,
.top-links ul li a.active:hover 
{
	color:#000000;
	font-size:0.7em;
}

/*--- main menu ---*/

.menu
{
	padding:0;
	margin:0;
	background-image:url(../images/menu-bar-bg.jpg);
	float:left;
	width:100%;
	height:46px;
}

.submenu-bar
{
	display:block;
	height:35px !important;
	width:100% !important;
	float:left;
	background-color:#f4f4f4;;
	border-top:#fff 1px solid;
}

.menu ul
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

.menu ul li
{
	position: relative;
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
} 

.menu ul li a
{
	display:block;
	background-image:url(../images/menu-bg.jpg);
	text-decoration:none;
	line-height:3em;
	height:46px;
	min-width:158px;
	color:#666666;
	font-size:0.75em;
	font-weight:bold;
} 

.menu ul ul
{
	position: absolute;
	top: 46px; 
	width:980px;
	visibility: hidden;
	border-top:#fff 1px solid; 
}


/* individual menu items */
.menu ul ul.about
{
	/*left:-158px;*/
} 

.menu ul ul.advisor
{
	/*left:-316px;*/
} 

.menu ul ul.mortgage-search
{
	left:-474px;
} 

.menu ul ul.calculators
{
	left:-632px;
}

.menu ul ul.legal-services
{
	left:-790px;
	
}

.menu ul ul.legal-services li
{
	right:-631px;
}
/* end individual menu items */

.menu ul li a:hover 
{
	background-image:url(../images/active-menu-bg.jpg);
	color:#000000;
	font-size:0.75em;
	font-weight:bold;
}

.menu ul li ul li .submenubtn
{
	display:block;
	min-width:157px;
	float:left;
	background:#F4F4F4 url(../images/submenu-btn.jpg);
	background-repeat:no-repeat;
	border-right:#fff 1px solid;
	
	
	
}

.menu ul li ul li .submenubtn:hover
{
	display:block;
	min-width:157px;
	float:left;
	background:#E4E4E4 url(../images/active-submenu-btn.jpg);
	background-repeat:no-repeat;
	border-right:#fff 1px solid;
	
	
}

.menu ul li ul a 
{
	
	background-image:none;
	background-color:inherit;
	color:#990000;
	font-size:0.75em;
	font-weight:normal;
	height:35px;
	min-width:117px;
	margin-left:20px;
	margin-right:10px;
	text-align:left;
	line-height:2.75em;
}

.menu ul li ul a:hover
{
	background-image:none;
	background-color:inherit;
	color:#990000;
	font-size:0.75em;
	font-weight:normal;
}

.menu ul li a.active,
.menu ul li a.active:hover 
{
	background-image:url(../images/active-menu-bg.jpg);
	font-weight:bold;
	color:#000000;
	font-size:0.75em;
}
.menu ul li:hover ul
{
	visibility:visible;
} 


/* ------------------------- End  Header Content Styles ---------------------------------------*/

/* ------------------------- Begin main body Content Styles ---------------------------------------*/


.body-content
{
	display:block;
	width:980px !important;
	float:left;
	background-color:#FFFFFF;
}
.left
{
	display:block;
	width:770px !important;
	float:left;
	
}


.left .find-mortgage
{
	display:block;
	float:left;
	width:770px;
	height:220px;
	background-image:url('../images/find-mortgage-bg3.jpg');
	background-repeat:no-repeat;
}

.left .find-mortgage .content
{
	display:block;
	float:left;
	clear:both;
	width:500px;
	margin-left:10px;
	margin-top:10px;
}

.left .find-mortgage .content .button
{
	display:block;
	float:left;
	width:194px;
	height:35px;
	background-image:url(../images/find-right-mortgage-btn.jpg);
	background-repeat:no-repeat;
}

.left .find-mortgage2
{
	display:block;
	float:left;
	width:770px;
	height:220px;
	background-image:url(../images/web-box-1.jpg);
	background-repeat:no-repeat;
}

.left .find-mortgage2 .content
{
	display:block;
	float:left;
	clear:both;
	width:500px;
	margin-left:10px;
	margin-top:10px;
}

.left .find-mortgage2 .content .button
{
	display:block;
	float:left;
	width:194px;
	height:35px;
	background-image:url(../images/find-right-mortgage-btn.jpg);
	background-repeat:no-repeat;
}

.left .request-quote
{
	display:block;
	width:560px !important;
	float:left;
	
}

.left .request-quote .header
{
	display:block;
	width:560px !important;
	float:left;
	height:40px;
	background-image:url(../images/medium-box-header.jpg);
	background-repeat:no-repeat;
	
}

.left .request-quote .body
{
	display:block;
	width:560px !important;
	float:left;
	background-image:url(../images/medium-box-bg.jpg);
	background-repeat:repeat-y;
	padding:0px;
	height:177px;
	
	
}

.left .request-quote .body .content
{
	display:block;
	width:540px !important;
	height:183px;
	float:left;
	margin-left:10px;
	margin-top:5px;
	
}


.left .request-quote .body .content .left
{
	display:block;
	width:200px !important;
	float:left;
}

.left .request-quote .body .content .right
{
	display:block;
	width:330px !important;
	float:right;
}

.left .request-quote .body .content .right .label
{
	display:block;
	width:150px !important;
	float:left;
	
}

.left .request-quote .body .content .right .field
{
	display:block;
	width:170px !important;
	float:right;
	
}

.left .request-quote .body .content .right .button
{
	display:block;
	width:180px !important;
	height:37px;
	float:right;
	margin-right:13px;
	
}



.left .request-quote .footer
{
	display:block;
	width:560px !important;
	float:left;
	height:10px;
	background-image:url(../images/medium-box-footer.jpg);
	background-repeat:no-repeat;
	
	
}

.left .mortgage-finder
{
	display:block;
	width:200px !important;
	float:right;
	
}



.grey-list
{
	display:block;
	float:left;
	
}

.grey-list ul
{
	list-style-type:none;
	padding:0px;
	display:block;
	float:left;
	margin:0px;
}

.grey-list ul li
{
	list-style-type:none;
	background-image:url(../images/grey-list.jpg);
	background-repeat:no-repeat;
	min-height:25px;
	border-bottom:#d1d1d1 1px dotted;
	line-height:1.3em;
	padding-left:25px;
	margin:0px 0px 10px 0px;
}



.orange-list
{
	display:block;
	float:left;
	
}

.orange-list ul
{
	list-style-type:none;
	padding:0px;
	display:block;
	float:left;
	margin:0px;
}

.orange-list ul li
{
	list-style-type:none;
	background-image:url(../images/orange-list.jpg);
	background-repeat:no-repeat;
	min-height:25px;
	width:155px;
	border-bottom:#ff6600 1px dotted;
	line-height:1.3em;
	padding-left:25px;
	margin:0px 0px 10px 0px;
}
.green-list
{
	display:block;
	float:left;
	
}

.green-list ul
{
	list-style-type:none;
	padding:0px;
	display:block;
	float:left;
	margin:0px;
}

.green-list ul li
{
	list-style-type:none;
	background-image:url(../images/green-list.jpg);
	background-repeat:no-repeat;
	min-height:25px;
	width:155px;
	border-bottom:#ff6600 1px dotted;
	line-height:1.3em;
	padding-left:25px;
	margin:0px 0px 10px 0px;
}

.left .tab-image
{
	display:block;
	float:left;
	width:210px;
	height:131px;
}

.left .tab-content
{
	display:block;
	float:right;
	width:550px;
}

.left .tab-content .tab
{
	display:block;
	float:left;
	width:140px;
	height:30px;
}

.left .tab-content .content
{
	display:block;
	float:left;
	width:528px;
	height:78px;
	margin-left:10px;
	margin-top:5px;
}

.left .tab-content .content .button
{
	display:block;
	float:right;
	width:180px;
}

.left .tab-content .first-time-buyer
{
	display:block;
	float:left;
	width:548px;
	height:98px;
	border:#990000 1px solid;
	margin-top:1px;
}

.left .tab-content .moving-home
{
	display:block;
	float:left;
	width:548px;
	height:98px;
	border:#ff9900 1px solid;
	margin-top:1px;
}

.left .tab-content .remortgage
{
	display:block;
	float:left;
	width:548px;
	height:98px;
	border:#005a84 1px solid;
	margin-top:1px;
}

.left .tab-content .buy-to-let
{
	display:block;
	float:left;
	width:548px;
	height:98px;
	border:#a1ad00 1px solid;
	margin-top:1px;
}
	


.banners
{
	display:block;
	width:770px;
	height:200px;
	float:left;
}

.right
{
	display:block;
	width:200px !important;
	float:right;
}

.small-box
{
	display:block;
	width:200px;
	float:left;
}

.small-box-header
{
	display:block;
	width:200px;
	height:40px;
	float:left;
	background-image:url(../images/small-box-header.jpg);
	
}

.large-box-header
{
	display:block;
	width:770px;
	height:40px;
	float:left;
	background-image:url(../images/large-box-header.jpg);
	
}

.box-title
{
	display:block;
	width:500px;
	float:left;
	margin:10px;
	font-size:0.8em;
	font-weight:bold;
	color:#0000000;
}


.small-box-body
{
	display:block;
	width:200px;
	float:left;
	background-image:url(../images/small-box-bg.jpg);
	
}


.small-box-content
{
	display:block;
	width:180px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	
	
}

.small-box-left
{
	display:block;
	width:51px;
	float:left;
}

.small-box-right
{
	display:block;
	width:120px;
	float:right;
}


.call-back-btn
{
	display:block;
	width:212px;
	margin-left:auto;
	margin-right:auto;
}

.small-box-footer
{
	display:block;
	width:200px;
	height:10px;
	float:left;
	background-image:url(../images/small-box-footer.jpg);
	
}

.small-box-title
{
	display:block;
	width:230px;
	float:left;
	margin:10px;
	font-size:0.8em;
	font-weight:bold;
	color:#0000000;
}


.large-box
{
	display:block;
	width:770px;
	float:left;
}

.large-box-left-col
{
	display:block;
	width:380px;
	float:left;
}

.large-box-right-col
{
	display:block;
	width:380px;
	float:right;
	
}


.large-box-content-left-col
{
	display:block;
	width:370px;
	float:left;
}

.large-box-content-right-col
{
	display:block;
	width:370px;
	float:right;
	
}

.large-box-placeholder
{
	display:block;
	width:768px;
	float:left;
	border:#e4e4e4 1px solid;
}

.large-box-content
{
	display:block;
	width:750px;
	float:left;
	margin-left:10px;
}

.search-tools
{
	display:block;
	width:770px;
	float:left;
	height:200px;
	background-image:url(../images/search-tools-bg.jpg);
}

.search-tools-right
{
	display:block;
	width:310px;
	float:right;
	margin-top:10px;
}

.search-tools-btn
{
	display:block;
	width:300px;
	height:47px;
	float:left;
}




/* -------------begin tabs --------------------------------*/
#tab-wrapper
{
	width: 770px;
	float:left;

}
.box
{
	background: #fff;
	font-size:0.75em;
	
}
.boxholder
{
	clear: both;
	background:#ffffff;
	border: 1px solid #e4e4e4;
	

}

.box-background
{
	width:766px;
	float:left;
	margin-left:1px;
	/*background-image:url(../images/links-bg.jpg);*/
	height:83px;
	
}

.box-content
{
	width:746px;
	float:left;
	margin-left:10px;
	height:63px;
	margin-top:10px;
	
}

.box-mainleft-col
{

	width:368px;
	float:left;
	height:63px;
}

.box-mainright-col
{
	width:368px;
	float:right;
	height:63px;
}

.box-left-col-ticked-content
{
	float:left;
	width:179px;
	height:30px;
	background-image:url(../images/green-tick.jpg);
	background-repeat:no-repeat;
}

.box-left-col-block-content
{
	float:left;
	width:179px;
	height:30px;
	background-image:url(../images/green-box.jpg);
	background-repeat:no-repeat;
}

.box-right-col-ticked-content
{
	float:right;
	width:179px;
	height:30px;
	background-image:url(../images/green-tick.jpg);
	background-repeat:no-repeat;
}

.box-right-col-block-content
{
	float:right;
	width:179px;
	height:30px;
	background-image:url(../images/green-box.jpg);
	background-repeat:no-repeat;
}

.box-col-block-content
{
	float:left;
	width:358px;
	height:30px;
	background-image:url(../images/green-box.jpg);
	background-repeat:no-repeat;
}

.box-col-content
{
	float:left;
	width:159px;
	margin-left:20px;
}

.box-fullcol-content
{
	float:left;
	width:318px;
	margin-left:20px;
}

.tab
{
	float: left;
	height: 29px;
	width: 180px;
	margin: 0 1px 0 0;
	background:url(../images/tab-btn.jpg) no-repeat;
}
.tabtxt
{
	margin: 0;
	padding-left:20px;
	padding-top:6px;
}

div.tabtxt a
{
	color: #000;
	font-size:12px;
	font-weight:normal;
	
}

h3.tabtxt a
{
	color: #000;
	font-size:12px;
	font-weight:normal;
	
}

.box ul
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
}

.box ul li
{
	position: relative;
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.box ul li a
{
	display:block;
	text-decoration:none;
	line-height:1em;
	height:20px;
	min-width:150px;
	color:#666666;
	margin-left:20px;
} 

.box ul li.tick
{
	background-image:url(../images/green-tick.jpg);
	background-repeat:no-repeat;
} 

.box ul li.cube
{
	background-image:url(../images/green-box.jpg);
	background-repeat:no-repeat;
} 
/*--------------end tabs ----------------------------------*/


.largebx-grey-title-bar
{
	display:block;
	float:left;
	width:100%;
	height:40px;
	background-image:url(../images/largebx-grey-title-bar.jpg);
	background-repeat:no-repeat;
	border-bottom:#fff 1px solid;
}

.largebx-red-title-bar
{
	display:block;
	float:left;
	width:100%;
	height:40px;
	background-image:url(../images/largebx-red-title-bar.jpg);
	background-repeat:no-repeat;
	border-bottom:#fff 1px solid;
}

.largebx-title
{
	display:block;
	float:left;
	width:300px;
	float:left;
	margin-left:30px;
	padding-top:11px;
}



/*--------------top morgages----------------------------------*/



.tpmortgages-rates
{
	display:block;
	float:left;
	width:310px;
	float:right;
	margin-right:10px;
	padding-top:11px;
}

.tpmortgages-rates-title
{
	display:block;
	float:left;
	width:120px;
	padding-top:2px;
}

.tpmortgages-rates-form
{
	display:block;
	float:right;
	width:180px;
}

.tpmortgages-content
{
	display:block;
	float:left;
	width:768px;
	border-top:#e4e4e4 1px solid;
}

.tpmortgagesfrm
{
	display:block;
	float:left;
	border:none;
	width:768px;
}

.rates-disclaimer
{
	display:block;
	width:770px;
	background-image:url(../images/disclaimer-bg.jpg);
	background-repeat:no-repeat;
	height:142px;
	float:left;
	border-top:#cccccc 1px solid;
}

/*--------------top-morgages ----------------------------------*/

/*--------------core values ----------------------------------*/
.cv-left-item
{
	display:block;
	width:185px;
	float:left;
}

.cv-right-item
{
	display:block;
	width:185px;
	float:right;
}

.cv-title-bg
{
	display:block;
	width:185px;
	height:40px;
	float:left;
	background-image:url(../images/cv-title-bg.jpg);
	background-repeat:no-repeat;
}

.cv-title
{
	display:block;
	width:165px;
	float:left;
	margin-left:10px;
	padding-top:11px;
	text-align:center;
}

.cv-text
{
	display:block;
	width:575px;
	float:left;
}


/*--------------core values ----------------------------------*/
/* ------------------------- End main body Content Styles ---------------------------------------*/

/* ------------------------- Begin footer Content Styles ---------------------------------------*/

.footer
{
	display:block;
	width:980px !important;
	float:left;
	background:#666666;
	height:40px;
}

	
}

/* ------------------------- End Footer Content Styles ---------------------------------------*/
h1 {
	font-size: 12px;
	font-weight: bold;
}