/*--------------------------------< 1. YUI Override styles >-----------------------------------------*/
html {
	/*Modified YUI to use "background:inherit" so it pick this colour instead of white*/
 background:#B5B4B4;
}
body {
	background-color: #B5B4B4;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#doc_custom {
	/*960px / 13 = 73.8461 */
 /*960px / 13.3333 = 69 for IE */
 background-color:#fff;
	width:73.8461em;
*width:72em;
}
.yui-t10 {
	margin:auto;
	min-width:750px;
	text-align:left;
	width:57.69em;
}
.yui-t10 .yui-b {
	float:left;
	width:17.6923em;
*width:17.25em;
}

.yui-t10 #yui-main .yui-b {

/*?px margin*/
margin-left:16.9230em;
*margin-left:16.5em;


/*240px margin*/
margin-left:18.4615em;
*margin-left:18em;

/*230px margin tested in IE6, IE7, Chrome, FF3*/
margin-left:17.6923em;
*margin-left:17.25em;

}
.yui-t10 #yui-main {
	float:right;
	margin-left:-25em;
}

.yui-t11 {
  margin:auto;
  min-width:750px;
  text-align:left;
  width:57.69em;
}

/*--------------------------------< 2. YUI Recommended continer div ids >----------------------------*/
#hd {
}
#bd {
}
#ft {
}
/*--------------------------------< 3. SITE WIDE helpers and styles >--------------------------------*/

.clear {
	clear:both;
  display:block;
}
#skipLink {
	display:none;
}
.border_top {
	border-top:solid 10px #fff;
}
.border_left_and_right {
	border-left:solid 10px #fff;
	border-right:solid 10px #fff;
}

a:link {
  color:#003768;

}
a:visited {
  color:#035094;

}
a:hover {
  color:#003768;

}

.width_50 {
width:50px;
}
.width_50 input{
width:45px;
}
.width_70 {
width:70px;
}
.width_70 input{
width:60px;
}
.width_130 {
width:130px;
overflow:hidden;
}
.width_150 {
width:150px;
}
.width_180 {
width:180px;
}
.width_180 input{
width:170px;
}
.width_250 {
width:250px;
}
.width_250 input{
width:240px;
}

.right {
float:right;
text-align:right;

}
strong{
font-weight:bold;
}
em{
font-style: italic;
}
ol{
list-style-type: decimal;
}
.page_sub_title
{
padding-bottom:20px;
}

/*--------------------------------< 4. HEADER (hd) Specific styles >---------------------------------*/

#hd {
	background-color: #003768;
	height: 127px;
	position:relative;
  background: url(/images/frontend/header_shim_dark_blue.png) repeat-x;
}
#hd ul, #hd h1 {
	padding-left:15px;
}
#hd h1 {
	padding:0px;
	padding-left:0px;
	margin:0px;
}
#hd h2{

color:#FFF;
text-indent: -9999px;
background: url(/images/frontend/proud_text.png) no-repeat bottom;
height:16px;
width:450px;
position:absolute;
top:85px;
left:150px;
z-index: 1;
}
#hd h3 {
padding:0px;
margin:0px;
float:right;
font-size:131%;
font-weight:bold;
padding-right:8px;
padding-top:5px;
line-height:1em;
color:#FFF;
display:block;
clear:right;
width:200px;
text-align:right;

}

#hd ul {
	float:right;
	padding-right:8px;
	color:#ffffff;
	margin-top:8px;
}
#hd_left{
float:left;
width:600px;
}
#hd_right{
float:left;
width:340px;
}

#featureList li {
font-family:tahoma,arial,helvetica;
	display: inline;
	list-style-type: none;
	font-size:86%;
/*	font-weight:bold;*/
	padding: 0px;
	margin: 0px;
	/*padding-right: 0.4em;*/
}
#featureList li a:link, #featureList li a:visited {
	text-decoration: none;
	color:#FFFFFF;
}
#featureList li a:hover {
}
#logo {
	/*background-color:#3366FF;*/
	float:left;
	clear:left;
	padding:8px 0px 0px 20px;
}
.white_pixel_border
{
border:1px solid #FFF;

}
#proud_text {
	position:absolute;
	top:72px;
	left:175px;
}
#search {
	float:right;
	clear:right;
	margin-top:10px;
	padding-right:12px;
	height:20px;
	line-height:20px;
	margin-right:5px;
  position:relative;

}

#search input {
border:none;
height:20px;
vertical-align:top;
line-height:20px;
padding-left:10px;
width:130px;
*margin-top:-1px;
padding-top:2px;
*padding-top:0px;


}
#search {
	background: url(/images/frontend/header_search_box_right.gif) no-repeat top right;
}

#search input {
  background:url(/images/frontend/header_search_box_end_dark_blue.png) no-repeat top left;
}

/*--------------------------------< 5. TOP NAV - Navigation Tab styles >-----------------------------*/

#topnav {
	width:932px;
	/*margin-left:8px;*/
  background-repeat:repeat-x;
	background-position:top left;
	background-image:url(/images/frontend/nav_shadow.gif);
 /* background-color:aqua;*/

  height:auto; /*52px;*/
	padding-left:8px;
	float:left;/*margin-top:2px;*/
  clear:both;
}
#topnav ul {
	margin:0;
	padding:0px 0px 0;
  padding-left:7px;
	list-style:none;
}
#topnav li {
	float:left;
	background:url("/images/frontend/tab_left.gif") no-repeat top left;
	margin:0;
	padding:0 0 0 7px;
	margin-left:0px;
	position:relative;
	border:none;
	margin-top:0px;
	z-index:1;
	height:48px;
}
#topnav li .first
{
}

#topnav a {
	float:left;
	display:block;
	background:url("/images/frontend/tab_right.gif") no-repeat top right;
	background-attachment:scroll;
	padding:7px 13px 27px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#003768;
	text-decoration:none;
	/*position:relative;*/
			z-index:5;
	border:none;
	margin-top:0px;
}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #topnav a {
	float:none;
}
/* End IE5-Mac hack */
    #topnav ul li h2 a:hover {
	color:#333;
	text-decoration:none;
	border:none;/*background:url("images/tabs/hover_right.gif") no-repeat right top;*/
      }
#topnav #current {
	border-width:0;
	z-index:10;
  background-image:url("/images/frontend/tab_active_left_dark_blue.gif");
  position:relative;
}
#topnav #current a {
	padding-bottom:21px;
  background-image:url("/images/frontend/tab_active_right_dark_blue.gif");
  color:#FFF;
}
#topnav ul li .top_corner_right {
	position:absolute;
	top:0px;
	right:-10px;
	z-index:10;
	display:none;
}
#topnav #current .top_corner_right {
	position:absolute;
	top:0px;
	right:-10px;
	z-index:50;
	display: block;
}
#topnav ul li .top_corner_left {
	position:absolute;
	top:0px;
	left:-10px;
	z-index:10;
	display:none;
}
#topnav ul #current .top_corner_left {
	position:absolute;
	top:0px;
	left:-10px;
	z-index:10;
	display: block;
}
#topnav li h2 {
	font-size:1.3em;
	position:relative;
	z-index:5;
	border:none;
	font-size:13px;
}

.top_corner_left_active
{
position:absolute;
left:-10px;
width:10px;
height:10px;
  background:url("/images/frontend/tab_active_left_corner_dark_blue.png") no-repeat;

}
.top_corner_right_active
{
position:absolute;
right:-10px;
top:0px;
width:10px;
height:10px;
background:url("/images/frontend/tab_active_right_corner_dark_blue.png") no-repeat;

}

/*--------------------------------< 6. TOP NAV > SUB NAV - Navigation styles >-------------------------*/
/*-------------------------------< NOT OVERRIDDEN IN >------------------------------*/
#subnav
{
margin-bottom:25px;
width:80%;
clear:both;
font-size:100%;
/*float:left;*/
}
#subnav ul
{
margin:0px;
padding-left:0px;
list-style:none;
padding-bottom:10px;
padding-top:-5px;
}
#subnav li
{
float:left;
padding-left:15px;

}
#subnav h3
{
font-size:93%;
font-weight:bold;
}
#subnav a:link, #subnav a:visited
{
color:#003768;
text-decoration:none;
}
#subnav a:hover
{
color:#035094;
text-decoration:underline;
}

/*--------------------------------< 7. SIDEBAR Specific styles >-------------------------------------*/
#side_menu_area_nav h3 {
  font-size:138.5%;
  font-weight:bold;
  padding:8px 10px 10px 25px;
}

.side_menu_container {
  background-image: url(/images/frontend/side_menu_bg_shim.gif);
  background-repeat: repeat-y;
  width:208px;

}

#accordion{
list-style-type:none;

}
#side_menu_area_nav
{

font-weight:bold;
}



#side_menu_options_nav ul {
  list-style-type:none;
  margin-left:3px;
  margin-right:3px;
}
#side_menu_options_nav ul li {
  font-size:93%;
  font-weight:bold;
  padding:5px;
  padding-left:25px;
}
#side_menu_options_nav h3 {
  font-size:108%;
  font-weight:bold;
  padding:8px 10px 8px 25px;
}





.side_menu_container a:link {
  color:#003768;
  text-decoration:none;

}
.side_menu_container a:visited {
  color:#035094;
  text-decoration:none;
}
.side_menu_container a:hover {
  color:#003768;
  text-decoration: underline;
}


/*dar blue defaults*/
#side_menu_area_nav h3 {
  background-color:#fcdc00;
  background-image: url(/images/frontend/sidebar_menu_area_nav_dark_blue.png);
  background-position: -1px;
  color:#fff;
}
#side_menu_options_nav ul li {
  border:1px solid #b8b8b8;
  border-top:none;
  color:#202a5d;
}
#side_menu_options_nav h3 {
  background:url(/images/frontend/sidebar_menu_options_nav_dark_blue.png) no-repeat;
  color:#fff;
}





/*
#side_menu_area_nav h3 {
  background-color:#0097e0;
  background-image: url(/images/frontend/sidebar_menu_area_nav_light_blue.png);
  background-position: -1px;
  color:#fff;
}
#side_menu_options_nav ul li {
  border:1px solid #b8b8b8;
  border-top:none;
  color:#202a5d;
}
#side_menu_options_nav h3 {
  background:url(/images/frontend/sidebar_menu_options_nav_light_blue.png) no-repeat;
  color:#fff;
}

#accordion{
margin-right:4px;
margin-left:4px;
}
#accordion h6{
  background-color:#fff;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  cursor: pointer;
}
#accordion h6 a{
font-size:100%;
font-weight:bold;
}
#accordion h6.ui-state-active
{
background-color:#bfe6f6;
}
#accordion div{
background-color:#e5f5fb;

}
#accordion div ul li{
border-bottom:1px solid #ccc;
padding-top:4px;
padding-bottom:4px;
font-size:83%;
font-weight:bold;
padding-left:15px;
padding-right:15px;
}
*/



/*--------------------------------< 8. MAIN PAGE styles >--------------------------------------------*/

p.form_notice
{
font-size:86%;
}

.main_page_area {
	/*this is the main right channel of the page which will need all sub elements defining under*/
color:#003768;
}
.main_page_area h2 {
	font-size:167%;
	font-weight:bold;
	line-height:1.5em;
	padding-bottom:0.5em;
}
.main_page_area h3 {
  font-size:153.9%;
  font-size:100%;
  font-weight:bold;
  /*line-height:1.5em;
  padding-bottom:0.5em;*/
}
.main_page_area h6 {
	font-size:197%;
	font-weight:bold;
	line-height:1.5em;
}
.light_grey {

	color:#9E9E9E;
}
.main_page_area p {
	padding-bottom:15px;
}
.main_page_area ul, .main_page_area ol {
	margin-left:25px;
	padding-bottom:15px;
}
.main_page_area ul li {
	list-style-type:disc;
}
.main_page_area ol li {
  list-style-type:decimal;
}

#terms_container
{
background-color:#ccffff;
}

/*--------------------------------< 8.1. Blue Jazzy Table styles >-----------------------------------*/

.table_container {
	/*width:698px;*/
	width:920px;
}
.table_container table {
	margin-left:1px;
}
.table_container th {
	font-size:85%;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	vertical-align:top;
}
.table_container caption {
	text-indent:-9999px;
  border-collapse:collapse;
  height:0px;
}
/*.table_container .table_band_dark {
	background-color:#E4E4E4;
}
.table_container .table_band_light {
	background-color:#F0F0F0;
}*/
.divider_white {
	border-bottom:1px dotted #fff;
}

.table_container td {
	padding:5px;
	padding-left:15px;
}
.table_main_item {
	font-size:123.1%;
	font-weight:bold;
}

.table_container .table_row_grad_light {
	background:url(/images/frontend/table_row_grad_light.gif);
	background-position:top left;
	background-repeat:repeat-x;
  background-color:#F0F0F0;
}
.table_container .table_row_grad_dark {
	background:url(/images/frontend/table_row_grad_dark.gif);
	background-position:top left;
	background-repeat:repeat-x;
  background-color:#E4E4E4;
}
/*Savings*/
.table_container .savings th {
  background-color:#0097E0;
  color:#FFFFFF;
}
.table_container .savings caption {
  /*background:url(/images/frontend/table_blue_header_strip.gif);*/
  background-position:bottom left;
  background-repeat:no-repeat;
}
 .savings .divider_area_colour {
  background:url(/images/frontend/dotted_line_blue.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
}
 .savings .table_figure {
  color:#0097E0;
}
.table_container .savings .table_band_dark {
  background-color:#E4E4E4;
}
.table_container .savings .table_band_light {
  background-color:#F0F0F0;
}
/*.table_savings_footer {
	height:20px;
	background:url(/images/frontend/table_blue_footer_strip.gif);
	background-position:top left;
	background-repeat:no-repeat;
}*/
/*mortgages*/

.table_container .mortgages th {
  background-color:#ffcc00;
	color:#003768;}
.table_container .mortgages caption {
  /*background:url(/images/frontend/table_yellow_header_strip.gif);*/
  background-position:bottom left;
  background-repeat:no-repeat;
}
 .mortgages .divider_area_colour {
  background:url(/images/frontend/dotted_line_yellow.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
}
 .mortgages .table_figure {
  color:#003768;
}
.table_container .mortgages .table_band_dark {
  background-color:#E4E4E4;
}
.table_container .mortgages .table_band_light {
  background-color:#F0F0F0;
}



/*--------------------------------< 8.2. Key Feature Table & Overview Panel styles >-----------------*/

.table_key_feature_container {
	width:100%;
}
.table_key_feature_container td, .table_key_feature_container th {
	padding:10px;
}
.table_key_feature_container .table_band_dark th, .table_key_feature_container .table_band_dark td {
	background-color:#E4E4E4;
}
.table_key_feature_container .table_band_light th, .table_key_feature_container .table_band_light td{
	background-color:#F0F0F0;
}

.table_key_feature_container th {
	font-size:108%;
	font-weight:bold;
}
.table_key_feature_container table {
	/*dont collapse*/
width:100%;
	border-collapse:separate;
	border-spacing:2px;
}
.table_key_feature_container caption {
display:none;

}

.table_key_feature_container h2
{
background-color:#e6e6e6;
font-size:108%;
font-weight:bold;
background:url(/images/frontend/table_key_feature_header_left.gif) no-repeat top left;
/*line-height:2.2em;*/
padding-left:10px;
}
.table_key_feature_container .key_feature_head
{
background-color:#e6e6e6;
background:url(/images/frontend/table_key_feature_header_right.gif) no-repeat top right;
}
.table_key_feature_container .key_feature_foot
{
background-color:#e6e6e6;
height:15px;
background:url(/images/frontend/table_key_feature_footer_right.gif) no-repeat bottom right;
}
.table_key_feature_container h3
{
background-color:#e6e6e6;
text-indent: -9999px;
background:url(/images/frontend/table_key_feature_footer_left.gif) no-repeat bottom left;
padding-left:10px;
}

.overview_panel {
	padding-left:10px;
	padding-right:10px;
  margin-bottom:30px;

}
.overview_panel_left {
  padding-right:10px;
  margin-bottom:30px;

}

.overview_panel h4, .overview_panel_left h4 {
	font-weight:bold;
	font-size:138.5%;
}
.overview_panel h5, .overview_panel_left h5 {
	font-weight:bold;
	font-size:396.2%;
  float: left;
}
.mortgage_note{
clear:right;
color:red;
display:block;
float:left;
font-size:77%;
font-weight:bold;
line-height:4em;
padding-top:30px;

width:40%
}
.mort_notice_rate{
float:left;
clear:right;
width:60%
}
.mort_notice_foot
{
border: 1px solid #003768;
padding:2px 5px;
font-size:77%;
font-weight:bold;
}
.apply_area
{
padding-top:10px;
background-color:#f0f0f0;
-moz-border-radius: 10px 10px 10px 10px;
}
.apply_area h4{
padding-left:10px;
padding-bottom:10px;
}
.apply_area img{
padding-left:10px;
padding-right:10px;
}
.calc_area
{
margin-top:10px;
padding:10px 0px 10px 0px;
background-color:#f0f0f0;
-moz-border-radius: 10px 10px 10px 10px;
}
.calc_area h4{
padding-left:10px;
padding-bottom:10px;
}
.calc_area img{
padding-left:10px;
padding-right:10px;
}
.mort_area
{
padding:10px 0px 10px 0px;
background-color:#f0f0f0;
-moz-border-radius: 10px 10px 10px 10px;
}
.mort_area h4{
padding-left:10px;
padding-bottom:10px;
}
.mort_area img{
padding-left:10px;
padding-right:10px;
}
.mort_area02
{
margin-top: 10px;
padding:10px 0px 10px 0px;
background-color:#f0f0f0;
-moz-border-radius: 10px 10px 10px 10px;
margin-bottom:10px;
}
.mort_area02 h4{
padding-left:10px;
padding-bottom:10px;
}
.mort_area02 img{
padding-left:10px;
padding-right:10px;
}



/*--------------------------------< 8.3. Important Info - File description styles >------------------*/

.file_description {
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	border-top: 1px dotted #003366;
}
.file_description_container {
	width:300px;
	border-bottom: 1px dotted #003366;
}
.file_description img {
	float:left;
	padding-right:10px;
}
.file_description h3 {
	font-size:108%;
	font-weight:bold;
}

/*--------------------------------< 9. FOOTER and Grey Form styles >---------------------------------*/

#ft {
	background-color:#B5B4B4;
	background:url(/images/frontend/page_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-left:-4px;
  display:inline-block;
}
.footer_container
{

   padding-left:15px;
   padding-right:10px;
   padding-bottom:10px;
}

.footer_container p
{
 font-family:Arial, Helvetica, sans-serif;
 color:#666666;
 font-size:77%;
 padding-bottom:10px;
}
.correct_at_date
{
 font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:85%;
font-weight:bold;
color:#003768;
}
.third
{
color:#003768;
width:30%;
float:left;

padding-left:10px;
}

#ft h3
{
font-size:85%;
font-weight:bold;
}


#grey_footer_form
{
background-color:#DBDBDB;
color:#003768;
margin-top:20px;
}

#grey_footer_form h4
{

font-size:138.5%;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;

}

#grey_footer_form ul li, #grey_footer_form p
{

font-size:85%;
padding-bottom:2px;

}

#grey_footer_form ul
{
padding-top:3px;
padding-bottom:10px;
}
#grey_footer_form_top
{
background-image:url(/images/frontend/grey_footer_top_right.gif);
background-position:right top;
background-repeat:repeat-x;
height:43px;

}


#grey_footer_form_bottom
{
background-color:#dbdbdb;
height:14px;
background-image:url(/images/frontend/grey_footer_bottom_right.gif);
background-position:right top;
background-repeat:no-repeat;
}

.input_grey {
background:url(/images/frontend/search_grey_right.gif);
height:20px;
background-repeat:no-repeat;
padding-right:20px;
margin-bottom:10px;
background-position:top right;
position:relative;

}

.input_grey input {
background:url(/images/frontend/search_grey_left.gif);
background-repeat:no-repeat;
border:none;
height:20px;
padding-left:15px;
padding-top:2px;
color:#333333;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:85%;
*margin-top:-1px;
padding-top:3px;
position:relative;

}


.grey_form_inner
{
padding-left:20px;
padding-right:20px;

}

.quick_links
{
padding-top:10px;
width:560px;
float:left;
background-color:#dbdbdb;
}
.call_back
{
width:300px;
padding-left:20px;
float:left;
background:url(/images/frontend/search_footer_line.gif);
background-position:top left;
background-repeat:repeat-y;
background-color:#dbdbdb;
}


.input_drop
{
margin-bottom:10px;
}


/*--------------------------------< 10. area homepages (mortgages/savings) Specific styles >---------*/
#area_homepage_template
{

width:100%;
height:500px;
}
#area_homepage_template .col_left
{
display:inline;
float:left;

width:430px;
height:inherit;


}
#area_homepage_template .col_left .top_area
{
height:235px;
width:inherit;
display:block;
margin-bottom:15px;
}
#area_homepage_template .col_left .bottom_area
{
height:250px;
width:inherit;
display:block;

}

#area_homepage_template .col_right
{
display:inline;
margin-left:15px;
float:left;
width:260px;
height:inherit;
}

.top_bottom_line_style_wrapper
{
border-top: 1px dotted #003768;
border-bottom: 1px dotted #003768;
margin-top:20px;
padding-top:20px;
padding-bottom:20px;
margin-bottom:20px;
}
.top_line_style
{
border-top: 1px dotted #003768;
margin-top:20px;
padding-top:20px;
}
.existing_data
{
background-color:#FFFFCC;
}
.savings_data
{
background-color:#E5F5FB;
}

/* definition lists instead of tables*/
dl.table-display
{

margin: 2em 0;
padding: 0;
}
dl p{
padding:0px;
}

.table-display dt
{

float: left;
margin: 0 0 0 0;
padding: .5em;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 90%;
margin: 0 0 0 0;
padding: .5em;
}

dd .alpha li {
  list-style-type: lower-alpha;
  padding-left:20px;
  padding-bottom:10px;
}
dd .alpha .numeric li {

    font-size:90%;
  list-style-type: decimal;
 /* margin-left:20px;*/
  padding-left:5px;
  padding-bottom:2px;
}
.table-display .alpha .numeric li {
  padding-bottom:2px;
}
.table-display .numeric  {
padding-top:10px;
padding-left:20px;
}
.table-display .alpha
{
padding-top:10px;
/*padding-left:20px;*/
}

dl.table-display ol ol{
padding-top:20px;
padding-bottom:20px;
}
/*------- definition list styles end -------*/

.note{
background-color:#f1f1f1;
-moz-border-radius: 10px 10px 10px 10px;
padding-top:5px;
padding-left:10px;
margin-bottom:10px;
}
.note h3{
font-size:100%;
font-weight: bold;
padding: 5px 0px;
}
.mortgage_rate_table table{
 width:100%;
 border-collapse: separate;
 padding-top: 10px;
 padding-bottom:10px;
 margin-top: 20px;
}
.mortgage_rate_table th
{
 background-color:#FFD700;
 padding:4px 8px ;
 font-weight:bold;
}
.mortgage_rate_table td
{
 background-color:#f1f1f1;
 padding:8px;
 border:1px #fff solid;
}
.mortgage_rate_table h4{
 font-weight:bold;
}

/*savings calculator*/
.grey_container
{
background-color:#dbdbdb;
-moz-border-radius: 10px 10px 10px 10px;
}
.question_col
{
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
float:left;
display:block;
width:400px;
border-right:1px solid #cccccc;
height:260px;
background-color:#DBDBDB;
-moz-border-radius: 10px 10px 10px 10px;
}
.result_col
{
text-align:right;
padding-right:15px;
float:right;
display:block;
width:250px;
margin-top:10px;
margin-bottom:10px;
}
.question_col label{
font-weight:bold;
font-size:93%;
margin-bottom:10px;
margin-top:10px;
display:block;

}
#calc_result h2{
font-size:116%;
}
#calc_result h6{
font-size:290%;
color:#009DDC;
}

#mort_footer
{
 margin-left:1px;
 margin-right:-1px;
 height:15px;
 background-color:#ffcc00;
}

#save_footer
{
 margin-left:1px;
 margin-right:-1px;
 height:15px;
 background-color:#0097E0;
}
#mort_header
{
 margin-left:1px;
 margin-right:-1px;
 height:10px;
 background-color:#ffcc00;
}
#save_header
{
 margin-left:1px;
 margin-right:-1px;
 height:10px;
 background-color:#0097E0;
}
.jobTitle{
	font-weight: bold;
	font-size: 150%;
}
.jobCont{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-bottom: 20px;
}

.jobCloseDate{
	float: right;
}
.jobLocation{
	color: #9E9E9E;
	font-weight: bold;
	font-size: 110%;
	font-weight: bold;
}
.jobLeft{
	float: left;
	width: 60%;
	padding-right: 20px;
}
#jobRight{
	float: right;
	width: 30%;
	background-color:#CCCCCC;
	padding: 10px;
	-moz-border-radius: 10px 10px 10px 10px;

}
.branchLeft{
	float: left;
	background-color:#FF0000;
	width: 50%;
}
.branchRight{
	float: right;
	background-color:#00FF00;
	width: 50%;
}
.mortCalcCont{
	background-color: #E0E0E0;
	-moz-border-radius: 10px 10px 10px 10px;
	padding: 20px;
}
.mortCalcInfo{
	background-color: #F0F0F0;
	-moz-border-radius: 10px 10px 10px 10px;
	color:#003768;
	padding: 10px;
}
#result01, #result02{
	color:#003768;
	font-size:350%;
	font-weight:bold;
	margin: 20px 0px 0px 0px;
}
.introText{
	font-size: 100%;
	color: #22295D;
}
.formText{
	font-size: 100%;
	color: #22295D;
}
.dropDown{
	width: 80%;
}
.mortCalcTitle{
	font-size: 102%;
	font-weight: bold;
	padding-bottom: 20px;
}
.mortCalcNote{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: 003768;
	border-bottom-color: 003768;
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 10px 0px;

}

.branchPicCont001{
	margin-bottom: 10px;
}
.branchPicCont002{
	border: 1px solid #003768;
	margin-bottom: 10px;
}
.branchPic001{
	float: left;
	border: 1px solid #003768;
}
.branchPic002{
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #003768;
	border-right-color: #003768;
	border-bottom-color: #003768;
}
.branchDetails{
	margin: 20px 0px 20px 0px;;
}
/* jQuery Accordian arrow styles */
.ui-state-active
{
background:url(/images/frontend/menu_arrow_open.png) no-repeat;

background-position: 177px 2px;
}
.ui-state-default
{
background:url("/images/frontend/menu_arrow.png") no-repeat;

background-position: 177px 2px;
}
.branchOuterCont{
	width: 450px;
}
.branchCont{
	float: left;
	border: 1px solid #CCCCCC;
	margin: 0px 5px 5px 0px;
}
.branchName{
	font-weight: bold;
	padding: 3px;
}
#search  input#button{
	background:transparent url(/images/frontend/btn_search.gif) no-repeat scroll 0 0;
	border: none;
	cursor:pointer;
  top:5px;
	left: 130px;
	position:absolute;
  width:20px;
}
.jobApply{
	-moz-border-radius: 7px 7px 7px 7px;
	background-color: #F0F0F0;
	padding: 10px 0px 0px 10px;
}
.jobApplyIcon{
	float: left;
}
.newsTitle{
	font-size: 110%;
	color: #003768;
	font-weight:bold;
}
.newsPub{
	color: #003768;
}
.form_note{
font-family:verdana;
font-weight:bold;
font-size:77%;
}

/* ----------------------------------- CURRENT SAVINGS RATES TABLES -------------------------------- */

.inner_tab
{
background-color:#f0f0f0;
width:100%;
}

.table_container .savings .account_bands th
{
 /*display:none;*/
}
.account_bands
{
width:100%;

}
.table_container h4
{
display:block;
cursor:pointer;
line-height:2em;
font-weight:bold;
text-indent: 10px;
background-color:#f8f6f7;
margin-right:12px;
border-bottom:1px dotted #eeeced;
/*-moz-border-radius: 5px;*/
}
table.account_bands
{
border-collapse: separate;
margin-bottom:10px;
}
.account_bands td
{
font-size:85%;
font-weight:bold;
background-color:#f8f6f7;
border-bottom:1px dotted #eeeced;
}
.toggle_table{
padding-right:12px;
margin-left:-1px;
margin-right:1px;
}
.open_icon{
background-color:#f8f6f7;
background:url(/images/frontend/menu_arrow_open.png) no-repeat;

background-position: 230px;
}

.closed_icon{
background-color:#f8f6f7;
background:url(/images/frontend/menu_arrow.png) no-repeat;

background-position: 230px;
}

ul.horiz_list
{
float:right;
clear:both;
}
.horiz_list li
{
display:inline;
}
.horiz_list a:link, .horiz_list a:visited
{
color: #FFF;
}
.smallA
{
font-size:80%;
}
.normalA
{
font-size:100%;
}
.largeA
{
font-size:120%;
}

.director_detail
{
border: solid 1px #ccc;
border:1px solid #F0F0F0;
float:left;
font-size:86%;
font-weight:bold;
margin-bottom:10px;
margin-right:10px;
padding:5px;
width:117px;
text-align:center;
}
.director_image
{
border: solid 1px #ccc;
margin-right:20px;
}

/*mortgages tables*/
table.mortgage_product
{
border-collapse:collapse;
text-align:left;
width:100%;
background-color:#CCFF00;
margin-top:10px;
}
table.mortgage_product td, table.mortgage_product th
{
border:2px solid #FFFFFF;
padding:8px;
vertical-align:top;
color:#003366;
}
table.mortgage_product td{
background-color:#fff7bf;
}
table.mortgage_product th{
background-color:#ffcc00;
font-weight:bold;
}
table.mortgage_product td ul{
margin-left:15px;
padding: 3px 0px;
}
table.mortgage_product td ul li{
list-style:disc;
padding-left:5px;
}


table.savings_product
{
border-collapse:collapse;
text-align:left;
width:100%;
background-color:#CCFF00;
}
table.savings_product td, table.savings_product th
{
border:1px solid #FFFFFF;
padding:8px;
vertical-align:top;
color:#ffffff;
}
table.savings_product td{
background-color:#e5f5fb;
color:#003366;
}
table.savings_product th{
background-color:#009ddc;
font-weight:bold;
}
table.savings_product td ul{
margin-left:15px;
padding: 3px 0px;
}
table.savings_product td ul li{
list-style:disc;
padding-left:5px;
}

tr.major_feature td, tr.major_feature th
{
background-color:#003366;
color:#fff;
font-weight:bold;
}

tr.major_feature_blank td, tr.major_feature_blank th
{
background-color:#fff;
color:#003366;
font-weight:bold;
}

.phone{
font-size:167%;
}
#search input.search_button
{
position:absolute;
background:none;
width:13px;
height:12px;
float:right;
margin:0px;
padding:0px;
right:5px;
top:5px;
}
.input_grey input.search_button_bottom
{
position:absolute;
background:none;
width:13px;
height:12px;
float:right;
padding:0px;
right:7px;
top:5px;

}
.search_results a:link, .search_results a:visited
{
font-size:116%;
font-weight:bold;
}
td.button_container
{
 padding-left:0px;
}
.note_caps{
font-size: 77%;
color:#999;
text-transform: uppercase;
}

img.manager_image
{
border: 1px solid #CCC;
}
.news_page h4{
font-size: 116%;
color:#999;
line-height:2.2em;
font-weight:bold;
}
table.base_table
{
padding: 5px 0px;
margin: 10px 0px;
}
table.base_table td
{
vertical-align: top;
padding: 5px;

}
table.base_table th{
background-color:#003768;
color:#fff;
font-weight:bold;
padding:5px;
}
table.filled
{
background-color:#f0f0f0;
}
table.filled td
{
border:2px solid #fff;

}
.key_color
{
background-color:#ccd7e1;
}
td.table_icon
{
text-align:center;
}
#pressure_rates{
 width:340px;
}
#pressure_rates table{
 background-color:#FFFFFF;
 color:#003768;
}
#pressure_rates table td
{
 padding:5px;
}
#pressure_rates table h5
{
 font-size:396.2%;
}
#pressure_rates table h6
{
 display:block;
 padding: 2px 5px;
 font-size:85%;
 border:1px solid #003768;
 font-weight:bold;
}
#loyalty_grid .loyalty_note {
  display:block;
  width:142px;
  position:absolute;
  z-index:1;
  top: 130px;
  background-color:#fff;
  border:1px solid #ccc;
  border-top:none;
}


.gross_holder{

}
.gross_holder .gross_text{
font-weight: bold;
padding-top:39px;
padding-left:10px;

}

.active {
  border: medium solid #99FF00;
}
.loyalty_note {
  background-color: #FFF;
  /*display:block;
  bottom:10px;
  left:1px;*/
  left:0px;
  bottom:0px;
  *position:absolute;
  border:1px solid #ccc;
  border-top:0px;
  margin-top:-10px;
  width:142px;
  z-index:20;
}
.logo{
/*display:inline-block;*/
position:relative;
height:142px;
}
-->

.ib-fix li { display:-moz-inline-box; -moz-box-orient:vertical;
               display:inline-block; vertical-align:top; word-wrap:break-word; }
  * html .ib-fix li { display:inline; }
  * + html .ib-fix li { display:inline; }
  .ib-fix li > * { display:table; table-layout:fixed; overflow:hidden; }

  * html .demo-ul li { width:144px; padding:0px 2px; }   /* for IE 6 */
.demo-ul li > * { width:144px; padding:2px 2px; }      /* for all other browser */

.init_hidden {
    display: none;        /* required */
    position: absolute;   /* required */
    padding: 0px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    width:250px;
    z-index: 9999;
}

.init_hidden p{
padding:10px;
font-size:85%;
}
#loyalty_grid ul
{
margin-left:0px;
}
/*event definition llist*/
dl.event
{
  margin: 2em 0;
  padding: 0;
  font-family: tahoma, arial;
}
.event dt
{
  position: relative;
  left: 0;
  top: 1.1em;
  width: 5em;
  font-weight: bold;
}
.event dd
{
  border-left: 1px solid #ccc;
  margin: 0 0 0 6em;
  padding: 0 0 .5em .5em;
}
.event_link_header
{
  font-size:131%;
}
.media_container
{
  background-color:#003768;;
  padding:10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  width:470px;
  margin-bottom:10px;
}
.press_content {
  color: #003768;
  float: right;
  width: 708px;
}
.press_content li {
  list-style-type: disc;
  margin-left: 25px;
}
.newsDescription {
  margin-top: 20px;
}
.newsImage {
  float: right;
}