@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                    */ 
/*---------------------------------------------------*/
body 			{color:#000;background:#fff;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}
p         		{margin-top:0px}
h1				{margin:0px;padding:0px;margin-bottom:24px;float:left;font-size:180%;font-weight:normal;color:#000000;}
h2				{margin-top:10px;margin-bottom:15px;padding-top:0px;font-size:120%;color:#71A600;}
h3				{margin-top:10px;margin-bottom:0px;padding-top:0px;font-size:120%;font-weight:normal;}
h4				{font-weight:bold;color:#71A600;font-size:100%;padding:0px;margin: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.nextstep		{margin-left:20px;}

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, a.noroll:hover {background-color:transparent !important;}

/* This class is used to stop the yellow highlighting when hovering over an image */
.no-highlight a:hover{background: none; border: none;}
h1 img#pageHeader {margin-left:-9px;}

/* main page structure */

/* ST - 02/06/06 - O&O Calc branch merge - from O&O branch, correct? 
#bg 				{background:top center url(../img/com_bg.gif) repeat-x;width:100%;text-align:center}
#bg-myfreestyle 	{background:top center url(../img/myfreestyle_bg.gif) repeat-x;width:100%;text-align:center}
*/
/* ST - 02/06/06 - O&O Calc branch merge - from O&O branch, incorrect? 
#central 			{width:741px; margin-left:auto; margin-right:auto; text-align:left;}
*/

#bg-myfreestyle 	{background:top center url(../img/myfreestyle_bg.gif) repeat-x;width:100%;text-align:center}

#bg 				{background:#fff;width:100%;text-align:center;}
#central, #footer, #footer-myfreestyle, #footer-central, #header-central	{width:741px; margin:0 auto; text-align:center;}
#central {position:relative; top:-26px;}

/* commented backslash mac hack \*/ 
html, #bg		{height:100%;} 
/* end hack */
#header-myfreestyle			{padding:113px 0 0 0; height:80px; font-family: Verdana, Helvetica, sans-serif;}
#header-myfreestyle img		{margin:0; padding:0;}



#header {background:#B0CB1A; font-family: Verdana, Helvetica, sans-serif;} /* new font family to match SLB version */
#header .header-inner {width:741px; text-align:left;}

#search-nav	{position:relative; top:4px; _top:6px; width:580px; color:#fff; font-weight:bold; font-size:80%;text-align:right; float:right;}
#search-nav a	{color:#fff;text-decoration:none; margin-right:10px; }
#search-nav a:hover, #search-nav a:active	{color:#fff;text-decoration:underline;background-color:transparent;}
#search-nav a:visited	{color:#fff;text-decoration:none}

#search-nav .spacer {width:16px; height:1px; line-height:1px; display:inline;}/* force ie5 to space properly since it won't allow margin/padding styling on a tag */
#search-nav form .spacer {width:13px; height:1px; line-height:1px; display:inline;}
#search-nav	label {margin-right:0;}
#search-nav .submit {position:relative; top: 6px; _top: 3px; }
#search-box {margin-right:7px; font-size:110%; font-weight:normal;}

#pnav, #pnav-myfreestyle		{height:26px;}
#pnav-myfreestyle #tabs, #tabs, #pnav-myfreestyle #tabs img.first, #tabs img.first {margin:0;}
#tabs img				{margin:0 0 0 5px;}
#pnav-myfreestyle #tabs img	{margin:0 0 0 7px;}

/*Added by Phil Wylie 26/02/2008 Tracker 7BCDPZ My Freestyle Calculator Reskin  */
#tabsFree {margin:0;}
#tabsFree {background:; position:relative; top:; left:0; }
#tabsFree ul {margin:0; padding:0; margin-top:; width:741px;}
#tabsFree li {margin:0; padding:0; display:inline; list-style:none; }
#tabsFree img {border:0; }

#footerlinksHolder {background: #f7f6f0;}
#footerlinksContent {text-align:left; margin-left:auto; margin-right:auto; margin-top:38px; width:792px; height:97px; padding-top:17px; font-size:90%}
	#footerlinksContent h2 {margin:0; padding:0; font-weight:bold; font-size:100%; color:#000;}
	.footerlinksOne {text-align:left; width:144px; float:left; margin-right:20px; padding-left:26px;}
		.footerlinksOne a {font-weight:bold;}
	.footerlinksTwo {text-align:left; width:195px ; float:left; margin-right:23px;}
	.footerlinksThree {text-align:left; width:195px; float:left; margin-right:20px;;}
	.footerlinksFour {text-align:left; width:144px; float:left;  }

	#footer-central .col164 {width:164px; float:left;}
		#footer-central .col164 a {font-weight:bold;}
	#footer-central .col218 {width:218px; float:left;}
	#footer-central .col141 {width:141px; float:left;}
#footerHolder {text-align:left; margin-left:auto; margin-right:auto; margin-top:20px; width:741px;}
	#footerContent {}
/*End of Added by Phil Wylie 26/02/2008 Tracker 7BCDPZ My Freestyle Calculator Reskin  */	

#tabs a:hover {background:none;}
#print-logo				{display:none;}

/* design-19 should be for the hp ONLY - this fixes some strange extra spacing on ie5 win98*/
.design-19 {margin-bottom: -155px; padding-bottom:155px; margi\n-bottom:0; padd\ing-bottom:0;}

/* ST 02/06/06 - O&O Calc branch merge below, does not appear to be correct as layout breaks */
/*
#interim-global-nav				{position:absolute;width:743px; _width:752px; top:5px;font-size:90%;text-align:right}*/
/*#existing-customers				{position:absolute;left:610px;top:70px;text-align:right;align:right}*/
/*
#interim-global-nav a				{color:black;font-weight:bold;text-decoration:none;}
#interim-global-nav a:hover			{color:black;font-weight:bold;text-decoration:underline;background-color:transparent;}
#interim-global-nav a:active			{color:black;font-weight:bold;text-decoration:none}
#interim-global-nav a:visited			{color:black;font-weight:bold;text-decoration:none}
#pnav						{position:relative; height:33px; top:0px; left:0px; width:600px;}*/ /* keep width here as max, to prevent firefox issue with existing customer login link on button */
/*#tabs					{margin:0px 0px 0px 5px;}*/

/* ST - End merge code */
	
#print-logo				{display:none;}

#logoBank				{margin:10px 0 27px 0;padding:0;float:left;}
a#logo:hover {background:none;}
#existing-customers		{position:relative; top: 6px; _top: 4px; padding-top: 20px; display:inline;}
 
#content	{text-align:left;font-size:90%;margin:0 30px;/*width:680px*/}
#footer-central .content {text-align:left;font-size:90%;margin:0; padding:18px 0 2px 0;}
	#footer-central .content h2 {margin:0; padding:0; font-weight:bold; font-size:100%; color:#000;}
	#footer-central .col164 {width:164px; float:left;}
		#footer-central .col164 a {font-weight:bold;}
	#footer-central .col218 {width:218px; float:left;}
	#footer-central .col141 {width:141px; float:left;}

/*#topNav			{text-align:left; padding:6px 15px 0 15px; height:29px; line-height:; background:#E9E7DE url(../img/topnav_bg_btm.gif) bottom center no-repeat;}*/
#topNav			{text-align:left; padding:6px 15px 0 15px; height:29px; line-height:; background:#E9E7DE url(../img/topnav_bg_btm.gif) bottom center no-repeat;}
#topNav img { position: relative; top:3px; t\op:0; padding:7px 0; margin:0 4px; background-color:transparent !important;}
#topNav a:hover, #topNav a:active {background-color:transparent} /*overrides preset a behaviour*/


/*#bread			{text-align:left; padding:9px 0 0 30px;font-size:100%;}*/
#bread			{text-align:left; padding:9px 0 0 0px;font-size:90%;}
#bread-myfreestyle			{text-align:left; margin:10px 0 0 0; padding:0 0 0 35px; font-size:90%;}
#bread .mortgageproducts {font-weight:normal; margin-bottom: 8px; color:#818181; clear:both;}
.breadText		{width:690px;padding:1px 0 3px 0;color:#818181;}
	.breadText a		{font-weight:bold;}
#currentPage		{font-weight:bold;}
.mainContent	{margin-top:-15px; margin-bottom:21px; clear:both;}	

/* ST - 31/06/06 - O&O Calc merge code, incorrect
#bread			{padding:7px 0px 11px 47px;font-size:100%; position:relative;}
.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;}
a.anchor:hover, a.anchor:active, a.anchor:visited {background:none !important;}

.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-table;}/*this was inline-block in error, i think */

/* 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		{background:url(../img/topnav_bg_btm.gif) no-repeat bottom; margin:2px 0 0 0; padding-bottom:2px; _height:31px; height:33px;}/*_height needed for benefit of ie5 to display bottom curve img properly*/
#utilityNav .utilityNav {background:#E9E7DE url(../img/com_utnav_bg.gif) no-repeat top; _height:31px; padding: 0 0 2px 0; _padding:0;}
.utilityNav { height:30px; }
.inThisSection	{float:left; padding: 10px 7px 0 30px; }
.goBut			{float:left;padding:5px 0 0 4px;}
.utBut			{float:left;margin-right:3px;padding:5px 0 0 0;}

/* ST - 02/06/06 - O&O Calc merge code below, for MyFreestyle view */
#utilityNav-myfreestyle		{background:url(../img/topnav_bg_btm.gif) no-repeat bottom; margin:-4px 0 0 0; padding-bottom:2px; _height:31px;}
#utilityNav-myfreestyle .utilityNav-myfreestyle {background:#E9E7DE url(../img/com_utnav_bg.gif) no-repeat top; _height:31px; padding: 0 0 2px 0; _padding:0;}
.inThisSection-myfreestyle	{float:left;padding-top:4px;padding-bottom:6px;padding-left:13px;}
.goBut2-myfreestyle			{float:left;padding-left:4px; padding-top:5px; padding-bottom:7px;}


#utilityNav .buts {float:right;padding:5px 30px 0 0; clear:right;}
#utilityNav .buts a, #utilityNav .inactive  {margin:0 0 0 3px; padding:0;}
#utilityNav .buts a:hover, #utilityNav .buts a:active {background:none;}
#utilityNav .logout {margin-left:-3px;}
.thisSectionForm {float:left;padding:5px 0 0 0;}
select.myfreestyle-section-form {width:160px; float:left;}
.thisSectionForm-myfreestyle	{font-size:90%; float:left; padding:2px 0 0 0;}
.utnavcombo		{float:left;width:146px;}

/* forms */
select {font-size:100%;}
#inThisSectionForm 	{float:left;margin:1px 0 0 0;display:inline;}
#otherSitesForm		{width:18.8em;margin-top:1px;font-size:100%}
.formLabel			{float:left;padding:4px 7px 0 0;font-size:90%;}
.textbox115 		{width:115px;font-size:100%}
.textbox85 		{width:85px;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;}

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

/* for drop down clusters apply to container div, sorts out alignment */
.dropDowns 	select 	{float:left;}
input.textbox 		{width:160px;font-size:100%;}

input.std 			{width:50px;font-size:100%;}
input.mainphone 	{width:101px;font-size:100%;}
input.agencycodeone 	{width:20px;font-size:100%;}
input.agencycodetwo 	{width:122px;font-size:100%;}

/* ST - 02/06/06 - Merged from O&O Calc branch, below */
input.med-textbox 	{width:150px;font-size:100%;}
input.sml-textbox 	{width:90px;font-size:100%;}
select.select-yr 	{margin-left:78px; font-size:100%;}
/* ST - End merge code */


/*NB input definitions are here and in appmodule,  will need to amalgamate this to make easier to read etc*/

/* footer */
#footerlinksHolder {background: #f7f6f0;}
#footer, #footer-myfreestyle {margin-top:-16px; padding-bottom: 28px;}
#footer-myfreestyle {width:680px; padding-bottom:37px;}
#footer-myfreestyle {}
#footer-myfreestyle #footerLegal {color:#818181;font-size:85%;}
#footer-myfreestyle #copyrightMsg {font-size:95%;}

#footer select	{font-size:90%}

.footerMain		{float:left;}
.copyright		{margin-top: 12px; clear:both;}
#footer .mortgageproducts {font-weight:bold; clear:both;}
.contact		{float:left;padding-left:10px;}
.myfs-contact {/*position:relative; top: 3px;*/ font-size:90%;}
#footer .footerText		{margin:0px; font-size:85%;color:#818181;clear:both;}
#footer .footerText strong {color:#333;}
.backToTop 		{float:right;padding-top:3px;text-align:right;}
.backToTop-guide {margin:0 0 20px 0;padding-top:0;}
.footdivider	{float:left;width:745px;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 {text-align:left;}
.footerMenu .goBut	{padding-right:0px;padding-top:0px;padding-bottom:0px;}
.footerwealth	{clear:both; text-align:center;margin:6px 0px 45px 0px; font-size:90%; position:relative; top: 10px;}
.footerMortgage	{clear:both; text-align:center;margin:6px 0px 45px 0px; font-size:90%; position:relative; top: 10px;}
.wealth_bigger	{font-size:110%;}



/*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%}
.bullet_tick_with_round_item		{list-style-type:none;margin-left:0px;padding-left:6px;}
/*.bullet_tick_with_round_item li	{margin-top:10px;padding-bottom:0px;padding-left:17px;background:url(../img/bullet_round.gif) no-repeat 0 0.3em;}*/
.bullet_tick_with_round_item li	{margin-top:3px;padding-bottom:0px;padding-left:17px;background:url(../img/bullet_black_dot.gif) no-repeat 0 0.3em;}




.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:680px;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              */
/*---------------------------------------------------*/
/* 79BF3M - amendments for formatting for 2.2.2 footer */
.find-compare-footer {background-color:#E3EFFF; border-bottom:6px solid #D9D7CF;}
.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 .col3 {width:170px;w\idth:130px;padding-left:25px;float:left;display:inline;}
.find-compare-footer .col4 {width:170px;w\idth:130px;padding-left:25px;float:left;display:inline;}

.find-compare-footer .col2 input,
.find-compare-footer .col3 input,
.find-compare-footer .col4 input 	{width:78px; margin:10 0 12px 0; display:block;}

.find-compare-footer .change-selection {display:block}
.find-compare-footer  foldmodule-text {display:inline}

/* 79BF3M - additional formatting for 2.2.2 footer */
.find-compare-footer h3 {font-weight:bolder}
.find-compare-footer .row1 {vertical-align:top;}
.find-compare-footer .row-other {height:30px; vertical-align:bottom;}

/*---------------------------------------------------*/
/*   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; text-align:right;margin:20px 0px 0px 0px;height:110px;}
#save-quote-as {position:absolute; left:28px; top:70px; }
#save-quote-new {margin:0px 0px 0px 54px;}
.wealthmessage {padding-bottom:28px;margin-left:19px;}
.lifetime-extra-warning {font-weight:bold; font-size:110%;}
.qqprint			{margin:0px 0px 0px 40px;}
	
	
/*---------------------------------------------------*/
/*          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;}
#our-mortgages-offer-hub {display:block;background:#B0CB1A; margin:0;padding:0;width:680px;}
#our-mortgages-offer-hub img {float:left;}
*html #our-mortgages-offer-hub img {margin:0 -3px; ma\rgin: 0;} /*get rid of 3px L & R margins on ie 5 floated image*/
.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%;}
.producthub-right 	{float:left;width:140px;margin:10px 0px 0px 10px !IMPORTANT;}
.producthub-right h2 {margin:0px;padding:0px;color:#999;font-size:90%;}
.producthub-right h2.black {color:#000;}
	
/*---------------------------------------------------*/
/*        T7,8 & 25  - P R O D U C T  T A B S        */
/*---------------------------------------------------*/
.hub-spacer	{height:20px;}

.our-mortgages-tabs-hub		{margin-bottom:20px;}
.our-mortgages-tabs div	 {float:left;}

.design-8,.design-22 h2 {margin:0px 0px 16px 0px;}
.rightsubmit	{text-align:right;margin:0 10px 33px 0;position:relative; top:-8px;}/* changed from margin-top:-8px because this crashed ie pc when trying to print the rates pages that had more than one page!?! */
.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; 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:18px 0px 0px 10px;width:103px;}
.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;padding:10px 0px 0px 244px;}
.saveQuoteLabel			{width:120px;}


/*---------------------------------------------------*/
/*            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;}
.deleteText	h2 {color:#000;}
.padded-text	{margin:0px 10px 0px 10px}

/*---------------------------------------------------*/
/*     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;}
.promoPanel {background:#B0CB1A; width:224px;}
.hp-panel {width:224px;w\idth:224px;}
.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:#96938C 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:6px;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 7px 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 {height:34px; background:#96938C url(../img/hp_panel_head_bg.gif);}
/* Hides from IE-mac \*/
.hp-panel-freestyle .hp-panel-top {height:34px; background:#96938C 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.gif);width:222px;height:55px; margin-left:1px;}
a#discount        {background-image:url(../img/hp_roll_discount_off.gif);width:222px;height:55px;margin-left:1px;}
a#fixed:hover     {background-image:url(../img/hp_roll_fixed_on.gif);width:222px;height:55px;margin-left:1px;}
a#fixed		      {background-image:url(../img/hp_roll_fixed_off.gif);width:222px;height:55px;margin-left:1px;}
a#flexible:hover     {background-image:url(../img/hp_roll_flexible_on.gif);width:222px;height:55px;margin-left:1px;}
a#flexible		      {background-image:url(../img/hp_roll_flexible_off.gif);width:222px;height:55px;margin-left:1px;}
a#buytolet:hover     {background-image:url(../img/hp_roll_buytolet_on.gif);width:222px;height:55px;margin-left:1px;}
a#buytolet		      {background-image:url(../img/hp_roll_buytolet_off.gif);width:222px;height:55px;margin-left:1px;}
a#lifetime:hover     {background-image:url(../img/hp_roll_lifetime_on.gif);width:222px;height:54px;margin-left:1px;}
a#lifetime		      {background-image:url(../img/hp_roll_lifetime_off.gif);width:222px;height:54px;margin-left:1px;}
a#professional:hover     {background-image:url(../img/hp_roll_professional_on.gif);width:222px;height:54px;margin-left:1px;}
a#professional		      {background-image:url(../img/hp_roll_professional_off.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:680px;margin-bottom:10px;margin-top:5px;}
#newsCursor		{background-color:#E6E6E6;display:inline;}
#news0			{background: url(../img/hp_news_bg.gif) no-repeat;width:680px;}
#news1 			{float:left;padding-top:3px; padding-left:110px;vertical-align:top; text-align:left;}
*html #news1 {padding-top:4px; padd\ing-top:3px;}
.news-writer	{margin:3px 0 0 0; font-size:11px; fon\t-size:12px;display:inline;}
.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:680px;height:3px;}
#newsProp {width:1px;float:left;height:15px;}
table#newstable {border:0;}
table#newstable td.td-write {height:18px;}

/*---------------------------------------------------*/
/*             T20 - 2  C O L U M N  H U B           */
/*---------------------------------------------------*/
.underline {background-color:#E9E7DE;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 h2 {color:#000; font-weight:normal; font-size:120%;margin:0px 0px 0px 1px;padding:0;display:inline}
.hub-icon {float:left;padding:0px;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-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-clapper a				{background-image:  url(../img/icon_48_clapper_off.gif);width:48px;height:48px;}
.hub-icon-clapper a:hover 		{background-image:  url(../img/icon_48_clapper_on.gif)}

.hub-icon-clapper-overview a			{background-image:  url(../img/icon_48_video_off.gif);width:48px;height:48px;}
.hub-icon-clapper-overview a:hover 		{background-image:  url(../img/icon_48_video_on.gif)}
.hub-icon-clapper-overview .icon		{position:relative; top:-10px; background-image:url(../img/icon_48_video_off.gif);width:48px;height:48px;}

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

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

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

.hub-icon-callus-overview a			{background-image:  url(../img/icon_48_callus_off.gif);width:48px;height:48px;}
.hub-icon-callus-overview a:hover 		{background-image:  url(../img/icon_48_callus_on.gif)}
.hub-icon-callus-overview .icon		{position:relative; top:-10px; background-image:url(../img/icon_48_callus_off.gif);width:48px;height:48px;}

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


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

/*paul devlin commented out the following line - this line puts an image behind the mortgage hub table*/
/*.mortgages-hub-body   {background:bottom left url(../img/mortgage_hub_pic_b.jpg) no-repeat;width:680px; w\idth:678px; border:1px solid #E9E7DE; border-top:none;}*/

.mortgages-hub-body   {width:680px; w\idth:678px; border:1px solid #E9E7DE; border-top:none;}
.mortgages-hub-body div {float:left}
.mortgages-hub-header {width:680px; w\idth:650px; border:1px solid #96938C; background: #96938C; padding:4px 10px 2px 18px;}/*padding:4px 10px 2px 18px;*/
/* commented backslash mac hack \*/ 
.mortgages-hub-header {padding-bottom:3px;}
/* end hack */
.mortgages-hub-header img {float:left;margin:0;padding:0;} 
.mortgages-hub-header h1 {display:inline; float:none;}
.mortgages-hub-header h1 img {padding:0; margin:3px 62px 0 0; ma\rgin:3px 65px 0 0;}
.mortgages-hub-header .button {padding:0 8px 0 0; float:right; background:#96938C !important;}
.mortgages-hub-body .prod-con img, .mortgages-hub-body .prod-con-left img {margin:0 0 15px 0;}
.mortgages-hub-body .prod-con h2 img, .mortgages-hub-body .prod-con-left h2 img {margin:0 0 3px 0;}
.mortgages-hub-body .divider	{background:#E9E7DE; height:1px; font-size:1px; overflow:hidden; width:680px; margin:9px 0 1px 0;}
.mortgages-hub-body .prod-con p, .mortgages-hub-body .prod-con-left p {margin:12px 0 15px 0;}

.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 18px 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:680px;w\idth:658px; border:1px solid #E9E7DE; border-top:none; background:url(../img/mortgages_foot_bg.gif) repeat-y;}
.mortgages-hub-footer .left	{float:left; margin:9px 32px 0 0;}
.mortgages-hub-footer .center	{float:left; margin:0 46px 0 0;}
.mortgages-hub-footer .right	{float:left;}

.mortgages-hub {width:680px; /*margin:0 4px;*/}
.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;}
.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);}
a.page-icon-healthcare      {background-image:  url(../img/icon_48_new_slh_off.gif);width:48px;height:48px;}
a.page-icon-healthcare:hover {background-image:  url(../img/icon_48_new_slh_on.gif);}
a.page-icon-blank     {background-image: none;width:48px;height:48px;}

.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:680px;w\idth:660px;padding:0px 10px 0px 10px;margin-bottom:31px; color:#818181;}
.subject-areas	.header			{padding-bottom:3px;width:660px;border-bottom:1px solid #D9D7CF;}
.subject-areas	.subjects		{width:660px;w\idth:640px;padding:8px 10px 0px 10px;color:#818181;}

div.your-questions-divider		{border-bottom:1px solid #D9D7CF;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}
.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;}
.qa	p						{margin:0px 0px 11px 0px}

/*---------------------------------------------------*/
/*                   T27 - H E L P                   */
/*---------------------------------------------------*/
.help-popup {padding-left:52px;padding-right:52px;width:518px;w\idth:414px;text-align:left}
.help-popup h1	{padding:0;margin:0}
.help-popup h2	{height:auto;padding:9px 0px 0px 0px;margin:0;font-weight:lighter;font-weight:100;font-size:120%;display:block;}/* 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}
.wide-help	{width:778px;w\idth:654px;}
.wide-help p {margin:0px 0px 8px 0px;}

/*---------------------------------------------------*/
/*           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, .rates-table .erc-warning		{float:left;display:inline;margin:16px 0px 16px 10px; }
.rates-table .erc-warning {font-weight:bold;}
.rates-table 						{border-collapse: collapse; font-size:100%;}
.rates-table-main				{border-collapse: collapse; font-size:100%;}
.rates-table thead th 	{width: 136px;padding:0px 5px 0px 10px;font-size:100%;border-right:solid 1px #A3CCFF; margin:0px; vertical-align:top;font-weight:lighter;text-align:left}
.rates-table .leftedge	{width:136px;padding:0px 5px 0px 10px;margin:0px;}
.rates-table .rightedge	{padding:0px 5px 0px 10px;margin:0px;border: none;}

.rates-table thead.sevencol th, 
.rates-table .leftedge.sevencol, 
.rates-table .rightedge.sevencol 	{width:96px;}

.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:680px;height:11px;line-height:11px;background:#A3CCFF;}
.rates-table .bluebar th {border:none;}
.rates-table .header-row td{padding:0px;background-color:#F7F6F0;border: none;}
.rates-table .productheader	{float:left;font-size:130%;line-height:130%;padding:10px 0px 10px 10px;width:640px;}
.rates-table .contribution	{float:right;text-align:right;padding:10px 10px 10px 0px;}
.rates-table td							{width:136px;padding:6px 0px 0px 10px;border-right:solid 1px #A3CCFF;}
.rates-table td.leftedge		{padding:6px 0px 0px 10px;}
.rates-table td.rightedge		{padding:6px 0px 0px 10px;width:95px;margin:0px;background:0;}
.rates-table td.divider			{border: none;background:0;padding:0;background-color:#D9D7CF;height:5px;font-size:0.1em;}
.rates-table td.spacer	{border: none;height:20px;}
.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		{width:96px; 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:#F4F2E8; width:680px; 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	{float:left;margin:2px 0 0 6px;}
.martop10	{margin:10px 0 0 0;}
.lumpSumYrs	{margin:12px 16px 0 0;}
.lumpSumYrs2	{margin:12px 14px 0 0;}
.martop3	{margin:3px 0 0 0;}
.myfreestyle-section-form	{margin:3px 0 1px 0;/* position:relative;*/}


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

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

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

/*---------------------------------------------------*/
/*                   VIDEO CATAGORY HUB PAGES        */
/*---------------------------------------------------*/
.design-31 h3				{color: #000; float:left;font-size: 120%;margin:0 0 7px 0;}
.hub-text					{margin:0 0 10px 0;}
.hub-text h3 				{margin-bottom:0;}
.hub-right					{margin:0 0 15px 0;padding:0 0 0 35px;width:200px;}
.duration					{float:left;margin:3px 0 0 10px;}
.videobut					{float:left;margin:0;}
.hub-section				{margin:0 0 20px 36px;}
.broadband					{margin:10px 0 0 20px;width:100%;}
.broadband	img				{float:left;margin:2px 0 0 0;}
.broadband div				{float:left;margin:0 0 0 7px}
.videolinksection			{float:left;padding:0 0 0 119px;}
.videolinksection h2 {color:#000; font-weight:normal; font-size:120%;margin:0 0 0 1px;padding:0;display:inline;}

ul.question-anchors  {list-style-type:none;margin:0 0 30px 0;}

/* new kfi - pdf "my quotes page" */
#my-saved-quotes {margin: 0 10px;}
#my-saved-quotes img {}
#my-saved-quotes .heading {margin-left: 10px;}
#my-saved-quotes .heading img {display:inline; }
#my-saved-quotes .middle-img {margin: 0 15px 0 37px;}
.step2 a:hover		{background:none;}

td.step2 div		{float:left;}
td.step1 div		{float:left;}
td.step1 div input		{margin:0px;padding:0px;}
.offercreation		{margin:3px 0px 0px 5px; font-size:100%;}
*html .offercreation {font-size:70%; f\ont-size:100%;}
.pdf-icon			{height:30px;}
.seeillustration	{margin:2px 0px 0px 5px; font-size:100%;}
#how-to-apply {margin: 8px 0 0 0;/* float:left;*/}
#how-to-apply ul {list-style-type: none; margin:15px 0 0 0;}
#how-to-apply li {margin-bottom: 15px;}
#how-to-apply li span {color: #71a600; margin-right:14px;}

#advisors {width:210px; margin-top: 8px; float:right;}
#advisors p {margin-top: 15px;}
#advisors label {margin-right: 20px;}

span.kfi-name		{font-weight:900 !important;}
.kfi-error			{color:red;}

.newquotebut  		{margin:10px 0 0 135px;}
.myquotestext		{padding:0 10px 0 233px;}

/* new request a kfi - creating pdf pages */
#kfi-pdf-process {width: 440px; margin: 0 auto;}
#kfi-pdf-process .icon-kfi {background: none!important; position: relative; margin: -67px 0 0 18px;}
/* hide from mac ie \*/
#kfi-pdf-process .icon-kfi {margin: -63px 0 0 18px; _margin-top: -78px; }
/* end hide */
#kfi-pdf-process img.view-kfi {margin: 16px 10px 0 0; float:right;}

#kfi-pdf-process .banner {width: 440px; margin: 6px 0 36px 0; _margin: 6px 0 29px 0; text-align: left;}
#kfi-pdf-process .banner h2 {margin: 7px 0 1px 108px;}
#kfi-pdf-process .banner p {margin: 0 0 9px 108px; _margin: 0 0 4px 108px;}
#kfi-pdf-process .txt {width: 344px; float: left;}
#kfi-pdf-process .min-height {height:54px; width: 1px; float:left;}

#kfi-pdf-process .errors, #kfi-pdf-process .holding {background:#fff2f0; border: solid 1px #ffcec7;}
#kfi-pdf-process .kfi-ready {background:#f5ffe1; border: solid 1px #bde0a5;}
#kfi-pdf-process .create-kfi {background:#F4F2E8; border: solid 1px #E9E7DE;}
#kfi-pdf-process .create-kfi img {background:transparent !important;}

#kfi-pdf-process .errors h2, #kfi-pdf-process .holding h2 {color:#CC0000;}
#kfi-pdf-process .holding h2 {width: 430px; text-align: center; margin:18px 0;}
#kfi-pdf-process .kfi-ready h2, #kfi-pdf-process .create-kfi h2 {color: #000;}
#kfi-pdf-process .kfi-ready h2 img {margin-left: 2px; background:none!important;}
#kfi-pdf-process .kfi-ready p, #kfi-pdf-process .create-kfi p {color:#818181;}
#how-to-apply p.note, #kfi-pdf-process .pdf-txt p.note {color: #818181;}

#kfi-pdf-process .create-kfi img {margin: 9px 30px 0 0; float:right;}

#kfi-pdf-process .pdf-txt {text-align: left;}
#kfi-pdf-process .validity-statment {font-size: 110%; font-weight: bold;}
	
#kfi-pdf-process .clear {clear: both; line-height: 1px;}

.savequoteerrors		{margin:0px 0px 0px 20px;}
.save-quote-hint		{width:270px;margin:40px 0px 0px 0px;}

.view-kfi-text			{float:left;margin: 0px 0px 0px 5px;}
.kfi-expired 			{margin:7px 0px 0px 0px}
/* Apply now page */
.applynow 				{padding:0px 12px;}
.availabilitytext       {border:1px solid #E9E7DE;padding:14px;font-weight:bold;}
.b2lappynowtext       	{border:1px solid #E9E7DE;padding:14px;}
.before-b2l-kfi ul li 	{padding:5px;}
.continue-but			{float:left;padding-left:10px;}

ul.b2l li {padding:5px;}
.b2l-text	{}

.rentability-back	{float:left;padding:10px 0px 10px 20px;width:557px;}
.rentability-help	{float:left;padding:12px 0px 0px 20px;}


/*--------------------------------------------------------*/
/*                   JUNE 07 - Retail Enhancements        */
/*--------------------------------------------------------*/

.header07 h2 {margin:0; padding:0; line-height:; color:#000; font-size:150%;}

#intro07 {float:left; width:452px; margin-bottom:15px; background:; font-size:120%;}

#drop07 {float:right;width:224px; margin-bottom:15px; background:;}

#leftCol07 {float:left; width:452px; background:;}

.cellHolder {margin-top:22px;}

.hunBtn07 {float:right}
.hunBtn07 a:hover{background: none; border: none;}

.leftCell07 {float:left; margin-left:0px; padding-right:8px; width:206px; background:;}
.leftCell07 h3 {font-size:130%;}
span.leftCell07 {font-size:120%;margin:0 0 10px 0;padding:0;}
.rightCell07 {float:right; margin-left:; padding-right:8px; width:206px; background:;}
.rightCell07 h3 {font-size:130%;}
span.rightCell07 {font-size:120%;margin:0 0 10px 0;padding:0;}

.cellHolder07 {margin-top:22px;}

.header07 {float:left; margin-left:0px;}

#rightCol07 {float:right; width:228px; background:;}
#sidepan07 {background:url(../img/WSsidepanel_top.gif) no-repeat top; margin-top:;}	
#sidepanContent07 {background:url(../img/WSsidepanel_fill.gif) repeat-y; float:left; width:228px; padding-left:px;}
.sidepan_icon07 {float:left; position:relative; left:30px; margin-left:; width:48px; margin-top:15px; background:; }
.sidepan_icon07 a:hover{background: none; border: none;}
.sidepan_txt07 {position:relative; left:30px; font-size:12px; padding-left:10px; padding-bottom:5px; float:left; margin-top:15px; background:; width:118px;}

#sidepanHeader07 {height:37px; margin-left:30px; }
#sidepanHeader07 h2 {color:#000; margin:0 0 0 58px; padding:0; padding-top:15px; font-size:17px; font-weight:normal;}

#sidepanHeader07_2 {height:37px; margin-left:30px; }
#sidepanHeader07_2 h2 {color:#000; margin:0; padding:0; padding-top:15px; font-size:17px; font-weight:normal;}

#usefulHolder {padding-left:30px; width:198px; background:;}
#usefulHolder h2 {font-size:150%; color:#000;}
.usefulLinks {clear:both; float:left; background:; height:48px; height: auto !important; min-height:48px; margin-bottom:18px;}
#usefulHolder .usefulIcon { width:48px; float:left;  background:;}
#usefulHolder .usefulIcon a:hover{background: none; border: none;}
#usefulHolder .usefulText {width:; margin-left:10px; margin-right:0; float:left; background:;}

.floatLeft {float:left; }

.redTxt07 {color:#FF0000; font-weight:bold;}
.greenTxt07 {color:#237a12; font-weight:bold;}

/* sub hub styles */

.subHubRow {width:452px; clear:both; float:left; margin-bottom:10px; background:;}
.SHRcellL {float:left; width:206px; margin-left:0px; margin-right:8px; background:;font-size:120%;}
.SHRcellL h3 {margin-bottom:10px;}
.SHRcellR {float:left; width:206px; margin-left:8px; margin-right:0px; background:;font-size:120%;}
.SHRcellR h3 {margin-bottom:10px;}
.subHubBtnHold {margin-top:10px; }
.subHubBtnHold a:hover{background: none; border: none;}

/*-----------------------------------------------------------*/
/*                   JULY 07 - WEBSTORE RETAIL ENHANCEMENTS  */
/*-----------------------------------------------------------*/

/*CREATED BY WEB DEVELOPMENT TEAM JULY 2007 FOR SL BANK WEB RETAIL ENHANCEMENTS*/

/* GENERIC */

.greyTxt {
	color: #989898
	}
		
.greenTxt07 {	
	color:#166E06; 
	font-weight:bold;
	font-size: 110%;}
	
.fl {
	float:left;
	}
	
.fullBox {
	width: 680px
	}	
	
.fr {
	float:right;
	}	
	
.linkStyle1 {
	font-size: 110%;}

.em {
	font-weight: bold;
	}	
/*border of 5px at top - currently used on Rates & charges, and product overview page.*/	
.line {
	border-top: 5px solid #d9d7cf; 
	margin-bottom: 10px;
	}	
	
/*PADDING AND MARGIN STYLES*/
.padStyle1 {
	padding: 16px 0 0 14px;
	}
	
.padStyle2 {
	padding: 4px 0 0 14px;
	}

.padStyle3 {
	padding: 15px 20px 0 0;
	}

.padStyle4 {
	padding: 12px 0 0 9px;
	}	
	
.padTop12 {
	padding-top:12px;
	}	

.padR10 {
	padding-right:10px;
	}	

.padB10 {
	padding-bottom: 10px;
	}
	
.padB20 {
	padding-bottom: 20px;
	}
			
.padT3 {
	padding-top: 3px
	}
	
.padT5 {	
	padding-top: 5px;
	}	

.padR12 {
	padding-right:12px;
	}	
	
.padR4 {
	padding-right:4px;
	}			
	
.marginB25 {
	margin-bottom: 25px;
	}		

.noMargin {
	margin-bottom:0px; margin-top:0px;
	}	
.marginT0 {
	margin-top:0px;
	}
			
.marginB10 {
	margin-bottom:10px;
	}

/* WHATS NEW 2 col Page layout */

.sectionHolder {
	margin:0 12px; 
	clear: both;}

.sectionHolderL {
	width:313px; 
	padding-right:15px; 
	float:left;
	padding-bottom:10px;}
	
.sectionHolderR {
	width:313px; 
	padding-left:15px; 
	float:left;
	padding-bottom:10px;}	

.iconBox {
	float:left; 
	width:48px; 
	padding-right:4px;}	
	
.iconText {
	float:left; 
	width:261px;}	

/* Advert layout images for WHAT'S NEW page*/

#fullAdBox {
	width:680px;
	height:134px;
	clear: both;}
	
.adImg {
	float: left; 
	width: 340px;}
	
#rule {
	border-top:1px solid #d4d2ca;}		

/*RATES AND CHARGES PAGE */
	
.productTitle{font-size:130%; color:#000;margin-bottom:5px;}
	
.ratesBlurb {
	width: 680px;
	font-size: 110%;
	}
	
.dropdownGroup 
{
	padding-bottom:10px;
}

.dropdownStyle 
{
	width:240px;
}

.showMeStyle
{
	padding:11px 0 0 4px;
}

.noPadding
{
	padding:0px;
}

.lineStyle
{
	border-right:none; 
	padding: 6px 0px 0px 0px;
}

.findOutMoreStyle
{
	padding-left:5px;
}

#pageNav {
	height: 45px; 
	margin-bottom: 15px;
	}	
#navItemOn {
	float: left; 
	height:45px;
	}		
		
.navItemOff {
	float: left; 
	height:25px; 
	padding:4px 0 12px 0;
	}	

	 		
/*page layout - intro section*/
#introImg {
	 width:73px; 
	 padding-right:10px;	
	 }
#w597 {
	width:597px;
	}	
	
/*table formatting*/
th {
	font-weight:normal;
	}

table {
	margin-bottom: 10px;
	}
		
table.topBorder {
	border-top: 5px solid #d9d7cf;
	}

tr#blue {
	background: #d8e8fa; 
	width: 55px;
	}

.grey {
	background: #f7f6f0; 
	height:60px; 
	margin-top: 30px; 
	}	
				
/*6 column table */


.blue6Col {
	width: 107px; 
	border-right:1px solid #b0d9ff; 
	padding:4px 3px;
	}

.r6ColEnd {	
	width: 107px; 
	padding:4px 0 0 3px;
	}

.grey6Col {
	width: 107px; 
	border-right:1px solid #d9d7cf; 
	background-color:#fff;
	padding:4px 3px;
	}
	
.grey6ColOver {
	background-color:#ebfacd;
	width: 107px; 
	border-right:1px solid #d9d7cf; 
	padding:4px 3px;
	}
	
.grey6ColEndOver {
	background-color:#ebfacd;	
	width: 107px; 
	padding:4px 0 0 3px;
	}	
			
/*8 column table */

.blue8Col {
	width: 84px; 
	border-right:1px solid #b0d9ff; 
	padding:4px 3px;
	}

.r8ColEnd {	
	width: 84px; 
	background-color:#fff; 
	padding:4px 0 0 3px;
	}	

.grey8Col {
	width: 84px; 
	border-right:1px solid #d9d7cf; 
	background-color:#fff;
	padding:4px 3px;
	}
	
.grey8ColOver {
	background-color:#ebfacd;
	width: 84px; 
	border-right:1px solid #d9d7cf; 
	padding:4px 3px;
	}	

.grey8ColEndOver {
	background-color:#ebfacd;	
	width: 84px; 
	padding:4px 0 0 3px;
	}		

/*PRODUCT OVERVIEW*/

/*sub navigation with no padding for off states*/

.navItemNoPad {
	float: left; 
	height:45px;
	margin-top:0px;
	}			

/*2 column page layout	*/
/*left column*/
.prodOverLeft {
		width:441px; 
		padding-left:11px; 
		float:left;
		}
		
.tick23	{
	width:23px;
	}					
		
.textLeftIndent {
	float: left; 
	padding:7px 18px 7px 0; 
	width: 400px
	}	
		
.productDivide {
	border-bottom: 1px solid #dddcd7; 
	padding-top: 7px
	}
.lineTop {
	border-top:5px solid #dfddd1;
	}	
		
/*right column*/		
.prodOverRt {
	width:213px; 
	margin-left: 15px; 
	float:left;
	}	
	
	.rightsubmit	{text-align:right; position:relative; top:-8px;}
			
/*PRODUCT FEATURES PAGE*/

.strongText {
	font-weight:bold; 
	width:201px; 
	float:left;
	}	
	

.borderRt {
	border-right:1px solid #d9d7cf;
	}	
		
/*intro section*/
.introTxt {
	width: 532px; 
	float:left; 
	padding-left:11px; 
	padding-right:40px; 
	padding-bottom:10px
	}		
	
.applyBtn {
	width: 97px; 
	float:left;
	}	

/*headings*/

.headingBox {
	float:left; 
	padding-top: 3px; 
	padding-bottom:7px; 
	background:#f7f6f0; 
	border-bottom:5px solid #d9d7cf
	}		
	
.titleIcon {
	width:19px; 
	float:left; 
	padding: 0 2px 0 4px;
	}	


/*table content*/

#outsideBox {	
	float:left; 
	padding: 10px 0 7px 0; 
	}	

.columns3 {
	width:218px; 
	float:left; 
	padding: 0 4px; 
	}	

.borderL {
	border-left:1px solid #d9d7cf;
	}	
	
.iconTxt182 {
	float: left; 
	width:182px;
	}	

.text90 {
	font-size:90%;
	}


/* TAB TO TEXT NAVIGATION added 19032008 - SH*/
/*Provides formatting on primary navigation */
#tabNavHolder {float:left; margin:0 auto; font-family: lucida sans unicode; font-size:13px; width:741px; height:26px;}

	#tabNavHolder a:link, #tabNavHolder a:hover, #tabNavHolder a:visited {
	color: #fff;
	text-decoration:none;
	}

	ul#primaryNav {
	list-style-type: none;
	padding-left:0;
	margin-left:0;
	height:;
		}

	ul#primaryNav li {
	float: left;
	margin: 0;
	list-style:none;
	}

/*Provides common styles for layout of primary navigation */
.common 
{
color:#FFFFFF;
float: left;
background-repeat: no-repeat; 
text-align: center;
padding-top: 4px; 
padding-bottom: 4px;
height: 18px; 
}

/*Provides individual styles for layout of primary navigation*/ 
#homeText {
	background: url(../img/tabs/tab_home_off.gif) no-repeat; width: 89px; margin-right:5px;}
	#homeText a:link, #homeText a:hover, #homeText a:visited {
		color: #fff; text-decoration:none; margin-right:3px;
		}
#homeTextOn {
	background: url(../img/tabs/tab_home_on.gif) no-repeat; width: 89px; margin-right:5px;}
	#homeTextOn a:link, #homeTextOn a:hover, #homeTextOn a:visited {
		color: #4e4744; text-decoration:none; margin-right:3px;
		}

#pensionsText {
	background: url(../img/tabs/tab_pensions_off.gif) no-repeat; width: 116px; margin-right:5px;}
	#pensionsText a:link, #pensionsText a:hover, #pensionsText a:visited {
		color: #fff; text-decoration:none; margin-right:3px;
		}
#pensionsTextOn {
	background: url(../img/tabs/tab_pensions_on.gif) no-repeat; width: 116px; margin-left:5px;}
	#pensionsTextOn a:link, #pensionsTextOn a:hover, #pensionsTextOn a:visited {
		color: #4e4744; text-decoration:none; margin-right:3px;
		}
	
#mortgagesText {
	background: url(../img/tabs/tab_mortgages_off.gif) no-repeat; width: 115px; margin-left:5px;}
	#mortgagesText a:link, #mortgagesText a:hover, #mortgagesText a:visited {
		color: #fff; text-decoration:none; margin-right:2px;
		}
#mortgagesTextOn {
	background: url(../img/tabs/tab_mortgages_on.gif) no-repeat; width: 115px; margin-left:5px;}
	#mortgagesTextOn a:link, #mortgagesTextOn a:hover, #mortgagesTextOn a:visited {
		color: #4e4744; font-weight:bold; text-decoration:none; margin-right:2px;
		}
	
#savingsText {
	background: url(../img/tabs/tab_saving_off.gif) no-repeat; width: 196px; margin-left:5px;}
	#savingsText a:link, #savingsText a:hover, #savingsText a:visited {
		color: #fff; text-decoration:none; margin-right:3px;
		}
#savingsTextOn {
	background: url(../img/tabs/tab_saving_on.gif) no-repeat; width: 196px; margin-left:5px;}
	#savingsTextOn a:link, #savingsTextOn a:hover, #savingsTextOn a:visited {
		color: #4e4744; text-decoration:none; margin-right:3px;
		}

#healthText {
	background: url(../img/tabs/tab_healthcare_off.gif) no-repeat; width: 115px; margin-left:5px;}
	#healthText a:link, #healthText a:hover, #healthText a:visited {
		color: #fff; text-decoration:none; margin-right:3px;
		}
#healthTextOn {
	background: url(../img/tabs/tab_healthcare_on.gif) no-repeat; width: 115px; margin-left:5px;}
	#healthTextOn a:link, #healthTextOn a:hover, #healthTextOn a:visited {
		color: #4e4744; text-decoration:none; margin-right:3px;
		}

#insuranceText {background: url(../img/tabs/tab_protection_off.gif) no-repeat; width: 110px;}
	#insuranceText a:link, #insuranceText a:hover, #insuranceText a:visited {
		color: #fff; text-decoration:none;
		}
#insuranceTextOn {background: url(../img/tabs/tab_protection_on.gif) no-repeat; width: 110px;}
	#insuranceTextOn a:link, #insuranceTextOn a:hover, #insuranceTextOn a:visited {
		color: #4e4744; text-decoration:none;
		}

/*Provides styles for secondary navigation */
#topnav  {width:; margin:0 auto; font-family: lucida sans unicode; font-size:13px; height:35px; text-align:left;  background: url(../img/topnav_bg.gif) no-repeat;  padding-top:8px;}
	#topnav A {text-decoration: none; color: #4a4542}
	#topnav A:visited {text-decoration: none; color: #4a4542}
	#topnav A:hover {text-decoration: none; color: #d39000; background-color:#e9e7de;}

#topnav img {
	float:left;
}

#tabnavliMortgages .first {
 padding-left: 0;
 background: none;
}

.tabnavliBullet {
	list-style-type:;
	list-style-position:inside;
	list-style-image:url(../img/dot.gif);
	margin-left:0;
	padding-left:7px;
}

ul#tabnavliHome, ul#tabnavliPensions, ul#tabnavliMortgages, ul#tabnavliSavings, ul#tabnavliHealth, ul#tabnavliInsurance {
	font-family: lucida sans unicode;
	font-size:13px;
	list-style-image:none;
	list-style-type: none;
	margin:2px auto;
	padding-top: 2px;
	padding-left: 2px;
	background-color:#e9e7de;
	}

	ul#tabnavliHome li, ul#tabnavliPensions li, ul#tabnavliMortgages li, ul#tabnavliSavings li, ul#tabnavliHealth li, ul#tabnavliInsurance li {
	float: left;
	list-style-type: none;
	margin: 0 5px 0 0;
	padding-left:10px;
	border-left: 1px solid #e9e7de;
	background: url(../img/dot.gif) left center no-repeat;
	}
	
		ul#tabnavliHome li img, ul#tabnavliPensions li img, ul#tabnavliMortgages li img, ul#tabnavliSavings li img, ul#tabnavliHealth li img, ul#tabnavliInsurance li img {
	margin-top: 3px;
	}
	
	#tabnavliHome a:link, #tabnavliHome a:visited {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliHome a:hover {
	color: #D90085; text-decoration:none;
	}
	#tabnavliHomeOn a:link, #tabnavliHomeOn a:visited {
	color: #D90085; text-decoration:none;
	}
	#tabnavliHomeOn a:hover {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliPensions a:link, #tabnavliPensions a:visited {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliPensions a:hover {
	color: #44AAC3; text-decoration:none;
	}
	#tabnavliPensionsOn a:link, #tabnavliPensionsOn a:visited {
	color: #44AAC3; text-decoration:none;
	}
	#tabnavliPensionsOn a:hover {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliMortgages a:link, #tabnavliMortgages a:visited {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliMortgages a:hover {
	background: #FFFF66; text-decoration:none;
	}
	#tabnavliMortgagesOn a:link, #tabnavliMortgagesOn a:visited {
	color: #4D4643; font-weight:bold; text-decoration:none;
	}
	#tabnavliMortgagesOn a:hover {
	background: #FFFF66; text-decoration:none;
	}
	#tabnavliSavings a:link, #tabnavliSavings a:visited {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliSavings a:hover {
	color: #9A93C0; text-decoration:none;
	}
	#tabnavliSavingsOn a:link, #tabnavliSavingsOn a:visited {
	color: #9A93C0; text-decoration:none;
	}
	#tabnavliSavingsOn a:hover {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliHealth a:link, #tabnavliHealth a:visited {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliHealth a:hover {
	color: #F6AE00; text-decoration:none;
	}
	#tabnavliHealthOn a:link, #tabnavliHealthOn a:visited {
	color: #F6AE00; text-decoration:none;
	}
	#tabnavliHealthOn a:hover {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliInsurance a:link, #tabnavliInsurance a:visited {
	color: #4D4643; text-decoration:none;
	}
	#tabnavliInsurance a:hover {
	color: #DF5068; text-decoration:none;
	}
	#tabnavliInsuranceOn a:link, #tabnavliInsuranceOn a:visited {
	color: #DF5068; text-decoration:none;
	}
	#tabnavliInsuranceOn a:hover {
	color: #4D4643; text-decoration:none;
	}
	
span.boldOff {
font-weight:normal;
}