table.sortable {
font-size: 0.689em; 
width: 680px; 
border: 1px solid #000; 
text-align: center; 
margin-left: auto; 
margin-right: auto; 
border: 1px solid #CCCCCC;
}

table.sortable th {
background-color: #7EB456; 
color: #ffffff; 
border: 1px solid #CCCCCC; 
padding: 10px; 
text-align: center; 
font-weight: bold;
}

table.sortable td.first {
background-color: #F0F0F0; 
color: #000000; 
border: 1px solid #CCCCCC; 
padding: 10px; 
text-align: center; 
font-weight: bold;
}

table.sortable td {
color: #000000; 
border: 1px solid #CCCCCC; 
padding: 10px; 
text-align: center; 
font-weight: bold;
}

table.sortable tr.roweven {
background-color: #F2F2F2;
}

.sortcol {
cursor: pointer;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right center;
/*	background-image: url(/resources/2/6/267f1100419a53ebb519fd02308b7cb2/small.gif);
*/
}

.sortasc {
background-color: #DDFFAC;
background-image: url (/resources/6/d/6dbe6f00419a5a87b553fd02308b7cb2/small_asc.gif);
}
	
.sortdesc {
background-color: #B9DDFF;
background-image: url (/resources/4/2/42ce0f80419a59e2b540fd02308b7cb2/small_desc.gif);
}

.nosort {
cursor: default;
}

.urg1, .urg2, .urg3, .urg4, .urg5 {
padding: 3px;
text-align: center;
border: 1px solid #333;
width: 3em;
}

.urg1 {
background-color: #FFFACD;
}

.urg2 {
background-color: #FFD700;
}

.urg3 {
background-color: Orange;
}

.urg4 {
background-color: #FF6347;
}

.urg5 {
background-color: Red;
}

.scroll-table-head {
width: 800px;
}

.scroll-table-body {
width: 800px;
height: 400px;				
}

.scroll-table-body td {
padding-right: 20px;
overflow: hidden;
}

/* STYLES FOR PHASE TWO MORTGAGE DIRECT */


/* TABLES */


table.sortable2 {
font-size: 0.689em; 
width: 100%; 
text-align: center; 
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
line-height: 140%;
}


table.sortable2 th {background: url(/resources/b/9/b92ba10042f54451b616b7f9971c8dc4/rhs-header-centre-two-line-new.png) bottom left repeat-x; color: #000; border-right: 1px solid #CCCCCC; border-bottom: none; padding: 5px; text-align: center; height: 32px; font-weight: bold;}
table.sortable2 td.first {background-color: #F0F0F0; color: #000000; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 5px; text-align: center; height: 32px;}
table.sortable2 td {color: #000000; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 5px; text-align: center; height: 32px; width: 15%;}
table.sortable2 td.noright a {color: #63983b; text-decoration: underline;}
table.sortable2 td.noright a:hover {color: #63983b; text-decoration: none;}
table.sortable2 td.noright, table.sortable2 th.noright {border-right: none; width: 10%; text-align: left;}
table.sortable2 tr td.highlight-rate {background-color: #dae5d0; width: 10%;}
table.sortable2 tr td.highlight-mortgage {background-color: #f0eeec; text-align: left; width: 20%;}
table.sortable2 tr td.highlight-mortgage a:hover {text-align: left;}
table.sortable2 tr td del, table.sortable2 tr td strike {color: #ff0000;}
table.sortable2 tr td div, table.deal-table tr td div, .inpageTabTopTable div {display: inline;}


/* TABBED CONTENT LAYOUT */

div.inpageTabContentFull{ 
border-bottom: none; 
padding: 0; 
margin: 0; }

div.MortgageFooter{ 
border: 1px solid #cccccc; 
padding: 10px; 
background-color: #f4f4f4; 
color: #333; 
margin: 0; 
font-size: 0.7em; 
text-align: center; 
font-weight: bold; 
width: 752px; 
text-transform:uppercase
}

div.inpageTabTopTable {
border: 1px solid #cccccc; 
background-color: #e8f0e1; 
font-size: 0.75em; 
width: 752px; 
padding: 10px;}

div.inpageTabCopy {
border: 1px solid #cccccc; 
background-color: #fff; 
width: 752px; 
padding: 10px;}

/* COMPONENTS */

.block262 {
width: 262px;
}

.promo-mortgage { 
height: 136px; 
background: url(/resources/7/3/735b52004ddc8f20bbe4bfa0eb52ef5f/inpage-promo-bg.jpg) top right no-repeat; float: left; margin: 14px 0 20px 10px; padding: 5px 10px 5px 10px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;}

.promo-mortgage h3 {
font-size:1.1em;
letter-spacing:-0.03em;
line-height:0.95em;
margin-bottom:5px;
}

/* BUTTONS */
	 
#mortgage a:link, #mortgage a {
color: #63983b; 
text-decoration: none;
}

#mortgage a:link:hover, .iconbutton a:link:hover  {
color: #333333; 
text-decoration: none; 
}
				
a.smallbutton, a.smallbutton span  {
font-family: arial,sans-serif;
font-weight: bold;
font-size: 11px;
line-height:35px; /*equal to the height of the button*/
cursor: hand;	
color: #333333;
}
		
a:hover.smallbutton, a:hover.smallbutton span {
text-decoration: none;
color: #63983b;
}
		
a.smallbutton .left {
display: block;
float: left;
background: url(/resources/8/1/81bfc100424edbf3bfdbbf95d3dd534b/CTA_small_left.png) no-repeat;
width: 20px;
height: 35px;
}

a.smallbutton span {
display: block;
float: left;
background:  url(/resources/d/a/da687b80424edc3ebfefbf95d3dd534b/CTA_small_centre.png) repeat-x;
height: 35px;
}

a.smallbutton .right {
display: block;
float: left;
background:  url(/resources/0/a/0ab12800424edcda8004b695d3dd534b/CTA_small_right.png) no-repeat;
width: 20px;
height: 35px;
} 
		
		
a.largebutton, #mortgage  a.largebutton {
font-family: arial,sans-serif;
font-weight: bold;
font-size: 16px;
line-height:50px; /*equal to the height of the button*/
cursor: hand;
color: #333333;			
}		
			
a:hover.largebutton {
text-decoration: none;
color: #63983b;
}		
		
a.largebutton .left {
display: block;
float: left;
background: url(/resources/c/2/c23e3700425e85e18fdabf95d3dd534b/cta-large-left.png) no-repeat;
width: 30px;
height: 50px;
}

a.largebutton span {
display: block;
float: left;
background: url(/resources/4/0/402bfe80425e9952910bb795d3dd534b/cta-large-centre.png) repeat-x;
height: 50px;
}

a.largebutton .right {
display: block;
float: left;
background: url(/resources/0/9/09e7ce80425e875a8ff2bf95d3dd534b/cta-large-right-new.png) no-repeat;
width: 30px;
height: 50px;
} 
				
a.iconbutton {
font-family: arial,sans-serif;
font-weight: bold;
font-size: 12px;
line-height:40px;
cursor: hand;
text-decoration: none;
color: #63983b;	
}
		
		
a:hover.iconbutton {
color: #333333;
}
		
		
a.iconbutton .left {
display: block;
float: left;
background: url(/resources/3/4/3446d500424ee15a806fb695d3dd534b/RHS_CTA_left.png) no-repeat;
width: 30px;
height: 40px;
}

a.iconbutton .leftenquire {
display: block;
float: left;
background: url(/resources/d/8/d8201780425df29f82a2b695d3dd534b/rhs-cta-enquire-online-left.png) no-repeat;
width: 48px;
height: 40px;
}
		
a.iconbutton .leftbranch {
display: block;
float: left;
background: url(/resources/9/5/956cc480425e422a89debf95d3dd534b/rhs-cta-branch-locator-left.png) no-repeat;
width: 48px;
height: 40px;
}
		
a.iconbutton .leftcall {
display: block;
float: left;
background: url(/resources/b/2/b24b4f00425df34182b6b695d3dd534b/rhs-cta-call-back-left.png) no-repeat;
width: 48px;
height: 40px;
}
		
a.iconbutton span {
display: block;
float: left;
background: url(/resources/b/8/b8b35980424ee227808db695d3dd534b/RHS_CTA_centre.png) repeat-x;
height: 40px;
text-decoration: none;
}

a.iconbutton .right {
display: block;
float: left;
background: url(/resources/2/9/29e62180424ee2a780a1b695d3dd534b/RHS_CTA_right.png) no-repeat;
width: 35px;
height: 40px;
} 

a.iconbutton .leftabout {
display: block;
float: left;
background: url(/resources/9/f/9fdf8f8049be73bc880fcf97fe8a78b1/cta-about-us-yb.png) no-repeat;
width: 48px;
height: 42px;
}

a.iconbutton .leftcommitments {
display: block;
float: left;
background: url(/resources/f/7/f7b18d0049315cb4af5eafe7dee682d6/cta-our-commitments.png) no-repeat;
width: 48px;
height: 42px;
}

		
.phoneholder {
position: relative;
width: 200px;
height: 100px;
font-family: arial,sans-serif;
font-size: 12px;
line-height: 16px;
color: #333333;
}
			
.call {
font-size: 15px;
font-weight: normal;
display: block;
}
			
.number {
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 15px;
}
			
.phone {
position: absolute;
background: url(/resources/f/a/faf39e00424ee2ee80adb695d3dd534b/phone_icon.png) no-repeat;
left: 0;
top: 0;
height: 40px;
width: 40px;
}
		
.phoneright {
position: absolute; 
top: 0; 
left: 40px; 
width: 200px; 
height: 100px;
}

.bggrey {
background-color: #F8F3EF; 
border-bottom: 1px solid #d6d6d6; 
padding: 10px; 
margin-bottom: 0;
}

.bggrey p {
font-family: arial,sans-serif; 
font-size: 12px; 
margin: 0 0 15px 2px;
}
						
.rightpanel {
width: 262px;
padding: 0;
float: right;
margin: 0 10px 0 0;		
}
		
.rightpanel h2 {
margin: 0 0 0 10px; 
font-size: 120%; 
font-weight: normal; 
padding: 7px 0 0 0; 
line-height: 1.2em;
color: #333333;
}
		

.rightpanel .one {
background: url(/resources/2/a/2a0d4200425e05ad84cdb695d3dd534b/top-rhs.png) top right no-repeat;
height: 40px;
width: 262px;
margin:0;
padding: 0;		
}

.rightpanel .two {
background: url(/resources/e/0/e0f1d800425e061684e2b695d3dd534b/rhs-header-2line.png) top right no-repeat;
height: 64px;
width: 262px;
margin:0;
padding: 0;		
}
	

	
/* MORTGAGE PRODUCT DETAIL PAGE */

#mortgage h1.short-headline-mortgage {
margin-left: 0;
}

#mortgage ul.inpageTabs li a {
font-size: 1em;
}

#mortgage .main-page-detail, #mortgage .sub-content {
width: 510px;
padding-bottom: 10px;
float: left;
margin: 0;
padding: 0;
}
		
#mortgage .main-page-detail p {
font-size:0.75em;
line-height:1.5em;
margin:14px 0 0 0;
}
		
#mortgage table.deal-table {
margin: 0; 
border: 1px solid #cccccc;
}

#mortgage .main-page-detail table.deal-table {
width: 500px;
margin: 10px 0 0 0;
}

#mortgage table.deal-table tr.odd {
background: #f4f4f4;
}

#mortgage table.deal-table tr.even {
background: #fff;
}

#mortgage table.deal-table td { 
text-align: left; 
border: none; 
border-right: 1px solid #cccccc;
vertical-align:text-top;
}

#mortgage table.deal-table td a{
color: #63983b; 
text-decoration: none;
}

#mortgage table.deal-table td a.iconbutton, div.bggrey a.iconbutton {
color: #63983b; 
text-decoration: none;
}

#mortgage table.deal-table td a:hover, #mortgage table.deal-table td a:hover.iconbutton, div.bggrey a:hover.iconbutton  {
color: #333333; 
text-decoration: none;
}

#mortgage p.small-text {
font-size:0.75em;
line-height:1.5em;
margin:14px;
text-align: center;
}

#mortgage p.small-text.left {
text-align: left; 
color: #666666;
} 

#mortgage .MortgageDetailFooter { 
border: 1px solid #cccccc; 
background-color: #f4f4f4; 
color: #333; 
margin: 20px 0 0 0; 
padding: 10px;
width: 480px; 
text-transform:uppercase;
}

#mortgage .MortgageDetailFooter, #mortgage .MortgageDetailFooter p {
font-size: 11px; 
text-align: center; 
font-weight: bold; 
}

#mortgage .MortgageDetailFooter p { margin: 0;}

/* GENERALS */

h2.short {width: 500px; }
.noleftmargin {margin-left: 0;}
.short-headline {width: 500px;}
div.inpageTabWrapperFull {width: 774px;}
.paddingleft5 {padding: 0 0 0 5px;}
.marginleft5 {margin: 0 0 0 5px;}
.spacer { clear:both; display:block; height:10px; width:100%;}
.200 {height: 200px;}
.120 {height: 120px;}
.padding10 {padding: 10px; }

#mortgage {color: #333333;}
#margin_centre {margin: 0 10px 0 10px;}
.mortgage-left { float: left; padding-right: 0; color: #000; width: 510px; border-right: 1px solid #cccccc;}
#mortgage p.text-left {text-align: left;}


/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 1px solid #fff;
padding: 6px;
background-color: #63983b;
visibility: hidden;
z-index: 100;
text-align: left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=2);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
text-align: left;
}

#theToolTip p{
font-size: 0.7em;
color: #fff;
line-height:1.1em;
margin-right:10px;
margin-top:5px;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 0.8em;
color: #fff;

}


a.addToolTip {text-decoration: none; cursor: pointer; border-bottom: 1px dotted; border-color: #63983b;}
a.addToolTip:hover {color: #000; cursor: pointer; border: none;}


.strike {text-decoration: line-through; color: red}

/* GREEN ENQUIRE ONLINE */

a.iconbutton .leftexistingdpl {
display: block;
float: left;
background: url(/resources/a/3/a394b18049315c90af46afe7dee682d6/green-left-existing.png) no-repeat;
width: 48px;
height: 42px;
}

a.iconbutton .leftnewdpl {
display: block;
float: left;
background: url(/resources/9/6/9669c98049315c74af3aafe7dee682d6/green-left-new.png) no-repeat;
width: 48px;
height: 42px;
}




a.greenenquire .leftenquire {
background-image: url(/resources/5/7/57a1f98047207955ac22af48035e7f05/green-left.png);
}
a.greenenquire span {
background-image: url(/resources/7/f/7f89b80047207cdbac35af48035e7f05/green-middle.png);
}
a.greenenquire span.right {
background-image: url(/resources/6/3/63176b0047207d2fac44af48035e7f05/green-right.png);
}

#mortgage a.greenenquire:link, #mortgage a.greenenquire:active, #mortgage a.greenenquire:visited, .rightpanel div.bggrey a.greenenquire {
color: #fff;
}

/* travel home */
div.TravelGrey{ 
border: 1px solid #cccccc; 
padding: 10px; 
background-color: #f4f4f4; 
color: #333; 
margin: 20px 0; 
font-size: 0.8em; 
text-align: left; 
font-weight: bold; 
width: 450px; 
}


div.TravelGrey div.insleft{ 
float: left;
padding-top: 5px;
font-size: 3em; 
text-align: left; 
font-weight: bold; 
height: 25px;
width: 7%; 
}

div.TravelGrey div.insright{ 
float: right;
margin-top: -5px;
height: 25px;
width: 85%; 
}

div.TravelGrey div.insheight{ 
height: 34px;
}

div.TravelGrey div.insright span{
font-weight: normal;
font-size: 0.8em;
}

/* business find out more button */

a.smallbutton-bus, a.smallbutton-bus span  {
font-family: arial,sans-serif;
font-weight: bold;
font-size: 11px;
line-height:35px; /*equal to the height of the button*/
cursor: hand;	
color: #000000;
}
		
a:hover.smallbutton-bus, a:hover.smallbutton-bus span {
text-decoration: none;
color: #333333;;
}
		
a.smallbutton-bus .left {
display: block;
float: left;
background: url(/resources/8/1/81bfc100424edbf3bfdbbf95d3dd534b/CTA_small_left.png) no-repeat;
width: 20px;
height: 35px;
}

a.smallbutton-bus span {
display: block;
float: left;
background: url(/resources/d/a/da687b80424edc3ebfefbf95d3dd534b/CTA_small_centre.png) repeat-x;
height: 35px;
}

a.smallbutton-bus .right {
display: block;
float: left;
background: url(/resources/0/a/0ab12800424edcda8004b695d3dd534b/CTA_small_right.png) no-repeat;
width: 20px;
height: 35px;
} 

/* business large find out more button */



a.smallbutton-bus-large, a.smallbutton-bus-large span  {
font-family: arial,sans-serif;
font-weight: bold;
font-size: 16px;
line-height:35px; /*equal to the height of the button*/
cursor: hand;	
color: #000000;
padding-right: 5px;
padding-top: 5px;
}
		
a:hover.smallbutton-bus-large, a:hover.smallbutton-bus-large span {
text-decoration: none;
color: #333333;;
}
		
a.smallbutton-bus-large .left {
display: block;
float: left;
background: url(/resources/3/d/3d6a890048506f34b18cfba657eb7151/business-more-left3.png)  no-repeat;
width: 15px;
height: 44px;
}


a.smallbutton-bus-large span {
display: block;
float: left;
background:  url(/resources/0/f/0f4b700048506f59b1a4fba657eb7151/business-more-middle.png) repeat-x;
height: 44px;
}

a.smallbutton-bus-large .right {
display: block;
float: left;
background:  url(/resources/e/f/efac4b8048506f48b198fba657eb7151/business-more-right.png)  no-repeat;
width: 32px;
height: 44px;
}