@charset "utf-8";
/* CSS Document */

/*--Restet All Padding And Margins --*/
*{ margin:0;padding:0;}

/*--Define Generic elements --*/
p, li, td, th{ font-size: 11px; line-height:16px; font-family: verdana, "lucida grande", sans-serif;}
p{ margin:0px 6px 0px 6px; padding:6px 0 3px 0;}
td{padding:6px;}
h1{	line-height: 20px;	font-weight: bold;	font-family: verdana, "lucida grande", sans-serif;	font-size: 16px;	color: #333;	padding:6px 0 3px 0;	color:#AA051A;	margin: 0 3px 0 3px;}
h2{	line-height: 18px;	font-weight: bold;	font-family: verdana, "lucida grande", sans-serif;	font-size:14px;	color: #333;	margin:0px 3px 0px 3px;padding:6px 0 2px 0;}
h3{margin:0px 3px 0px 3px;padding:6px 0 2px 0;font-size: 11px;line-height:16px;font-weight: bold;font-family: verdana, "lucida grande", sans-serif;color: #333;}
h4{
	color:#333333;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:0;
	font-family: verdana, "lucida grande", sans-serif;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 6px;
}
img{border:0px none;}
h5{background:#EEEEEE ;display:block;font-size:11px;margin:0 0 0 0;padding:3px 0 3px 5px;font-family:verdana,"lucida grande",sans-serif;}
a {	color:#405EBE;	text-decoration:none; outline: none;}
a:hover, a:active{color:#0000ff; outline: none;}
ul {list-style-image:url(../images/list_greybullet.gif);margin:10px 0 20px;padding:5px 0 0 30px;}
ol{margin:10px 0 10px;padding:5px 0 0 25px;}
object{outline:none;}
/*--END Define Commen elements --*/

/*--SEO update ---apply styling to header tags to keep look but fix structure issues
---- Give the appropiate calss to defins style eg <h2 class="h3">text</h2>--*/
.h1{	line-height: 20px;	font-weight: bold;	font-family: verdana, "lucida grande", sans-serif;	font-size: 16px;	color: #333;	padding:6px 0 3px 0;	color:#AA051A;	margin: 0 3px 0 3px;}
.h2{	line-height: 18px;	font-weight: bold;	font-family: verdana, "lucida grande", sans-serif;	font-size:14px;	color: #333;	margin:0px 3px 0px 3px;padding:6px 0 2px 0;}
.h3{margin:0px 3px 0px 3px;padding:6px 0 2px 0;font-size: 11px;line-height:16px;font-weight: bold;font-family: verdana, "lucida grande", sans-serif;color: #333;}
.h4{
	color:#333333;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:0;
	font-family: verdana, "lucida grande", sans-serif;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 6px;
}
.h5{background:#EEEEEE ;display:block;font-size:11px;margin:0 0 0 0;padding:3px 0 3px 5px;font-family:verdana,"lucida grande",sans-serif;}

/*---Start Header Top of page ----*/
div#accessibleOptions{display:none; position:absolute;}
div#pageHolder{width:755px;color:#333333; position:relative;}
div#topHeader{height:110px;}
div#topHeader img{
float:left;

}
/*---End Top Header of page ----*/

/*---Start Top Right Menu ----*/
div#topRightMenu{position:relative;width:288px;border-top:1px solid #CCCCCC;font-weight:bold;text-align:right;font-family:verdana,"lucida grande",sans-serif;line-height:20px;float:right; height:20px;margin:56px 0 0;}
div#topRightMenu ul{list-style:none;padding:0;margin:0;}
div#topRightMenu ul li{background:url(../images/topbullet.gif) no-repeat;float:left;padding:0 0 0 8px;list-style:none; line-height:20px;}
div#topRightMenu ul li a{margin:0 2px 0 5px;color:#666666;font-size:10px;text-decoration:none;}
div#topRightMenu ul li a:hover{color:#5C94D0;}
div#topRightMenu a.red {color:#D4001A;}
div#topRightMenu ul li.no_background{background:none;}
div#topRightMenu a.red:hover{color:#aa051a}
/*---End Top Right Menu ----*/

/*---Start Red Menu ----*/
div#redBarMenu{height:30px;background:url(../images/topMenuBg.gif) repeat-x; clear:both; width:755px;}
div#redBarMenu ul{list-style:none; padding:0; margin:0;}
div#redBarMenu ul li{float:left;height:30px; padding:0; margin:0;}
div#redBarMenu ul li a{height:30px;display:block;background-image:url(../images/menu_sprite.gif);}
div#redBarMenu ul li a span{display:none;}
li#menu_personal a{background-position:0 0;width:202px;}
li#menu_business a{background-position:-202px 0;width:196px;}
li#menu_insurance a{background-position:-398px 0;width:123px;}
li#menu_loans a{background-position:-521px 0;width:98px;}
li#menu_help a{background-position:-619px 0;width:136px;}
li#menu_personal.selected a{background-position:0 -30px;width:202px;}
li#menu_business.selected a{background-position:-202px -30px;width:196px;}
li#menu_insurance.selected a{background-position:-398px -30px;width:123px;}
li#menu_loans.selected a{background-position:-521px -30px;width:98px;}
li#menu_help.selected a{background-position:-619px -30px;width:136px;}

/*---End Red Menu ----*/

/*---Start Footer ----*/
div#footer{clear:both;background-color:#ffffff;display:block;height:35px;width:755px;margin:12px 0 0 0;border: 1px solid #cccccc;border-width:1px 0 0 0;}
div#footer ul {list-style:none;margin:0;padding:0;}
div#footer ul li{float:left;padding:0 0 0 12px;list-style:none;background:url(../images/topbullet.gif) no-repeat;}
div#footer ul li.no_background{background:none;padding:0 0 0 4px;}
div#footer ul li a{font-size:10px;}
div#footer p{font-size:10px;clear:left;margin:20px 0 0 4px;}
/*---End Footer ----*/

/*---Online Banking lefthand box ----*/
div#onlineBankingBox{background:#366496;position:relative;padding:0px 0 4px 0;}
div#onlineBankingBox h1{color:#FFFFFF;border:0 none;font-size:12px;line-height:14px;padding:5px 0 6px 0;margin:0 7px 0 8px;}
div#onlineBankingBox p{padding:0px 0 0px 0;margin:0 7px 6px 8px;color:#FFFFFF;}
div#onlineBankingBox a{color:#FFFFFF;font-weight:bold;}
p#olbsecurelink{float:right;position:absolute;;top:6px;right:0px;margin:0;padding:0;}
div#olbInner{background:#E3EDF6;margin:0 7px 0px 7px;padding:5px 0 4px 0;}
div#olbInner p{color:#333333;font-size:10px;margin:0 4px 0 4px;}
div#olbInner p a{color:#405EBE;font-weight:normal;}
div#olbInner p a:hover{color:#0000ff;}
div#olbInner input{border:1px solid #666666;font-size:10px;margin:0 0 6px;width:130px;}
div#olbInner input.login {border:medium none;height:21px;width:54px;margin:0 0 6px;}
p.loginHelp{padding:0px 0 2px 0;margin:0 7px 3px 8px;}
/*----End Online Banking ----*/

/*---box claases for boxes on the blue bar --*/
div.r_box{ background:#FFFFFF; margin:10px 5px 10px 5px;border:1px solid #E1E1E1;}
div.r_content{padding:0 4px 5px 4px;}
/*---End of box claases for boxes on the blue bar --*/

/*-----3 boxes on index class----*/
div.box,div.box2,div.box3 {float:left;margin:10px 0 0 0px;padding:0;width:183px;}
div.box2,div.box3 {float:left;margin:10px 0 0 4px;padding:0;width:183px;}
div.top{background:transparent url(../images/indx_top.gif) no-repeat;height:27px;margin:0 0 0 0;padding:0px 6px 0 6px;}
div.top h3,div.top h2{margin:0px 3px 0px 5px;padding:5px 0 0px 0;}
div.mid{background:transparent url(../images/indx_mid.gif) repeat-y ;height:220px;margin:0 0 0 0;padding:8px 6px 0 6px;}
div.mid p{margin:0px 3px 0px 3px; padding:3px 0 0px 0;}
div.mid p.morelink{margin:0px 3px 0px 3px; padding:12px 0 0px 0;}
div.btm{ height:11px; background:url(../images/indx_bot.gif) no-repeat; display:block; }

div#rightSide .topblue{background:transparent url(../images/indx_rightSide_top_blue.gif) no-repeat;height:36px;margin:0 0 0 0;padding:0 6px 0 6px;}
div#rightSide .topblue h3{color:#ffffff;}
div#rightSide .midblue{background:transparent url(../images/indx_rightSide_mid_blue.gif) repeat-y ;height:auto;margin:0;padding:0 6px 0 6px;}
div#rightSide .btmblue{background:transparent url(../images/indx_rightSide_bot_blue.gif) no-repeat;height:11px;}
div#rightSide .midblue p{color:#ffffff;}

div#rightSide .midblue h3{color:#ffffff; padding:0 0 0 3px;}
/*-- End left and right side of sub pages --*/
/*---Online Banking righthand box ----*/
div.olbrghtinner{
background:#E3EDF6;
color:#333333;
}
.innertext{
color:#333333; 

}
a#olbsecurelinkright{
float:right;
}
/*---End Online Banking righthand box ----*/

/*--index adverts start ---*/
div#ads{clear:left; height:90px; padding:5px 0 0 0; margin:0 0 0 2px; }
div.higlight{float:left;width:185px; text-align:center;height:84px; margin:0 0 0 0; }
div#slug{}
/*--index adverts end ---*/

/*-- left and right side of sub pages start --*/
div#rightSide{float:right;margin:0;padding:0;width:200px;}
div#rightSide .box{float:left;margin:10px 0 0 2px;padding:0 0 0 0;width:200px; }
div#rightSide .top{background:transparent url(../images/indx_rightSide_top.gif) no-repeat;height:36px;margin:0 0 0 0;padding:0 6px 0 6px;}
div#rightSide .mid{background:transparent url(../images/indx_rightSide_mid.gif) repeat-y ;height:auto;margin:0;padding:0 6px 0 6px;}
div#rightSide .btm{background:transparent url(../images/indx_rightSide_bot.gif) no-repeat;height:11px;}
div#rightSide ol{margin:0px 0 10px 0;padding:5px 0 0 25px;}
div#rightSide .mid p{padding:0 0 4px 0;}
/*-- End left and right side of sub pages --*/

/* start LEFTSIDE NAVIGATION */
#navigation div{background: #e1e1e1; margin: 0px 0 10px 0; padding: 0;}
#navigation div p{padding: 0 5px 5px 5px;}
#navigation div a{font-weight: normal; font-size: 11px; color:#405ebe; padding: 0; text-decoration: underline;}
#navigation div img{margin: 0; padding: 0;}
#navigation p.intl_sites, #rightSide div.mid p.intl_sites  {font-size:8pt;} 
#navigation p.intl_sites img, div.r_box div.r_content p.intl_sites img, #rightSide div.mid p.intl_sites img {margin: 5px 5px 0px 0;}
#navigation p.intl_sites a, div.r_box div.r_content p.intl_sites a, #rightSide div.mid p.intl_sites a {text-decoration:none;}
#navigation ul {font: 11px verdana, "lucida grande", sans-serif;list-style-type: none;margin: 0px;padding: 0px; line-height:14px;}
#navigation ul li {background: #cadceb; border-bottom: 1px solid #fff; font-size:10px; padding: 5px 0px 5px 10px; line-height:14px;}
#navigation ul li.active {background: #eaf1f7; border-bottom: 1px solid #fff; font-weight: bold; padding: 5px 0 5px 10px;line-height:14px;}
#navigation ul li.subs {background: #eaf1f7; border-bottom: 1px solid #fff; font-weight: normal; padding: 5px 0 5px 20px;line-height:14px;}
#navigation ul.about li {background: #fff; border-bottom: none; font-size:10px; padding:0; margin:0; line-height:14px;}
#navigation ul.about li a {color: #036; line-height:14px;}
#navigation ul.about li a:hover {color: #36c; background: #fff; line-height:14px;}
#navigation a {display: block;font-weight: bold;color: #000;text-decoration: none; padding: 0; line-height:14px;}
#navigation ul li a {display: block;font-weight: bold;color: #000;padding: 0;text-decoration: none; line-height:14px;}
#navigation a.subs {padding-left: 20px;font-weight: normal; padding: 0; line-height:14px;}
#navigation p a {padding: 0;text-decoration: underline; line-height:14px;}
#navigation a:hover {background: #cadceb;color: #be5a33; line-height:14px;}
#navigation ul li a:hover {background: #cadceb;color: #be5a33; line-height:14px;}
#navigation ul li.active a:hover {background: #eaf1f7; color: #be5a33; line-height:14px;}
/* end LEFTSIDE NAVIGATION 
div#mastHead{border: 1px solid #cccccc;border-width: 0 0 1px 0;}*/


p.back2top {border-bottom:1px solid #E9E9EA;text-align:right;margin-bottom:20px;}
li.cats{font-weight:bold;}
.noborder{border-style:none;border-width:0;}
.no_background{background:none;}
.clearfix{ clear:both;}
.left{float:left;}
img.left{float:left; margin:0 8px 0 0;}
/*---fraud protect table start--*/
table.fraud_protect_table{background:none;border:1px solid #EEEEEE;}
table.fraud_protect_table td{border:1px solid #EEEEEE;padding:10px;vertical-align:top;}
table.contact_table{background:none;}
table.contact_table td{border-bottom:1px solid #cccccc;padding:10px;vertical-align:top;}

table.contact_table_small{background:none; width:340px;}
table.contact_table_small td{border-bottom:1px solid #cccccc;padding:10px;vertical-align:top;}
/*---fraud protect table end--*/

/*--start card table --*/
table {width:575px;border:none;margin-left:5px;background:url(../images/cardTable_mid.gif) repeat-y;}
table td {border:none;padding:0 15px;}
table td a{font-weight:bold;}
td.top {background:url(../images/cardTable_top.gif) no-repeat;width:575px;height:9px;line-height:1px;}



td.bottom {background:url(../images/cardTable_bottom.gif) no-repeat;width:575px;height:17px;line-height:1px;}
td.cardArt {text-align:center;width:25%;vertical-align: top;}
td.cardArt a{font-weight:normal;}
img.cardArt {margin-top: 10px;}
td.catEnd p{float:right;}
td.catEnd img, #notice div.content table td.catEnd a{float:right;margin:6px 0 20px 10px;}
/* BUTTONS ARE ALL ONE IMAGE HOVER AND ACTIVE STATES PRODUCED BY REPOSITIONING BACKGROUND IMAGE*/
td.catEnd a {width:80px;height:26px;display:block;background:url(../images/applyNow.gif) no-repeat; float:right;}
td.catEnd a:hover {background-position:100% -26px;}
td.catEnd a:active {background-position:100% -52px;}
/* END BUTTONS */
td.catSplit {background:url(../images/dotted.gif) repeat-x;height:1px;}
td ul{margin: 8px 0 15px 1px;padding: 0 0 0 0;}
td span {font-size: 13pt; font-weight:bold}
tr.ltblu {background: #f6f9fc;}
tr.ltblu td.cardArt{border-left:1px solid #bfbfbf;}
tr.ltblu td.catEnd{border-right:1px solid #bfbfbf;}
td a{text-decoration:none;color:#405ebe;}
/*end card table --*/

/*--start directory table --*/
table.directory_table{
	border:1px solid #BFBFBF;
	margin-left:10px;
	width:528px;/*--this value changed. nb may impact other screens --*/
	background:none;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.directory_table td,table.directory_table th{ border-color:#BFBFBF;border-style:none solid none none;border-width:medium 1px medium medium;height:25px;line-height:13px;padding:3px;text-align:center;vertical-align:middle;}
table.directory_table td.cats {font-weight:bold;padding:3px 0 3px 7px;text-align:left;width:160px;}
table.directory_table tr.cats {background:#DBE8F0 url(../images/table_tr_bg.jpg) repeat-x scroll left bottom;height:20px;}
/*--end directory table --*/

p.register a {width:96px;height:25px;display:block;background:url("../images/RegisterNow.gif") no-repeat 100% 1px;}
p.register a:hover {background-position:100% -25px;}
p.register a:active {background-position:100% -51px;}
p.register span {float:left;margin: -21px 0 0 103px;font-weight:normal;}

/*-- BUTTONS view cards --*/
a.viewcards{width:80px;height:26px;display:block;background:url(../images/viewcards.gif) no-repeat; float:right;}
a.viewcards:hover {background-position:100% -26px;}
a.viewcards:active {background-position:100% -52px;}
/*-- end BUTTONS view cards --*/

/*-- fix sitemap table --*/
table#sitemap {background:none}
table#sitemap a {font-weight: normal;}
table#sitemap ul {list-style-type: none;list-style-image: none;}
/*-- end fix sitemap table --*/
.underline{text-decoration:underline}

/*help centre styles----*/

div.half{
width:285px;
float:left;

}
div.pannel_small{
width:280px;
height:112px;
background-image:url(../images/help-centre/pannel_small.jpg);
background-repeat:no-repeat;
margin:0 0 5px 4px;

}
div.pannel_large{
width:280px;
height:165px;
background-image:url(../images/help-centre/pannel_large.jpg);
background-repeat:no-repeat;
margin:0 0 5px 5px;
}

div.pannel_xlarge{
width:280px;
height:225px;
background-image:url(../images/help-centre/pannel_xlarge.jpg);
background-repeat:no-repeat;
margin:0 0 4px 4px;
}
div.pannelpad{
padding:0 5px 0 5px;
width:270px;

}
             
      div.pannel_icon{
	  float:left;
	  width:65px;
	  margin:1px 0 0 5px;
	  } 
	  div.pannel_text{
	  margin:0px 0 0 12px;
	  padding:3px 8px 0 0;
	  
	  }
/*Activate Logon--*/
div.OLBActiveLogonBox{
margin:12px 0 0 6px;
width:258px; 
}
div.OLBActiveLogonBox div.top{ 
width:258px; 
height:35px;
background: url(../images/olblogin/curvtophead.gif) no-repeat;

}
div.OLBActiveLogonBox div.top h3{
color:#FFFFFF !important;
} 
a#olbsecurelinkrightact{
float:right;
margin:2px 12px 0 0;
}

div.activExample{
width:142px;
float:right;
}
div.activExample p{
margin:0;
padding:0;
font-size:10px;
}
.textCenter{
text-align:center;
}
.dividingline{
border:1px solid #DEDEDE;
border-width:1px 0 0 0;
margin:12px 7px 0 7px;


}
ul.ticklist{
list-style-type:none !important;

list-style:none !important;
list-style-image:none !important;
margin:0 0px 12px 20px;
padding:0 0 0 0 ;
}

ul.ticklist li{
background:url(../images/activate/tick.gif) no-repeat;
background-position:0 2px;
padding-left:14px;
margin:5px 0 0 0;
list-style-type:none !important;
list-style-image:none !important;
list-style:none !important;
}

div.OLBActiveLogonBox div.mida{ 
width:248px; 
padding:0 5px 0 5px;
background: url(../images/olblogin/mid.gif) repeat-y;

}
div.OLBActiveLogonBox div.mida p{
margin:0 6px 0 6px;
padding:0;
} 
input.username{
border:0px none;
background: transparent url(../images/olblogin/usrnamebg.gif) no-repeat;
width:135px;
height:17px;
margin:7px 0 8px 0;
padding:4px 8px 3px 8px ;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;


}
input.logon{

margin:6px 0 9px 6px;
padding:0;
float:left;

}

div.OLBActiveLogonBox div.btm{ 
width:258px; 
height:11px;
background: url(../images/olblogin/curvbot.gif) no-repeat;

}

/*--rugby styles---*/
div.rugbylogo{
float:left;
width:93px;
padding:0 1px  0 1px;
height:150px;
}
div.rugbylogo p{
text-align:center;
}
.rugbyRedBox{
	text-align:center;
	background:url(../images/rugby/rugby_red_box.gif) no-repeat;
	width:575px;
	height:40px;
	padding:15px 0 2px 0;
	display:block;
	margin:6px 0 0 0;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;


}

.greydivider{
border: 1px solid #CCCCCC;
border-width:1px 0 1px 0 ;
padding:6px 7px 6px 7px;
margin:8px 0 8px 0;

}
div#footads{
	padding:0 0 0 0;
	margin:0 0 0 4px;
}
#content .article .date {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width: 150px;
	float: right;
	height: 30px;
	text-align: right;
}
#content .article h1 {
	float: left;
	width: 565px;
}
/*--reward styles---*/
#reward-content {
	width: 580px;
	margin-left: 5px;
	float: left;
}
#reward-section {
	width: 574px;
	float: left;
	border: 1px solid #CADCEB;
	margin-bottom: 5px;
}
#reward-section .title{
	background-color: #EBF3F7;
}
#reward-section .title h2 {
	font-size: 11px;
	padding-top: 2px;
	text-indent: 4px;
}
#reward-section .category {
	width: 152px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CADCEB;
}
#reward-section .description {
	width: 421px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CADCEB;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CADCEB;
}
#reward-section ul {
	list-style-image: url(../images/rewards-cards-tick.gif);
	margin-right: 15px;
	margin-bottom: 0px;
}
#reward-main {
	width: 578px;
	float: left;
	margin-bottom: 5px;
}
#reward-main .left {
	width: 369px;
	float: left;
	border: 1px solid #CADCEB;
	background-image: url(../images/rewards-cards-header-title.gif);
	background-repeat: repeat-x;
	background-position: -9px top;
	margin-right: 5px;
	height: 210px;
}
#reward-main .left h1{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	text-indent: 8px;
	padding-top: 10px;
}
#reward-main ul {
	list-style-image: url(../images/rewards-cards-bullet.gif);
	margin-right: 15px;
	margin-bottom: 0px;
}
#reward-main li {
	margin-bottom: 5px;
}

#reward-main .right {
	width: 198px;
	float: left;
	border: 1px solid #CADCEB;
	height: 210px;
}
#reward-main .right .button {
	color: #333333;
	padding-top: 25px;
}
#reward-main  .left  .bullet {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

#reward-main .apr {
	font-size: 13px;
	font-weight: bold;
	text-indent: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 1px;
	padding-bottom: 0px;
}

#reward-main .apr .highlight {
	text-decoration: underline;
}

#reward-apply {
	width: 575px;
	float: left;
	padding-top: 10px;
}
#reward-apply .button {
	width: 198px;
	float: right;
}
#reward-apply .smallprint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
#reward-apply   .apply {
	color: #CC0000;
}