/*********************************/

/*	--- GLOBAL Styles ---		 */

/*********************************/



/* Style Sheet optimised 19/08/2005 - David Stewart, Retail eCommerce */

/* Santander Corporate  Bank ammends April 2007 - Bluecube Interactive, TP */

body

{

	font-family: Verdana;

	margin: 4px 4px 4px 4px;

	background-color: White;

	color: #333333; /* Global Text Change rgb(0,52,129); */

}

table, td, div

{

	font-size: 100%;

	border-collapse: collapse;

}

input, select

{

	font-size: xx-small;

	vertical-align: middle;

}

h1

{

	color: rgb(0,0,0); /* H1 changed rgb(0,52,129) */

	font-size: large;

	margin: 1px 50px 0px 0px;

	padding-bottom: 0px;

	font-weight: normal;

}

h2

{

	color: #666666; /* H2 changed rgb(0,52,129) */

	font-size: x-small;

	font-weight: bold;

	padding-top: 5px;

	margin: 0px;

}

div.frame h2

{

	color: #666666; /* H2 changed rgb(0,52,129) */

	font-weight: bold;

	font-size: x-small;

	padding-bottom: 3;

	margin:	5px 0px 5px 0px;

}

h3.frmHdr, h2.frmHdr, div.frame h3.frmHdr

{

	text-transform: none;	

	padding-left: 0px;

	padding-bottom: 5px;

	margin-top: 0px;

	margin-left: 0px;

	color: #000000; /* Form Header Changed rgb(0,52,129) */

	font-size: x-small;

	font-weight: bold;

}

h3

{

	font-size: small;

	margin: 0px;	

}

span.h5

{

	color: Red;

	font-size: small;

	font-weight: normal;

}

h6

{

	font-size: xx-small;

}

A:link, A:visited

{

	color: #6666666; /* Changed from rgb(0,52,129) */

	text-decoration: none;

	font-weight: bold;

	font-size: xx-small;

}

A:hover, A:active

{

	font-weight: bold;	

	text-decoration: underline;

}

/***********************************/

/* --- End of Global Styles ---    */

/***********************************/





/***********************************/

/* --- Start of Header Section --- */

/***********************************/

.header-top-bar

{

	background-color: rgb(0,52,129); 

	width: 100%;

	position: relative;

	height: 60px;

}

.header-LH-image

{

	float: left;

}

.header-LH-image img

{

	vertical-align: top;

}

.header-brand-image

{

	float: left;

	padding-left: 7px;

}

.header-RH-image

{

	text-align: right;

}

.header-RH-image img

{

	vertical-align: top;

}

.header-menu-bar

{

	background-color: White;

	padding: 1px 5px 2px 0px;

	width: 100%;

	font-size: smaller;

	height: 19px;

}

.header-menu-div

{

	float: right;

}

.header-baseline

{

	vertical-align: top;

}

.headerCell 

{

	background-color: White;

	width: 100%;

}

.header-menu-bar ul

{

	margin: 0px;

	padding: 0px;

	white-space: nowrap;

}

.header-menu-bar li

{

	list-style-type: none;

	display: inline;

	padding: 0px;

}

div.header-menu-div a:link, div.header-menu-div a:visited

{

	color: rgb(0,52,129);

	font-weight: normal;

	font-size: 70%;

	vertical-align: middle;

}

div.header-menu-div a:active, div.header-menu-div a:hover

{

	text-decoration: underline;

	

}

/*********************************/

/* --- End of Header Section --- */

/*********************************/





/***********************************/

/* --- Start of Footer Section --- */

/***********************************/

.footer-bar

{

	background-color: rgb(0,52,129);

	width: 100%;

	height: 23px;

	vertical-align: bottom;

}

.footer-image-left

{

	float: left;

	margin-top: 15px;

}

.footer-image-right

{

	float: right;

	margin-top: 15px;

}

/***********************************/

/*  --- End of Footer Section ---  */

/***********************************/





/*********************************/

/* --- Start of Menu Section --- */

/*********************************/

Table.mnu

{

	background-color: white;

	padding: 0px 0px 2px 2px;

}

td.mnu0a

{

	display:none;

}

tr.mnu0, tr.mnu0on, tr.mnu0current, tr.mnu0openon, tr.mnu0open

{

	background-image: url(../../images/UlsterBlackArrowRight.gif);

	background-repeat:no-repeat;

	background-position: 4px 7px;

}

tr.mnu0current



{

	background-image: url(../../images/UlsterLightBlueArrowRight.gif);

	font-size: 80%;

}

tr.mnu0openon, tr.mnu0open

{

	background-image: url(../../images/UlsterLightBlueArrowDown.gif);

	background-position: 2px 7px;

}

tr.mnu0 td, tr.mnu0on td

{

	padding-left: 18px;

	border-top: solid 2px white;

	height: 23px;

	cursor: hand;

}

tr.mnu0current td

{	

	padding-left: 18px;

	color: #e5b744; /* Changed Menu Current rgb(0,153,255) */

	height: 23px;

	border-top: solid 2px white;

	font-weight: bold;

}

tr.mnu0open td, tr.mnu0openon td

{

	padding-left: 18px;

	cursor: hand;	

	border-top: solid 2px white;

	height: 22px;

}

td.mnu1a

{

	display:none;

}

tr.mnu1current

{

	background-image: url(../../images/UlsterLightBlueArrowRight.gif);

	background-repeat:no-repeat;

	background-position: 19px 7px;

	font-size: 60%;

}

tr.mnu1openon, tr.mnu1open

{

	background-image: url(../../images/UlsterLightBlueArrowDown.gif);

	background-position: 17px 7px;

	background-repeat:no-repeat;

}

tr.mnu1 td, tr.mnu1on td, tr.mnu1open td, tr.mnu1openon td, tr.mnu1current td

{	

	padding: 4px 0px 4px 33px;

	font-weight: bold;

	height: 18px;

	cursor: hand;

}

td.mnu2a

{

	display:none;

}

tr.mnu2current

{

	background-image: url(../../images/UlsterLightBlueArrowRight.gif);

	background-repeat: no-repeat;

	background-position: 34px 7px;

	font-size: 90%;

}

tr.mnu2 td, tr.mnu2on td, tr.mnu2open td, tr.mnu2openon td, tr.mnu2current td

{

	padding: 5px 0px 5px 48px;

	font-weight: bold;

	font-size: 70%;

	height: 19px;

	cursor: hand;

}

tr.mnu1current td, tr.mnu2current td

{

	color: #e5b744;

	height: 19px;

	cursor: auto;

}

/* hyperlinks  - font size is 11px for mnu0 */

A.mnu0:link, A.mnu0:visited, A.mnu1:link, A.mnu1:visited, A.mnu2:link, A.mnu2:visited

{

	color: rgb(0,0,0); /* Menu Inactive - rgb(0,52,129)*/

	font-weight: bold;

	text-decoration: none;

}

A.mnu0:link, A.mnu0:visited, A.mnu0open:link, A.mnu0open:visited

{

	font-size: 80%;

}

A.mnu0open:link, A.mnu0open:visited, A.mnu1open:link, A.mnu1open:visited

{

	color: #e5b744;

}

A.mnu0:hover, A.mnu0:active, A.mnu1:hover, A.mnu1:active, A.mnu1open:active, A.mnu1open:hover, A.mnu2:hover, A.mnu2:active

{

	text-decoration: underline;

}

/*******************************/

/* --- End of Menu Section --- */

/*******************************/





/************************************/

/* --- Start of Content Section --- */

/************************************/



/*************************************/

/* --- Start of Item Table Section --- */

/*************************************/

/* --- General --- */

/* --- .ItemTable --- */

.ItemTable, .ItemDetail

{

	color: Black;

	margin: 10px 0px 10px 0px;

	width: 100%;

	border: solid 1px #dddddd; /

}

.num

{

	letter-spacing: -0.5mm;

}

caption

{

	display: none;

	visibility: hidden;

}

.noItemsToDisplay

{

	color: Black;

	margin-top: 10px;

	margin-bottom: 10px;

}



/* --- Table Headings --- */

th

{

	color: Black;

	text-align: center;

	background-color: #003da6; /* Table Head Changed - #dddddd*/

}

th a:link, th a:visited, th a:hover, th a:active

{

	font-weight: bold;

	color: Black;

	text-decoration: none;

}

th a:hover, th a:active

{

	text-decoration: underline;

}

th img

{

	margin: 2px 5px 0px 5px;

	vertical-align: middle;

}

tfoot a:link, tfoot a:visited, tfoot a:hover, tfoot a:active

{

	font-weight: bold;

	color: Black;

	text-decoration: underline;

}

/* --- Table Row --- */

/* --- Catch All --- */

table.ItemTable tr td

{

	border-bottom: solid 1px #dddddd;

}

tr.dto td a:link, tr.dt td a:link, tr.dton td a:link, tr.dto td a:visited, tr.dt td a:visited, tr.dton td a:visited, 

tr.dto td a:hover, tr.dt td a:hover, tr.dton td a:hover, tr.dto td a:active, tr.dt td a:active, tr.dton td a:active

{

	color: Black;

	padding-left: 14px;

	font-weight: normal;

	text-decoration: none;

}

table.ItemTable tr.dt td

{

	background-color: White;

}

/* --- .dt --- Interleaved 1, 3 and 5 of 5*/

/* Used as header for Mini Statement */

.dt 

{

}

/* --- .dton --- Hover over */

tr.dton td

{

	cursor: hand;

	background-color: #003da6;

}

/* --- .dtem --- Selected */

tr.dtem td

{

	color: white;

	background-color: #FF6633;

}

tr.dtem td img

{

	margin-top: 2px;

	margin-left: 2px;

	margin-right: 6px;

	vertical-align: middle;

}

/* --- .dthi --- Same Day Transaction --- */

tr.dthi td

{

	background-color: #003da6;

}

/* --- Slave Description --- */

.dtSlaveDesc

{

	font: bold medium;

	margin: 5px 0px 5px 0px;

	white-space: nowrap;	

	border-bottom: solid 1px #CCCCCC;

	padding-bottom: 3px;

	width: 100%;

}

table.dtSlaveDesc td

{

	width: 200px;

	height: 20px;

	color: #666666); /* Headings Colour Change - rgb(0,52,129) */

}

/* --- COL HTML tag --- */

COL.currency, COL.currencyblankifzero 

{

	white-space: nowrap;

	text-align: right;

}

COL.date 

{

	white-space: nowrap;	

	text-align: center;

}

COL.general 

{

	white-space: nowrap;

	text-align: left;

}

COL.Numeric

{

	white-space: nowrap;	

	text-align: center;

}

COL.Wrap

{

	text-align: left;

	white-space: normal;

}

/*************************************/

/* --- End of Item Table Section --- */

/*************************************/





/***********************************************/

/* --- Start of Transaction Wizard Section --- */

/***********************************************/



/* --- General --- */

.wizard

{

	padding: 5px;

	margin: 15px 100px 0px 0px;

	width: 100%;

}

table.wizard tr

{

	margin: 2px 0px 2px 0px;

}

.wizardLabel, .detailLabel

{

	width: 150px;

}

.wizardLabelWide

{

	width: 75%;

	height: 25px;

}

.wizLbl

{

	color: Black;

	text-align: left;

	vertical-align: middle;

}

td.wizCrl

{

	color: Black;

	font-size: 92%;



}

/* --- Catch All --- */

table.wpSummary td.wizardLabel, table.wpPostCompletion td.wizardLabel, table.itemDetail td.detaillabel

{

	background-color: #dddddd;

	font-size: xx-small;

	color: Black;

}

td.wizardLabel label

{

	color: Black;

}

table.wpInput td.wizardLabel label

{

	color: #3366CC; /* Colour of Labels) */

}

/* --- Input Type Panel --- */

table.wpInput

{

	padding: 2px 5px 2px 0px;

	margin: 5px 20px 20px 0px;

	width: 100%;	

}

/* Confirmation Panel (penultimate) */

table.wpSummary

{

	padding: 5px;

	margin: 15px 20px 10px 0px;

	width: 100%;	

}

table.wpSummary td

{

	border: solid 1px #dddddd;

	background-color: #003da6;

	font-size: 92%;

}



/* --- On Amend and Cancel Screens --- */

table.itemDetail

{

	width: 100%;	

	border: solid 1px #dddddd;

}

table.itemDetail td

{

	border: solid 1px #dddddd;

	background-color: White;

	font-size: 92%;

}

table.itemDetail td.detaillabel

{

	border: solid 1px white;

}



/* Post Completion Panel */

table.wpPostCompletion

{

	padding: 5px;

	margin: 15px 20px 0px 0px;

	width: 100%;

	border: solid 1px #dddddd;

}

table.wpPostCompletion td

{

	border: solid 1px #dddddd;

}

table.wpPostCompletion td.wizLbl span

{

	font-size: 92%;

}

table.wpPostCompletion td.wizardlabel

{

	border: solid 1px white;

}



/* --- ButtonTable --- */

table.buttonTable, div.buttonPanel

{

	width: 100%;

	background-color: white;

	padding: 2px 2px 2px 2px;

	margin: 0px 0px 20px 0px;

	border-top: solid 1px #CCCCCC;

}



/* --- Wizard Buttons --- */

.btnNextcell input, .btnFinishcell input, .btnBackcell input, .buttonPanel input

{

	padding: 1px 1px 1px 1px;	

	margin-top: 5px;

	color: White;

	/* background-color: rgb(0,52,129); */

	font-size: xx-small;

	font-weight: bold;

	border: none; /*solid 1px rgb(0,52,129); */

	cursor: hand;

}

.btnNextcell, .btnFinishcell

{

	text-align: right;

}

.btnBackcell

{

	text-align: left;

	width: 50%;

}

/* --- Reset Link --- */

.resetIcon

{

	vertical-align: middle;

	margin-right: 3px;

}

/***********************************************/

/* --- End of Transaction Wizard Section   --- */

/***********************************************/





/*****************************************************/

/* --- Start of Navigation / Action Link Section --- */

/*****************************************************/



/* Action Links */

tr td.alcol, td.blcol

{

	padding: 7px 2px 2px 2px;

	border-top: solid 1px #CCCCCC;

}

a.call-2 span, a.backlink span

{

	padding: 20px 15px 2px 5px;

}

a.call-2:link, a.call-2:visited, a.backlink:link, a.backlink:visited

{

	color: #0000ff; /* Arrowed Links */

	font-weight: bold;

	text-decoration: none;

}

a.call-2:hover, a.call-2:active, a.backlink:hover, a.backlink:active

{

	text-decoration: underline;

}



/* Action Link Table */

table.tbSpacer

{

	width: 100%;

	margin: 20px 0px 0px 0px;

	padding: 0px 5px 0px 5px;

	height: 0px;

}

table.tbSpacer td

{

	text-align: right;

}

/***************************************************/

/* --- End of Navigation / Action Link Section --- */

/***************************************************/



/*********************************************************************/

/* --- Start of OptionLink / FurtherOptions / ApplyOnlineSection --- */

/*********************************************************************/

.frame

{

	padding-left: 5px 0px 0px 0px;

	margin: 20px 20px 0px 0px;

	width: 100%;

}

table.ol-panel

{

	width: 95%;

	border-bottom: solid 1px #003da6;

}

table.ol-panel td

{

	padding-left: 7px;

}

span.ol-link img, span.olalt-link img

{

	margin: 6px 5px 6px 1px;

	padding: 2px 0px 2px 0px;

	vertical-align: middle;

}

table.wpinput td

{

	padding-left: 30px;

}

table.wpinput td.wizcrl, table.wpinput td.wizlbl

{

	padding-left: 0px;

	text-align: left;

}

/* Option Links */

a.ol-link:link, a.ol-link:visited

{

	color: #0000ff; /* Arrowed Links - Generic */

	font-size: xx-small;

	font-weight: bold;

	text-decoration: none;

	vertical-align: middle;

}

a.ol-link:hover, a.ol-link:active

{

	text-decoration: underline;

}

div.altframe

{

	color: #333333;

	margin: 50px 20px 20px 0px;

	padding: 0px 0px 10px 5px;

	border: solid 1px #003da6;

}

div.altframe h3.frmHdr

{

	margin: 0px 0px 0px -5px;

	color: #000000;

	padding-left: 5px;

	background-color: #003da6; 

	width: 100%;

}

a.olalt-link:link, a.olalt-link:visited

{

	color: #0000ff; /* other person or account link */

	font-size: xx-small;

	font-weight: bold;

	text-decoration: none;	

	padding-left: 0px;

	vertical-align: middle;

}

a.olalt-link:hover, a.olalt-link:active

{

	text-decoration: underline;

	vertical-align: middle;

}

div.altframe img

{

	margin-right: 5px;

	vertical-align: middle;

}

/* ApplyOnline Versions of AltFrame */

td.menuCell .altframe

{

	border: solid 1px #ddcccc;

	background-color: #ddcccc;

	padding: 0px 2px 1px 1px;

	margin: 0px;

	width: 100%;

}

td.menuCell table.olalt-panel

{

	background-color:White;	

	width: 100%;

}

span.fauxh3

{

	font-weight: bold;

	color: #000000; /* Apply Online Heading Changed from rgb(0,52,129) */

	font-size: x-small;

	padding: 2px 0px 3px 5px;

	margin: 3px 0px 5px 0px;

	border-bottom: solid 1px white;

	width: 100%;	

}



.applynow-link  /* colour of purple hyperlinks in Apply online include */

{ 

	color:#663399;

}

/*********************************************************************/

/* --- End of OptionLink / FurtherOptions / ApplyOnlineSection ---   */


/*********************************************************************/



/***************************************************/

/* --- Start of Miscellaneous Controls Section --- */

/***************************************************/

/* --- ControlPair --- */

.opt

{

	margin-left: 0px;

	margin-right: 5px;

}



/* --- CurrencyEdit --- */

span.editCurr input

{

	left: 0px;

	text-align: right;

}



/* --- DateEdit --- */

.hidLabel

{

	display: none;

}



/* --- ItemValue --- */

.dash

{

	color: Black;

}



/* --- Page Template --- */

.contentCell

{

	width: 100%;

	padding: 0px 20px 0px 15px;

	height: 100%;

}

td.contentCell span, td.contentcell td, td.contentCell div

{

	font-size: xx-small;

}

.wrapperTable 

{

	height: 100%;

}

/* --- DDA Checkbox Label --- */

label

{

	color: #3366cc; /* Colour of Labels */

}

/* --- DDALinks (Accessibility) --- */

a.ddalink:link, a.ddalink:visited, a.ddalink:hover, a.ddalink:active

{

	font-size: 1px;

	height: 1px;

	text-decoration: none;

}

div.ddalink

{

	position: absolute;

	left: -100;

}



/* --- Validation Summary --- */

#ValidationSummary

{

	margin: 10px 0px 10px 0px;

	padding: 10px 10px 10px 10px;

	border: solid 1px Red;

	margin-right: 25px;

}

#ValidationSummary ul

{

	list-style-type: disc;	

}

#ValidationSummary li

{

	float: none;

}



/***************************************************/

/* --- End of Miscellaneous Controls Section --- */

/***************************************************/



/***********************************/

/* --- Styles taken from Ulster  Bank stylesheet --- */

/***********************************/

.bgcolor-option-bar {BACKGROUND-COLOR: #FFF;}

.option-bar-text {PADDING: 2px 10px 0px 0px; FONT-SIZE: 58%; MARGIN: 2px 2px 0px 0px; COLOR: #ff9900;} /* Divider | Colour */

.option-bar-text a {color:#0000ff;} /* Top Horizontal Text links Colour */

.option-bar-shadow-home {BACKGROUND: url("../../images/header/option_bar_elastic.gif") repeat-x top left; BORDER-TOP: 2px solid #fff;}

.bgcolor-footer, .bgcolor-search, .bgcolor-anytime, .bg-grp-rhs-hdr, .bgcolor-tools {BACKGROUND-COLOR: #003da6;} /* Navy to Light Blue Change */

img.register {

	float:right;

	margin-left: 20px;

	margin-top: 3px;

}



.header {

BACKGROUND-COLOR: #ffffff; /* Dark Navy Changed to white - affects header */



}



.mnuB0

{

	padding-left: 8;

	margin-left: 8;

	margin-right: 2;

}

/***************************************************/

/* --- End of Styles taken from Ulster  Bank stylesheet --- */

/***************************************************/



/********************************************/

/* -- Start of Replacement Inline Styles -- */

/********************************************/



.intropara {

font-family:arial;

font-size:12px;

background-color:#003da6;

line-height:2em;

}



.intropara td {

color:#666666;

}



.intropara strong {

padding-left:3px;

color:#ffffff;

}



.intropara-divider {

background-image:url(../../images/helpbar_dotted.gif);

background-repeat:repeat-x;

height:10px;

}







/************************************/

/* --- End of Content Section --- */

/************************************/
