#ra
{
float: left;
width: 100%;
}

#banner
{
	float: left;
/*	width: 44em; */
	width: 43.5em;
}

#banner-rate
{
	float: left;
	width: 9.5em;
}

#banner-rate img
{
	width: 9.3em;
}


#banner-description
{
	float: left;
	padding-left: 1em;
}

#banner-description img
{
	width: 18em;
}

.banner-heading
{
	font-size: 2em;
	color: #FF6600;
	display: block;
}

.banner-text
{
	font-size: 1.5em;
	color: Black;
	display: block;
}


#banner-creative
{
	float: right;
	padding-right: 1.9px;
	width: 12.3em;
}

#banner-creative img
{
	width: 100%;
}


/*--  main panel --*/

.mainpanel
{
	background: url(images/mainpanel-backgd.gif) no-repeat right top;	
	float: left;
	width: 29em;
    margin:  0.3em  0.5em 0em  0em ; /* top right bottom left */
/*	margin: 0.5em 0.5em 0.5em 0;*/
	height: 11.0em;
	position: relative; 
	top: -0.35em;
}
/*added by Lightstone*/

/* Removed by amardip as impact on the gap at the bottom */
/*
body:last-child .mainpanel
{
	height: 13em;
}
*/
.mainpanel-creative2
{
	float: left;
	width: 6.8em;
 	padding:  0em  3em 1em 0em; /* top right bottom left */	
}



.mainpanel-creative
{
	float: left;
	width: 9.8em;
	padding: 2em 0em 1em 0em; /* top right bottom left */	
}

.mainpanel-content
{
	background: url(images/mainpanel-topright.gif) no-repeat right top;	
	float: right;
	width: 17.5em;
	padding: 2em 0.5em 1em 0em; /* top right bottom left */	
}

.mainpanel h1
{
	color: #000000;
	letter-spacing: -0.1em;
	margin: 0 0 0.3em 0;
	font: "Trebuchet MS";
}

.mainpanel h2
{
	font-size: 85%;
	margin: 0 0 0.3em 0;
}

.mainpanel-rate-value
{
    font-size: 525%;
    font-weight: bold;
    color: #000000;
    float: left;
	letter-spacing: -0.08em;
	padding-right: 0.05em;
	/* Lightstone 01/07/08 - Added bottom margin of 0.2 em to align text */
	/*margin-bottom: -0.2em;*/
	line-height: 95%;	
}

.mainpanel-creative-sl
{
	float: left;
	width: 10.8em;				/*Lightstone [was 11em] - with large fonts, 11em was causing APR to fall to next line*/
	padding: 2em 0em 1em 0em; /* top right bottom left */	
}

.mainpanel-rate-value-sl
{
    font-size: 448%;
    font-weight: bold;
    color: #ff6600;
    float: left;
	letter-spacing: -0.08em;
	padding-right: 0.05em;
	line-height: 95%;	
}

.mainpanel-rate-apr-sl
{
    float: left;
    font-size: 70%;
    font-weight: bold;
    color: #ff6600;
	display: block;
	
}


.mainpanel-rate-percent
{
    float: left;
    font-size: 200%;
    font-weight: bold;
    color: #000000;
	display: block;
	padding-top: 0.3em;
}


.mainpanel-rate-apr
{
    float: left;
    font-size: 90%;
    font-weight: bold;
    color: #000000;
	display: block;
	
}

.mainpanel-rate-apr-seo
{
    float: left;
    font-size: 120%;
    font-weight: bold;
    color: #ff0000;
	display: block;
	
}

.mainpanel-rate-legal
{
    float: left;
    font-size: 70%;
    color: black;
	display: block;
	padding-left: 0.1em;
	padding-top: 0.1em;
}

.calculator
{
	float: left;
	width: 13em;
}

.longfeaturepanel
{
	margin:  0.5em 0 0.5em 0; /* top right bottom left */
	float: left;
	width: 43.5em;
}

.longfeaturepanelpd
{
	margin:  0.5em 0 0.5em 0; /* top right bottom left */
	float: left;
	width: 43.5em;
}

.longfeature-inner
{
	padding : 0em 0.3em 0em 0.3em;
}

.longfeaturepanel-heading
{
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #96999C;
	margin: 0; /* top right bottom left */
	float: left;
	width: 42em;
	padding:  0.3em  1.8em 0.3em 0.2em;
}

.longfeaturepanel-heading span
{
	font-weight: bold;
	font-size: 90%;
}

.longfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 43.87em;
	padding: 1em 0 1em 0;
	border: solid 0.0626em #96999C;
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.longfeaturepanel-content {border: solid 0.1em #96999C;}
}

.longfeaturepanelpd-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 43.87em;
	padding: 1em 0 1em 0;
	border: solid 0.0626em #96999C;
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.longfeaturepanelpd-content {border: solid 0.1em #96999C;}
}

.longfeaturepanel ul
{
	/*margin-left: 1.5em;*/
	margin: 0;
	padding-left: 1.5em;
}

.longfeaturepanelpd ol
{
	/*margin-left: 1.5em;*/
	margin: 0;
	padding: 3.5em;
	
	
	
}

.longfeaturepanelpd li
{
	list-style-type: inherit;
	padding-bottom:0.5em;
	
	
}
.longfeaturepanel li
{
	list-style-type:square;
	color: #ff0000;
}

.longfeaturepanel li span
{
	font-size: 80%;
	color: Black;
}
.longfeaturepanelpd li span
{
	font-size: 80%;
	color: Black;
}

/*--  messsage panel --*/
.messagepanel-small
{
	margin: 0em 0 0em 0; /* top right bottom left */
	float: right;
	width: 30em;
	border: solid 0.0626em #96999C;
		
}
.messagepanel-small-content
{
 padding : 0.5em 0.3em 0.5em 1em;/* top right bottom left */
 height: 2.5em;
	font-size: 80%;
	color: Black;
		
}

.messagepanel-small-image
{
float: left;
		
}
.messagepanel
{
	margin: 0.5em 0 0.5em 0; /* top right bottom left */
	float: left;
	width: 43.87em;
	border: solid 0.0626em #96999C;
	background-color: #EDEDED	
}

.messagepanelnarrow
{
	margin: 0.5em 0 0.5em 0; /* top right bottom left */
	float: left;
	width: 42.75em;
	border: solid 0.0626em #96999C;
	background-color: #EDEDED;	
}

.messagepanel-content
{
	padding: 1em 0.3em 0.3em 0.5em;
	font-size: 100%;
	color: Black;
}
.messagepanel-content1
{
	padding: 0.001em 0.3em 0.3em 0.3em;
	
	

}

/*--  competitors panel --*/

.competitorspanel
{
	float: left;
}

/*--  promo panel --*/

#promopanel
{
	float: left;
}

/* 8567 ~ */
.promopanelitem
{
	padding: 0.1em;
    /*margin: 0.1em 0.1em 0.1em 0.1em;*/
    float: left;
    height: 7.5em;
    width: 10.5em;
    /*background-color: silver;*/
}
/* 8606 ~ */
.promopanelheadinglink
{
	color: White !important;
}
.promopanelheading a:active
{
    background-color: transparent;
}
.promopanelheading a:visited
{
    background-color: transparent;
}
/* ~ 8606 */
/*
.promopanelitem
{
    background: url(images/promopanel-backgd.gif) repeat-x;
    background-color: #ffd800;
    float: left;
    margin: 0.4em 0em 0.4em 0em;
    height: 20em;
}
*/

.promopanelbox
{
    width: 100%;
	float: left;
}

.promopanelbox .promopanelbox-t { background: url(/App_Themes/Default/standard-button/images/dot_grey.gif) 0 0 repeat-x #96999C; }
.promopanelbox .promopanelbox-b { background: url(/App_Themes/Default/standard-button/images/dot_grey.gif) 0 100% repeat-x; }
.promopanelbox .promopanelbox-l { background: url(/App_Themes/Default/standard-button/images/dot_grey.gif) 0 0 repeat-y; }
.promopanelbox .promopanelbox-r { background: url(/App_Themes/Default/standard-button/images/dot_grey.gif) 100% 0 repeat-y; }
/* 8567 ~ .promopanelbox .promopanelbox-tl { background: url(/App_Themes/Default/standard-button/images/tl.gif) 0 0 no-repeat; } ~ 8567 */
.promopanelbox .promopanelbox-tr { background: url(/App_Themes/Default/standard-button/images/tr_grey.gif) 100% 0 no-repeat; } 

.promopanelheading
{
	white-space: nowrap;
	color: white!important; 
	text-decoration: none;
	border:0em;
	padding: 0.2em;
	margin-left:.1em;
	background-color:transparent;
	/*cursor: hand;
	cursor: pointer;
	/*Change No. 23 of Redesign Homepage changes ~ */
	position: relative;
	left: 0px;				/*changed by Lightstone [was -3px] - fault #1211*/
	/* ~ Change No. 23  */
	width: 98%;				/*added by Lightstone - fault #1211*/
	font-weight: bold;
	font-size:92%;
}

.promopanelcontent
{
    /*margin: 0.1em 0.1em 0.1em 0.1em;*/
    height: 5.5em;
    /*width: 97.5%;*/
    background-color: #EDEDED;
}

.promopanellink
{
    margin: 0.1em 0.1em 0.1em 0.1em;
    /*height: 6.5em;*/
    width: 100%;
    /*background-color: #EDEDED;*/
    line-height: 1.1em;
}

.promopanellink a
{
	/*color: #003399!important;*/
	font-size: 71%;
}

.promopanellink a:hover
{
	/*color: white;*/
}
.promopanelitem1end
{
    float: left;
}
.promopanelitem2end
{
    float: left;
}
.promopanelitem3end
{
    float: left;
}
.promopanelitem4end
{
	clear: both;
}
.promopanelitem5end
{
    float: left;
}
.promopanelitem6end
{
    float: left;
}
.promopanelitem7end
{
    float: left;
}
.promopanelitem8end
{
	clear: both;
}
/*	~ 8567 */

promopanelitem-inner
{
	width: 100%;
}


.promopanelitem-inner p
{
	font :Arial;
	font-size: 80%;
	color: #000000;
	margin : 0em; /* Added to prevent any margins for firefox and homepage promo panels */
}


#promopanelitem2
{
	margin: 0.4em 0.8em 0.4em 0.8em;
}

.promopanelitem-top
{	
	background: url(images/promopanel-topright.gif) no-repeat right top;	
	width: 13em;
	padding:   0.5em 0.5em 0.0em 0.5em;
	height: 14.5em;
	margin : 0em;
/*	background-color : Purple; */
}


.promopanelitem-topsmall
{	
	background: url(images/promopanel-topright.gif) no-repeat right top;	
	width: 13em;
	padding:   0.5em 0.5em 0.0em 0.5em;
	height: 4.0em;
/*	background-color : Purple;*/
}


.promopanelitem-toplarge
{	
	background: url(images/promopanel-topright.gif) no-repeat right top;	
	width: 13em;
	padding:  0.5em;
	height: 14em;
/*	background-color : Purple;*/
}

.promopanelitem-links
{
    padding: 0em 0.5em 0em  0.5em;   
    height: 4em;
}


.promopanelitem-middle
{
    width: 13em;
    height: 3.5em; 
/*    padding :   1em 0em 0em 0.1em;*/
/*	background-color : Yellow; */
}

.promopanelitem-middlelarge
{
    width: 13em;
    height: 8.5em; 
    padding :   0.1em 0em 0em 0.1em;
/*	background-color : Yellow; */
}



.promopanelitem-bottom
{	
    position : relative;
	bottom: 0em;
    width: 13em;
    padding: 0.0em 0.5em 0em 0.5em;  
    height: 2em; 
/*	background-color : Red; */
}

.promopanelitem-inner
{	
    width: 12em;
    padding:  0em 0.0em 0.0em 0.5em;   
    height: 3.2em;
    /*background-color : Olive;*/

}

.promopanelitem-large
{	
    width: 12em;
    padding: 0.5em 0.5em 0.5em 0.5em;   
    height: 7.5em;
/*    background-color : Green;*/

}


.promopanelitem-inner1
{	
    width: 12em;
    padding: 0.1em;   
    height: 6.6em;
/*    background-color : Gray;*/
}

.promopanelitem-inner2
{	
    width: 12em;
    padding: 0.1em;   
    height: 9.0em;
/*    background-color : yellow;*/
}

.promopanelitem-inner3
{	
    width: 12em;
    padding: 0.1em;   
    height: 5em;
}
.promopanelitem-inner4
{	
    width: 12em;
    padding: 0.1em;   
    height: 5em;
    position: relative; 
    top: -20px;
}

h2.promopanel
{
	font-size: 142%;
	font-weight: bold;
	color: white;
	letter-spacing: -0.05em;
	margin: 0em;
	padding: 0em;
}

p.promopanel
{
	font:"Trebuchet MS";
	font-weight : bold;
	font-size: 100%;
	letter-spacing: 0.05em;
	color: black;
	margin: 0em;
	padding: 0em;
}
/* Added A.Shoker */
.promopanelitem-insurance-rate
{
	height: 2.2em;
	padding :   0.0em 2.0em 0em 2.0em;
	margin : 0em 0em 0em 0em;
	float:left;
	width:9.0em;
/*	background-color : Red;*/
	
}

.promopanelitem-smallratevalue
{
    font-size: 300%;
    font-weight: bold;
    color: white;
    float: left;
	letter-spacing: -0.05em;
	padding-right: 0.05em;
	line-height: 95%;	
	position: relative;
	left: 0.0em;
	top: 0.00em;
	
}

.promopanelitem-rate-subtext
{
	height: 1.5em;
	padding :  0.0em 0.0em 0em 2.0em;
	margin : 0em 0em 0em 0em;
	float:left;
	width:11em;
/*	background-color :Blue;*/
	
}

.promopanelitem-ratetextlarge sup
{
	font-size: 75%;
}


.promopanelitem-rate
{
	height: 3.0em;
	padding :  0.0em 0em 0em 0.0em;
	margin : 0em 0em 0em 0em;
	float:left;
	width:100%;
	/* background-color : Aqua; */
}


.promopanelitem-ratevalue
{
    font-size: 500%;
    font-weight: bold;
    color: white;
    float: left;
	letter-spacing: -0.05em;
	padding-right: 0.05em;
	line-height: 80%;
	/*line-height: 95%;	*/
	position: relative;
	/*left: 0.0em;
	top: 0.00em;*/
}

.promopanelitem-ratepercent
{
    font-size: 217%;
    font-weight: bold;
    color: white;	
	display: block;
	position: relative;
	/*top: 0.20em;*/
}

.promopanelitem-rateaer
{
    font-size: 92%;
    font-weight: bold;
    color: white;
	display: block;
}

.promopanelitem-ratecontents
{
    font-size: 75%;
    font-weight: bold;
    color: white;
	display: block;
}

.promopanelitem-ratetextlarge
{
    font-size: 140%;
    font-weight: bold;
    color: white;
	display: block;
}

.promopanelitem-ratetext
{
    padding: 0.0em 0.0em 0.0em 12.5em;
    font-size: 73%;
    font-weight: bold;
    color: white;
	display: block;
	
}

.promopanelitem-ratedesc
{
    font-size: 78%;
    font-weight: bold;
    color: white;
	display: block;
}


.promopanelitem-subtext-container
{
	float:left;
	padding-left:0.2em;
	padding-top:1.4em;
	width:2.0em;
}



.promopanel-footnote
{
	width: 43.5em;
	text-align: center;
}




p
{
	font :Arial;
	font-size: 80%;
	color: #000000;
}


.legal
{
	font:Arial;
	font-size: 77%;
	color: #666666;
	padding: 1em 0 0em 0;	
}

.small-font
{
	font :Arial;
	font-size: 90%;
	color: Black;
}

.table-footnote
{
	font:Arial;
	font-size: 80%;
	color: Black;
	padding: 0.5em 0 2em 0;
}
.table
{
	font:Arial;
	font-size: 80%;
	color: Black;
	
}


.heading-findoutmore
{	 
	font:Arial;
	font-weight: bold;
	color: #000000;
	padding:  0.3em 2em 2em  8.5em;
}

.promo-link
{	 
	font:Arial;
	font-weight: bold;
	color: #000000;
/*	padding: 0.3em 2em 2em 3em;*/
	font-size: 80%;
	/*Lightstone 30/05/2008 - added to fix jumping effect on CA hub when mouse hovered on "Apply online"
	  IE defaults to "display: inline-block;" */
	display: block;
}


.bold-link , .bold-link:hover, .bold-link:link,.bold-link:visited
{	font-size:80%; 
	font:Arial;
	font-weight: bold;
	color: #000000;
	float:left;
}

a:hover, a:link, a:visited
{
	font:Arial;
	color: #000000;
}
/*

Commented out as knocking out the primary nav A.Shoker 28-May-08

a:focus, a:active
{
	background-color: lightyellow;
	border-style: dotted;
	border-width: 1px;
}
*/
h1
{
	font-size:200%; 
	font:"Trebuchet MS";
	color: #000000;
	margin: 0em 0em 0.2em 0em;
}

h2
{
	font-size:113%; 
	font:"Trebuchet MS";
	color: #000000;
	margin:0em;
}

h3
{ 
	font-size:113%; 
	font:"Trebuchet MS";
	color: #000000; 
	margin: 0em;
}

h4
{
	font-size:95%; 
	font:"Trebuchet MS";
	font-weight : bold;
	color: #ffffff;
	margin: 0em;
}

h5
{
	font-size:80%; 
	font:Arial;
	font-weight :bold;
	color: #000000;
}

h6
{
	font-size:75%; 
	font:Arial;
	font-weight : bold;
	color: #000000;
}

/*

Exisiting customers loan section : existing-personal-loans-customers

*/

.toppanel
{
	float: left;
	width: 29em;				/*Lightstone 04/06/08 #1399 - was 24em - need standard size so rhspromo is aligned correctly*/
	margin: 0.5em 0.5em 0.5em 0;
}

.toppanel1
{
	float: left;
	width: 40em;
	margin: 0.5em 0.5em 0.5em 0;
}

.toppanel li
{
	list-style-type: square;
	color: #ff9500;
}
 
.toppanel h1
{
	color: #000000;
	letter-spacing: -0.1em;
	margin: 0 0 0.3em 0;
}

.toppanel h2
{
	font-size: 85%;
	margin: 0 0 0.3em 0;
}


/*	classes and ids for the "Customers who bought x ..." section	*/
.alsoboughtproductcontainer {
	float: left;
	height: 100%;
}

.alsoboughttoprightcorner {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(alsobought/images/topright-corner.gif);
	height: 40px;
}

.alsoboughtbottomrightcorner {
	border-right: solid 2px #96999C;
	margin-bottom: -9000px;
	padding-bottom: 9000px;
	height: 100%;
}

/* applies to Firefox only */
body:last-child .alsoboughtbottomrightcorner {
	height: 100%;
}

.alsoboughtproductmid, .alsoboughtproductend {
	border-top: solid 2px #96999C;
	float: left;
	margin-bottom: -9000px;
	padding-bottom: 9000px;
	width: 10em;
}

.alsoboughtproductmid {
	border-right: solid 2px #96999C;
}

.alsoboughtright {
	float: left;
	width: 15px;
	margin-bottom: -9000px;
	padding-bottom: 9000px;
}

.alsobought3col, .alsobought2col {
	overflow: hidden;
	clear: both;
}

.alsobought3col {
	width: 44.65em;
}

* html .alsobought3col {
	width: 44.35em;
}

.alsobought2col {
	width: 34.6em;
}

.alsoboughtcontainer {
	border-bottom: solid 2px #96999C;
	float: left;
	clear: both;
	min-height: 5em;
	overflow: visible;
}

.alsoboughtproductlink 
{
	height: 3em;
}

.alsoboughtfeaturestext
{
	min-height: 5em;
	overflow: visible;
}

.alsoboughtgrad {
	border-top: solid 2px #96999C;
	background: #96999C url(alsobought/images/orangebox_backgrad.gif) repeat-x scroll center top;
	float: left;
	width: 12.9em;
	margin-bottom: -9000px;
	padding-bottom: 9000px;
}
	
.alsoboughtstar {
	float: left;
	width: 2.3em;
	height: 3.1em;
	margin: .62em .62em 0em 3px;
	background: url(alsobought/images/orangebox_star_transback.gif) no-repeat left top;
}

.alsoboughthdg {
	float: left;
	width: 8em;
	margin: .62em 0em 0em 3px;
}

.alsoboughthdgtext {
	color: White;
	font-size: 108%;
	font-weight: bold;
}

.alsoboughtprod {
	margin: .62em .62em .62em .62em;	
	height:auto;
}

.alsoboughtprodtext {
	font-size: 75%;
	padding: 4px;
}

br
{
Clear:both;
}



ul 
{
	list-style-image:  url(/assets/images/template/bullet_orange.gif);
}

li 
{
	color:black;
	font: Arial;
	
}

/*
customer service section 
*/

.shortfeaturepanel
{
	margin: 0.5em 0 0.5em 0; /* top right bottom left */
	float: left;
	width: 14em;

}

.shortfeaturepanel-heading
{
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #96999C;
	margin: 0; /* top right bottom left */
	float: left;
	width: 9.6em;
	padding: 0.3em 2em 0.3em 2em;
}

.shortfeaturepanel-heading span
{
	font-weight: bold;
	font-size: 90%;
}

.shortfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 13em;
	padding: 2em 0 2em 0.5em;
	border: solid 0.0626em #96999C;
	background-color: #EDEDED;
}

hr
{

	border: solid 0.0313em grey;
}

.content-inner
{
    float: left;
	margin: 0 0 0 0; /* top right bottom left */
	width: 44.35em;
}

.CSlongfeaturepanel
{
	margin: 0.5em 0 0 0; /* top right bottom left */
	float: left;
	width: 44em;
	background-color: #ffffff;

}

.CSlongfeaturepanel-heading
{
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #96999C;
	margin: 0; /* top right bottom left */
	float: left;
	width: 42em;
	padding: 0.3em 1em 0.3em 1em;
}

.CSlongfeaturepanel-heading span
{
	font-weight: bold;
	font-size: 90%;
}




.CSlongfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 44em;
	padding: 1em 0 0 0;

	background-color: #EDEDED;
}




.CSlongfeaturepanel-content-innerleft
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 22em;
	/*padding: 1em 0 1em 0;*/
	background-color: #EDEDED;
}

.CSlongfeaturepanel-content-innerright
{
	margin: 0 0 0 0; /* top right bottom left */
	float:right;
	width: 20em;
	/*padding: 1em 0 1em 0;*/
	background-color: #EDEDED;
}
.CSlongfeaturepanel-content-innerbottom
{
	margin: 1em 0 0 0; /* top right bottom left */
	float:left;
	height: 1em;
	padding: 1em 0 1em 0;
	background-color: #FFF9F1;
}

.CSlongfeaturepanel ul
{
	/*margin-left: 1.5em;*/
	margin: 0;
	padding-left: 1.5em;
}

.CSlongfeaturepanel li
{
	list-style-type: square;
	color: #ff0000;
}

.CSlongfeaturepanel li span
{
	font-size: 80%;
	color: Black;
}

.shortfeaturepanel-main
{
	margin: 0.5em 0 0.5em 0; /* top right bottom left */
	float: left;
	width: 21em;			/*Lightstone #1399[03/06/08] - was 22em;*/
}

.shortfeaturepanel-heading-main
{
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #96999C;
	float: left;
	width: 100%;				/*Lightstone #1399[03/06/08] - set width in percent*/
	/*width: 19.5em;*/
	border-left: solid 0.1252em #96999C;	/*Lightstone - set left border only, make twice the width of content DIV (left + right border)*/
	margin: 0em; /* top right bottom left */
	padding: 0.3em 0em 0.3em 0em;		/*Lightstone 03/06/08 - was padding: 0.3em 1em 0.3em 1em;*/
}

.shortfeaturepanel-heading-main span
{
	font-weight: bold;
	font-size: 90%;
}

.shortfeaturepanel-content-main
{
	float: left;
	width: 100%;
	border: solid 0.0626em #96999C;
	margin: 0em; /* top right bottom left */
	/*Lightstone #1399[03/06/08] - removed the following, using width in percents, padding affects different font sizes*/
	/*width: 20.9em;*/
	/*padding: 0.5em 0 0 0.5em;		/*2.3em 0 0 0.5em;*/
	/*background-color: #FFF9F1;*/
}
/* Lightstone - Safari specific - 29/05/2008 make border 0.1em*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.shortfeaturepanel-content-main { border: solid 0.1em #96999C; }
	.shortfeaturepanel-heading-main { border-left: solid 0.18em #96999C; }
}

.shortfeaturepanel-main-right
{
	margin: 0.5em 0 0.5em 0; /* top right bottom left */
	float: right;
	width: 22em;

}

.shortfeaturepanel-heading-main-right
{
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #96999C;
	margin: 0; /* top right bottom left */
	float: left;
	width: 17.5em;
	padding: 0.3em 2em 0.3em 2em;
}

.shortfeaturepanel-heading-main-right span
{
	font-weight: bold;
	font-size: 90%;
}

.shortfeaturepanel-content-main-right
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 20.8em;
	padding: 2em 0 2em 0.5em;
	border: solid 0.0626em #96999C;
	background-color: #EDEDED;
}

.datatableheader
{
	font-weight: bold;
	color: #ffffff;
	background-color: #ff0000;
	padding-bottom: 6px;
	padding-top: 6px;
    padding-right: 8px;
	padding-left: 8px;
	line-height: 120%;
    /*width: 21em;*/
    font-size: 90%;
}

.datatablecelllight
{
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 8px;
	padding-left: 8px;
	border-left: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	width: 21em;
	font-size: 90%;
}



/*

*/


.NavigationPanel
{
 position: absolute;
 bottom: 0em;
 vertical-align:baseline;	
 padding : 0.0em 0.0em 0.5em 0.0em;
}


.mainpanel-content-ca
{
	background: url(images/mainpanel-topright.gif) no-repeat right top;	
	float: right;
	width: 27em;
	padding: 1em 0.5em 0em 0em; /* top right bottom left */	
}


/* Promopanel Right hand side */


/*--  promo panel --*/

#rhspromopanel
{
	float: right;					/* LS 04/06/08 - was float: right*/
	padding-right: 0.3em;
/*	padding-left :0.7em;
	width:14em;*/
}

.rhspromopanelitem
{
    background: url(images/greyedge_box.gif) repeat-x;
    background-color: #ffffff;
    float: left;
/*    margin: 0.4em 0em 0.4em 0em; */

    height: 11em;
}


.rhspromopanelitem-top
{	
	/*background: url(images/promopanel-topright.gif) no-repeat right top;*/
	width: 13.35em;
	padding: 0.5em;
	/*height: 5em;*/
}

.rhspromopanelitem-bottom
{	
    width: 13em;
    padding: 0.5em;   

}

.rhspromopanelitem-top h2
{
	font-size: 142%;
	font-weight: bold;
	color: #000000;
	letter-spacing: -0.05em;
	margin: 0em;
	padding: 0em;
}

.rhspromopanelitem-top h3
{
	font-size: 100%;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: black;
	margin: 0em;
	padding: 0em;
}

.rhspromopanelitem-top p
{
	font-size: 80%;
	color: black;
	margin: 0em;
	/*padding-top: 0.5em;*/
	padding-bottom: 0.5em;
	
}





/* End of Promopanel Right hand side */


.featurepanel-topheadline
{
font-size: 91%;
font: Arial;	
font-weight:bold;
color:	#000000;
padding : 0em 0em 0em 0.5em;
margin : 0em 0em 0em 0em;
}
.featurepanel-content
{
	padding-left:0.5em;
}


.compare
{
font-size: 82%;
font: Arial;	
font-weight:bold;
color:	#ff0000;
padding : 0em 0em 0em 0.5em;
/* float:right;*/
vertical-align:top;
/*position: relative;*/		/*Lightstone - this stops the field from overlapping adjacent controls on the right */
float: left;
margin-left: 1em;

padding: 0;
margin-top: 0.6em;
left:0.15em;
}



/* CURRENTACCOUNTS HUB PAGE BOXES*/

.CAlongfeaturepanel
{
	
	float: left;
	width: 21em;
	padding: 0.5em 0.3em 0.5em 0.5em; 

}

.CAlongfeaturepanel-heading
{
	margin: 0; /* top right bottom left */
	float: left;
	width: 21.18em; /* Changed ie 8 */
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #96999C;
	padding: 0.3em 0em 0.3em 0em;
}

.CAlongfeaturepanel-heading span
{
	font-weight: bold;
	font-size: 90%;
	padding: 0em 0em 0em  1em; 
	width: 21em;
}

.CAlongfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 21em;
	padding:  0.5em 0 1em 0; 
	border: solid 0.0626em #96999C;
/*	height: 17em;*/
	position : relative;
}

.CAlongfeaturepanel-content-1
{
	height: 22.0em;
}

.CAlongfeaturepanel-content-2
{
	height: 32.0em;
}

.INSlongfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 21em;
	padding:  0.5em 0 1em 0; 
	border: solid 0.0626em #96999C;
/*	height: 17em;*/
	position : relative;
	height: 12.0em;
}
.CAlongfeaturepanel-content-savingshub
{
	height: 22.0em;			/*Lightstone - need larger height for Savings panel in IE and Firefox with small fonts*/
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.CAlongfeaturepanel-content-savingshub {height: 18.0em;}	/*Lightstone - restore to original size for Safari - MDT changed 24.10.08 BAU8436*/
}

CAlongfeaturepanel-content-medium
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 21em;
	padding:  1em 0 1em 0; 
	border: solid 0.0626em #ff0000;
	position : relative;
	height: 17em;
	
}
/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.CAlongfeaturepanel-content {border: solid 0.1em #ff0000;}
.CAlongfeaturepanel-content-medium {border: solid 0.1em #ff0000;}
}

.CAlongfeaturepanel ul
{
	margin-left: 1em;
	margin: 0;
	padding: 1.5em 0em 1em 1.5em;
}

.CAlongfeaturepanel li
{
	list-style-type: square;
	color: #ff0000;
}

.CAlongfeaturepanel li span
{
	font-size: 80%;
	color: Black;
}


.currcompare
{
   /* float:right;*/
    vertical-align:top;
    
    /*position: relative;*/
    float: left;
    margin-left: 0.5em;
    
	font-size: 75%;
	font: Arial;	
	font-weight:bold;
	color:	#ff0000;    
	padding: 0;
	margin-top: 0.6em;
	left:1em;	
}
.findoutmore
{
    float:left;
    vertical-align: middle ;
    position: relative;
    padding: 0.5em 0 0 1.0em;
    
}




/* END OF CURRENTACCOUNTS HUB PAGE BOXES*/


/* SP mortgage section*/

.productinfobox
{
	float:left;
	width: 22em;
	border:1px;
	border-style: solid;
	border-color: blue;
}

.productinforow
{
	float:left;
	width: 44em;
/*	border:1px;
	border-style: solid;
	border-color: blue;*/
}

#productbanner-image img
{
/*	width: 9.5em;*/
	
}

.productmainpanel
{
	background: url(images/mainpanel-backgd.gif) no-repeat right top;	
/*	float: left;*/
/*	width: 29em;*/
	margin: 0.5em 0.5em 0.5em 0;
}

.productmainpanel-long-content
{
	background: url(images/mainpanel-topright.gif) no-repeat right top;	
/*	float: right;*/
/*	width: 29em;*/
	padding: 1em 0.5em 1em 1em; /* top right bottom left */	
/*	height: 10.8em;*/
}

.productmainpanel h1
{
	color: #000000;
	letter-spacing: -0.1em;
	margin: 0 0 0.3em 0;
}

.productmainpanel h2
{
	font-size: 85%;
	margin: 0 0 0.3em 0;
}

.mainpanel-rate-value-savings
{
    font-size: 371%;
    font-weight: bold;
    color: #000000;
    float: left;
	letter-spacing: -0.08em;
	padding-right: 0.05em;
	line-height: 95%;	
}

.tabbedTable
{
   font:Arial
   color:#003399;
   width:120px;
   height:40px;
   background-color:#e0dfe3;
   border-style:none;
   border-color:#FFCC99;
}

/* IB */

.IBlongfeaturepanel
{
	
	float: left;
	width: 21em;
	padding: 0.5em 0.3em 0.5em 0.5em; 
 height: 35em
}

.IBlongfeaturepanel-heading
{
	margin: 0; /* top right bottom left */
	float: left;
	width: 21em;
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #ff9500;
	padding: 0.4em 0em 1em 0.1em;
}

.IBlongfeaturepanel-heading span
{
	font-weight: bold;
	font-size: 90%;
	padding: 0em 0em 0em  1em; 
	width: 21em;
}



.IBlongfeaturepanel ul
{
	margin-left: 1em;
	margin: 0;
	padding: 1.5em 0em 1em 1.5em;
}

.IBlongfeaturepanel li
{
	list-style-type: square;
	color: #ff9500;
}

.IBlongfeaturepanel li span
{
	font-size: 80%;
	color: Black;
}

.container
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 44.35em; /* PLEASE DO NOT CHANGE - optimal setting 44.35 - See Amardip  */
	padding:  0 0 0 0; 
	
	height:auto;
}

.container li
{
	list-style-type: square;
	color: #ff9500;
}

.container1
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 45em;
	padding:  0 0 0 0; 	
	height:auto;
}

.container1 li
{
	list-style-type: square;
	color: #ff9500;
}

.container2
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 45em;
	padding:  1em 0 0 0; 
	
	height:5em;
}

.container2 li
{
	list-style-type: square;
	color: #ff9500;
}

.container3
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 45em;
	padding:  1em 0 1em 0; 
	
	height:20em;
}

.container3 li
{
	list-style-type: square;
	color: #ff9500;
}

/*PLUS BENEFITS*/

#promopanel-plus
{
	float: left;
}

.promopanelitem-plus
{
    background: url(images/promopanel-backgd.gif) repeat-x;
    background-color: #ffd800;
    float: left;
    margin: 0em 0em 0.4em 0.4em;
    height: 15em;

}
.promopanelitem-long
{
    background: url(images/promopanel-backgd.gif) repeat-x;
    background-color: #ffd800;
    float: left;
    margin: 0em 0em 0.4em 0em;
    height: 30.6em;  
}


.promopanelitem-top-plus
{	
	position:relative;
	background: url(images/promopanel-topright.gif) no-repeat right top;		
	height: 1em;	
}

.promopanelitem-middle-plus
{	
	position:relative;	
	height: 10em;	
	padding: 0em 0.5em 0.5em 0.5em;
}


.promopanelitem-long, .promopanelitem-top-plus, .promopanelitem-plus
{
	width:10em;  
}

.promopanelitem-middle-plus h2
{
	font-size: 142%;
	font-weight: bold;
	color: white;
	letter-spacing: -0.05em;
	margin: 0em;
	padding: 0em;
}

.promopanelitem-middle-plus h3
{
	font-size: 100%;
	font-weight: bold;
	color: white;
	letter-spacing: -0.05em;
	margin: 0em;
	padding: 0em;
}

.promopanelitem-middle-plus p
{
	font-size: 83%;
	color: white;
	margin: 0em;
	padding-bottom: 0.5em;
	
}

.promopanelitem-bottom-plus h3
{
	font-size: 100%;
	font-weight: bold;
	color: white;
	letter-spacing: -0.05em;
	margin: 0em;
	padding: 0em;
}

.promopanelitem-bottom-plus
{	
    width: 7em;
    padding: 0.5em 0 0 0.5em;
    vertical-align:bottom;
    margin-top: 0.25em;
}

.container5
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 45em;
	padding:  1em 0 1em 0; 
	
	height:21em;
}

.container6
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 45em;
	padding:  1em 0 1em 0; 
	
	height:5em;
}


.contentholder
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 42em;
	padding:  1em 0 1em 0; 
}




/*
Company :  Lightstone Interactive
Date :  03/2008
*/

/* cactus image - current-accounts/product-compare.aspx*/


#topInfoImage {
	position:absolute;
	top:9.5em;
	left:3em;
	width:92px;
	height:176px;
	background-image:url("/assets/images/currentaccounts/investments1.gif");
}
.smallText {
	font-size:85%;
}
#openQuoteMark {
	position:relative;
	top:1em;
	left:0.5em;
	width:21px;
	height:16px;
	background-image:url("/assets/images/currentaccounts/open_quote_mark.gif");
}
#quote {
	position:relative;
	top:0em;
	left:2.9em;
	width:12em;
	margin-bottom:1em;
	min-height:10em;
	font-size:80%;
}
#closeQuoteMark {
	position:relative;
	float:right;
	top:-10px;
	left:22px;
	width:21px;
	height:16px;
	background-image:url("/assets/images/currentaccounts/quote_mark.gif");
}
#customerName {
	position:relative;
	font-size:75%;
	display:block;
	top:15px;
}
#CurrentAccountQuoteBox {
	float:left;
	margin:0.5em 0pt 0pt 0.5em;
	width:14em;
	border:1px solid #ff9706;
	background-color:#fffaf2;
}
#CurrentAccountQuoteBoxCorner {
	position:relative;
	left:12.8em;
	top:-1px;
	height:20px;
	width:20px;
	background-image:url("/assets/images/currentaccounts/quoteBoxCorner.gif");
	background-repeat:no-repeat;
}

#ctl00_MainContent_RFSSavingsCalculatorQuery1_CalculateButton {
	position:relative;
	display :block;
	float:left;
	margin-top:20px;
	/*background-color:lime;*/    /*removed by Lightstone */
}

.toolpanel {
	top:7.6em;
/*	position:absolute;
	left:728px;*/
}

/* MORTGAGES */

.Mlongfeaturepanel
{
	
	float: left;
	width: 21em;
	padding: 0.5em 0.3em 0.5em 0em; 

}

.Mlongfeaturepanel-heading
{
	margin: 0; /* top right bottom left */
	float: left;
	width: 21.1em;
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #96999C;
	padding: 0.3em 0em 0.3em 0em;
}

.Mlongfeaturepanel-heading span
{
	font-weight: bold;
	font-size: 90%;
	padding: 0em 0em 0em  1em; 
	width: 21em;
}

.Mlongfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 21em;
	padding:  0.5em 0 1em 0; 
	border: solid 0.0626em #96999c;
	height: 9.5em;
	position : relative;
}

/* Lightstone Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.Mlongfeaturepanel-content {border: solid 0.1em #ff9500;}
}

.Mlongfeaturepanel ul
{
	margin-left: 1em;
	margin: 0;
	padding: 1.5em 0em 1em 1.5em;
}

.Mlongfeaturepanel li
{
	list-style-type: square;
	color: #ff9500;
}

.Mlongfeaturepanel li span
{
	font-size: 80%;
	color: Black;
	
	}

/*
	The following css is used for current accounts section :-
		product hub page.
		product detail pages.
*/

 
 
h2.panel
{
	margin-left : 1.0em;
	font: "Trebuchet MS";
	font-weight: bold;
	font-size: 100%;
	padding : 0em 0em 0em 0em;
	margin:  0.0em 0.0em 0.0em 0.5em;
	color: #FFFFFF;
}

h2.mortpanel
{
	margin:  0.0em 0.0em 0.0em 0.0em;
}


h2.rhsheading
{
	font: "Trebuchet MS";
	font-weight: bold;
	font-size: 120%;
	/* Lightstone 01/07/08 - padding top changed from 0.5 to 0.3 */
	padding : 0.3em 0em 0em 0em;
	margin:  0.0em 0.0em 0.0em 0.0em;
}


.mainpanel-content-ca p
{
	font-size:100%; 
	font:"Trebuchet MS";
	font-weight: bold;
	color: #000000;
	padding : 0em 0em 0em 0em;
	margin:  0.0em 0.0em 0.0em 0.0em;
	line-height : 1.0em;
}

.panel-heading
{
	font-size:100%; 
	font:"Trebuchet MS";
	font-weight: bold;
	color: #000000;
	padding : 0em 0em 0em 0em;
	margin:  0.0em 0.0em 0.0em 0.0em;
	line-height : 1.0em;
	
}


.heading
{

	font-size: 142%;
	font-weight: bold;
	color: white;
	letter-spacing: -0.05em;
	margin: 0em;
	padding: 0em;
}

ul.featurelist 
{
	list-style-image:  url(/assets/images/template/bullet_orange.gif);
	padding-top :  0.5em;
	padding-bottom :  0em;
	
}

ul.featurelist li 
{
	color:black;
	font: Arial;
	font-size: 80%; /* font size 10pt. */
}

ol.featurelist 
{
	
	padding-top :  0.5em;
	padding-bottom :  0em;
	
}

ol.featurelist li 
{
	color:black;
	font: Arial;
	font-size: 80%; /* font size 10pt. */
}


ul.featurelistlegal 
{
	list-style-image:  url(/assets/images/template/bullet_orange.gif);
	padding-top :  0.5em;
	padding-bottom :  0em;
	
}

ul.featurelistlegal li 
{
	font:Arial;
	font-size: 77%;
	color: #666666;

}



.IBlongfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 21em;
	padding:  1em 0 1em .5; 
	border: solid 0.0626em #96999C;
	height: 24em;
	position : relative;
	
}


/*--  Added as container for main panel without background colour for secure results page --*/

.mainpanelblank
{
	float: left;
	width: 29em;
	margin:  0.3em  0.5em 0em  0em ;
	height: 11em;
    position: relative; 
	top: -0.35em;

}


.container7
{
	margin: 0 2em 0 0; /* top right bottom left */
	float: left;
	width: 44em;
	padding:  1em 0 1em 0; 
	height:5em;
}

.container8
{
	margin: 0 2em 0 0; /* top right bottom left */
	float: left;
	width: 44em;
	padding:  1em 0 1em 0; 
	height:33em;
}


.container11
{
	margin: 0 2em 0 0; /* top right bottom left */
	float: left;
	width: 44em;
	padding:  1em 0 1em 0; 
	height:33em;
}

h3.assist
{
	font-size:110%; 
	font:Arial;
	font-weight : bold;
	color: #000000;
}

/*	Telephone number	*/
.telephone-number
{
	white-space: nowrap;
}
/*.secondarycontainer
{
    position : relative; 
	top: -0.48em;
	left: -0.45em;
}*/
.custservicesShortPanel
{
    position: relative; 
    top: -2.0em;
}





.interestrates-table table 
{
	width: 44em;
	border-bottom: solid 2px #96999C;
	border-left: solid 2px #96999C;	
}

.interestrates-monthlycost, .interestrates-monthlycost-ca
{	
	padding: 0.6em 1em 0.6em 1em;
	font-size: 0.75em;
	text-align: center;
	border-top: solid 2px #96999C;
	border-right: solid 0.0626em #96999C;
}

.interestrates-monthlycost
{
	width: 36%;
}

.interestrates-apr,
.interestrates-apr-ca,
.interestrates-savingsamount,
.interestrates-totalpayable
{
	padding: 0.6em 1em 0.6em 1em;
	font-size: 0.75em;
	text-align: center;
}

.interestrates-apr
{
	background-color: #EDEDED;
}

.interestrates-loanname,
.interestrates-apr,
.interestrates-apr-ca,
.interestrates-monthlycost-ca,
.interestrates-monthlycost
{
	border-top: solid 0.0626em #96999C;	
}

.interestrates-loanname
{
	padding: 0.6em 1em 0.6em 1em;
	font-size: 0.75em;
	border-right: solid 0.0626em #96999C;	
	border-top: solid 2px #96999C;
	width: 28%;
}

.interestrates-apr, .interestrates-apr-ca
{
	border-right: solid 2px #96999C;
}

.interestrates-apr
{
	background: #ffffff url(images/rightarrow.gif) no-repeat center left;
}

.interestrates-header .interestrates-loanname,
.interestrates-header .interestrates-apr,
.interestrates-header .interestrates-monthlycost,
.interestrates-header .interestrates-totalpayable
{
	padding: 0.9em 1em 0.9em 1em;
}

.interestrates-header .interestrates-monthlycost-ca,
.interestrates-header .interestrates-totalpayable-ca
{
	border-bottom: solid 1px #96999C;
}

 .interestrates-header .interestrates-monthlycost, .interestrates-header .interestrates-monthlycost-ca
{
	border-top: solid 2px #96999C;
}

.interestrates-totalpayable
{
	width: 36%;
}

.interestrates-totalpayable, .interestrates-totalpayable-ca
{
	background: transparent url(images/curve.gif) no-repeat right top;
}

.interestrates-monthlycost-percent
{
	border-left: solid 0.0626em #96999C;
	border-top: solid 0.0626em #96999C;
	border-right: solid 0.0626em #96999C;
	font-size: 0.75em;
	text-align: center;
	background: #ffffff url(images/rightarrow.gif) no-repeat center left;
	padding: 0.9em 1em 0.9em 1em;
}

.interestrates-savingsrange
{
	border-top: solid 0.0626em #96999C;
	border-right: solid 0.0626em #96999C;
	text-align: left;
	font-size: 0.75em;
	padding: 0.9em 1em 0.9em 1em;
}

.interestrates-monthlycost16,
.interestrates-totalpayable16
{
	width: 18%;
}

.interestrates-totalpayable-ca
{
	font-size: 0.75em;
}

.currentaccountcompetitors-table
{
	padding: 2px;
}

.currentaccountcompetitors-table table
{
	width: 44em;
	border-left: solid 2px #96999C;
	border-bottom: solid 2px #96999C;
}

.currentaccountcompetitors-monthlycost
{	
	padding: 0.6em 1em 0.6em 1em;
	font-size: 0.75em;
	background-color: #EDEDED;
	text-align: center;
	border-right: solid 0.0626em #96999C;
}

.currentaccountcompetitors-lastcol
{	
	padding: 0.6em 1em 0.6em 1em;
	font-size: 0.75em;
	background: #FFFFFF url(images/rightarrow.gif) no-repeat center left;
	text-align: center;
	border-top: solid 0.0626em #96999C;
	border-right: solid 2px #96999C;
}

.currentaccountcompetitors-apr
{
	padding: 0.6em 1em 0.6em 1em;
	font-size: 0.75em;
	background-color: #EDEDED;
	text-align: center;
}

.currentaccountcompetitors-loanname,
.currentaccountcompetitors-apr,
.currentaccountcompetitors-monthlycost
{
	border-top: solid 0.0626em #96999C;
}

.currentaccountcompetitors-loanname
{
	padding: 0.6em 1em 0.6em 1em;
	text-align: left;
	font-size: 0.75em;
	border-right: solid 0.0626em #96999C;
}

.currentaccountcompetitors-apr
{
	background: #FFFFFF url(images/rightarrow.gif) no-repeat center left;
	border-right: solid 0.0626em #96999C;
}

.currentaccountcompetitors-highlight .currentaccountcompetitors-loanname,
.currentaccountcompetitors-highlight .currentaccountcompetitors-apr
{
	border-right: solid 0.0626em white;
}

.currentaccountcompetitors-highlight .currentaccountcompetitors-loanname,
.currentaccountcompetitors-highlight .currentaccountcompetitors-apr,
.currentaccountcompetitors-highlight .currentaccountcompetitors-lastcol
{
	background-image: none;
	background-color: #ff0000;
	color: white;
	font-weight: bold;
}

.currentaccountcompetitors-header .currentaccountcompetitors-loanname,
.currentaccountcompetitors-header .currentaccountcompetitors-monthlycost,
.currentaccountcompetitors-header .currentaccountcompetitors-lastcol
{
	background-color: Transparent;
	padding: 0.9em 1em 0.9em 1em;
}

.currentaccountcompetitors-header .currentaccountcompetitors-loanname,
.currentaccountcompetitors-header .currentaccountcompetitors-monthlycost
{
	border-top: solid 2px #96999C;
}

.currentaccountcompetitors-header .currentaccountcompetitors-lastcol
{
	border: none;
	background: transparent url(images/curve.gif) no-repeat top right;
}

.competitorspanel .currentaccountcompetitors-table table tr.currentaccountcompetitors-highlight td
{
	font-size: 105%;
}

/*added by Lightstone*/
body:last-child #search
{
    padding: 0em;
}

/* start of benefits calculator styles */
#benefitsCalc .benefitscalculatorrow {
	position:relative;
	display:block;
	left:0px;
	min-height:2em;
	clear:right;
	overflow:visible;
	margin-bottom:-1em;
	padding-bottom:0;
	clear:both;
	margin-top:-0.7em;
}
body:last-child #benefitsCalc .benefitscalculatorrow 
{
	margin-top:0!important;
	margin-bottom:-0.5em!important;
	padding-left:2px;
}

#benefitsCalc .informationImage
{
	border:none;
	clear:none;
	padding:0;
	margin:0;
}
#benefitsCalc .informationLink
{
	padding:0;
	margin:0;
	position:relative;
	top:4px!important;
}
#benefitsCalc input {
	margin-top:-0.1em;
}
#benefitsCalc fieldset {
	border:none;
}
#benefitsCalc label {
	margin-bottom:0em;
	top:-0.2em;
	width:35em;
	float:left;
	display:block;
	position:relative;
	color:Black;
	padding:0;
	margin:0;
	left:-0.9em;
}

#benefitsCalc div fieldset legend {
	width:35em;
	float:left;
	display:block;
	position:relative;
	margin-bottom:0em;
}
#benefitsCalc .questioncol1, #benefitsCalc .questioncol2, #benefitsCalc .questioncol3 {
	width:16em;
	float:left;
	display:block;
	position:relative;
}
#benefitsCalc .questioncol1 {
	left:0em;
}
#benefitsCalc .questioncol2 {
	left:5.1em;
}
#benefitsCalc .questioncol3 {
	left:9em!important;
	float:right;
}
/* different beahviour in fieldsets */
#benefitsCalc fieldset .questioncol3 {
	left:10em;
	float:right;
	top:-1.7em;
}
body:last-child #benefitsCalc fieldset .questioncol3
{
	top:-0.7em!important;
	left:10.5em!important;
}
* html #benefitsCalc fieldset .questioncol3
{
	padding-top:1px;
}
#benefitsCalc .questioncol3alttop
{
	top:-1.7em!important;
}
body:last-child #benefitsCalc .questioncol3alttop
{
	padding-top:0.3em!important;
}

#benefitsCalc .seperator
{
    border-top: solid 1px #CCCCCC;
    margin-top:5px;
    margin-bottom:5px;
    width:100%;
}
body:last-child #benefitsCalc .seperator
{
	padding-bottom: 10px;
}

#benefitsCalc .pound {
	position:relative;
	width:1em;
	top:0.2em;
	display:block;
	float:left;
	left:-1em;
	margin-right:-1em;
}

.mortgageTelephoneNumber
{
	color: #FF0000;
}

#benefitsCalc p
{
	margin-bottom: 1.5em;
}

#benefitsCalc h2
{
	margin-top: 0.5em;
}
/* end of benefits calculator styles */

/* Added the style for the right nav quick link for current accounts Jit 30/05/2008*/
.rhsnav
{
	font:Arial;
	font-size: 100%;
	margin: 0em;
	padding: 0em;
}
.webchatbutton
{
    position: relative;
    top: 0.5em;
    /*padding-top: 0.5em;*/
    padding-bottom: 1.0em;
}

/*Lightstone [03/06/08]: use this as a second additional class when float:right is needed, avoids having to use inline style.*/
.floatright
{
	float: right;
}


/*Lightstone: used for aligning buttons on Mortgages hub with in fixed spaces*/

.Mfindoutmore
{
	float: left;
	vertical-align: middle ;
	position: relative;
	padding: 0.4em;
}

/* Lightstone: Fixes for IE6 repaint and scrolling issues */
* html .savingscalculator-query-t, * html .loancalculator-query-t
{
	height: 10em;
}

/* customer review css */
.customerReviewContainer
{
    cursor:pointer;
}
.customerReviewDefaultCursor
{
	cursor:default;
}
.customerReviewContainer .ratingSelected, .customerReviewContainer .ratingNotSelected,
.customerReviewContainer .ratingHalfSelected
{
	background-repeat:no-repeat;
	display:inline;
	float: left;
	width: 16px;
	height: 16px;
}
.customerReviewContainer .reviewDropDown
{
}
.customerReviewContainer .ratingSelected
{
	background-image: url("/assets/images/reviews/RatedStar.gif");
}
.customerReviewContainer .ratingNotSelected
{
	background-image: url("/assets/images/reviews/UnratedStar.gif");
}
.customerReviewContainer .ratingHalfSelected
{
	background-image: url("/assets/images/reviews/RatedHalfStar.gif");
}
/* end of customer review css */

/* customer review panel secondary nav */
.customerReviewProduct 
{
	font-weight: bold;
}
.productReview {
    padding-top: 0.1em;
}
.reviewerDetails {
    text-align: right;
}
.productTitle 
{
	font-weight: bold;
}
#ratings {
    display: block;
    padding-top: 0.1em;
    /*bottom: 1em;*/
}
#starRating {
    display: inline;
    float: left;
}
#starsTitle 
{
	font-weight: bold;
}
#reviewLinks {
    display: inline;
    position: relative;
    float: right;
}
.addReviewLink {
    display: block;
    color: Black!important;
}
.moreReviewsLink {
    display: block;
    color: Black!important;
}
.customerreviewpanel-promo 
{
	font-size: 80%!important;
	height: 9.5em;
	bottom: 0em;
	padding-top: 1em;
}
/* end of customer review panel secondary nav */

/* application thank you */
.emailMeTheseOffersContainer
{
	width: 42em;
}

/* BEGIN More Customer Reviews Page*/
.Mlongfeaturepanel
		{
			float: left;
			width: 21em;
			padding: 0.5em 0.3em 0.5em 0em; 
		}
		.CustomerReviewItems .Mlongfeaturepanel
		{
			width:43.6em;
		}
		.CustomerReviewItems .Mlongfeaturepanel-heading
		{
			width:43.75em;
		}
		.CustomerReviewItems .Mlongfeaturepanel-heading h2
		{
			float:left;
		}
		.CustomerReviewItems .Mlongfeaturepanel-content
		{
			width:43.6em;
			height: auto;
		}
		.CustomerReviewItems h2
		{
			width: 26em;
		}
		.CustomerReviewItems .CustomerReviewOverallRating
		{
			float:left;
			margin-left:1.5em;
		}
		.CustomerReviewItems .CustomerReviewOverallRating .CustomerReviewColumn1
		{
			display:inline;
			float:left;
			font-weight:bold;
			width: 8.5em;
		}
		.CustomerReviewItems .CustomerReviewText
		{
			width: 26em;
			float:left;
		}
		
		.CustomerReviewItems .CustomerReviewRatings
		{
			margin-left: 27.7em;
		}
		.CustomerReviewItems .CustomerReviewRatingsRow
		{
			display:block
		}
		.CustomerReviewItems .CustomerReviewRatingsRow .CustomerReviewRatingsColumn1,
		.CustomerReviewItems .CustomerReviewRatingsRow .CustomerReviewRatingsColumn2
		{
			float:left;
            display:inline;
		}
		.CustomerReviewItems .CustomerReviewRatingsRow .CustomerReviewRatingsColumn1
		{
			width: 8.4em;
		}
		.CustomerReviewItems .CustomerReviewRatingsRow .CustomerReviewRatingsColumn2
		{
		}
		.CustomerReviewItems .CustomerReviewText p,
		.CustomerReviewItems .CustomerReviewRatingsRow .CustomerReviewRatingsColumn1 p
		{
			margin-top: 0.4em;
			margin-bottom: 0.4em;
		}
		
		.CustomerReviewItems .CustomerReviewRatingsRow .CustomerReviewRatingsColumn2 .customerReviewContainer 
		{
			margin-top:0.25em;
		}
		.CustomerReviewItems .boldText
		{
			font-weight:bold;
		}
		.CustomerReviewSortContainer
		{
			float:left;
			width:43.4em;
		}
		body:last-child .CustomerReviewSortContainer
		{
			padding-right: 1em;
		}
		.CustomerReviewsPaging
		{
			display:block;
			clear:both;
			float:right;
			margin-right:2em;
		}
		
		.CustomerReviewsPaging .pagingSelected
		{
			font-weight:bold;
		}
		
		* html .CustomerReviewSortContainer
		{
			margin-right:0.5em;
		}
		* html .CustomerReviewsPaging
		{
			margin-right:1em;
		}
		* html .CustomerReviewItems .Mlongfeaturepanel-heading h2
		{
			margin-left:0.22em;
		}
/* END More Customer Reviews Page */

/* START Specific AdRotator Styles */
#adrotatorcontainertesthome1 
{
    z-index: 10;
    width: 43.5em;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

#adrotatorcontainertesthome1 #rotatingadplaceholder_adrotator1
{
	text-align: center;
    width: 43.5em;
}

#adrotatorcontainertesthome1 #selectyourdeal_adrotator1
{
    text-align: center;
    height: 2em;
    padding-top: 0.7em;
    font-size: 0.9em;
    color: #000000;
    font-weight: bold;
    position: relative;
    display: block;
    margin-top: -2.5em;
    z-index: 50;
}

#adrotatorcontainertesthome1 #selectyourdeal_adrotator1 a 
{
    display:inline-block;
    color: #000000;
    left:0px;
    text-decoration: none;
    background-position: top left;
    background-image: url(/assets/images/adrotator/selectyourdeallinkbackground.gif);
    background-repeat: repeat-x;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

#adrotatorcontainertesthome1 #selectyourdeal_adrotator1 a.selectedad 
{
    color: #ffffff;
    text-decoration: none;
    background-position: top left;
    background-image: url(/assets/images/adrotator/selectyourdeallinkbackgroundselected.gif);
    background-repeat: repeat-x;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

#adrotatorcontainertesthome1 #rotatingadplaceholder_adrotator1 img
{
    width: 43.5em;
}

#adrotatorcontainertesthome1 #rotatingadplaceholder_adrotator1 img#adImage_adrotator1
{
	height: 17.5em;
}

#adrotatorcontainertesthome1 #rotatingadplaceholder_adrotator1 img#selectyourdealbackground_adrotator1
{
    height: 2em;
}

/* END Specific AdRotator Styles */


/*	8458 what you get user controls ~	*/

.whatyouget
{
display:inline;
float:left;
width:9.63em;
height:6.88em;
background-image:url(/assets/images/currentaccounts/Line.jpg);
background-repeat:repeat-x;
background-color: #fdd900;
}

.whatyougetleft
{
margin-left:1.25em;
}

.whatyougetother
{
margin-left:0.63em;
}

.whatyougetcorner
{
background-image:url(/assets/images/currentaccounts/Corner.jpg);
width:9.00em;
height:6.25em;
background-repeat:no-repeat;
background-position:right top;
padding-top:0.63em;
padding-left:0.63em;
}

.whatyougetnumber
{
width:9.00em;
height:6.25em;
background-repeat:no-repeat;
background-position:left top;
}

.whatyougetnumbertext
{
display: none;
}

.whatyougetnumber1
{
background-image:url(/assets/images/currentaccounts/1.gif);
}

.whatyougetnumber2
{
background-image:url(/assets/images/currentaccounts/2.gif);
}

.whatyougetnumber3
{
background-image:url(/assets/images/currentaccounts/3.gif);
}

.whatyougetnumber4
{
background-image:url(/assets/images/currentaccounts/4.gif);
}

.whatyougettext
{
font-size:0.88em;
font-weight:bold;
width:100%;
padding-top:1.88em;
}

/*	~ 8458	*/

/* ~ 8613  */

.sav3longfeaturepanel
{
	/*margin:  0.1em ;  top right bottom left */
	float: left;
	width: 29em;
	
	
               
}

.sav3longfeaturepanel-content
{
	margin: 0 0 0 0; /* top right bottom left */
	float: left;
	width: 29em;
	padding: 1em 0 1em 0;
	border: solid 0.0626em #ff9500;
	height:25.5em;
}

.sav3longfeaturepanel-heading
{
	background: url(images/featurespanel-topright.gif) no-repeat right top;
	background-color: #ff9500;
	margin: 0; /* top right bottom left */
	float: left;
	width: 27.2em;
	padding:  0.3em  1.8em 0.3em 0.2em;
}




ul.featurelistsav3 
{
	list-style-image: url(images/tick.gif) ;
	 padding-top :  0.5em;
	padding-bottom :  0.5em;
	
}

ul.featurelistsav3 li 
{
	color:black;
	font: Arial;
	font-size: 80%; /* font size 10pt. */
	padding: 0.5em; 
	
}


.sav3longfeature-inner
{
	padding : 0em 0.3em 0em 0.3em;
}

.sav3longfeaturepanel-heading span
{
	font-weight: bold;
	font-size: 90%;
}

.sav3longfeaturepanel p
{
	
	font-size: 80%;
}


.box3

{
	/*margin:  0.2em ;  top right bottom left */
	float: left;
	width: 14.36em;
	
	
	
               
}


.sav3savingstile 
{
            float:left;
            /*margin:0.5em 0pt 0pt 0em;*/
            width:14.35em;
            position: relative;
            padding-top:0.35em;
            padding-bottom:1em;
	        /*top: 0.2em;*/

}
.sav3savingstile2 
{
            float:left;
            /*margin:0.5em 0pt 0pt 0em;*/
            width:14.35em;
            position: relative;
            padding-top:0.35em;
	        /*top: 0.2em;*/

}

.sav3savingstile-t {
            background:  url(savingscalculator-query/images/dot.gif) 0 0 repeat-x;
}

.sav3savingstile-b {
            background: url(savingscalculator-query/images/dot.gif) 0 100% repeat-x;
}

.sav3savingstile-l {
            background: url(savingscalculator-query/images/dot.gif) 0 0 repeat-y;
}




.sav3savingstile-r {
            background: url(savingscalculator-query/images/dot.gif) 100% 0 repeat-y;
}

.sav3savingstile-tr {
            background: Transparent url(savingscalculator-query/images/topright-corner.gif) no-repeat top right;
            padding: 0.7em 0.7em 0em 1em;
}

.sav3savingstile p {
            margin: 0;
            font-size: 80%;
}


#in_table {background:#FFF}
#in_table h2 {padding:4px 0; margin:0; font-size:200%}
#in_table ul {list-style-image:none;padding:0 0 0 1px; margin:0}
#in_table li {padding:6px 20px; list-style:none;background:url('http://www.alliance-leicester.co.uk/assets/images/Maxymiser/green_li_white.png') no-repeat scroll center left; list-style-type:none;font-size:80%;color:#000;}
#in_table h4 {margin:0; padding:0}
#in_table #lancefeat li{list-style:decimal; margin:0 0 0 24px; color:#FF9500; font-weight:bold; padding:26px 0; font-size:130%}
#in_table #lancefeat li p {padding:0; margin:0; color:#000; font-weight:normal; font-size:64%}


/* ~ 8613  */


/* START Savings Tabbed Content */

#tabbedcontent {
	font-size: 0.7em;
	}
	
#tabbedcontent .savingsaccountstablerowid {
	color: #003399;
	}
	
#tabbedcontent .savingsaccountstableheaderrow {
	color: #fff;
	background-color: #ff6600;
	}
	
#tabbedcontent ul.ui-tabs-nav li a {
	background-color: Transparent;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
	color: #000000;
	display: block;
	margin-top: 1em;
	}
	
#tabbedcontent ul.ui-tabs-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#tabbedcontent ul.ui-tabs-nav li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0 2px 0 0;
	height: 3em;
	}
	
#tabbedcontent ul.ui-tabs-nav li a {
	outline: none;
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab {
	background: url(images/ui-tab.gif) repeat-x left top;
	background-color: #d6d6d6;
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab-selected {
	background: url(images/ui-tab-selected.gif) repeat-x left top;
	background-color: #ff7f15;
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab-selected a {
	color: #fff;
	}
	
#tabbedcontent table {
	clear: both;
	border: none;
	border-collapse: collapse;
	width: 100%;
	}
	
* html #tabbedcontent table {
	width: 99%;
	}
	
#tabbedcontent table tbody tr {
	background-color: #fff2ea;
	width: 100%;
	}
	
#tabbedcontent table tbody tr.accountrow {
    background: url(images/Grey-Gradient-1x46px.gif) repeat-x left bottom;
	}

#tabbedcontent table tbody tr.accountrow, #tabbedcontent table tbody tr.inforow {
    font-size:1.1em;
    height:4em;
    }

#tabbedcontent table tbody tr.accountrow th.accounttitle {
    font-size:1.1em;
    white-space:nowrap;
    }
	
* html #tabbedcontent table tbody tr {
	width: 100%;
	}
	
#tabbedcontent table tbody tr th, #tabbedcontent table tbody tr td {
	text-align: center;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	}
	
#tabbedcontent table thead tr {
	background-color: #ff0000;
	padding: 0.8em;
	}
	
#tabbedcontent table thead tr th {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #ffffff;
	}
	
.hiddentabcontainer, .hiddenrow {
	display: none;
	}
	
#tabbedcontent ul.ui-tabs-nav li input {
	border: 0px solid red;
	background-color: transparent;
	margin-top: 1em;
	font-weight: bold;
	font-size: 1em;
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab input {
	color: #003399;
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab-selected input {
	color: #fff;
	}
	
#tabbedcontent .tabcontainer table tbody tr th a {
	color: #FF0000;
	text-decoration: none;
	}
	
#tabbedcontent .tabcontainer table tbody tr th a:hover {
	text-decoration: underline;
	}
	
#tabbedcontent .tabcontainer table tbody tr td.rightborder {
	border-right: solid 2px #fff;
	padding-left: 5px;
	padding-right: 5px;
	}
	
/* tab corners */
#tabbedcontent ul.ui-tabs-nav li.ui-tab-selected a, #tabbedcontent ul.ui-tabs-nav li.ui-tab a, #tabbedcontent ul.ui-tabs-nav li.ui-tab-selected input, #tabbedcontent ul.ui-tabs-nav li.ui-tab input {
	float: left;
	display: block;
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab-selected .tabcorner_left, #tabbedcontent ul.ui-tabs-nav li.ui-tab-selected .tabcorner_right, #tabbedcontent ul.ui-tabs-nav li.ui-tab .tabcorner_left, #tabbedcontent ul.ui-tabs-nav li.ui-tab .tabcorner_right {
	background-repeat: no-repeat !important;
	background-position: top;
	float: left;
	height: 8px;
	width: 8px;
	left: 0px;
	position: relative;
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab-selected .tabcorner_left {
	background-image: url(images/tab_orange_corner_left.jpg);
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab-selected .tabcorner_right {
	background-image: url(images/tab_orange_corner_right.jpg);
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab .tabcorner_left {
	background-image: url(images/tab_grey_corner_left.jpg);
	}
	
#tabbedcontent ul.ui-tabs-nav li.ui-tab .tabcorner_right {
	background-image: url(images/tab_grey_corner_right.jpg);
	}
	
/* results count text */

#resultsCountText {
    float:left;
    font-size:1.3em;
    margin: 1em 0px;
    }

#resultsCountText, .resultsCount {
    color:#ff0000;
    }
    
.resultsCount {
    font-weight:bold;
    }    
    
	
/* search content */

.search_content {
	position: relative;
	top: 0em;
	margin-top: 0em;
	border: 1px solid #ff0000;
	float: left;
	width: 99.75%;
	}
	
* html .search_content {
	width: 98.7%!important;
	}
	
.search_content_heading {
	position: relative;
	width: 100%;
	background-color: #ff0000;
	font-size: 130%;
	text-align: left;
	color: #FFF;
	margin-bottom:-1.1em;
	}
	
.search_content_heading span {
	position: relative;
	display: block;
	clear: left;
	padding: 1em;
	text-align: left;
	margin: 0px;
	font-weight: bold;
	}
	
.search_block {
	position: relative;
	display: block;
	float: left;
	width: 30em;
	height: 15em;
	margin-left: 1em;
	z-index:2;
	}
	
* html .search_block {
	margin-left: 0;
	padding-left: 0.8em;
	}
	
.search_block_holder {
	position: relative;
	float: left;
	}
	
.search_block_img {
	margin-top: 0em;
	margin-left: 1em;
	left: 0px;
	width: 30em;
	height: 11em;
	position: absolute;
	z-index: 1;
	}
	
.search_block_img img {
	width: 30em;
	}
	
* html .search_block_img img {
	display: block;
	position: relative;
	float: left;
	width: 30em;
	}
	
.search_block_title {
	margin-top: 1.5em;
	width: 8em;
	height: 5em;
	text-align: center;
	color: #000000;
	font-size: 110%;
	vertical-align: middle;
	font-weight: bold;
	float: left;
	margin-left: 0.1em;
	}
	
.search_block_title.sumtoinvestpanel {
	padding-top:0.7em;
	}
	
* html .search_block_title {
	margin-top: 1.3em;
	margin-left: 0.5em;
	width: 6.5em;
	}
	
.search_block_checkboxes {
	position: relative;
	float: left;
	margin-left: 2em;
	margin-top: 1em;
	}
	
* html .search_block_checkboxes {
	width: 12em;
	margin-left:3em;
	}
	
.search_block_checkboxes_row {
	position: relative;
	height: 1.8em;
	}
	
.search_block_checkboxes label {
	position: absolute;
	width:11em;
	top: 0.4em;
	margin-left:0.3em;
	}
	
.input_sumtoinvest_holder {
	left: 16em;
	top: 2.3em;
	position:absolute;
	}
	
.input_sumtoinvest_holder img {
	position:absolute;
	width: 9.3em;
	height: 2.5em;
	}
	
.input_sumtoinvest {
	position:absolute;
	}
	
.input_sumtoinvest input {
	background-color:transparent;
	background-image:url(images/savings/pixel.gif);
	border:0px;
	padding-left:0.7em;
	padding-top:0.3em;
	width:6.3em;
	margin-top:2px;
	font-size:1.2em;
	}
	
.sumtoinvest_comparebutton {
	clear: both;
	position: relative;
	display: block;
	margin-left: 16.4em;
	}
	
* html .sumtoinvest_comparebutton {
	margin-left: 15.5em;
	}
	
.error_message {
	position: relative;
	padding: 20px;
	color: #b10000;
	z-index: 50;
	}
	
#tabbedcontent table tbody tr.inforow td div.action-button, #tabbedcontent table tbody tr.inforow td div.action-button-hover {
	position: relative;
	margin: auto;
	}
	
.applynowcell a:hover, .applynowcell a:link, .applynowcell a:visited {
	background-color: Transparent;
	cursor: pointer;
	}
	
.applynowcell a, .applynowcell a img {
	text-decoration: none;
	}
	
	
/* force the apply now tds to accommodate buttons */
* html th#apply-now
{
	padding-left: 40px!important;
	padding-right: 40px!important;
}
		
/* button when in 7th column */
.applynow7columncontainer .toolpanel-action, .applynow7columncontainer .toolpanel-action a:focus, .applynow7columncontainer .toolpanel-action-hover
{
	width: 8em;
	margin-left:0.2em;
	position: absolute;

}
/* applies to IE7 only */
*:first-child+html .applynow7columncontainer .toolpanel-action, *:first-child+html .applynow7columncontainer .toolpanel-action a:focus, *:first-child+html .applynow7columncontainer .toolpanel-action-hover
{
	margin-left:-4.05em;
}
	
body:last-child .applynow7columncontainer .toolpanel-action, body:last-child .applynow7columncontainer .toolpanel-action a:focus, body:last-child .applynow7columncontainer .toolpanel-action-hover
{
	margin-left:0.2em;
}
/* applies to IE6 only */
* html .applynow7columncontainer .toolpanel-action, * html .applynow7columncontainer .toolpanel-action a:focus, * html .applynow7columncontainer .toolpanel-action-hover
{
	margin-left:-4.05em;

}


/*  SF - 13.08.2009 - find out more (non expanded) button */
.applynow8columncontainerbutton .toolpanel-action, .applynow8columncontainerbutton .toolpanel-action a:focus, .applynow8columncontainerbutton .toolpanel-action-hover
{
	width: 8.5em;
	margin-left:0.3em;
}
	
/* button when in 8th column */
.applynow8columncontainer .toolpanel-action, .applynow8columncontainer .toolpanel-action a:focus, .applynow8columncontainer .toolpanel-action-hover
{
	width: 8em;
	margin-left:1.1em;
	/*position: absolute;*/
}

/* applies to IE7 only */
*:first-child+html .applynow8columncontainer .toolpanel-action, *:first-child+html .applynow8columncontainer .toolpanel-action a:focus, *:first-child+html .applynow8columncontainer .toolpanel-action-hover
{
	margin-left:0.1em;
}

/* applies to IE6 only */
* html .applynow8columncontainer .toolpanel-action, * html .applynow8columncontainer .toolpanel-action a:focus, .applynow8columncontainer .toolpanel-action-hover
{
	margin-left:0.1em;
}
/* applies to ff only */
body:last-child .applynow8columncontainer .toolpanel-action, body:last-child .applynow8columncontainer .toolpanel-action a:focus, * html .applynow8columncontainer .toolpanel-action-hover {
	margin-left:1.1em;
}


/* 7 column easyaccesstable*/

#account-easyaccess, .isatable #account-isa, .termorbondtable #account-termorbond, .ourbestdealstable #account-ourbestdeals {width:19%!important; }
#aer-easyaccess, .isatable #aer-isa, .termorbondtable #aer-termorbond, .ourbestdealstable #aer-ourbestdeals {width:11%!important; }  
#fixed-variable-easyaccess, .isatable #fixed-variable-isa, .termorbondtable #fixed-variable-termorbond, .ourbestdealstable #fixed-variable-ourbestdeals {width:11%!important; }
#min-max-investment-easyaccess, .isatable #min-max-investment-isa, .termorbondtable #min-max-investment-termorbond, .ourbestdealstable #min-max-investment-ourbestdeals {width:13%!important; }
#interest-paid-easyaccess, .isatable #interest-paid-isa, .termorbondtable #interest-paid-termorbond, .ourbestdealstable #intereset-paid-ourbestdeals {width:14%!important; }
#access-easyaccess, .isatable #access-isa, .termorbondtable #access-termorbond, .ourbestdealstable #access-ourbestdeals {width:14%!important; }
#apply-now-easyaccess, .isatable #apply-now-isa, .termorbondtable #apply-now-termorbond, .ourbestdealstable #apply-now-ourbestdeals {width:18%!important; }


/* search table*/
.searchtable #account-search{width:18%;}
.searchtable #aer-gross-search{width:14%;}
.searchtable #fixed-variable-search{width:10%;}
.searchtable #min-max-investment-search{width:11%;}
.searchtable #interest-paid-search{width:12%;}
.searchtable #access-search{width:10%;}
.searchtable #interest-earned-search{width:7%;}
.searchtable #apply-now-search{width:18%;}


/* END Savings Tabbed Content */











/* Start Saving tab banner */

.savings-main-panel-background
{
	height: 11.25em;
	width: 43.63em;
}
.savings-main-panel-background-image
{
	height: 11.25em;
	width: 43.63em;
}
.savings-main-panel-content
{
	height: 11.25em;
	width: 43.63em;
	position: absolute; 
	top: 7.9em;
	left: 1.2em;
}

.savings-rate-value
{
	width: 6.4em;
	text-align: center;
	float: left;
}
.savings-rate-value-number {
    color:#FF6600;
    font-size:371%;
    font-weight:bold;
    letter-spacing:-0.08em;
    line-height:95%;
}
.savings-rate-percent
{
    font-weight:bold;
    line-height:95%;
	font-size: 1.4em;
	float: left;
}
.savings-rate-text
{
	font-weight: bold;
	font-size: .9em;
	width: 8.6em;
	text-align: center;
}

.savings-product-text
{
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	width: 4em;
}

.savings-cta-large-text
{
	padding-top: 0.5em;
	font-size: 2.0em;
    color: #ff6600;
    width: 8em;
}
.savings-cta-small-text
{
	padding-top: 1.0em;
	font-weight: bold;
	font-size: .8em;
}
.savings-cta-apply
{
	padding-top: 1.0em;
}

/* Endf saving tab banner */

/* ~ 8625  Mortgage Hub*/
.mortgagedisplay-table
{
	padding: 2px;
}

.mortgagedisplay-table table
{
	width: 44em;
	border-left: solid 2px #96999C;
	border-bottom: solid 2px #96999C;
	vertical-align : top;	
}


.mortgagedisplay-table p
{
  margin : 0em;
  padding : 0em;
}

.mortgagedisplay-col1,
.mortgagedisplay-col2
{
	padding: 0.6em 0em 0.6em 1em;
	text-align: left;
	border-right: solid 2px #96999C;
	vertical-align : top;	
}

.mortgagedisplay-col1
{
	width: 19.5em; 
}


.mortgagedisplay-col2
{	
	width: 13.5em;
}

.mortgagedisplay-lastcol
{	
	padding: 0.6em 1em 0.6em 1em; 
	background:  no-repeat center left;
	text-align: left;
	border-right: solid 2px #96999C;
	vertical-align : top;	
}



.mortgagedisplay-header .mortgagedisplay-col1,
.mortgagedisplay-header .mortgagedisplay-col2
{
	background-color: Transparent;
	padding:   0.25em 0em 0.3em 1em;
	background-color: #96999C;
	color: white;
	vertical-align : top;	
	font-weight: bold;
	border-top: solid 2px #96999C;

}

.mortgagedisplay-header .mortgagedisplay-lastcol
{
	background-color: Transparent;
	padding:  0.25em 0em 0.3em 1em;
	background-color: #96999C;
	color: white;
	vertical-align : middle;	
	font-weight: bold;
	border: none;
	background: #96999C url(/assets/images/mortgages/curve_filled_in.gif) no-repeat top right;
    width: 8em;	

}

.maintextlayout
{
    position: absolute;
    top: 3.8em;
    left: 0em;
    z-index: 3;
    width: 12em;
    padding-left: 0.6em;
    padding-top: 0.4em;
}

.textlayout2
{
    position: absolute;
    top: 0.5em;
    right: 16em;
	text-align :left;
    z-index: 3;
    width: 15em;
    height: 8em;
}

.textlayout3
{
    position: absolute;
    top: 0.5em;
    right: -1.2em;
	text-align :left;
    z-index: 3;
    width: 16em;
    height: 9em;
}
    
.stretch2
{
  width : 44em;
  height: 11.5em;
}
    
    
.brandh1
{
    color:#000000;
    font-size:200%;
    margin:0em;
}
    
    
.headline
{
    color:#000000;
    font-size:150%;
    margin:0em;
}


.subheadline
{
    color:#000000;
}


/* ~ 8625 End Mortgage Hub*/

/* ie8 issue with search button. customer-service/index.aspx*/
#ctl00_MainContent_SearchButton2 
{
	margin-top:0.1em!important;
	margin-right:3em!important;
	}
	
/* ie6 only */
* html #ctl00_MainContent_SearchButton2 
{
	margin-top:-1.3em!important;
	margin-right:1.5em!important;
	}
	
/* applies to IE7 only */
*:first-child+html #ctl00_MainContent_SearchButton2 
{
	margin-top:-1.4em!important;
	margin-right:3em!important;
}
	
/* firefox only */
body:last-child #ctl00_MainContent_SearchButton2 
{
	margin-top:-1.2em!important;
}



/* Mortgage background image */

.background-container
{
	position: relative; 
	width:43.5em;
	height:11em;	
}

/* 8859 Tabbed dialogue, used in Prem 50 ~ */

.tab-spacer
{
float: left;
width: 0.3em;
}
.tab-link-sel, .tab-link
{
float: left;
/*margin-right: 0.23em;*/
padding: 0.3em 0em 0.3em 0.5em;
width: 11.7em;
font-size: 85%;
font-weight: bold;
text-decoration: none;
border-width: 1px;
}
.tab-link-sel
{
border-bottom: thin solid #999999;
border-left: thin solid #999999;
background: #FFFFFF url(/App_Themes/Default/images/tab-link-sel.gif) no-repeat scroll right top;
color: #000000;
}
.tab-link
{
border-bottom: thin solid #ffffff;
background: #96999C url(/App_Themes/Default/images/tab-link.gif) no-repeat scroll right top;
color: #000000;
}
.tabbed-content-table-cell
{
    border-top: thin double #96999C; border-right: thin double #96999C;
}
.tabbed-content-table-cell-right
{
    border-top: thin double #96999C;
}
.tabbed-content-table-cell-top_right
{
    background: #FFFFFF url(/App_Themes/Default/images/tabbed-content-table-top-right.gif) no-repeat scroll right top;
    width: 14px;
}
.tabbed-content-table-cell-list
{
    font-size: 1em;
    color: #000000;
}
.longfeaturepanel li
{
    font-size: 1em;
    color: #000000;
}

.tabbed-content-table
{
	border-left: thin solid #96999C;
	border-bottom: thin solid #96999C;
	width: 41em;
}
#tabbed-content p
{
	padding-left: 0.5em;
}
/* ~ 8859 */


/*	Mortgage calculator ~	*/

.mortgage-calc {
    margin-top: 1em;
}
.mortgage-calc-section {
}
.mortgage-calc-text {
    float: left;
    width: 25em;
    font-size: 0.75em;
}
.mortgage-calc-data, .mortgage-calc-button {
    float: left;
    width: 10em;
    text-align: center;
}
.mortgage-calc-data 
{
    font-size: 0.75em;
}
.mortgage-calc-button 
{
	padding-left: 1em;
	font-size: 1.25em;
}
.mortgage-calc-item {
    height: 2em;
}
.mortgage-calc-error {
    color:Red;
    font-weight: bold;
}
.mortgage-borrow-amount {
    background-color: #EDEDED;
    padding-top:0.5em;
    padding-left:0.5em;
}

/*	~ Mortgage calculator	*/