/*
This is the master style sheet for the site.
Do NOT amend this page unless you are absolutely
certain of its effects, and certainly not without
testing in all the browsers/platforms you
can lay your hands on!
[Ian Lloyd, Electronic Channels x655260]
*/

  /***********************/
 /* Generic elements    */
/***********************/

A,A:link	{
	color : #3300CC;
}

A:visited	{
	color : #1D2D50;
}

a.hidden, a.hidden:link, a.hidden:visited, a.hidden:active, a.hidden:hover
{
display:none;
/*/*/
display:block;
font-size:1px;
color:white;
background:white;
/**/
}

A:hover	{
	color : #FF0000;
}

/* Makes the underlines (the pseudo-links) behave as real links do! */
A SPAN IMG U, A SPAN U	{
color:#3300CC;
} 
A:visited SPAN IMG U, A:visited SPAN U	{
color:#1D2D50;
} 
A:hover SPAN IMG U, A:hover SPAN U	{
color:red;
} 
body{	
	background-color : #ffffff;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 15px;/*15*/
	margin-bottom : 10px;/*10*/
	padding : 0px;
}

BODY, TD, TH {
	/* Base font size */
	font-size : 75%;
}

BODY, TD, TH, SPAN, DIV {
	/* Sets the default font for EVERY element */
	color : #1D2D50;
	font-family : Verdana,arial,helvetica,sans-serif;
}

FORM	{
	padding : 0px;
	margin : 0px;
	border : 0px;
}

SELECT	{
	color : #000000;
	background : #FFFFFF;
}

TH	{
	background : #BABAE3;
	color : #000066;
	text-align : left;
}

.center	{
	text-align : center;
}

.left	{
	text-align : left;
}

.printOnly	{
	/* See separate print.css for what's printable and what's not */
	display : none;
	visibility : hidden;
}

/* Use this where specific instructions need to be in place for blind users - screen reader will find this text */
.helpForBlind,a.helpForBlind,a.helpForBlind:link,a.helpForBlind:visited,a.helpForBlind:active,a.helpForBlind:hover {color:white;background:white;height:1px;font-size:1px;display:inline;}

.helpForBlindHead,a.helpForBlindHead,a.helpForBlindHead:link,a.helpForBlindHead:visited,a.helpForBlindHead:active,a.helpForBlindHead:hover {color:#EEEEEE;background:#EEEEEE;height:1px;font-size:1px;display:inline;}

.helpForBlindTable,a.helpForBlindTable,a.helpForBlindTable:link,a.helpForBlindTable:visited,a.helpForBlindTable:active,a.helpForBlindTable:hover {color:#7171B0;background:#7171B0;height:1px;font-size:1px;display:inline;}
@media print	{.helpForBlind	{display:none;}}

.right	{
	text-align : right;
}

.smallDDL	{
	font-size : 90%;
}

.button	{
	background:#000066;
	font-weight:bold;
	color:white;
}
  /***********************/
 /* Header elements     */
/***********************/

A.skipNav,A.skipNav:link,A.skipNav:hover,A.skipNav:visited	{
	/* =========================
	This is the skip navigation link for users with textreaders
	(Jaws, Connect Outloud etc) - they will hear this link read
	out.Sighted people will not see this (foreground/nackground
	colours are same)
	=============================*/
	color : #ffffff;
	background : #ffffff;
	font-size : 2px;
}

.headerTitle {
	/* The red strip that rus along the top! */
	color : #FFFFFF;
	background : #FF0000;
	font-size : 110%;
	font-weight : bold;
	text-transform : uppercase;
}

.topAreamiddle{
	float : right;		
	text-align : right;	
	width : 240px;/* >226 <233 *//* except Mac NS4 + Mac Opera 5 */
}
.topAreamiddle strong{
	font-family: tahoma,Verdana,arial,helvetica,sans-serif;
	color: #828282;	
	font-weight: bold;
	text-align : top;
	height : 16px;
	font-size : 90%;
}
.topAreamiddle input{
	font-family: monospace;
	/*/*/
	font-family: Verdana,arial,helvetica,sans-serif;
	/**/
}

.siteContents {
	color : #FFFFFF;
	background : #FF0000;
	text-transform : none;
}
A.nbsLogoLink:hover	{
	background:#ffffff;
}

  /***********************/
 /* Sub Heading elements*/
/***********************/

A.permaLinks,A.permaLinks:link,A.permaLinks:visited	{
	/* These are the site map, contact us and
	homelinks that are PERMAnently on-screen */
/*	background : #535396;*/
	color : #FFFFFF;
	font-size : 75%;
}

A.permaLinks:hover	{
	text-decoration : none;
}

A.subHeadingLink,A.subHeadingLink:link,A.subHeadingLink:visited	{
	color : #FEFEE8;
	text-decoration : none;
}

A.subHeadingLink:hover	{
	color : #FFFFFF;
	text-decoration : none;
}

.permaLinkBar	{
	/* The purplish bar that runs underneath
	the top red heading strip */
	border-top : 2px #9999cc solid;
	background : #535396;
	color : #FFFFFF;
}

.subHeading	{
	color : #FEFEE8;
	font-weight : bold;
	font-size : 120%;
	text-indent : 5px;
}
.subHeadStrip	{
	margin-top : 0px;
}

  /***********************/
 /* Left nav elements   */
/***********************/

A.menuLink,A.menuLink:link, A.menuLink:visited	{
	color : #FEFEE8;
	font-weight : normal;
	text-decoration : none;
}

A.menuLink:hover,A.menuLink:active	{
	color : #ffff66;
}

OPTION.ddlTitle	{
	border-top : solid #000000 1px;
	background : #808080;
	color : #FFFFFF;
	font-weight : bold;
}

.internetBankButtons	{
	border-left : 0px solid #6666CC;
	border-bottom : 0px solid #6666CC;
	/*background : url("/_common_images/background-textures/white-meshleftnav.gif") repeat;*/
	height : 60px;
}
.leftNavActiveArea,.leftNavInactiveArea	{
	width : 170px;
}

.leftNavInactiveArea	{
	border-right : 1px solid #C0C0C0;
}

.menu	{
	/* The lightish blue navigation bricks */
	border-top : 2px #babae3 solid;
	border-bottom : 2px #000066 solid;
	background : #7877BA;
	color : #FEFEE8;
	text-indent : 5px;
	height : 25px;
}

  /**************************/
 /* Left nav decoratives   */
/**************************/

A.currentArea:hover	{
	color : #FF0000;
}

A.subItemLink,A.subItemLink:link,A.subItemLink:visited,A.savingsSubItemLink,A.savingsSubItemLink:link,A.savingsSubItemLink:visited	{
	font-weight : normal;
	text-decoration : none;
}

.currentArea	{
	background : #FFFFFF;
	font-weight : bold;
}

.savingsCurrentArea	{
	background : #FFFFFF;
	font-weight : normal;
}

.currentArea, A.currentArea, A.currentArea:visited, A.currentArea:link	{
	color : #000066;
	text-decoration : none;
}

.decorativeBanking	{
	/* Add new decoratives below according
	to the product area accordingly */
	background : #ffffff url("/_common_images/background-textures/texture_banking_current.jpg") no-repeat;
}
.decorativeBanking, .decorativeInternetBanking, .decorativeHowToApply	{
	/* The pattern that appears underneath the navigation
	area.Please note: images are all referenced from the
	root directory. VERY important to maintain this */
	width : 170px;
	color : #000066;
	height : 200px;
}

.decorativeHowToApply	{
	background : #ffffff url("/_common_images/background-textures/texture_banking_howtoapply.jpg") no-repeat;
}

.decorativeInternetBanking	{
	background : #ffffff url("/_common_images/background-textures/texture_banking_internet.jpg") no-repeat;
}

.decorativeTravelMoney	{
	background : #ffffff url("/_common_images/background-textures/texture_banking_travel.jpg") no-repeat;
}

.decorativeBankingHome{
	background : #ffffff url("/_common_images/background-textures/bankinghomenavbg.jpg") no-repeat;
}

.decorativeCreditCard{
	background : #ffffff url("/_common_images/background-textures/texture_creditcard.jpg") no-repeat;
}

.decorativePensions{
	background : #ffffff url("/_common_images/background-textures/texture_pensions.jpg") no-repeat;
}

.decorativeLoans{
	background : #ffffff url("/_common_images/background-textures/texture_loans.jpg") no-repeat;
}

.decorativeInsurance{
	background : #ffffff url("/_common_images/background-textures/texture_insurance.jpg") no-repeat;
}

.decorativeHomeInsurance{
	background : #ffffff url("/_common_images/background-textures/texture_homeins.jpg") no-repeat;
}

.decorativeCarInsurance{
	background : #ffffff url("/_common_images/background-textures/texture_carins.jpg") no-repeat;
}

.decorativeTravelInsurance{
	background : #ffffff url("/_common_images/background-textures/texture_travelins.jpg") no-repeat;
}

.decorativeMortgageInsurance{
	background : #ffffff url("/_common_images/background-textures/texture_mortgageins.jpg") no-repeat;
}

.decorativeMortgage{
	background : #ffffff url("/_common_images/background-textures/texture_mortgage.jpg") no-repeat;
}

.decorativeTrackerMortgage{
	background : #ffffff url("/_common_images/background-textures/texture_mortgage_tracker.jpg") no-repeat;
}

.decorativeBMRMortgage{
	background : #ffffff url("/_common_images/background-textures/texture_mortgage_bmr.jpg") no-repeat;
}

.decorativeFixedMortgage{
	background : #ffffff url("/_common_images/background-textures/texture_mortgage_fr.jpg") no-repeat;
}

.decorativeLifeAssurance{
	background : #ffffff url("/_common_images/background-textures/texture_lifeins.jpg") no-repeat;
}

.decorativeCriticalIllness{
	background : #ffffff url("/_common_images/background-textures/texture_criticalillins.jpg") no-repeat;
}

.decorativePersonalAccident{
	background : #ffffff url("/_common_images/background-textures/texture_personalaccidentins.jpg") no-repeat;
}

.decorativeIncomeProtection{
	background : #ffffff url("/_common_images/background-textures/texture_incomeprotectionins.jpg") no-repeat;
}

.decorativeSavings{
	background : #ffffff url("/_common_images/background-textures/texture_savings.jpg") no-repeat;
}

.decorative60DayDirect{
	background : #ffffff url("/_common_images/background-textures/texture_savings_60daydirect.jpg") no-repeat;
}

.decorativeBonus60{
	background : #ffffff url("/_common_images/background-textures/texture_savings_bonus60.jpg") no-repeat;
}

.decorativeBonusSaver{
	background : #ffffff url("/_common_images/background-textures/texture_savings_bonussaver.jpg") no-repeat;
}

.decorativeCashBuilder{
   background : #ffffff url("/_common_images/background-textures/texture_savings_cashbuilder.jpg") no-repeat;
} 

.decorativeCapitalBuilder{
	background : #ffffff url("/_common_images/background-textures/texture_savings_capitalbuilder.jpg") no-repeat;
}

.decorativeEsavings{
	background : #ffffff url("/_common_images/background-textures/texture_savings_esavings.jpg") no-repeat;
}

.decorativeFixedRateBond{
	background : #ffffff url("/_common_images/background-textures/texture_savings_frb.jpg") no-repeat;
}

.decorativeCashIsa{
	background : #ffffff url("/_common_images/background-textures/texture_savings_iaisa.jpg") no-repeat;
}

.decorativeInvestDirect{
	background : #ffffff url("/_common_images/background-textures/texture_savings_investdirect.jpg") no-repeat;
}

.decorativeSmart2Save{
	background : #ffffff url("/_common_images/background-textures/texture_savings_smart2save.jpg") no-repeat;
}

.decorativeSmartAccount{
	background : #ffffff url("/_common_images/background-textures/texture_savings_smartaccount.jpg") no-repeat;
}


.decorativeMembersISABond{
	background : #ffffff url("/_common_images/background-textures/texture_savings_misab.jpg") no-repeat;
}


.decorativeMembersRewardBond{
	background : #ffffff url("/_common_images/background-textures/texture_savings_mrb.jpg") no-repeat;
}

.decorativeMonthlyIncome{
	background : #ffffff url("/_common_images/background-textures/texture_savings_monthlyinc.jpg") no-repeat;
}


.decorativeSpecialRenewalBond{
	background : #ffffff url("/_common_images/background-textures/texture_savings_srb.jpg") no-repeat;
}

.decorativeTessaMatISABond{
	background : #ffffff url("/_common_images/background-textures/texture_savings_tmisab.jpg") no-repeat;
}

.decorativeTessa{
	background : #ffffff url("/_common_images/background-textures/texture_savings_tessa.jpg") no-repeat;
}

.decorativeTessaMatISA{
	background : #ffffff url("/_common_images/background-textures/texture_savings_tmisa.jpg") no-repeat;
}

.decorativeJubilee{
	background : #ffffff url("/_common_images/background-textures/texture_savings_mjubilee.jpg") no-repeat;
}

.decorativebinvestor{
	background : #ffffff url("/_common_images/background-textures/texture_savings_binvestor.jpg") no-repeat;
}

.decorativepinvestor{
	background : #ffffff url("/_common_images/background-textures/texture_savings_pinvestor.jpg") no-repeat;
}

.decorativeaba{
	background : #ffffff url("/_common_images/background-textures/texture_savings_aba.jpg") no-repeat;
}

.decorativetoolscalc{
	background : #ffffff url("/_common_images/background-textures/texture_savings_toolscalc.jpg") no-repeat;
}

.decorativeintrates{
	background : #ffffff url("/_common_images/background-textures/texture_savings_intrates.jpg") no-repeat;
}

.decorativett{
	background : #ffffff url("/_common_images/background-textures/texture_savings_tt.jpg") no-repeat;
}




.decorativeMortgages{
	background : #ffffff url("/_common_images/background-textures/texture_mortgage.jpg") no-repeat;
}
 
.subItemLink	{
	background : #E8E8F1;
	color : #0000FF;
}

.savingsSubItemLink	{
	background : #FFFFFF;
	color : #0000FF;
}

  /****************************/
 /* Main content elements    */
/****************************/

.linkdicatorLink	{
text-decoration:none;
}

A.linkdicatorLink:hover, A.linkdicatorLink:hover SPAN	{
background:#f0f0f0;
color:red;
}

A.footerLinks:hover	{
	color : #FF0000;
}

A.footerLinks:link,A.footerLinks:visited	{
	color : #000066;
}

/* links on bottom of page
- e.g. Nationwide Promise */
DIV.footerLinks	{
	margin-top : 20px;
	font-size : 75%;
}

DIV.legalText	{
	border : 1px solid #C0C0C0;
	margin-top : 5px;
	padding : 5px;
}
.mainContent	{
	margin-top : 12px;
}
.mainContent {padding-left:10px;}
H1	{
	/* Normal heading - if we have no image-based
	heading (images are only used in level 1
	and 2 pages) */
	margin-bottom : 4px;
	color : #808080;
	font-size : 170%;
	font-weight : normal;
}

H1.highlight	{
	/* Normal heading - if we have no image-based
	heading (images are only used in level 1
	and 2 pages) */
	margin-bottom : 4px;
	color : #FF0000;
	font-size : 170%;
	font-weight : bold;
}

H1 STRONG, H1 STRONG SPAN	{
	/* We highlight the keyword in the
	headline using the <strong> tag */
	color : #FF0000;
	font-size : 105%;
}

/* ===========================================
If we use an image as a heading, we would lose
the H1 (Bang goes search engine optimisation).
However we can use H1 as long as we apply the
L1intro class. This way the document appears
to have a main heading, but it appears on
screen as a L1intro. e.g.
<h1 class="L1intro"></h1>
=========================================== */
H1.L1intro, .L1intro, H1.L2intro, .L2intro	{
	margin-top : 0px;
	color : #808080;
	font-size : 125%;
	font-weight : bold;
}

H1.legal	{
	font-size : 190%;
}

H1.legal, H2.legal	{
	margin-bottom : 10px;
	color : #000000;
	font-weight : bold;
}

H2	{
	margin-bottom : 9px;
	color : #000066;
	font-size : 115%;
}

H2.legal	{
	font-size : 140%;
}

.bodyText {
	line-height : 140%;
}

.browserWarning	{
	/* Only appears for browsers with scripting disabled */
	border : 1px solid #808080;
	padding : 5px;
	width : 60%;
}

.horizontalLink	{
	margin-bottom : 20px;
	color : #FF7F7F;
	font-size : 85%;
	font-weight:bold;
	}

.horizontalLink A,.horizontalLink A:link, .horizontalLink A:visited	{
	white-space : nowrap;
	color:#3300CC;
}

.legalText	{
	color : #000000;
	font-size : x-small;
	font-weight : normal;
}

.legalText STRONG	{
	color : #000000;
}

.question	{
	/* As seen on a Questions and answers page
	(Answer is just standard bodyText class) */
	background : #E8E8F1;
	color : #336699;
	font-weight : bold;
}

  /****************************/
 /* Tables                   */
/****************************/

td.NBSdata, th.NBSdata {
	background : #E8E8F1;
	color : #000066;
}
th.NBSdata-lite	{
	background : #e8e8f1;
	color : #000066;
}
TH.tableTitle	{
	/* Main title for table */
	background : #FF7F7F;
	color : #FFFFFF;
	font-size : 100%;
}



  /****************************/
 /* Interest Rates           */
/****************************/

DIV.interestRatesTable	{
	margin-top : 9px;
	width : 100%;
}

.tableTitle STRONG	{
	color : #FFFFFF;
	font-weight : bold;
}

  /****************************/
 /* Right hand sidebars      */
/****************************/

.chevrons	{
	color : #FF0000;
}

.mSpot	{
	background-image : /*#ffffff :*/ url("/_common_images/background-textures/white-mesh.gif");
}

.mSpot, .serviceLinks	{
	width : 150px;
	margin-right : 10px;
	padding : 5px;
	font-size : 80%;
	text-align : left;
}

.mSpot, .serviceLinks	{
	border : 1px solid #7877BA;
	text-decoration:none;
}

.mSpotLink{
	font-size : 100%;
	/*font-weight : bold;*/
	text-decoration:none;
}

.serviceLink	{
	font-size : 100%;
	font-weight : bold;
	text-decoration:none;
}

.rightColDecorative	{
	padding-right : 4px;
}

.serviceHeader	{
	border : 1px solid #7877BA;
	width : 155px !important;
	width : 150px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-right : 10px;
	padding : 2px;
	background : #7877BA;
	color : #FFFFFF;
	font-size : 95%;
	font-weight : bold;
	text-align : left;
}

.serviceLinks	{
	margin-top : 0px;
	background-image : /*#ffffff :*/ url("/_common_images/background-textures/white-mesh.gif");
}

  /****************************/
 /* Temp form item - CMW     */
/****************************/
.inputText{
	font-family : monospace;
}
.inputText2{
	font-family : monospace;
	font-size : 16px;
	font-weight : bold;
	color : #000066;
}

/*Top links for the 'Compare Card Features' within credit card*/
div.inPageLinks a:link,
div.inPageLinks a:visited,
div.inPageLinks a:active,
div.inPageLinks a:hover
{
text-decoration:none;
font-size:xx-small;
}

div.inPageLinks a:hover
{
text-decoration:underline;
}

.formbox {
	color:#FFFFFF;
	font-family:Verdana,Arial;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	background-color:#666699;
	}

	
	
/* 
# CMW
# Hidden label for screen readers only
# Place a div around the label you want to hide and use this class 
# Netscape doesn't use labels so try to get the div to touch the input box
*/
.hiddenLabel{
	font-size : 1%;
	display : none;
	visibility : hidden;
}
/**/
acronym,abbr{
cursor:help;
}






body {
		margin-top: 10px;
		margin-right : 0px;
		margin-left: 0px;
}
form {
		margin: 0px;
		padding: 0px;
		border: 0px;
}

.mainarea {
		padding-bottom : 19px;
}
.mainhead{		
		width: auto;
}
.mainhead h1 {
		font-family: verdana;
		font-size: 100%;
		color: #000066;
		margin : 0px;
		padding : 0px;
		margin-left: 3px;
		float: left;
		font-weight : bold;
		width: 300px;
		/*/*/
		width: auto;
		/**/
}

.mainhead span {		
		color: red;		
}

div.spacer {
		line-height: 1px;
		font-size: 1px;
		height: 1px;
		clear: both;
}

.navigation {
		width : auto;
		white-space : nowrap;
}

.fixedlinks {
		background-color: #9999CC;
		width : 100%;
		/*/*/
		width : auto;
		/**/
		font-family: Verdana, Arial;
		color: white;
		text-align: right;
		font-size: 100%;
		border: 1px #9999CC none;
		height: 25px;
		padding-top: 3px;
		padding-right: 5px;
}

.fixedlinkhover,.fixedlinkhover:link,.fixedlinkhover:visited {
		font-family: verdana;
		color: white;
}

.fixedlinkhover:hover,.fixedlinkhover:active {
		color: #FFFFCC;
}
.hideMe	{
	display:none;
	}
	
	
	
/*these are styles for the exit page from bank (wwwroot/exit_page.asp) */


.box{
	padding-left : 12;
	border-width : 1;
	border-style : solid;
	border-color : #63639F;
}
.exitPageHeadingText{
	font-family : arial,verdana,helvetica,sans-serif;
	color : #000080;
	background-color : #ffffff;
	font-weight : bold;
	font-size : 16px;
}
.exitPageHeadingText2{
	font-family : arial,verdana,helvetica,sans-serif;
	color : #FF0000;
	background-color : #ffffff;
	font-weight : medium;
	padding-left : 4;
	font-size : 18px;
}
.pageHeadingCells{
	float: right;
	padding-right : 12;
}
.headingText{
	float: left;
}
.bigWord{
	font-size : 22px;
	font-weight : bold;
	color : #000066;
}
.bigWord2{
	font-size : 22px;
	font-weight : medium;
	color : #000066;
}
.bigWord3{
	font-size : 16px;
	font-weight : bold;
	color : #000066;
}
.bottomAreaLeft{
	font-family : arial,verdana,helvetica,sans-serif;
	float: left;
	color : #000066;
	font-weight : bold;
	font-size : 13px;
}
.bottomAreaRight{
	font-family : arial,verdana,helvetica,sans-serif;
	float: right;
	color : #000066;
	font-weight : bold;
	font-size : 13px;
}
.redArrow{
	color: red;
	font-size : 13px;
}
.bottomLink{
	text-decoration : none;	
	color : #000066;
}
.bottomLink:hover{
	text-decoration : underline;	
	color : #000066;
}

a.moreinfo{
	font-face: verdana;
	size : 70%;
	color : #0033cc;
}
a.moreinfo:visited{
	color : #000080;
}
a.moreinfo:hover{
	color : #ff0000;
}
a.apply{
	font-face: verdana;
	size : 70%;
	color : #ff0000;
}
a.apply:visited{
	color : #ff0000;
}
a.apply:hover{
	color : #ff0000;
}

/* End of exit page styles */


/* start - custom tags for calculator tool */
.Tool{
	background-color: #E5E5FF;
	padding-top : 3px;
	margin-top : 5px;
	border : none;
}
IE4PlayingUP.Tool{
	padding-left : 10px;
}
.Tool label{
	font-weight : normal;
	font-size : 105%;
}
.Tool input.toolInput,.Tool input.monetaryInput,.Tool input.numericalInput{
	font-family : monospace;
	background-color : #ffffff;
	color : #000066;
}
.calcinput{
	font-family : Verdana,arial,helvetica,sans-serif;
	font-style: normal;
	float: left;
	padding-left : 10px;
}
.calcinputleft{
	float: left;
	font-family : Verdana,arial,helvetica,sans-serif;
	font-style: normal;
	width: 175px;
	text-align : right;
	padding-bottom : 10px;
}
.calcinputright{
	float: left;
	font-family : Verdana,arial,helvetica,sans-serif;
	font-style: normal;
	width: 130px;
	padding-left : 10px;
}
html>body .calcinputright{
	width: 120px;
}
.calcgo{
	float : left;
	width : 22px;
}
.calcgobutton{
	border : none;
	float : left;
	padding-top : 16px;
	padding-bottom : 9px;
}
/* end - custom tags for calculator tool */

div.spacer{
	clear: both;
	font-size  : 1px;
	line-height : 1px;
	height : 1px;
}

#atlas {
	display: none;
}