/* CSS Document */
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
hr
{
	display: none;
}
abbr,
acronym
{
	border-bottom: none;
	font-style: normal;
}
blockquote
{
	padding: 0px;
	margin: 0px;
	display: inline;
}
a
{
	color: #3300ff;
}
a img
{
	border: none;
}
form
{
	margin: 0px;
	padding: 0px;
}
h1
{
	text-decoration: none;
}
h2
{
	font-size: 110%;
	font-weight: bold;
	color: #669;
	margin: 0px 0px 0px 0px;
}
h3, h4
{
	font-size: 100%;
	margin: 0px;
	padding: 0px 0px 1px 0px;
}
p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
textarea, input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p, h1, h2, h3, h4, ul, ol, li, form
{
	position: relative;
}
/* ----- Containers ----- */
.containerGlobal
{
	float: left;
	width: 100%;
}
.containerHeader
{
	float: none;
	width: 100%;
}
.containerPopupContent
{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px 40px 0px 40px;
}
.containerColumns
{
	float: none;
	width: 100%;
	background: #fff;
}
.containerLeftContent
{
	display: none;
}
.containerMainContent
{
	margin-left: 16px;
	margin-right: 16px;
	background: #fff;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}
.containerRightContent
{
	display: none;
}
.containerHomeContent
{
	float: left;
	width: 585px;
	margin-left: 10px;
}
.containerHomeRHSContent
{
	float: right;
	width: 195px;
	background: #fff;
	margin: 0px;
	padding: 0px;
}
.containerFooter
{
	float: left;
	width: 100%;
}
/* ---- Screen Reader styles ----- */
.nwiScreenReaderText, .nwiScreenReaderTextVisibleLink, .nwiScreenReaderTextVisibleLink:hover
{
	display: none;
}
/* ------ Header Area Styles ------- */

/* ----- Global Navigation Link Styles ------ */
.nwiGlobalLinks, .nwiGlobalLinks ul, .nwiGlobalLinks ul li, .nwiGlobalLinks ul li.nwiFirstItem, .nwiGlobalLinks ul li a
{
	display: none;
}
/* Global Navigation Link Styles (end of) */
.nwiBrandBar
{
	width: 100%;
	height: 62px;
	background: #003;
	padding: 0px 0px;
	border-bottom: 1px solid #99c;
}
.nwiBrandBarPopup
{
	width: 100%;
	height: 49px;
	background: #003;
	padding: 0px 0px;
	border-bottom: 1px solid #99c;
}
.nwiBrandBarSub
{
	display: none;
}
.nwiHeaderLogo
{
	float: left;
	width: 178px;
	padding: 1px 12px 0px 12px;
}
.nwiHeaderLogoPopup
{
	float: left;
	width: 178px;
	padding: 1px 12px 0px 0px;
	background: #003;
}
.nwiHeaderOLBBox
{
	display: none;
}
/* ------- Section Navigation Styles ---------*/
.nwiNavigation, ul#navLevOne
{
	display: none;
}
/* ------- Homepage Styles (start of) --------- */
.nwiHomePromoBox
{
	margin: 15px 0px 0px 0px;
	width: 575px;
	height: 160px;
	border-left: 10px solid #99c;
}
.extEmployeeColour {border-left: 10px solid #f60;}
.nwiHomeContent
{
	float: left;
	width: 575px;
	margin-top: 10px;
	margin-right: 7px;
}
.nwiHomeContentEmployee
{
	float: left;
	width: 575px;
	margin-top: 10px;
	margin-right: 7px;
}
.nwiHomeContent h1, .nwiHomeContentEmployee h1
{
	font-size: 110%;
	font-weight: bold;
	color: #669;
	margin: 0px 0px 15px 0px;
}
.nwiHomeContent p, .nwiHomeContentEmployee p
{
	font-size: 98%;
	margin: 0px 0px 15px 0px;
}
.containerHomeRHSContent
{
	float: right;
	width: 195px;
	background: #fff;
	margin: 0px;
	padding: 0px;
}
.nwiHomeShortcutBox
{
	display: none;
}
/* ---- Main Content structure styles ------- */
.nwiMainContent
{
	float: left;
	font-size: 100%;
	/* \*/
	float: none;
	font-size: 90%;
	/* */
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
}
.nwiMainContent p
.nwiMainContent label,
.nwiMainContent h3,
.nwiMainContent h4,
ul,
ol
{
	font-size: 85%;
}
ul {margin:0px 0px 0px 30px; padding: 0px;}
/* ----- RHS styles (start of) ------- */
.nwiRHSLinkBox
{
	display: none;
}

/* --- Global Employee Microsite RHS Link box (start of) ---- */
.nwiRHSLinkBoxEmployee
{
	display: none;
	width: 195px;
	background-color: #9c9;
	margin: 10px 8px 0px 0px;
}

.nwiRHSPromoBox
{
	display: none;
}

/* ----- Main Content styles -------*/
.nwiMainContent p
{
	padding-bottom: 15px;
}
.nwiMainContent h1
{
	padding: 10px 0px 15px 0px;
}
.nwiMainContent h2, 
.nwiMainContent h3,
.nwiMainContent h4
{
	color: #669;
}
.legalRider
{
	position: relative;
	width: 98%;
	background-color: #ccf;
	border: 1px solid #003;
	margin-bottom: 18px;
}
.legalRider p
{
	font-weight: bold;
	padding: 4px 5px;
}
span.larger-text
{
	font-size: 145%;
	line-height: 115%;
}
span.mandatory-text
{
	color: #c00;
}
.nwiMainContent form
{
	margin: 0px 6px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.nwiMainContent form .formRadioButtons
{
	margin-right: 4px;
}
.nwiMainContent form .radioButtonLabel
{
	margin-right: 6px;
}
.nwiMainContent form .buttons
{
	margin-bottom: 0px;
	background-color: #ccf;
	color: #003;
	font-size: 98%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.backToPrevious, .arrowedLink
{
	position: relative;
	border: 1px solid #9c9;
	background: #fff;
	margin-bottom: 18px;
	width: 98%;
}
.backToPrevious p
{
	background: url("../../images/nwi/arrow_back.gif") no-repeat center left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.arrowedLink p
{
	background: url("../../images/nwi/arrow_forward.gif") no-repeat center left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.backToPrevious p a, .arrowedLink p a
{
	position: relative;
	display: block;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
}
.arrowedLink p a:hover
{
	font-weight: bold;
	text-decoration: none;
	background: url("../../images/nwi/arrow_forward.gif") no-repeat center left #366;
	color: #fff;
}
.backToPrevious p a:hover
{
	font-weight: bold;
	text-decoration: none;
	background: url("../../images/nwi/arrow_back.gif") no-repeat center left #366;
	color: #fff;
}
.nwiCTAHeader
{
	width: 98%;
	height: 38px;
	background: url("../../images/nwi/elastic_cta_header.gif") repeat-x left;
	margin-top: 4px;
}
	.nwiCTA
	{
		width: 98%;
		padding-top: 8px;
		border-bottom: 1px solid #fff;
	}
	.nwiCTA p
	{
		margin: 0px 0px 0px 12px;
		padding: 0px 8px 8px 0px;
	}
	.Lite {background: #fff;}
	.Lite p a {font-weight: bold;}
	.Lite p a:hover {color: #003;}

	.Dark {background: #fff;}
	.Dark p {color: #003;}
	.Dark p a {font-weight: bold; color: #003;}
	.Dark p a:hover {color: #003;}
	
	.nwiCTAOr
	{
		float: none;
		width: 98%;
		background: #9c9;
		padding: 0px 0px;
		margin: 0px 0px;
	}
		.nwiCTAOr .Or
		{
			width: 17px;
			font-weight: bold;
			font-size: 80%;
			/* \*/
			font-size: 76%;
			/* */
			background-color: #fff;
			padding: 0px 3px 0px 6px;
			margin: 0px 0px 0px 0px;
		}
.dataTableHeader, .boxTrayHeader
{
	width: 95%;
	wid\th: 98%;
	height: 28px;
	background: url("../../images/nwi/elastic_table_header.gif") repeat-x left;
	margin-top: 4px;
	border: 0px;
	border-left: 1px solid #003;
}

.rightEdge
{
	position: relative;
	right: -1px;
}

.boxTray
{
	width: 98%;
	border-left: 1px solid #003;
	border-right: 1px solid #003;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.boxTray ul, .sectionTrayContent ul
{
	width: 95%;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	list-style: none;
	background-color: #fff;
	font-size: 98%;
}
.boxTray ul li, .sectionTrayContent ul li
{
	float: left;
	background: url("../../images/nwi/box_tray_bullet.gif") no-repeat top left;
}
.boxTray ul li a, .sectionTrayContent ul li a
{
	width: 100%;
	display: block;
	float: left;
	/* \*/
	float: none;
	/* */
	text-decoration: none;
	font-weight: bold;
	color: #003;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px;
	border-top: 1px solid #9c9;
	border-right: 1px solid #9c9;
	border-bottom: 1px solid #9c9;
	border-left: 1px solid #9c9;
}
.boxTray ul li a:hover, .sectionTrayContent ul li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #366;
}
.boxTray p, .sectionTrayContent p
{
	clear: left;
	width: 96%;
	margin-bottom: 12px;
	padding: 0px 5px 0px 5px;
}
.boxTray p.lastItem
{
	margin-bottom: 0px;
	padding: 0px 5px 0px 5px;
}
.boxTrayFooter
{
	position: relative;
	width: 95%;
	wid\th: 98%;
	height: 16px;
	background: url("../../images/nwi/elastic_box_tray_footer.gif") repeat-x left;
	margin: 0px 0px 20px 0px;
}
.boxTrayFooterLeftEdge
{
	position: relative;
	right: 0px;
}
.boxTrayFooterRightEdge
{
	position: relative;
	right: -2px;
}
.dataTable
{
	width: 98%;
	border-bottom: 1px solid #003;
	border-left: 1px solid #003;
	border-right: 1px solid #003;
	margin: 0px 0px 20px 0px;
	font-size: 80%;
	/* \*/
	font-size: 76%;
	/* */
}

table
{
	position: relative;
	width: 96%;
	wid\th: 100%;
	border: 0px;
	padding: 0px 0px 0px 0px;
}
table th
{
	padding: 10px 0px 10px 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #9c9;
}
table td
{
	padding: 10px 0px 10px 3px;
	border-top: 1px solid #9c9;
	border-right: 1px solid #9c9;
}
table th.extTxtL,
table td.extTxtL
{
	text-align: left;
}
table th.extTxtR,
table td.extTxtR
{
	text-align: right;
}
table th.extTxtC,
table td.extTxtC
{
	text-align: center;
}

table td.extLastCol,
table th.extLastCol,
{
	padding-right: 10px !important;
	border-right: 0px !important;
}
table
{
	border-collapse: collapse !important;
}
/* ---- Section tray styles (start of) ---- */

.sectionTray
{
	width: 98%;
	border-right: 1px solid #003;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 113px;
	
}
	.currentAccounts
	{
		background: url("../../images/nwi/st_current_accounts_bg.gif") no-repeat top left;
	}
	.loansOverdrafts
	{
		background: url("../../images/nwi/st_loans_n_overdrafts_bg.gif") no-repeat top left;
	}
	.savings
	{
		background: url("../../images/nwi/st_savings_bg.gif") no-repeat top left;
	}
	.mortgages
	{
		background: url("../../images/nwi/st_mortgages_bg.gif") no-repeat top left;
	}
	.bankingAbroad
	{
		background: url("../../images/nwi/st_banking_abroad_bg.gif") no-repeat top left;
	}
	.usefulTools
	{
		background: url("../../images/nwi/st_useful_tools_bg.gif") no-repeat top left;
	}
	.usefulWebsites
	{
		background: url("../../images/nwi/st_useful_websites_bg.gif") no-repeat top left;
	}
.sectionTray h2
{
	margin:0px;
	padding: 0px;
}
.sectionTrayHeader
{
	margin-left: 113px;
	height: 28px;
	padding: 0px;
	background: url("../../images/nwi/elastic_table_header.gif") repeat-x left;
}
.sectionTrayContent
{
	width: auto;
	margin: 0px 0px 0px 113px;
	padding: 0px 0px 0px 0px;
}
table.layout
{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}
table.layout td
{
	padding: 0px 8px 0px 0px;
	border: 0px;
}

.sectionTrayFooter
{
	position: relative;
	width: 95%;
	wid\th: 98%;
	height: 16px;
	background: url("../../images/nwi/elastic_box_tray_footer.gif") repeat-x left;
	margin: 0px 0px 20px 0px;
}
.sectionTrayFooterLeftEdge
{
	position: relative;
	right: 0px;
}
.sectionTrayFooterRightEdge
{
	position: relative;
	right: -1px;
}
/* Footer styles */

.nwiFooterLinks, .nwiFooterLinks ul, .nwiFooterLinks ul li, .nwiFooterLinks ul li.nwiFirstItem
{
	display: none;
}
.nwiFooterLinks p, .nwiFooterPopup p
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: #fff; 
}
.nwiFooterLinks p.ba
{
	margin: 5px 5px 0px 4px;
	padding: 0px 0px 0px 5px;
	text-align: left;
	float: left;
}
.nwiFooterPopup
{
	display: none;
}
