@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-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 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{
	font-size: 11px;
	line-height:16px;
	font-weight: bold;
	font-family: verdana, "lucida grande", sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
.letterSpacing {letter-spacing:-1px}

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;}




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{
	font-size: 11px;
	line-height:16px;
	font-weight: bold;
	font-family: verdana, "lucida grande", sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 7px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
.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;
	position:relative;
}
div#topHeader{
	height:110px;
	background-color: #FFFFFF;
}
div#topHeader img{
float:left;

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

/*---Start Top Right Menu ----*/
div#topRightMenu{
	position:relative;
	width:180px;
	text-align:right;
	float:right;
	height:83px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#topRightMenu a.red {color:#D4001A;}

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;}


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

/*---Start Footer ----*/

/*---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-right: 4px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
}
/*---End of box claases for boxes on the blue bar --*/

/*-----3 boxes on index class----*/
div.box,div.box2,div.box3 {
	float:left;
	padding:0;
	width:180px;
	background-image: url(../../images/box_back.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
}
div.box2,div.box3 {
	float:left;
	padding:0;
	width:183px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
}
div.top{
	background:transparent url(../images/indx_top.gif) no-repeat;
	height:27px;
	color: #333333;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
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;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}
div.mid p{
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 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;}

/* 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;}

.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 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;}

/*-- 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;


}


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;
}


#logoPosition {
	float: right;
}



/*--Define styles to add in a 190px left bar --*/
div#contentbody{
	width:755px;
	background-image: url(../../images/bluecolbacking_190.gif);
	background-repeat: repeat-y;
}
div#leftBlue{float:left;width:190px; min-height:300px;}
div#content{ float:left;padding:0 0 0 5px;min-height:300px; width:560px;}
div#mastHead{width:560px;margin:2px 0 0 0;}
div#leftSide{float:left;margin:0 8px 0 0px;padding:0;width:340px;}
#navigation{width:190px;}