@import url("promomodule.css");
@import url("appmodule.css");
@import url("foldmodule.css");
@import url("table.css");
@import url("tabmodule.css");
@import url("leadpanel.css");
@import url("specialoffer.css");
/*---------------------------------------------------*/
/*                  G E N E R I C                    */
/*---------------------------------------------------*/

.barclays {color: #666666; padding-left: 10px; padding-top: 10px; padding-bottom: -5px; padding-right: 10px}

body 			{color:#000;padding:0px;margin:0px;font-size:75%;text-align:center;}
html,input,select,textarea	{font-family:'lucida sans unicode', 'lucida grande', 'Trebuchet', 'Verdana';}
form			{display:inline;}
img				{border:0px;background-color:#fff !important}
	img a:link, img a:hover, img a:visited, img a:active {text-decoration:none;}
p         		{margin-top:0px}

h1 {padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 160%; padding-bottom: 0px; margin: 0px 0px 14px; color: #000; padding-top: 0px; font-family:lucida sans unicode,lucida grande,trebuchet,verdana;}
h2 {margin-top: 10px; font-size: 120%; margin-bottom: 15px; color: #B0CB1A; padding-top: 0px}
h3 {margin-top: 5px; font-size: 100%; margin-bottom: 2px; color: #000000; font-family: lucida sans unicode, lucida grande, trebuchet, verdana}
h4 {margin-top: 10px; font-weight: normal; font-size: 155%; margin-bottom: 15px; color: #212121; padding-top: 0px}
h5 {margin-top: 10px; font-weight: normal; font-size: 155%; margin-bottom: 10px; color: #212121; padding-top: 0px}
h6 {padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 180%; padding-bottom: 0px; margin: 0px 0px 14px; color: #666666; padding-top: 0px; font-family:lucida sans unicode,lucida grande,trebuchet,verdana;}
h7 {padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 180%; padding-bottom: 0px; margin: 0px 0px 14px; color: #000000; padding-top: 0px; font-family:lucida sans unicode,lucida grande,trebuchet,verdana;}
h8 {margin-top: 10px; font-weight: normal; font-size: 155%; margin-bottom: 10px; color: #FFFFFF; padding-top: 0px}

ul				{margin-left:16px;padding:0px;margin-top:0px}
ul li			{padding:0px;margin:0px;}
ul li.thin		{padding-right:12px;margin:0px;}

ul.nopoints 	{list-style-type: none; margin-left:0px;padding:0px;margin-top:0px}

a				{color:#36F;text-decoration:none;}
a:hover			{background-color:#FFFF66;color:#000} /* this hack hides from IE5/PC */
a.help:hover {background-color:transparent}

/* main page structure */
#bg 				{background:top center url(../img/com_bg.gif) no-repeat;width:100%;text-align:center}
#central 			{width:774px;margin-left:auto; margin-right:auto;text-align:left}
/* commented backslash mac hack \*/ 
html, #bg		{height:100%;} 
/* end hack */
.topLogos		{height:69px !IMPORTANT; font-weight:bold;}
.topLogos
	.toplogos img a {text-decoration:none; border:0;}
	.topLogos a	{color:#fff;text-decoration:none; margin-right:10px; }
	.topLogos a:hover, #search-nav a:active 	{color:#fff; text-decoration:underline; background-color:transparent;}
	.topLogos a:visited	{color:#fff;text-decoration:none}

#leftLogo		{float:left;margin-top:14px;margin-left:45px;display:inline;}
#leftLogounder		{float:left;margin-top:32px;margin-left:45px;display:inline;}
#slbLogo-print,
#slbLogo		{float:left;margin-top:11px;margin-left:47px;display:inline;}
#slbLogo-print {display:none}
#content		{font-size:90%;margin:0px 47px 0px 47px;;width:740px}	
#contentrates	{width: 740px}	
#topNav			{;margin-top:18px;}
#topNav img {background-color:transparent !important}
#topNav a:hover, #topNav a:active {background-color:transparent; border:0} /*overrides preset a behaviour*/
#bread			{float:left;margin-top:7px;margin-bottom:11px;font-size:100%;}
.breadText		{float:left;width:650px;padding-top:1px;color:#818181;padding-left:10px}
.mainContent	{float:left;}	

.space4			{float:left;width:4px;font-size:9px;}
.floatLeft		{float:left;}
.floatRight		{float:right;}
.lighter		{color:#666666}
.bigger			{font-size:120%; line-height:16px;}	
.bigger-still	{font-size:130%}
.bigger-still2	{font-size:140%}
.smaller		{font-size:90%}
.green			{color:#71A600}
.orange-bold	{color:#E65800;font-weight:bolder}
.hiddenLabel	{overflow:hidden;display:none} /*used for 2 field labels see http://www.webaim.org/techniques/articles/hiddentext */
.hidden			{visibility:hidden;}

.line-height-17	{line-height:15px;}
/*Clear fix taken from http://www.positioniseverything.net/easyclearing.html */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-block;}

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

/*end clear fix */


.nowrap {white-space: nowrap;}
.small-print	{color:#818181;font-size:90%;line-height:1.1em;display:block;margin-top:4px}
/* commented backslash mac hack this looks unreadable on the mac \*/ 
.small-print	{font-size:80%}
/* end hack */
.grey-text		{color:#818181}
.black			{color:#000}
.red			{color:#C00}
.claret		{color:#B91e1e !important;}
.orange			{color:#E65800;}
.bold			{font-weight:bold;}
/* utility nav */
#utilityNav		{float:left;background:url(../img/com_utNavBg.gif) no-repeat bottom;background-color:#A9A9A9;width:684px;}
.inThisSection	{float:left;padding-top:4px;padding-bottom:6px;padding-left:13px;}
.goBut			{float:left;padding-left:4px;padding-top:5px;padding-bottom:6px;}
.utBut			{float:left;margin-right:3px;padding-top:5px;padding-bottom:6px;}

#utilityNav .buts {float:right;padding-right:9px;padding-top:5px;height:28px;}
.utilitySpacer	{margin-left:3px;font-size:1px;width:1px;}
.thisSectionForm {float:left;padding-top:5px;padding-bottom:6px}
.utnavcombo		{float:left;width:146px;}

/* forms */
select				{font-size:100%;}
#inThisSectionForm 	{float:left;margin-top:1px;margin-bottom:0px;display:inline;}
#otherSitesForm		{width:18.8em;margin-top:1px;font-size:100%}
.formLabel			{float:left;padding-top:4px;padding-right:7px;font-size:90%;}
.textbox115 		{width:115px;font-size:100%}
.textbox42			{width:42px; font-size:100%;}
.textbox125			{font-size:100%}
select.selectbox190 		{width:190px;font-size:100%;}
select.selectbox42 		{width:45px;font-size:100%;}
select.selectbox164 		{width:164px;font-size:100%;}

/*3  widths below r for ns ie5 & ie6, safari takes 121 which is wrong,  cant fix this.*/
div>.textbox125		{width:121px}
.textbox125			{width:125px;}
.textbox125			{w\idth:119px;}

/* for radio clusters apply to container div, sorts out alignment.the following screws up on mac*/
/* Hides from IE-mac \*/
.radio label		{padding:3px 3px 0px 3px;float:left}
.radio input		{margin:1px 0px 0px 0px;padding:0px;width:1.2em;float:left;}
.radio>input		{margin-top:5px}/*ns only*/
/* end hack */
.dropDowns label	{padding:3px 3px 0px 3px;float:left}

.checkbox input	{padding:0px;margin:0px;float:left;width:1.2em;}
.checkbox>input	{margin-top:5px}
.checkbox label	{width:190px; padding:2px 5px 0px 5px;float:left;margin:0px;}

.checkbox2 input	{padding:0px;margin:0px;float:left;width:1.2em;}
.checkbox2>input	{margin-top:5px}
.checkbox2 label	{width:190px; padding:2px 5px 0px 5px;float:left;margin:0px;}


/* for drop down clusters apply to container div, sorts out alignment */
.dropDowns 	select 	{float:left;}
input.textbox 		{width:160px;font-size:100%;}
/*NB input definitions are here and in appmodule,  will need to amalgamate this to make easier to read etc*/

/* footer */
#footer			{text-align:left;margin-top:0px;width:690px;padding-bottom:37px;}
#footer select	{font-size:90%}

.footerMain		{float:left;}
.copyright		{float:left;}
.contact		{float:left;padding-left:10px;}
.footerText		{margin:0px; font-size:85%;color:#818181;}
.footerText strong {color:#333;}
.backToTop 		{float:right;padding-top:3px;text-align:right;}
.footdivider	{float:left;width:690px;height:1px;margin-bottom:6px;margin-top:8px;padding-bottom:0px;background-color:#B1B1B1;}
.footerMenu 	{float:left; font-size:110%;margin:0px; padding:0px; height:20px; text-align:left;}
.footerMenu div, .footercontainer {float:left;}
.footerMenu .goBut	{padding-right:0px;padding-top:0px;padding-bottom:0px;}
.footerwealth	{text-align:center;margin:6px 0px 35px 0px;}

/*list styles*/
/*this applies a great fix found here
http://blog.codefront.net/archives/2004/02/20/list-style-image-alignment-quirk-in-iewin-and-opera/ */

.bullet_round		{list-style-type:none;margin-left:0px;padding-left:10px;}
.bullet_round li	{margin-top:10px;padding-bottom:0px;padding-left:17px;background:url(../img/bullet_round.gif) no-repeat 0 0.3em;}
.bullet_tick		{list-style-type:none;margin-left:0px;padding-left:6px;}
.bullet_tick li	{margin-top:10px;padding-bottom:0px;padding-left:23px;background:url(../img/bullet_tick.gif) no-repeat 0 0.3em;}
.bullet_arrow		{list-style-type:none;margin-left:0px;padding-left:10px}
.bullet_arrow li	{margin-top:10px;padding-left:21px;background: url(../img/bullet_arrow.gif) no-repeat}
.bullet_arrow a {font-size:90%}

.home-insurance-bot ul		{margin-left:16px;padding:0px;margin-top:0px}
.home-insurance-bot ul li	{padding:0px;margin:0px;}

*column layout divs*/
.cols3,.cols2	{padding:0px 10px 0px 10px;width:690px;w\idth:660px;}/*this applies to both configurations*/

.cols3 .col {width:210px; float:left;}
 
/* commented backslash mac hack EVOL-3250 \*/ 
.cols3 .col {width:220px; float:left;}
/* end hack */

.cols3 .col2 {width:218px; float:left;}
.cols3 .col-padded	{float:left;width:210px;padding-left:10px}
.cols3 .double	{width:440px;w\idth:430px;padding-left:10px;float:left;}/*this will occupy 2 cols*/
.cols3 .double .margin {margin:22px 0px 27px 0px;}
.cols3 .double .margin-flex {margin:22px 0px 10px 0px;}
.cols2 .col		{width:330px;w\idth:309px;padding:0px 10px 0px 10px;float:left;}
.cols2 .one-col	{width:650px; margin-left:10px;}
.cols2 .one-col-bold, 
.tariff-container .one-col-bold,
.wealth .one-col-bold {width:650px; margin-left:10px; font-weight:bold; font-size:110%;}


/* the following is because the text on ie mac was forcing the column to be 1px wider
can't work out why it is doing this */

/* commented backslash mac hack \*/ 
.cols2 .col		{w\idth:310px;}
/* end hack */

/*CSS Hover effect */
a.css-hover:hover, 
a.css-hover:active,
a.css-hover:link, 
a.css-hover:visited {
		display: block;
		background-repeat: no-repeat;
		background-position: 0% 50%;
		background-color:#fff;
		text-decoration: none;
}
.design-1b p {margin-left: 10px;}

/*---------------------------------------------------*/
/*             T18c									*/
/*---------------------------------------------------*/
.design-18c h1				{margin-bottom:0px;}
.design-18c .cols3 .double	{width:430px;w\idth:420px;padding-left:10px;}/*this will occupy 2 cols*/

/*---------------------------------------------------*/
/*             T3 - C O M P A R I S O N              */
/*---------------------------------------------------*/
.find-compare-footer {background-color:#E3EFFF;height:132px; border-bottom:6px solid #CCC;}
.find-compare-footer .col1 {width:150px;w\idth:140px;float:left;padding-left:20px;}
.find-compare-footer .col2 {width:170px;w\idth:140px;padding-left:30px;float:left;display:inline;}
.find-compare-footer .col2 input {width:78px; margin-top:12px;margin-bottom:12px;display:block}
.find-compare-footer .col3 {width:170px;w\idth:130px;padding-left:25px;float:left;display:inline;}
.find-compare-footer .col3 input {width:78px; margin-top:12px;margin-bottom:12px;display:block}
.find-compare-footer .col4 {width:170px;w\idth:130px;padding-left:25px;float:left;display:inline;}
.find-compare-footer .col4 input {width:78px; margin-top:12px;margin-bottom:12px;display:block}
.find-compare-footer .change-selection {margin-top:73px;display:block}
.find-compare-footer  foldmodule-text {display:inline}


/*---------------------------------------------------*/
/*   T4b - Q U I C K  Q U O T E  C U S T O M I S E   */
/*---------------------------------------------------*/
#next-steps							{display:block;margin-top:10px}
#erc	{margin:10px 0px 10px 0px;font-size:100%}/* (early repayment charge table) */
#erc th	{background:none;padding:0;width:100px;}
#erc td {background:none;padding:0;padding-left:10px;width:320px;w\idth:300px;}

/* following is for macie as it doesnt like relatives */
#help-bubble {margin-top:-30px;margin-left:100px}
#request-illustration-but {margin-top:-20px;margin-left:69px}
/*end macie stuff */

/* commented backslash mac hack \*/ 
#request-illustration-but {margin:0;top:-30px;position:relative;left:70px}

#help-bubble {margin:0;top:-30px;position:relative;margin-left:100px}
/* End hide from IE-mac */
.requestkfi	{float:right;margin:20px 0px 0px 0px;position:relative;height:110px;}

#save-quote-as {position:absolute; left:28px; top:70px; }
#save-quote-new {margin-top:54px;}
.wealthmessage {padding-bottom:28px;margin-left:19px;}
.lifetime-extra-warning {font-weight:bold; font-weight:110%;}
	
/*---------------------------------------------------*/
/*          T7 - P R O D U C T  P A G E S            */
/*---------------------------------------------------*/
.productsummary		{display:block;padding-top:10px;}
#our-mortgages-offer {display:block;margin-bottom:20px;border:1px solid #ccc;border-top:none;}
#our-mortgages-offer-hub {display:block;margin-top:0px;border:1px solid #ccc;border-bottom:none;}
.design-7 .col p {padding:10px 0px 5px 10px; margin:0;}
.design-7 .col2 p {padding:10px 0px 5px 10px; margin:0;}
.design-7 .col {width:200px;padding-right:20px;}
.design-7 .col2 {width:200px;padding-right:20px;}
.design-7 .leftcol div{margin:10px 0px 0px 0px;padding:0px; font-size:120%;}
.design-7 .leftcol div a {font-size:85%;}
.design-7 .midcol div {font-size:120%;}
.design-7 .midcol div .intro{padding:10px 0px 5px 13px;font-size:100%;}
.design-7 ul {font-size:85%;}

/*---------------------------------------------------*/
/*        T7,8 & 25  - P R O D U C T  T A B S        */
/*---------------------------------------------------*/
.hub-spacer	{height:20px;}
.our-mortgages-tabs 		{border:1px solid #ccc;width:690px;w\idth:678px;}
.our-mortgages-tabs-hub		{border:1px solid #ccc;width:690px;w\idth:678px; margin-bottom:20px;}
.our-mortgages-tabs div	 {float:left;border-right:1px solid #ccc;}
.our-mortgages-tabs div.rightmost {border:none;float:left;}
.design-8,.design-22 h2 {margin:0px 0px 16px 0px;}
.rightsubmit	{text-align:right;margin-right:10px;margin-top:-8px;margin-bottom:33px;}
.rightsubmit a:hover, 
.rightsubmit a:active {background: none;}
.facts				{font-size:120%}
.facts p			{padding-top:12px !IMPORTANT;}

/*---------------------------------------------------*/
/*                T10 - T A R I F F                  */
/*---------------------------------------------------*/
div.tariff	{margin-left:10px;padding-top:50px;margin-bottom:0px;}
#back_but	{margin-left:9px;margin-top:-8px;margin-bottom:18px}
.tariff-container	{margin:0px 10px 26px 10px;}
.tariff-tbl			{margin-left:220px;width:440px;margin-bottom:22px}
.tarriff-dropdown {float:right;margin:0px; padding:0px;}

.tarriffMenu 	{float:right; dislay:inline; font-size:110%;margin:0px; padding:0px 10px 20px 0px; height:20px;}
.tarriffMenu .goBut	{padding-right:0px;padding-top:0px;padding-bottom:0px;}

/*---------------------------------------------------*/
/*                 T14 - L O G I N                   */
/*---------------------------------------------------*/
.loginText		{float:left;display:inline;margin-left:20px;width:420px;margin-right:20px}
.loginText h2	{margin-top:7px}
.loginText h3	{margin-bottom:4px}
.rightCol			{float:left;display:inline;width:220px;margin-bottom:32px;}
.signuplabel		{float:left;display:inline;margin:4px 0px 0px 10px;width:137px;margin-top:16px}
.signupBut			{margin-top:13px;float:left;}
.design-14 h2 {font-weight:normal;color:#000;margin-top:10px;margin-bottom:4px}

/*---------------------------------------------------*/
/*    T? - M Y  Q U O T E S - L O G G E D  I N      */
/*---------------------------------------------------*/
#select-a-quote	{margin-left:20px;margin-top:-3px}
#how-to-apply	{margin-left:20px;margin-top:26px}

/*change pw box*/
#change-password	{margin-top:32px;margin-bottom:0px;padding-bottom:0px;}
#change-password div	{display:block;float:left}
#change-password div.mid 	{padding-top:1px;width:670px;height:40px;background:url(../img/myquotes_change_password_bg.gif) repeat-x}
#change-password input.textbox	{width:122px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;display:block;float:left}
#change-password input	{display:block}
#change-password div.mid  img	{float:left;}
#change-password-1		{margin-left:3px}
#change-password-2		{margin-left:65px}
#change-password-3		{margin-left:4px;margin-top:9px}
#change-password-4		{margin-left:12px}
#change-password-5		{margin-left:4px;margin-top:9px}
#change-password-6		{margin-left:12px}
.theFormLabel			{float:left;padding-top:4px;padding-right:7px;}
.saveQuoteNameBut {float:left;margin-left:8px;}

/*---------------------------------------------------*/
/*            T15 - T E L L  A  F R I E N D          */
/*---------------------------------------------------*/
div.tell-a-friend #close {margin-left:394px;margin-bottom:9px} 
.tell-a-friend-bottom {height:22px}
.tell-a-friend {text-align:left;float:left;display:inline;margin:35px 0px 0px 51px;width:391px;w\idth:371px !important;}
.tell-a-friend .foldmodule-lcol {margin-left:0;width:120px;w\idth:120px !important;}
.tell-a-friend h1 {margin:0px 0px 16px 0px;}
.tell-a-friend h2 {margin:23px 0px 10px 0px;font-size:110%;font-weight:normal;color:#000;}
.tell-a-friend .foldmodule-text {display:block;}
.tell-a-friend .textbox {width:240px;w\idth:240px !important;}
.tell-a-friend textarea {width:240px;w\idth:240px !important;height:50px;font-size:100%}
.tell-a-friend .mandatory {width:10px;float:left;padding-top:5px} /*covers mandatory markers */
.tell-a-friend #sendbut {float:left;margin:23px 0px 0px 32px;width:51px;}
.tell-a-friend .grey-text {margin:4px 0px 4px 0px; width:240px;}
.tell-a-friend .footnote	{float:left;margin:23px 0px 0px 0px;width:280px;}

/*---------------------------------------------------*/
/*        T16(a & b) - R E G I S T R A T I O N       */
/*---------------------------------------------------*/
#continue-but	{margin-top:17px;display:block}
.thank-you		{width:210px;height:230px;margin-right:0px}
.regText		{float:left;padding:8px 20px 0px 20px;width:350px;w\idth:310px;}
.deleteText		{float:left;padding:8px 20px 0px 20px;width:400px;w\idth:360px;}

/*---------------------------------------------------*/
/*     T18c - K F I  C O N F I R M A T I O N         */
/*---------------------------------------------------*/
h2.thank-you {color:#333;font-weight:bolder;padding:0;margin:0;width:auto;height:auto;font-size:100%}
.thank-you-buttons a, .thank-you-buttons a:hover {float:left;margin-right:14px;background-color:#fff;}

/*---------------------------------------------------*/
/*                 T19 - H O M E P A G E             */
/*---------------------------------------------------*/
.homeCols		{float:left;}
.hp-panel {width:224px;w\idth:240px;}
.hp-panel img {display:block}
.hp-panel-body {width:224px;w\idth:224px;}
.hp-panel-top {text-align:left;width:224px;w\idth:224px;height:34px;background:url(../img/hp_panel_head_bg.gif);}
.hp-panel-top-text {display:inline;float:left;margin-left:8px;margin-top:1px;}
.hp-panel-top-but {margin-top:4px;float:left;margin-left:0px;}

.hp-panel-top-left	{display:inline;float:left;margin-left:8px;margin-top:1px; padding-top:1px;}
/* HIDE FROM MAC IE5.2 \*/
.hp-panel-top-left	{padding-top:0px;}
/**/
.hp-panel-body div {margin:4px 0px 15px 0px;text-align:center;}
.hp-panel-body h2  {margin:0px 0px 0px 0px;color:#000;font-weight:normal;font-size:110%;}

.hp-panel-bottom   {display:block;}

.hp-panel-freestyle .hp-panel-top {background:url(../img/hp_panel_head_bg.gif)}
/* Hides from IE-mac \*/
.hp-panel-freestyle .hp-panel-top {background:url(../img/hp_panel_head_bg.gif)}
/* End hide from IE-mac */

a.hp-icon-borrow:hover, a.hp-icon-borrow:active {background-image:  url(../img/icon_48_howmuchcalc_on.gif);}
a.hp-icon-borrow                         		{background-image:  url(../img/icon_48_howmuchcalc_off.gif);	width:48px;height:48px;}

div.hp-icon {margin-top:20px;margin-bottom:11px;margin-left:auto;margin-right:auto;width:48px}

a#discount:hover  {background-image:url(../img/hp_roll_discount_on_new.gif);width:222px;height:55px; margin-left:1px;}
a#discount        {background-image:url(../img/hp_roll_discount_off_new.gif);width:222px;height:55px;margin-left:1px;}
a#fixed:hover     {background-image:url(../img/hp_roll_fixed_on_new.gif);width:222px;height:55px;margin-left:1px;}
a#fixed		      {background-image:url(../img/hp_roll_fixed_off_new.gif);width:222px;height:55px;margin-left:1px;}
a#flexible:hover     {background-image:url(../img/hp_roll_flexible_on_new.gif);width:222px;height:55px;margin-left:1px;}
a#flexible		      {background-image:url(../img/hp_roll_flexible_off_new.gif);width:222px;height:55px;margin-left:1px;}
a#buytolet:hover     {background-image:url(../img/hp_roll_buytolet_on_new.gif);width:222px;height:55px;margin-left:1px;}
a#buytolet		      {background-image:url(../img/hp_roll_buytolet_off_new.gif);width:222px;height:55px;margin-left:1px;}
a#lifetime:hover     {background-image:url(../img/hp_roll_lifetime_on_new.gif);width:222px;height:54px;margin-left:1px;}
a#lifetime		      {background-image:url(../img/hp_roll_lifetime_off_new.gif);width:222px;height:54px;margin-left:1px;}

a#affordability:hover   {background-image:url(../img/hp_roll_affordability_on.gif);width:222px;height:87px;margin-left:1px;}
a#affordability		    {background-image:url(../img/hp_roll_affordability_off.gif);width:222px;height:87px;margin-left:1px;}
a#quickquote:hover     {background-image:url(../img/hp_roll_quickquote_on.gif);width:222px;height:87px;margin-left:1px;}
a#quickquote		    {background-image:url(../img/hp_roll_quickquote_off.gif);width:222px;height:87px;margin-left:1px;}
a#costcompare:hover     {background-image:url(../img/hp_roll_costcompare_on.gif);width:222px;height:87px;margin-left:1px;}
a#costcompare		    {background-image:url(../img/hp_roll_costcompare_off.gif);width:222px;height:87px;margin-left:1px;}

.homeprint		{ visibility:hidden;}

/*  \*/
.homeprint	{display:none;}
/**/

/* homepage ticker */
#newsTicker 	{float:left;width:690px;margin-bottom:10px;margin-top:5px;}
#newsCursor		{background-color:#E6E6E6;display:inline;}
#news0			{background-image:  url(../img/hp_news_bg.gif); background-repeat: no-repeat;width:684px}
#news1 			{float:left;padd\ing-top:4px;padding-left:116px;vertical-align:top;}
.news-writer	{margin:3px 20px 0px 0px;height:19px;font-size:12px;display:inline; padding-left:10px;}
.news-writer	h2	{font-size:90%;font-weight:normal; clear:none;display:none; } 
/*vis must be the 1st news heading (or which ever) to ensure its visible with noscript clients*/
#vis 			{display:inline}
#news2 h2 {color:#000}
#newsBottom {background-image:  url(../img/hp_news_bottom.gif);width:684px;height:3px}
#newsProp {width:1px;float:left;height:21px;}

/*---------------------------------------------------*/
/*             T20 - 2  C O L U M N  H U B           */
/*---------------------------------------------------*/
.underline {background-color:#ccc;width:640px;height:1px;margin:0px 20px 0px 20px}
.design-20 h1 {margin-bottom:0px;}
.cols2 .hub-l	{width:330px;w\idth:294px;padding-left:26px;padding-top:16px}
.cols2 .hub-r	{width:319px;w\idth:284px;padding-left:36px;padding-top:16px}

.cols2 .hub-l .hub-item {width:284px}
.cols2 .hub-r .hub-item {width:284px}
.cols2 .hub-item  {margin-bottom:13px;height:48px}
.hub-l .hub-text {width:200px;height:48px;margin-left:35px}
.hub-r .hub-text {width:200px;height:48px;margin-left:35px}
.hub-text {float:left;}
.hub-text h3 {font-size:120%;margin:0px 0px 0px 1px;padding:0;display:inline}
.hub-icon {float:left;width:48px;height:48px;text-align:center;background-color:yellow}
.hub-icon  a 				  {background-image:  url(../img/placeholder_48x48_off.gif);width:48px;height:48px;}
.hub-calculators-icon a 	  {background-image:  url(../img/icon_48_overpaycalc_on.gif);width:48px;height:48px}

.hub-icon a:hover 			  {background-image:  url(../img/placeholder_48x48_on.gif);}
.hub-calculators-icon a:hover {background-image:  url(../img/placeholder_48x48_on.gif);}

.hub-icon-overpayments a			{background-image:  url(../img/icon_48_overpaycalc_off.gif);width:48px;height:48px;}
.hub-icon-overpayments a:hover	 	{background-image:  url(../img/icon_48_overpaycalc_on.gif);}

.hub-icon-afford a				{background-image:  url(../img/icon_48_howmuchcalc_off.gif);width:48px;height:48px;}
.hub-icon-afford a:hover	 	{background-image:  url(../img/icon_48_howmuchcalc_on.gif);}

.hub-icon-newBuy a				{background-image:  url(../img/sm_newcalculator_off.gif);width:48px;height:48px;}
.hub-icon-newBuy a:hover	 	{background-image:  url(../img/sm_newcalculator_off.gif );}

.hub-icon-costcompare a			{background-image:  url(../img/icon_48_costcomparecalc_off.gif);width:48px;height:48px;}
.hub-icon-costcompare a:hover 	{background-image:  url(../img/icon_48_costcomparecalc_on.gif)}

.hub-icon-offsetting a			{background-image:  url(../img/icon_48_offsettcalc_off.gif);width:48px;height:48px;}
.hub-icon-offsetting a:hover 	{background-image:  url(../img/icon_48_offsettcalc_on.gif)}

.hub-icon-usefulguides a			{background-image:  url(../img/icon_48_guide_off.gif);width:48px;height:48px;}
.hub-icon-usefulguides a:hover 		{background-image:  url(../img/icon_48_guide_on.gif)}

.hub-icon-manual a				{background-image:  url(../img/icon_48_article_off.gif);width:48px;height:48px;}
.hub-icon-manual a:hover 		{background-image:  url(../img/icon_48_article_on.gif)}

.hub-icon-register a			{background-image:  url(../img/icon_48_register_off.gif);width:48px;height:48px;}
.hub-icon-register a:hover 		{background-image:  url(../img/icon_48_register_on.gif)}

/*---------------------------------------------------*/
/*          T21 - M O R T G A G E S  H U B           */
/*---------------------------------------------------*/

.mortgages-hub-body   {background:bottom left url(../img/mortgage_hub_pic_b.jpg) no-repeat;width:690px; w\idth:678px; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.mortgages-hub-body div {float:left}
.mortgages-hub-header {width:690px; w\idth:650px; border:1px solid #ABABAB; background:url(../img/mortgages_head_bg.gif) repeat-x; padding:4px 10px 2px 18px;}
/* commented backslash mac hack \*/ 
.mortgages-hub-header {padding-bottom:3px;}
/* end hack */
.mortgages-hub-header img {float:left;margin:0px;padding:0px;} 
.mortgages-hub-header h1 {display:inline; float:none;}
.mortgages-hub-header h1 img {padding:0px; margin:3px 108px 0px 0px; ma\rgin:3px 111px 0px 0px;}
.mortgages-hub-body .prod-con img, .mortgages-hub-body .prod-con-left img {margin:0px 0px 15px 0px;}
.mortgages-hub-body .prod-con h2 img, .mortgages-hub-body .prod-con-left h2 img {margin:0px 0px 3px 0px;}
.mortgages-hub-body .divider	{background:#CCCCCC; height:1px; font-size:1px; overflow:hidden; width:420px; margin:9px 0px 1px 0px;}
.mortgages-hub-body .prod-con p, .mortgages-hub-body .prod-con-left p {margin:12px 0px 15px 0px;}

.mortgages-hub-body .pic-col {width:238px; w\idth:239px;}
.mortgages-hub-body .prod-col	{float:left; width:438px;}
.mortgages-hub-body .prod-con	{float:left; width:212px; w\idth:193px; padding:4px 19px 0px 0px;}	
.mortgages-hub-body .prod-con-left	{float:left; width:219px; w\idth:200px; padding:4px 0px 0px 20px;}

.mortgages-hub-footer {padding:8px 0px 8px 20px;width:690px;w\idth:658px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; background:url(../img/mortgages_foot_bg.gif) repeat-y;}
.mortgages-hub-footer .left	{float:left; margin:9px 43px 0px 0px;}
.mortgages-hub-footer .center	{float:left; margin:0px 64px 0px 0px;}
.mortgages-hub-footer .right	{float:left;}

.mortgages-hub img {display:block}
.mortgages-hub-body .select-but {margin-top:6px}
.mortgages-hub ul	{list-style-type:none;margin:0px 0px 12px 0px;padding-left:0px;}
.mortgages-hub li	{margin-top:0px;padding-left:8px;background: url(../img/bullet_orange_dot.gif) 0px 7px no-repeat}
.mortgages-hub h3 {font-weight:bolder}
.mortgages-hub .rates {font-size:120%}
.mortgages-hub-body h2 {margin:0;padding:0;;xborder:1px solid black}
.mortgages-hub-body h2 img {background-color:transparent !important}
.mortgages-hub-footer h2 {margin:0;padding:0;font-weight:bolder;color:#333;font-size:100%}

/*---------------------------------------------------*/
/*           T22 - RATES TABLE PAGES              */
/*---------------------------------------------------*/

.design-22 h1 {margin: 0px; padding: 0px;}
.design-22 .rates-effective {position: relative; top: -20px; color: #818181; margin: 0px 10px;}
.design-22 .rate-info {width: 450px; margin-top: 16px; float: right;}
.design-22 .rate-info h3 {color: #71A600; font-size: 100%; font-weight: bold; margin: 0px 10px 0px 10px;}
.design-22 .rate-info p {margin: 0px 10px 16px 10px;}
.design-22 .rate-info p.warning {text-transform: uppercase; margin-bottom; 0px;}
.design-22 .col {width: 220px;float: left;}
.design-22 .rates-header {position: relative; top: -3px;}


/*---------------------------------------------------*/
/*           T23 - I M A G E   T E X T               */
/*---------------------------------------------------*/
.page	{width:220px;}
.icon	{margin-top:1px;margin-left:152px;height:48px}
/*style for producing rollover effect*/

a.page-icon-casestudy       {background-image:  url(../img/icon_48_casestudy_off.gif);width:48px;height:48px;}
a.page-icon-casestudy:hover {background-image:  url(../img/icon_48_casestudy_on.gif);}
a.page-icon-callus       {background-image:  url(../img/icon_48_callus_off.gif);width:48px;height:48px;}
a.page-icon-callus:hover {background-image:  url(../img/icon_48_callus_on.gif);}
a.page-icon-emailus       {background-image:  url(../img/icon_48_emailus_off.gif);width:48px;height:48px;}
a.page-icon-emailus:hover {background-image:  url(../img/icon_48_emailus_on.gif);}
a.page-icon-writetous     {background-image:  url(../img/icon_48_writetous_off.gif);width:48px;height:48px;}
a.page-icon-writetous:hover {background-image:  url(../img/icon_48_writetous_on.gif);}
a.page-icon-callme {background-image:  url(../img/icon_48_callme_off.gif);width:48px;height:48px;}
a.page-icon-callme:hover {background-image:  url(../img/icon_48_callme_on.gif);}
a.page-icon-complaint      {background-image:  url(../img/icon_48_complaint_off.gif);width:48px;height:48px;}
a.page-icon-complaint:hover {background-image:  url(../img/icon_48_complaint_on.gif);}
a.page-icon-payprotect     {background-image:  url(../img/icon_48_payprotect_off.gif);width:48px;height:48px;}
a.page-icon-payprotect:hover {background-image:  url(../img/icon_48_payprotect_on.gif);}
a.page-icon-homeinsure      {background-image:  url(../img/icon_48_homeinsure_off.gif);width:48px;height:48px;}
a.page-icon-homeinsure:hover {background-image:  url(../img/icon_48_homeinsure_on.gif);}
a.page-icon-savings      {background-image:  url(../img/icon_48_savings_off.gif);width:48px;height:48px;}
a.page-icon-savings:hover {background-image:  url(../img/icon_48_savings_on.gif);}

.design-23 h2	{margin:0px;font-weight:lighter;margin-top:-3px;color:#000}
div.image-text	{margin-top:-1px;padding-top:0px;margin-bottom:38px;color:#000;}
.design-23 .prop {height:45px;float:right;width:1px;}
.design-23 div>.prop {height:48px}
.design-23 .double {margin-left:-1px}

/*---------------------------------------------------*/
/*          T24 - I M A G E  C R E D I T             */
/*---------------------------------------------------*/
.design-24 .cols3	{margin-top:0px;padding-top:0px;padding-bottom:0px;color:#000}
.design-24 .cols3 #ctaImg {margin-top:4px;margin-bottom:6px}
#cta img {margin-top:4px;}
#cta h2 {font-weight:normal;!IMPORTANT;font-size:100%;color:#000;margin:0px;padding:0px;}
.image-credit	{color:#818181;font-size:80%;line-height:1.1em;display:block;margin-top:6px}
.design-24 .col	{padding-right:40px;width:220px;w\idth:170px;float:left;}
.design-24 .col2, .design- .col2 {padding-right:60px;width:161px;}
/* commented backslash mac hack \*/ 
.design-24 .col {w\idth:180px;}
/* End hide from IE-mac */
.design-24 .double {padding-left:0px;width:440px;w\idth:430px;padding-right:10px}
.design-24 h2 {color:#000;margin:0px;padding:0px;font-size:100%;}
.design-24 h3 {color: #71A600; font-size: 100%; font-weight: bold;margin:0;padding:0;}
.design-24 ul {margin-bottom:0}
.design-24 p {margin-bottom:15px}
.design-24 h1 {margin-bottom:8px !important}

/*---------------------------------------------------*/
/*       T25 - Y O U R  Q U E S T I O N S            */
/*---------------------------------------------------*/
.subject-areas	{width:690px;w\idth:660px;padding:0px 10px 0px 10px;margin-bottom:31px;}
.subject-areas	.header			{padding-bottom:3px;width:660px;border-bottom:1px solid #B1B1B1;}
.subject-areas	.subjects		{width:660px;w\idth:640px;padding:8px 10px 0px 10px;color:#818181;}

div.your-questions-divider		{border-bottom:1px solid #B1B1B1;width:660px;margin:0px 10px 8px 10px}
div.your-questions-divider h3	{display:block;float:left;width:500px;font-size:130%;color:#818181;margin:0px;padding-bottom:6px;}
div.your-questions-divider div {width:160px;float:left;margin-top:5px;text-align:right}
p.your-questions-answer 	{margin:0px 0px 11px 0px}
.design-25 h1 ,
.design-8 h1 {float:left;width:610px;margin-bottom:0px}
.design-8 .benefits-header {position: relative; top: -10px;}
/* commented backslash mac hack \*/ 
.design-8 .benefits-header {position: relative; top: -10px; float:left;}
/* end hack */
.design-25 h2 {margin:0px 0px 14px 0px}
div.your-questions	{margin-bottom:22px;color:#000}
img.your-questions-get-quote	{display:block;margin-top:8px; margin-bottom: 0px;}
img.your-questions-print		{margin:-11px 0px 27px 10px;}
a.your-questions-print		{background: none;}

/*---------------------------------------------------*/
/*                   T27 - H E L P                   */
/*---------------------------------------------------*/
.help-popup {padding-left:52px;padding-right:52px;width:538px;w\idth:414px;text-align:left}
.help-popup h1	{padding:0;margin:0}
.help-popup h2	{height:18px;padding:9px 0px 0px 0px;margin:0;font-weight:lighter;font-weight:100;font-size:120%}/* Dimensions have to be different to PDF due to letters overhanging the edge */
.help-popup .text	{margin:10px 0px 10px 0px}
.help-popup .close-but	{height:50px}
.help-popup .close-but img	{margin-top:10px}

/*---------------------------------------------------*/
/*           T28 - I M A G E   T E X T               */
/*---------------------------------------------------*/
.design-28 h1 {margin: 17px 10px 16px 10px;}
.design-28 .borrowing-info h2 {margin:0; padding:0;color: #000; float: none;}
.design-28 .col img { margin: 0 10px 0 10px; }
.design-28 .col a, 
.design-28 .col a:hover,
.design-28 .col a:active {background: none;}
.design-28 .borrowing-info {width: 452px; float: right; }
.design-28 p {margin-right: 10px;}
.design-28 p.warning {text-transform: uppercase; margin-bottom: 22px;}
.design-28 .table-clause {position: relative; top: -35px; color: #818181; }

/*---------------------------------------------------*/
/*                   IDD               				 */
/*---------------------------------------------------*/
.answer  {margin:11px 0px 15px 0px;}
.answer .tick {display:block;float:left;width:20px;margin-top:-4px;}
.answer .text {float:left;width:409px;}
.design-28 h2 {font-size:100%;margin-top:12px;margin-bottom:0px;display:block;width:400px;float:left;margin-left:6px}
.design-28 .continue {float:left;display:inline;margin:4px 0px 0px 8px;}
.design-28 .number {margin-top:12px;float:left;padding-top:0px;font-size:120%;color:#71A600;xbackground-color:cyan;font-weight:bolder}
.design-28 .col	{padding-right:40px;width:220px;w\idth:170px;}
/* commented backslash mac hack \*/ 
.design-28 .col {w\idth:180px;}
/* End hide from IE-mac */
.iddprint {padding-left:20px;padding-top:20px;}

/*---------------------------------------------------*/
/*                   RATES AND CHARGES HUB           */
/*---------------------------------------------------*/
.rates-charges			{margin-top:26px;width:450px;}
.rates-charges h2  {font-size:120%;color:#71A600;padding-bottom:10px;}
.rates-charges .col {float:left;width:210px;padding:0px; margin:0px;}
.rates-charges .col-left {float:left;width:215px;padding:0px 5px 0px 0px; margin:0px;}
.rates-charges select	{font-size:100%;width:180px;}
.rates-charges .goBut,	.rates-table .goBut{padding-right:0px;padding-top:0px;padding-bottom:0px;}

/*---------------------------------------------------*/
/*                   RATES TABLE               		 */
/*---------------------------------------------------*/
.rates-table .dropdown 	{float:right;padding-right:10px;}
.rates-table .rateseffective {float:left;font-size:100%;color:#818181;padding:4px 0px 0px 10px;}
.rates-table .wealth		{float:left;display:inline;margin:16px 0px 16px 10px; }
.rates-table 						{border-collapse: collapse; font-size:100%;}
.rates-table-main				{border-collapse: collapse; font-size:100%;}
.rates-table thead th 	{width:79px;padding:0px 5px 0px 10px;background:0;font-size:100%;background:url(../img/ratestable_head_bg.gif) #FFF; margin:0px; vertical-align:top;font-weight:lighter; background-color:#F4F9FF;text-align:left}
.rates-table .leftedge	{width:90px;padding:0px 5px 0px 10px;margin:0px;background:url(../img/ratestable_head_bg_left.gif) #A3CCFF;}
.rates-table .rightedge	{width:90px;padding:0px 5px 0px 10px;margin:0px;background:0;}
.rates-table .help			{display:block;margin-top:5px;padding-bottom:5px;}
.rates-table .head			{float:left;height:50px;font-size:100%;}
.rates-table .bluebar		{padding:0px;margin:0px;width:690px;}
.rates-table .header-row td{background:0;padding:0px;background-color:#F6F6F6;}
.rates-table .productheader	{float:left;font-size:130%;width:400px;padding:10px 0px 10px 10px;}
.rates-table .contribution	{float:right;text-align:right;padding:10px 10px 10px 0px;}
.rates-table td							{padding:6px 0px 20px 10px;background:url(../img/ratestable_td_bg.gif) no-repeat;}
.rates-table td.leftedge		{padding:6px 0px 20px 10px;background:url(../img/ratestable_td_bg_left.gif) no-repeat;}
.rates-table td.rightedge		{padding:6px 0px 20px 10px;width:95px;margin:0px;background:0;}
.rates-table td.divider			{background:0;padding:0;background-color:#999;height:5px;font-size:0.1em;}
.design-28 .cols3  {margin-top:16px;padding-top:0px;padding-bottom:24px;color:#000;}
.design-28 .cols3 p	{margin-top:0px;margin-bottom:9px;}
.design-28 .cols3  img {display:block;margin-top:4px;margin-bottom:6px}
.rates-table td.phases		{padding:0px 0px 20px 10px;}

/*---------------------------------------------------*/
/*                   COST & COMPARE TABLE            */
/*---------------------------------------------------*/
.compare-table  			{width:636px; margin:0px 0px 20px 19px; padding:0px;}
.compare-table th			{text-align:left;}
.bg-off 					{background:url(../img/tbl_grey_bg.gif) no-repeat; height:30px; width:636px;margin:0px 0px 20px 19px; padding:0px;}
.bg-on 						{background:url(../img/tbl_yellow_bg.gif) no-repeat; height:30px; width:636px;margin:0px 0px 20px 19px; padding:0px;}
.compare-table thead th 	{padding:8px 0px 0px 10px; height:30px; \font-size:75%;}
/* hide from Mac IE5.2 \*/
.compare-table thead th 	{padding:0px 0px 0px 10px;}
/* end hack */
.compare-table thead img 	{margin:0px 48px 0px 0px; }
.compare-table td.label		{border-bottom:solid 1px #E3EFFF; width:318px; w\idth:308px; padding:0px 0px 0px 10px; \font-size:70%;}
.compare-table td.num		{text-align:right; border-bottom:solid 1px #E3EFFF; width:106px; w\idth:95px;  padding:5px 11px 1px 0px; \font-size:70%;}
.compare-table th.com		{text-align:right; \font-size:70%;}
.compare-table td.gap		{width:106px;}
.compare-table img			{vertical-align:middle;}
.compare-table h2			{margin:0px;padding:0px;font-size:120%;color:#000; display:inline;}
.compare-table label		{font-weight:normal;}
.compare-table .com input	{vertical-align:middle;}
.compare-error				{float:left;display:inline; margin-left:20px;}
.compare-important			{background:#EEEEEE; width:690px; w\idth:630px; height:47px; padding:11px 39px 0px 11px; color:#444;}

.foldmodule-lcompare		{float:left;display:inline;width:365px;margin:0px 0px 11px 19px; }
.foldmodule-rcompare		{float:right;display:inline;width:270px;margin:0px 24px 11px 0px; text-align:right;}

.foldmodule-rcompare-bot 	{float:right;display:inline; width:340px;margin:8px 24px 11px 0px; text-align:right;}

.label p 					{padding:7px 0px 0px 0px; margin:0px;}
.num p 						{padding:7px 0px 0px 0px; margin:0px;}

.tabmodule-footer #new-search {margin:36px 0px 0px 0px;}



.left10	{float:left; margin-left:10px; margin-bottom:5px;}

.prompt  {float:right;margin-right:-3px; padding-bottom:2px; margin-top:-5px;}
.ifaKFINote {padding-left:10px; padding-right:10px; margin-bottom:10px; }

.radiotable td.radiotd		{height:20px; vertical-align:top;}
.radiotable td.radiotd-header {margin-top:5px; \font-size:70%;}
.radio-horizontal	{margin-top:2px;}
.martop5	{margin-top:8px;}

/* HOMEPAGE AMENDS */
.hp-module-bg				{margin-top:15px;float:left;background:url(../img/hp_module_bg.gif) repeat-y;}

.page-module-bg				{float:left;background:url(../img/hp_module_bg.gif) repeat-y;}

/* hide from mac hack for Homepage margin\*/
.hp-module-bg				{margin-top:0px;}
/* end hack */

/* NEW CSS FOR HOMEPAGE NOV 2006 */

#contactUs {font-size:12px; padding-bottom:5px;}

#hp_3ColHolder {float:left; width:684px;}
/* background image change to suit white column one - use home_bgnd.gif for green background  */ 
	#hp_3ColHolder2 {float:left; background: url(../img/home_bgndwh.gif); width:684px;}
	#hp_3ColOne {float:left; width:224px; background:;}
	#hp_3ColTwo {float:left; margin:0 6px; width:224px; font-size:x-small; background:;}
	#hp_3ColThree {float:left; width:224px; font-size:x-small; background:;}
	.ColCont {min-height:; padding:0px; text-align:center; width:; background:;}
	.ColCont2 {min-height:; padding:0px 0px;  margin-left:14px; text-align:center; width:0px; background:;}
.clearSpacer {clear:both; height:5px; }

/* NEW CSS FOR PROMO BOXES */
#promoHolder {background:; float:left; margin:8px 0; width:684px; }
	#promoHolder2 {float:left; background: url(../img/promo_boxBgnd.gif); width:684px;}
	#promoBoxOne {float:left; width:204px; padding:5px 10px; font-size:xx-small; min-height:75px;background:;}
	#promoBoxTwo {float:left; margin:0 6px; width:204px; padding:5px 10px; font-size:xx-small; background:;}
	#promoBoxThree{float:left; width:204px; padding:5px 10px; font-size:xx-small; background:;}