v24-11-15___0854 {}

body {
	background-color: #f1f1f1;
}	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
	tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
	legend, table, caption, tbody, tfoot, thead, tr, th, td, noscript {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-ms-text-size-adjust: 100%;
}

@charset "UTF-8";

@font-face {
  font-family: "mbna-icon-set-5916";
  src:url("fonts/mbna-icon-set-5916.eot");
  src:url("fonts/mbna-icon-set-5916.eot?#iefix") format("embedded-opentype"),
    url("fonts/mbna-icon-set-5916.woff") format("woff"),
    url("fonts/mbna-icon-set-5916.ttf") format("truetype"),
    url("fonts/mbna-icon-set-5916.svg#mbna-icon-set-5916") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "mbna-icon-set-5916" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "mbna-icon-set-5916" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-timer:before {
  content: "\e015";
}
.icon-account-balance-summary:before {
  content: "\61";
}
.icon-account-in-credit:before {
  content: "\62";
}
.icon-account-over-limit:before {
  content: "\63";
}
.icon-account-selector:before {
  content: "\64";
}
.icon-activate-card:before {
  content: "\65";
}
.icon-add-card:before {
  content: "\66";
}
.icon-add-card-holder:before {
  content: "\67";
}
.icon-airlines:before {
  content: "\68";
}
.icon-airlines-reward:before {
  content: "\69";
}
.icon-alert:before {
  content: "\6a";
}
.icon-app-terms:before {
  content: "\6b";
}
.icon-award:before {
  content: "\6c";
}
.icon-balance-transfer:before {
  content: "\6d";
}
.icon-blocked:before {
  content: "\6e";
}
.icon-calendar:before {
  content: "\6f";
}
.icon-card:before {
  content: "\70";
}
.icon-card-services-benefits:before {
  content: "\71";
}
.icon-change-password:before {
  content: "\72";
}
.icon-change-user:before {
  content: "\73";
}
.icon-charity:before {
  content: "\74";
}
.icon-check-promotional-rates:before {
  content: "\75";
}
.icon-cheque:before {
  content: "\76";
}
.icon-chevron:before {
  content: "\77";
}
.icon-chevron-down:before {
  content: "\78";
}
.icon-chevron-up:before {
  content: "\79";
}
.icon-click:before {
  content: "\7a";
}
.icon-completing-form-by-hand:before {
  content: "\41";
}
.icon-contact-details:before {
  content: "\42";
}
.icon-contact-us:before {
  content: "\43";
}
.icon-contactless:before {
  content: "\44";
}
.icon-cross-close:before {
  content: "\45";
}
.icon-cross-error:before {
  content: "\46";
}
.icon-dashboard-summary:before {
  content: "\47";
}
.icon-direct-debit:before {
  content: "\48";
}
.icon-eligibility-check:before {
  content: "\49";
}
.icon-email:before {
  content: "\4a";
}
.icon-facebook:before {
  content: "\4b";
}
.icon-fee:before {
  content: "\4c";
}
.icon-financial-news:before {
  content: "\4d";
}
.icon-football:before {
  content: "\4e";
}
.icon-forgotton-login-password:before {
  content: "\4f";
}
.icon-forms-application:before {
  content: "\50";
}
.icon-forms-card-design:before {
  content: "\51";
}
.icon-forms-eligibility-success:before {
  content: "\52";
}
.icon-forms-employment-details:before {
  content: "\53";
}
.icon-forms-financial-details:before {
  content: "\54";
}
.icon-forms-offers-services:before {
  content: "\55";
}
.icon-forms-personal-details:before {
  content: "\56";
}
.icon-forms-residential-details:before {
  content: "\57";
}
.icon-globe:before {
  content: "\58";
}
.icon-go-paperless:before {
  content: "\59";
}
.icon-hamburger-menu:before {
  content: "\5a";
}
.icon-home:before {
  content: "\30";
}
.icon-increase-credit-limit:before {
  content: "\31";
}
.icon-info-tooltip:before {
  content: "\32";
}
.icon-linkedin:before {
  content: "\33";
}
.icon-location-address:before {
  content: "\34";
}
.icon-login:before {
  content: "\35";
}
.icon-logout:before {
  content: "\36";
}
.icon-low-fee:before {
  content: "\37";
}
.icon-low-rate:before {
  content: "\38";
}
.icon-mailstop:before {
  content: "\39";
}
.icon-make-a-payment:before {
  content: "\21";
}
.icon-mbna-news:before {
  content: "\22";
}
.icon-mcafee:before {
  content: "\23";
}
.icon-minus:before {
  content: "\24";
}
.icon-mixed-use:before {
  content: "\25";
}
.icon-mobile:before {
  content: "\26";
}
.icon-mobile-card-services:before {
  content: "\27";
}
.icon-mobile-payments:before {
  content: "\28";
}
.icon-mobile-text-services:before {
  content: "\29";
}
.icon-money-transfer:before {
  content: "\2a";
}
.icon-newsroom:before {
  content: "\2b";
}
.icon-no-fee:before {
  content: "\2c";
}
.icon-no-internet-connection:before {
  content: "\2d";
}
.icon-no-network:before {
  content: "\2e";
}
.icon-notifications:before {
  content: "\2f";
}
.icon-online-card-services:before {
  content: "\3a";
}
.icon-online-cta:before {
  content: "\3b";
}
.icon-online-shopping:before {
  content: "\3c";
}
.icon-partnership:before {
  content: "\3d";
}
.icon-payment-overdue-arrears:before {
  content: "\3e";
}
.icon-payments:before {
  content: "\3f";
}
.icon-pdf:before {
  content: "\40";
}
.icon-person:before {
  content: "\5b";
}
.icon-phone-cta:before {
  content: "\5d";
}
.icon-plus:before {
  content: "\5e";
}
.icon-postal-mail:before {
  content: "\5f";
}
.icon-press-release:before {
  content: "\60";
}
.icon-print:before {
  content: "\7b";
}
.icon-privacy-statement:before {
  content: "\7c";
}
.icon-public-web-site:before {
  content: "\7d";
}
.icon-question-faq-help:before {
  content: "\7e";
}
.icon-question-mark:before {
  content: "\5c";
}
.icon-rates:before {
  content: "\e000";
}
.icon-redeem-rewards-points:before {
  content: "\e001";
}
.icon-replace-card:before {
  content: "\e002";
}
.icon-rewards:before {
  content: "\e003";
}
.icon-search-find:before {
  content: "\e004";
}
.icon-secure:before {
  content: "\e005";
}
.icon-settings:before {
  content: "\e006";
}
.icon-share-via:before {
  content: "\e007";
}
.icon-smart-phone-app:before {
  content: "\e008";
}
.icon-standing-order:before {
  content: "\e009";
}
.icon-terms-legal:before {
  content: "\e00a";
}
.icon-tick-success:before {
  content: "\e00b";
}
.icon-transactions:before {
  content: "\e00c";
}
.icon-trophy:before {
  content: "\e00d";
}
.icon-twitter:before {
  content: "\e00e";
}
.icon-update-contact-details:before {
  content: "\e00f";
}
.icon-video:before {
  content: "\e010";
}
.icon-view-pin-reminder:before {
  content: "\e011";
}
.icon-view-statements:before {
  content: "\e012";
}
.icon-warning-issue:before {
  content: "\e013";
}
.icon-zero-percent:before {
  content: "\e014";
}
.icon-timer-1:before {
  content: "\e016";
}

sup {
	font-size: 0.8em;
	vertical-align: top;
} 

.paperPrefConfLabel {
	float: left;
	width: 49%;
}

.paperPrefConfValue {
	float: left;
	width: 49%;
	margin-bottom: -10px;
}


.ppAccRowName {
	padding-right: 2px;
}

#paymentProgressIndicatorWrapper {
	text-align: center;
}

#paymentProgressIndicator {
	text-align: center;
	margin: 15px auto 0;
	border: 1px solid #ddd;
	width: 400px;
	padding: 45px 10px 10px;
	background: url(payment-progress.gif) no-repeat;
	background-position: 50% 10px;
}


.welcomeLoginPageAssetBoxMiddle {
	float: left;
	margin-top: 35px;
	margin-right: 5px;
	width: 173px;
}

.offerDiv label {
	line-height: 1.35em;

}

.cardButtons {
	float: right;
	width: 304px;
	height: 1.5em;
	position: relative;
	left: 0.9em;
}

#merchID {
	width: 20em;
	height: 2.2em;
}


#cardButtons {
	clear: both;
	float: right;
	width: 13em;
 
	position: relative;
	left: 0.9em;
	top: 3px;
}

#logoArea {
	margin-top: 10px;
}

#brandingLogoContainer {
	margin-right: 10px;
	float: left;
	width: 370px;
	height: 70px;
	overflow: hidden;
}

#brandingLogoContainer a:focus{
	 outline: none;
}


#headerTextLine {
	margin-left: 10px;
	width: 370px;
	float: right;
	color: #333;
}

#secondaryNav {
	padding-bottom: 10px;
}

.loggedInPersonData {
	float: right;
	text-align: right;
}

.bullettedListVSpaced li {
	margin: 0.5em 0;
}

input.balanceTransferCurrentSortCodeInput {
	width: 38px;
}

.bodyTextNoSpace {
	font-weight: bold;
	line-height: 1.35em;
	color: #666;
	font-size: 0.7em;
}

.bodyTextLink {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.35em;
	margin-bottom: 8px;
}

html :focus {
	outline: 0;
}

a:focus {

}

button:focus {
	overflow: hidden;
}

input:focus {
	overflow: hidden;
}



a:focus, button:focus, textarea:focus {
	 outline: #b2b2b2 dotted 1px;
}

input:focus {
    background-color: #f1f1f1;
}

radio:focus {
    background-color: #ffffff;	
}


textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width: 96%;
}

.secureMesgText {
	word-wrap: break-word;
}

.siteKeyChangeQuestionSelect {
	float: left;
	width: 57%;
}

.siteKeyChangeQuestionAnswerInput {
	float: right;
	width: 40%;
}

.siteKeyChooseQuestionEnrol {
	width: 100%;
}

.siteKeyChooseAnswerEnrol {
	width: 100%;
}

.siteKeyQuestQuestionMaintain select.siteKeyChangeQuestionSelect {
	float: none;
	clear: both;
	width: 91%;
}

.siteKeyQuestQuestionMaintain input.siteKeyChangeQuestionAnswerInput {
	float: none;
	clear: both;
	width: 90%;
}

.siteKeyQuestAnswerMaintain span.label {
	line-height: 1.1em;
}

.siteKeyChallQandA {
	min-height: 12em;
}

.siteKeyChallQandATitle .label {
	line-height: 1.4em;
	margin-bottom:5px
}

.siteKeyQuestAnswerMaintain .label {
	margin-bottom:5px
}
 
.siteKeyQuestInput {
	float: left;
	width: 80%;
}

.siteKeyQuestAnswerPlaceholder {
	font-style: italic;
	margin-top: 1em;
	margin-bottom: 20px;
	border-bottom: 3px solid #f1f1f1;
}

.siteKeyQuestCtls {
	float: left;
	width: 20%;
	clear: right;
}

div.textValue {
	float: left;
	width: 50%;
}

#tooltip {
	position: absolute;
	border: 1px solid #000;
	border-right: 2px solid #ABABAB;
	border-bottom: 2px solid #ABABAB;
	background: #ffffe1;
	color: #000;
	display: none;
	text-align: left;
	font-size: 0.65em;
	line-height: 1.1em;
	padding: 5px;
}

#regAccFnctMenuBtnCntr {
	position: relative;
}

#functionNameHr {
	overflow: hidden;
	height: 3px;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	background-color: #f1f1f1;
}

#functionMenuContainer {
	float: right;
	text-align: right;
	margin-top: -50px;
	zoom:1;
}

#functionMenuContainerBottom {
	float: right;
	text-align: right;
	margin-top:20px
}

#functionMenuContainer #regAccFnctMenuBtnCntr {
	float: right;
	margin-top: -10px;
}


.ascending {
	width: 12px;
	height: 8px;
	background: url(../common/sortArrowUp.gif) center right no-repeat;
	margin: 4px 4px 1px 5px;
	line-height: 10px;
	float: left;
}

.descending {
	width: 12px;
	height: 8px;
	background: url(../common/sortArrowDwn.gif) center right no-repeat;
	margin: 4px 4px 1px 5px;
	line-height: 10px;
	float: left;
}

.ratesAscending, .ratesDescending, .ratesNonSortedDescending {
	display: block;
	width: 12px;
	height: 8px;
	margin: 4px 4px 1px 4px;
	line-height: 10px;
}

.ratesNonSortedDescending {
	background: url(../common/blue_triangle_down.gif) center right no-repeat;
}

.digitBox {
	float: left;
	width: 32px;
	margin: 2px;
	padding: 5px 0 5px 0;
	border: 3px solid #f1f1f1;
}

.digitBox div {
	display: block;
	font-size: 1em;
	line-height: 1em;
}

a.btnHelp:focus {
	overflow: visible;
}

.accountArea {
	float: left;
	width: 525px;
	vertical-align: top;
}

.accountArea .column12 {
	float: left;
	margin-left: 15px;
	width: 320px;
}

.accountArea .column1 {
	float: left;
	width: 210px;
}

.accountArea .column2 {
	float: right;
	width: 105px;
}

.accountArea .column3 {
	float: right;
	width: 150px;
	margin-right: 10px;
	text-align: right;
}

ul.spacedBetween li {
	margin: 10px 0;
}

.creditCardInfoBold {
	color: #333;
	font-weight: bold;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.snapshot-dial {
	width:160px;
}

.snapshot-figs {
	width: 290px;
}

.indentLeftNarrow {
	margin-left: 15px;
}

input, select, textarea {
	font-size: 0.7em;
	line-height: 1.3em;
	padding: 0.2em 5px;
	margin-bottom: 12px;
}

.inputField {
	width: 200px;
	height: 28px;
	padding: 0 5px;
}

#browserIe7 .inputField, #browserIe8 .inputField {
	height: 1.5em;
	padding-top: 0.25em;
}

.inputFieldWithLowBottomMargin {

}

.smallField {
	background: inherit;
	width: 40px;
	margin-right: 5px;
	height: 28px;
	padding: 0 5px;
}

#browserIe7 .smallField, #browserIe8 .smallField {
	height: 1.5em;
	padding-top: 0.25em;
}

input.narrowInputField {
	width: 158px;
}

#topMenu li.pipe, #footer li.pipe {
    font-size: 0.5em;
    margin-top: 5px;
}

.regAccHeaderTable th {
	text-align: left;
	padding:10px 10px 10px 0px;
}

.regAccountDetailsTable td {
	padding: 0 5px;
	border-top:3px solid #f1f1f1;
}

.siteKeyImage {
	margin: 20px 0 20px 0;
}

.ratesColThin {
	width: 15%;
	padding: 2%;
}

.ratesColThick {
	width: 40%;
	padding: 2%;
}

.sidebarLeftContent {
	float: left;

}

.sidebarRightContent {
	float: left;
	width: 140px;
	padding-left: 10px;
}

input.hint {
	color: #666;
}

.inlineError {
	color: #DC1500;
	font-weight: bold;
	width: 90%;
}

.headlineStyledHeader h2 {
	font-size: 1em;
}

.regAccountDetailsTable td {
	padding: 10px 0px 10px 0px;
}

.currencySelect {
	width: 65px;
	height: 30px;
	padding: 0;
}

.secureMesgItemHeadCell .checkbox {
	padding: 0;
	margin: 0;
}

ol.bodyText {
	list-style: decimal inside;
}

.green {
	color: #006600;
}

ul.spaceBetweenLi li {
	margin-bottom: 5px;
}

.styledButtonMini img {
	margin-top: 3px;
}

.bullettedListOutside {
	padding-left: 15px;
	margin-left: 0px;
	list-style-position: outside;
}

.bulletItemSpacing {
	padding-left: 14px;
}

#contentData form {
	margin: 0;
}


#nbaImage {
	float: left;
	margin-right: 5px;
}

#nbaText {
	font-size: 8pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4;
}

#nbaLinks {
	font-size: 8pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-top: 5pt;
}

#nbaLinks p {
	font-size: 1em;
}

.nbaForm {
	display: inline;
}

.nbaTextSpan {
	font-size: 12px;
	margin: 0px 3px 0px 0px;
}

#removeAccountForm table tbody td {
	vertical-align: middle;
}

#removeAccountForm table td input.radio {
	margin-top: 0.3em;
}

.txnLow, .txnHigh {
	height: 20px;
}

.txnHigh {
	background-color: #EEEEEE;
}

.onboardingNoMenu {
	height: 20px;
	margin-top: -40px;
}

.ppAccHeadMethod {
	width: 60%;
	text-align: left;
}

.ppAccHead {
	padding-right: 10px;
	text-align: left;
}

td.msgCheckBox input.checkbox {
	margin-top:2px;
}

td.msgCheckBox input.checkbox {

}

.messageArea {
	width: 240px;
	overflow: hidden;
	margin-left: 520px;
}

.makeItWide .messageArea {
	margin-left: 0;
	position: relative;
	left: 4px;
}

button.disabledButton, button.disabledButton .styledButtonDynamicWidth,
	button.disabledButton .styledButtonDynamicWidth .styledButtonRight {
	cursor: default;
}


.indentLeft.pageContent .pageContentPromotion .roundedBox, .pageContent .indentLeft .pageContentPromotion .roundedBox,
	.pageContent .pageContentPromotion .roundedBox {
	width: 100%;
}

.pageContent .indentLeft .pageContentPromotion.withoutIndent .roundedBox,
	.pageContent .pageContentPromotion.withoutIndent .roundedBox {
	left: 0;
	margin: 0;
}


#mainNavigation li a span.stmtTabLeftImage, #mainNavigation li a:visited span.stmtTabLeftImage
	{
	background: transparent url(stmtTab-inactive-left.png) top left
		no-repeat;
	display: none;
}

#mainNavigation li a span.stmtTabRightImage, #mainNavigation li a:visited span.stmtTabRightImage
	{
	background: transparent url(stmtTab-inactive-right.png) top right
		no-repeat;
	display: none;
}

#mainNavigation li a span.stmtTabCenterImage, #mainNavigation li a:visited span.stmtTabCenterImage
	{
}

#mainNavigation li a#activeMainNavigation span.stmtTabLeftImage,
	#mainNavigation li a#activeMainNavigation:visited span.stmtTabLeftImage
	{
	background: transparent url(stmtTab-active-left.png) top left no-repeat;

}

#mainNavigation li a#activeMainNavigation span.stmtTabRightImage,
	#mainNavigation li a#activeMainNavigation:visited span.stmtTabRightImage
	{
	background: transparent url(stmtTab-active-right.png) top right
		no-repeat;

}

#mainNavigation li a#activeMainNavigation span.stmtTabCenterImage,
	#mainNavigation li a#activeMainNavigation:visited span.stmtTabCenterImage
	{
	color: #000;

}

#mainNavigation li a:hover#activeMainNavigation span.stmtTabCenterImage
	{
	text-decoration: none;
}

#mainNavigation li a:hover span.stmtTabLeftImage, #mainNavigation li a:active span.stmtTabLeftImage
	{
	background: transparent url(stmtTab-inactive-left.png) top left
		no-repeat;
	display: none;
}

#mainNavigation li a:hover span.stmtTabRightImage, #mainNavigation li a:active span.stmtTabRightImage
	{
	background: transparent url(stmtTab-inactive-right.png) top right
		no-repeat;
	display: none;
}

#mainNavigation li a:hover span.stmtTabCenterImage, #mainNavigation li a:active span.stmtTabCenterImage
	{

	color: #000;
}

#mainNavigation li span.stmtTabLeftImage {
	float: left;
	width: 15px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#mainNavigation li span.stmtTabRightImage {
	float: right;
	width: 15px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#mainNavigation li span.stmtTabCenterImage {
	margin: 0 15px;
	padding-left: 10px;
}

#activitiRatesNavigation li a span.stmtTabLeftImage,
	#activitiRatesNavigation li a:visited span.stmtTabLeftImage,
	#activitiRatesNavigation li a:hover span.stmtTabLeftImage {
	background: #ffffff;
}

#activitiRatesNavigation li a span.stmtTabRightImage,
	#activitiRatesNavigation li a:visited span.stmtTabRightImage,
	#activitiRatesNavigation li a:hover span.stmtTabRightImage {
	background: #ffffff;
}

#activitiRatesNavigation li a span.stmtTabCenterImage,
	#activitiRatesNavigation li a:hover span.stmtTabCenterImage,
	#activitiRatesNavigation li a:visited span.stmtTabCenterImage {
	background: #ffffff;
	color: #000;
}

#activitiRatesNavigation li a#activeMainNavigation span.stmtTabLeftImage,
	#activitiRatesNavigation li a#activeMainNavigation:visited span.stmtTabLeftImage
	{
	background: #f1f1f1;
}

#activitiRatesNavigation li a#activeMainNavigation span.stmtTabRightImage,
	#activitiRatesNavigation li a#activeMainNavigation:visited span.stmtTabRightImage
	{
	background: #f1f1f1;
}

#activitiRatesNavigation li a#activeMainNavigation span.stmtTabCenterImage,
	#activitiRatesNavigation li a#activeMainNavigation:visited span.stmtTabCenterImage
	{
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
}

#activitiRatesNavigation li a:hover#activeMainNavigation span.stmtTabCenterImage
	{
	text-decoration: underline;
}

#activitiRatesNavigation li a:active span.stmtTabLeftImage {
	background: transparent url(stmtTab-hover-left.png) top left no-repeat;
}

#activitiRatesNavigation li a:active span.stmtTabRightImage {
	background: transparent url(stmtTab-hover-right.png) top right no-repeat;
}

#activitiRatesNavigation li a:active span.stmtTabCenterImage {
	background: #A8A8A8 url(stmtTab-hover-middle.png) top left repeat-x;
	color: #000;
}

#activitiRatesNavigation li a:hover span.stmtTabCenterImage,
	#mainNavigation li a:hover span.stmtTabCenterImage {
	text-decoration: underline;
	color: #333333;
}

#activitiRatesNavigation li span.stmtTabLeftImage {
	float: left;
	width: 15px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#activitiRatesNavigation li span.stmtTabRightImage {
	float: right;
	width: 15px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#activitiRatesNavigation li span.stmtTabCenterImage {
	margin: 0 15px;
	padding-left: 10px;
}



.ratesLo, .ratesHi {
	padding-left: 20px;
	height: 30px;
}

.ratesLo {
	background-color: white;
}

.ratesHi {
	background-color: #f8f8f8;
}

.ratesHeadRow {
	background-color: #dfdfdf;
	font-size: 0.7em;
	font-weight: bold;
	height: 30px;
	border-bottom: 3px solid #f1f1f1;
	border-top: 3px solid #f1f1f1;
}

.sortedRatesTColHead {
	background-color: #ffffff;
}

.ratesColRateWithImageLo, .ratesColRateWithImageHi {
	background: url(../common/small_star_green.gif) no-repeat scroll 10% 38%    transparent;
	width: 10%;
	vertical-align: middle;
}

.ratesColRateWithImageLo {
	background-color: #FFFFFF;
}

.ratesColRateWithImageHi {
	background-color: #F8F8F8;
}

.ratesColRate {
	width: 18%;
	text-align: left;
	vertical-align: middle;
	border-right: none;

}

.ratesColAnnualRate {
	width: 10%;
	text-align: left;
	vertical-align: middle;
}

.ratesColType {

	text-align: left;
	vertical-align: middle;
}

.ratesColAmount {
	vertical-align: middle;
	padding-right: 5px;
	text-align: left;
	width: 10%;
	border-right: none;
}

.ratesColCR {
	width: 5%;
	padding-left: 7px;
	vertical-align: middle;
}

.ratesColCode {
	width: 15%;
	text-align: left;
	vertical-align: middle;
}

.ratesTabText {
	color: #333333;
	left: -2px;
	position: relative;
}

#rateImageLink, #rateTypeImageLink {
	float: right;
	width: 25px;
}

#rateImageLink a:hover, #rateTypeImageLink a:hover, #rateColCR a:hover {
	border-bottom: 1px solid #333333;
}

#tableStmtTxn .txnHeadRow {
	border: 3px solid #f1f1f1;
}

#tableStmtTxn .txnHeadRow th {
	padding:5px 10px 5px 10px;
	background-color: #f1f1f1;
}

#tableStmtTxn .txnColTransDate {
	width: 110px
}

#tableStmtTxn .txnBody {
	border: 3px solid #f1f1f1;
}

#tableDynamicDisplay {
	background-color: #f1f1f1;
}

#tableDynamicDisplay th {
	border-top: none;
	padding: 20px;
	text-align: left;
}

#tableDynamicDisplay tr {
	font-size: 0.7em;
	font-weight: bold;
	color: black;
	height: 20px;
	background-color: #f2f2f2;
}

.dynamicDisplayContent {
}

div.tblClose {
	float: right;
	padding: 0
}

div.tblClose a {
	background: url(../common/closebtn.png) no-repeat 38px 0px;
	height: 15px;
	padding: 0 20px 0 0;
	margin: 0;
	font-size: 0.6em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.45em;
	display: block;
	color: #333333;
	width: 34px
}

div.tblClose a:hover {
	background-position: 38px -15px
}






div.last {
	margin-right: 0px;
}


span.alertIcon {
	background: url(mase/alertSprite.gif) no-repeat;
	display: block;
	float: left;
}

span.newAlert {
	width: 14px;
	height: 15px;
	margin-right: 4px;
	background-position: 0 -4px;
}

span.newMessage {
	width: 26px;
	height: 19px;
	margin-right: 4px;
	background-position: -45px -19px;
	top: -3px;
	position: relative;
}

span.message {
	width: 26px;
	height: 19px;
	margin-right: 4px;
	background-position: -45px 0px;
	top: -3px;
	position: relative;
}

span.alert {
	width: 19px;
	height: 19px;
	margin-right: 11px;
	background-position: 0 -19px;
}

span.newDocument {
	width: 26px;
	height: 19px;
	margin-right: 4px;
	background-position: -19px -19px;
	top: -3px;
	position: relative;
}

span.document {
	width: 26px;
	height: 19px;
	margin-right: 4px;
	background-position: -19px 0px;
	top: -3px;
	position: relative;
}

.corner {
	width: 10px;
	height: 10px;
	position: absolute;
	zoom: 1;
}

.plinthWW {
	border: 3px solid #f1f1f1;
	position: relative;
	min-height: 20px;
	padding: 10px 10px 0;
	margin-top: 20px;
}


.plinthWW .topLeft {
	top: -1px;
	left: -1px;
	background-position: 0 0;
}

.plinthWW .topRight {
	top: -1px;
	right: -1px;
	background-position: -10px 0;
}

.plinthWW .bottomLeft {
	bottom: -1px;
	left: -1px;
	background-position: 0 -10px;
}

.plinthWW .bottomRight {
	bottom: -1px;
	right: -1px;
	background-position: -10px -10px;
}

.plinthGW {
	position: relative;
	padding: 20px 20px 20px 20px;
	background: #f1f1f1;
	margin-bottom: 20px;
}

.plinthGW .plinthWG  {
 margin-top:20px;
 }

.plinthBorder { 
 border: 1px solid #f1f1f1;
}

.plinthGW .plinthWG hr {
	background-color: #f1f1f1
}

.plinthGW .topLeft {
	top: -1px;
	left: -1px;
	background-position: -20px 0;
}

.plinthGW .topRight {
	top: -1px;
	right: -1px;
	background-position: -30px 0;
}

.plinthGW .bottomLeft {
	bottom: -1px;
	left: -1px;
	background-position: -20px -10px;
}

.plinthGW .bottomRight {
	bottom: -1px;
	right: -1px;
	background-position: -30px -10px;
}

.plinthGWNoBM {
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px !important;
}
.plinthGWNoBMSlim {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 0px 0px !important;
}
.plinthWG {
	position: relative;
	min-height: 20px;
	padding: 20px;
	background: #FFF;zoom:1;
}

.plinthWG .topLeft {
	top: -1px;
	left: -1px;
	background-position: -40px 0;
}

.plinthWG .topRight {
	top: -1px;
	right: -1px;
	background-position: -50px 0;
}

.plinthWG .bottomLeft {
	bottom: -1px;
	left: -1px;
	background-position: -40px -10px;
}

.plinthWG .bottomRight {
	bottom: -1px;
	right: -1px;
	background-position: -50px -10px;
}

img.iconLft {
	float: left;
	margin-right: 10px;
}

div.accountSelector label {
	margin-right: 20px;
}

div.accountSelector select {
	padding: 0;
	width: 210px;
}

div.accountSelector a {
	float: right;
	cursor: pointer;
	position: relative;
	margin: 0px 0 0 0;
}

th.secSubjectHdr {
	width: 170px;
	text-align: left;
}

th.secAccountHdr {
	width: 140px;
	text-align: left;
}

th.secMsgDateHdr {
	width: 110px;
	text-align: left;
}

th.secureMesgItemHeadCell a {
	text-align: left;
}

.secureMesgItemHeadTx {
	text-align:left;
}

a.descending {
	background: url(mase/sortArrowsDescending.gif) no-repeat top right;
}

a.ascending {
	background: url(mase/sortArrowsAscending.gif) no-repeat top right;
}

th.secureMesgItemHeadCell {
	padding-bottom: 10px;
}

tr.secMessUnreadtrue td, tr.secMessUnreadfalse td {
	padding: 5px 5px 5px 0px;
}

.secureMesgUnreadDate {
	padding-left:5x;
}

div.tabs ul {
	list-style: none;
	margin: 0px -20px 30px -20px;
	height: 40px;
	position: relative;
	border-bottom: 3px solid #f1f1f1;
}

.tabs ul a {
	color: #333333;
}

div.tabs ul li {
	float: left;
	display: block;
	height: 37px;
	background: #f1f1f1;
	text-align: center;
	border: 3px solid #f1f1f1;
	margin-right: 5px;
}

div.tabw-156 ul li {
	font-weight: bold;
	font-size: 0.8em;
}

div.tabw-156 ul li.selected {
}

div.tabs ul li a, div.tabs ul li span {
	background: #f1f1f1;
	display: block;
	margin-left: 10px;
	padding: 10px 10px 0 0;
	height: 27px;
}

div.tabs ul li.selected {
	background-position: left top;
	background-color: #ffffff;
	border: 3px solid #f1f1f1;
	border-bottom: 3px solid #ffffff;
}

div.tabs ul li.selected a, div.tabs ul li.selected span {
	background-position: right top;
	background-color: #ffffff;
	color: #333333;
}

.tabs {

	position: relative;
	min-height: 20px;
	padding: 20px;
	margin-bottom: 10px;
	margin-left: -20px;
	margin-right: -20px;
}

div.tabContent {
	margin: -33px -20px 0px -20px;
	border:  3px solid #f1f1f1;
	padding:  20px;
}

.tabs .bottomLeft {
	bottom: -1px;
	left: -1px;
	background-position: 0 -10px;
}

.tabs .bottomRight {
	bottom: -1px;
	right: -1px;
	background-position: -10px -10px;
}

.spacedLabels {
	line-height: 1.3em;
}

#greyRoundedAmountChoiceBox {


	padding-bottom: 10px;
}

.outerPaymentChoiceRoundedBox {

}


.dcPaymentRadioLabel {
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	width: 90px;
}


#browserIe .dcPaymentRadioLabel {
	float: left;
	font-weight: normal;
	line-height: 20px;

}

.dcPaymentRadioAmountLabel {
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	margin-left: 26px;
}

#payTypeMinAmountBox {
	padding: 5px;
	width: 120px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	min-height: 70px;
}

#payTypeFullAmountBox {
	padding: 5px;
	margin-bottom: 10px;
	width: 120px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	min-height: 70px;
}

#payTypeOtherAmountBox {
	padding: 5px;
	margin-bottom: 10px;
	width: 120px;
	float: left;
	margin-top: 5px;
	min-height: 70px;
}

#payTypeOtherTextBox {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;

	width: 60px;

}

#dcTryAgainButton {
	width: 120px;
}

.dcSummaryOuter {
	padding: 15px;
}

.dcSummaryPaymentDetails {
	padding: 15px 15px 0px 15px;
}

#dcReviewPaymentHeadline {
	margin-bottom: 10px;
}

div.adobeFlash {
	float: right;
	padding-left: 0px;
	font-size: 0.6em;
	text-align: center;
	padding-top: 20px;
}

div.adobeFlash a {
	padding-top: 20px;
}

div.adobeFlashText {
	padding-left: 0px;
	padding-bottom: 20px;
}

#dcPaymentDDLogo {
	float: left;
	margin-top: 5px;
}

.dcPaymentInfoLabels {
	margin-top: 10px;
}

.noBorder {
	border: none;
}

.payerAuthInfoArea {
	text-align: left;
	margin: 15px;
	padding: 10px;
}

.paymentOptionsInnerPlinth {
	margin-bottom: 0px;
	padding:10px 20px 10px 20px;
}

.paymentOptionsOuterPlinth {
	padding: 20px;
	margin-bottom: 20px;
}


.paymentsLandingPaymentOptionLinks {
	line-height: 2.0;
	margin: 0px 0px;
	display: block;
}

.paymentsLandingPaymentOptionLinks p {
	margin-bottom: 0px;
}


span.firmWarning {
	font-size: 1.0em;
	font-size: 1em;
	background-color: #FFF2F2;
	border: 1px solid #CC0000;
	color: #333333;
	padding: 7px;
}

.readOnlyUserName {
	font-size: 0.9em;
	font-weight: bold;
}

.communicationCentrePageContent {
	width: 500px;
}

#contentData .makeItWide .communicationCentreMessageArea {
	left: 12px;
}

.termsList {
	font-size: 11px;
}

.cliFont {
	font-size: 14px;
	font-weight: bold;
	padding-left: 14px;
}

.tableRow {
	border: 1px solid #ddd;
	background: #DBE5F1;
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.rowPadding {
	border: 1px solid #ddd;
	border-top: none;
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.cookieTable {
	border: 1px solid #ddd;
}

.plus {
	background-image: url(icon_open.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.minus {
	background-image: url(icon_close.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

.plusRight {
	background: url(ico-open.png) no-repeat scroll right 0 transparent;
	display: block;
	padding-left: 0px;
	color: #666666;
}

.minusRight {
	background: url(ico-close.png) no-repeat scroll right 0 transparent;
	display: block;
	padding-left: 0px;
	color: #666666;
}

a:visited.linkacordation {
	color: #666666;
}

.forgottenLinkAccountAlreadyRegistered {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


div#cookieWrapper {
	text-align: left;
	margin: 0 auto;
	width: 800px;
	background: #f1f1f1;
}

.cookies {
	padding: 15px 20px 20px 20px;
}

.cookies p {
	margin: 0;
}

.cookie-middle, .cookie-right {
	float: right;
}

.cookie-middle {
	padding-top: 7px;
}

.cookie-right {
	font-size: 0.7em;
	padding: 13px 5px 11px 15px;
}



.javascriptOff {
	margin: -2px 0 0 0;
	background-image: url(info-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 0 4px 30px;
}

dl.select-mobile {
	margin: 30px 0px 20px 0px;
}

dl.select-mobile dt {
	font-size: 0.7em;
	font-weight: bold;
	width: 300px;
	float: left;
}

dl.select-mobile dd {
	font-size: 0.7em;
	font-weight: bold;
	margin-left: 300px;
	margin-bottom: 10px;
}


dl.select-landline .radio {
	margin-top: 2px;
}

dl.select-landline dt {
	font-size: 0.7em;
	font-weight: bold;
	width: 100px;
	float: left;
}

dl.select-landline dd {
	font-size: 0.7em;
	margin-left: 160px;
	margin-bottom: 10px;
}

dl.select-landline dd p {
	font-size: 1em;
}

h2.subheading {
	margin-bottom: 20px;
}

div+h2.subheading {
	margin-top: 20px;
}

div.sms-incoming {
	padding: 10px 20px 10px 0px;
	margin-bottom: 20px;
	background-color:: #f1f1f1;
}


div.adaptive-auth-spacer {
	float: left;
	height: 4em;
}

label#otp {
	width: 160px;
}

div.no-sms {
	margin-left: 160px;
}

div.no-sms ul {
	font-size: 0.7em;
	list-style-type: square;
	list-style-position: inside;
	margin: 0px 0px 8px 8px;
}

div#tryAgainPopup, div#cancelSmsPopup, div#cancelVoicePopup {
	padding: 20px;
	text-align: left;
}

div#tryAgainPopup h2, div#tryAgainPopup p, div#cancelSmsPopup h2, div#cancelSmsPopup p,
	div#cancelVoicePopup h2, div#cancelVoicePopup p {
	margin-bottom: 20px;
}

input.radio {
	border: none;
	position: relative;
}

radio:focus {
	border: none;
	background-color: #ffffff;
}


div.we-are-calling-you p {
	padding-bottom: 20px;
	padding-top: 10px;
}

div.we-are-calling-you ol {
	font-size: 0.7em;
	font-weight: bold;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
	margin-top: 15px;
	padding-left: 5px;
}

div.we-are-calling-you ol li {
	padding-left: 10px;
	margin-bottom: 15px;
}

div.we-are-calling-you ol li span.token {
	font-size: 2em;
}

dl.challenge-question {
	margin: 0px;
}

dl.challenge-question dt {
	font-weight: bold;
	width: 50%;
	float: left;
	margin: 0px;
}

dl.challenge-question dt label {
	line-height: 1.5em;
	padding-top: 7px;
}

dl.challenge-question dd {
}

dl.challenge-question dd input {
	float: none;
}

dl.challenge-question dd a {
	font-size: 0.7em;
}

#preview {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	background: yellow;
	color: blue;
	border-radius: 5px;
	border: 1px solid lightblue;
	cursor: pointer;
}

#preview:hover {
	border-style: outset;
}

#preview:active {
	border-style: inset;
}

.brandParamsHighlight {
    background: yellow;
}

#brandParams {
	text-align: left;
	word-wrap: break-word;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 270px;
	background: yellow;
	opacity: 0.8;
	filter: alpha(opacity = '80');
	color: blue;
	padding: 0 5px;
}

#brandParams h3 {
	cursor: pointer;
	margin: 5px;
	border-bottom: 1px inset black;
}

#brandParams h3:hover {
	color: blue;
	text-decoration: underline;
}

#brandParams dl {
	font-size: .7em;
	padding: 0 15px;
	margin: 3px
}

#brandParams dl:first-of-type {
	border: 1px dotted #666;
}

#brandParams dl dt {
	font-style: italic;
	font-weight: bolder;
}

#brandParams dl dd {
	margin: 5px;
}

.enrolmentHeading {
 
}

#enrolmentHeading, #resetPwdHeading {
	margin-top: 30px;
	margin-bottom: 5px;
}

.resetPwdHeading h1 {
	margin-bottom:20px;
}

.enrolVerifyInfo {
	background-color: #f1f1f1;
}

.enrolVerifyInfo p {
	margin-bottom: 20px;
	padding: 10px;
}

.styleFloatLeft {
	float: left;
}

.lblViewAnotherStatment {
	float: left;
	font-size: 0.9em !important;
}

.lblRecentStatmentMonth {
	margin-right: 10px;
}

.statmentScreenForm {
	margin: 0;
	padding: 0;
}

.siteKeyQuestCtlsLink {
	cursor: pointer;

}

.marginBottom{
	margin-bottom:0px;
}

.largeThankYou{


}

.marginLeftRight10{
	margin-left: 10px;
	margin-right: 10px;
}

.marginTop5{
	margin-top: 5px;
}




html {
	overflow-y: scroll;
	height: 100%;
}

body {
	line-height: 1px;
	background:#f1f1f1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #333333;
	text-align: center;
}

a, a:visited, .ui-widget-content p a, .siteKeyQuestCtlsLink {
	text-decoration: none;
}

a:active, a:hover, .siteKeyQuestCtlsLink:active, .siteKeyQuestCtlsLink:hover
	{
	text-decoration: underline;
}

h1, .headline, .sectHd {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 8px;
	display: block;
}

.headline {
	margin-bottom: 20px;
}

h1.darkGrey {
	color: #333;
}

p .headline, p .sectHd {
	font-size: 1.3em;
	line-height: 1em;
}

p {
	margin-bottom: 10px
	
	}

.greyRoundedBox > p:last-of-type {
	margin-bottom: 0px;
	}

h2 {
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #333333;
	display: block;
	margin-bottom: 10px;
}

h3, .headline3 {
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.1em;
	color: #333333;
	margin-bottom: 5px;
	display: block;
	margin-top: 20px;
}

a h3, a:visited h3 {
	text-decoration: none;
}

a:active h3, a:hover h3 {
	text-decoration: underline;
}

h4 {
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1.1em;
	color: #666;
	margin-bottom: 8px;
	display: block;
}

p, .fixedData, .bodyText, .bullettedList {
	font-weight: normal;
	font-size: 0.7em;
}


.bodyTextLink {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.35em;
	margin-bottom: 8px;
}

.smallerparagraph {
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.35em;
	color: #666;
	margin-bottom: 8px;
}

.benefitsList {
	height: 500px;
	left: -200.55px;
	position: relative;
	top: 68px;
}

ul.bodyText {
	list-style-type: disc;
	list-style-position: outside;
	margin: 15px;
}

.benefitsList ul {
	list-style-type: none;
}

.benefitsContent {
	position: relative;
	top: -500px;
}

.bullettedListInside {
	list-style-position: inside;
	margin-bottom: 20px;
}

.caption {
	font-weight: bold;
	font-size: 0.65em;
	line-height: 1.4em;
	color: #666;
	margin: 10px 0px 10px 0px;
	text-align: left;
}

.thankyou {
	font-weight: bold;
	font-size: 0.7em;
	color: #62bb46;
	margin-top: -2px;
	vertical-align: middle;
}

.info {
	font-weight: bold;
}

.heading {
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
}

#mainNavigation a {
	font-weight: bold;
	font-size: 0.875em;
	line-height: 1em;
	text-decoration: none;
}

#activitiRatesNavigation a {
	font-weight: bold;
	font-size: 0.875em;
	line-height: 1em;
	text-decoration: none;
}

.activitiCaption {
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.2em;
	margin-bottom: 8px;
	float: left;
	color: black;
	width: 49%;
}

#sidebar h2, .benefitsList h2 {
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #333;
}

#sidebar a, #sidebar a:visited, .benefitsList a, .benefitsList a:visited
	{
	font-weight: normal;
	font-size: 0.75em;
	line-height: 1.275em;
	text-decoration: none;
	display: block;
	padding: 0.4em 0;
	background: transparent;
}

#sidebar a:active, #sidebar a:hover, #sidebar a#activeSidebarMenuItem,
	.benefitsList a:active, .benefitsList a:hover, .benefitsList a#activeSidebarMenuItem
	{
	color: 333333;
}

.divClear {
	clear: both;
	float: none;
	height: 0px;
	width: 100%;
	overflow: hidden;
	display: block;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	background: transparent;
	width: 800px;
	margin-bottom: 20px;
}

.lastLogin {
	font-weight: normal;
	margin-bottom: 3px;
	height: 17px;
	width: 100%;
	font-size:0.9em;
}

#header {
	padding: 20px;
}

.globalMenuThis {
	font-size: 0.7em;
	padding-top:2px;
}

#logOffButton {
	margin-top: -3px;
}

#nav {
	margin-bottom: 20px;
}

#mainNavigation {
	width: 100%;
	font-size: 0.86em;

	background: none repeat scroll 0 0 #666666;
}

#blankMainNavigation {
	width: 100%;

	clear: both;

	margin-top: -20px;
}

#blankMainNavigation #blankNavigation {
	float: left;
	width: 100%;
	height: 37px;
	display: none;
}

#blankMainNavigation #mainNavigationLeftPlaceholder {
	float: left;
	height: 100%;
	width: 11px;
}

#blankMainNavigation #mainNavigationRightPlaceholder {
	height: 100%;
	width: 10px;
	float: right;
}

#blankMainNavigation #mainNavigationBlankCenter {
	background: #fff;
	margin: 0 10px 0 11px;
	height: 100%;
	border-top: 1px solid #d8e0e0;
}

#mainNavigation ul {
	width: 100%;
}

#mainNavigation ul li.shorterTab {

	float: left;
	width:104px;
	max-height: 42px;
	text-align:center;
}

#mainNavigation ul li.mediumTab {
	float: left;
	text-align:center;
	width:147px;
	max-height: 42px;
}

#mainNavigation ul li.menuTab {
	float: right;
	width:107px;
}

#mainNavigation ul li.longerTab {
	float: left;
	max-height: 42px;
	width:151px;
	text-align:center;
}

#mainNavigation li a, #mainNavigation li a:visited {
	display: inline-block;
	line-height: 42px;
	width: 100%;
}

#mainNavigation li a span {
	display: inline-block;
}

#mainNavigation li span.left {
	float: left;
	height: 42px;
	margin: 0;
	padding: 0;
	width: 15px;
}

#mainNavigation li span.right {
	float: right;
	height: 42px;
	margin: 0;
	padding: 0;
	width: 10px;
}

#mainNavigation li span.center {
	text-align: center;
}

#mainNavigation li.longerTab span.center {
	margin: 0;
}

#mainNavigation a:hover {
	cursor: pointer;
}

#menu {
	padding: 0px 21px;
	border-left: 1px solid white;
}

#hamburgerNavigation {
	font-size: 0.7em;
	clear: both;
	margin-top: 1px;
	position: absolute;
	display: none;
	width: 245px;
	background: #333333;
	z-index: 1000;
	margin-left: 515px;
}

#hamburgerNavigation .icon {
	font-size: 17px;
}

#hamburgerNavigation .icon-cross-close {
	font-size: 15px;
}

.icon-hamburger-menu {
	margin-top:2px;
	margin-bottom:-2px;
	margin-right:5px;
	font-size: 18px;
	float:left;
	display:block;
}


.icon-cross-close {
	margin-top:2px;
	margin-bottom:-2px;
	margin-right:7px;
	margin-left:0px;
	font-size: 15px;
	float:left;
	display:block;
}

#hamburgerNavigation ul li.menuLink {
	width: 240px;
	margin: 3px 0px;
}

#hamburgerNavigation ul li.hamburgerHeading {
	color: #fff;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	font-size: 1.2em;
	font-weight: bold;
}

#hamburgerNavigation ul li.hamburgerClose {
	color: #fff;
	padding-top: 5px;
	font-size: 13px;
	width: 242px;
	font-weight:bold;
}

#hamburgerNavigation ul li.hamburgerClose a {
	float: right;
	padding: 10px;
}

#hamburgerNavigation ul li.hamburgerBottom {
	width: 242px;
}

#hamburgerNavigation li a, #hamburgerNavigation li a:visited {
	display: block;
	color: #fff;
}

#hamburgerNavigation li a span.center, #hamburgerNavigation li a:visited span.center
	{
	color: #fff;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 1.1em;
	padding-top: 7px;
}


#hamburgerNavigation li a .unread {
	font-weight: bold;
}

#hamburgerNavigation li a .icon {
	float: left;
	margin-left: 12px;
}

#hamburgerNavigation li a .number {
	float: left;
	background: red;
	padding: 1px;
	margin-left: 5px;
}

.selectedMenu {
	color: #FFF;
	background: #333333;
}

.selectedMenu .icon-cross-close {
	margin-left:1px;
}


#activitiRatesNavigation {
	width: 100%;
	margin: 15px 0 0 0;
	clear: both;
}

#activitiRatesNavigation #blankNavigation {
	float: left;
	width: 100%;
	height: 37px;
}

#activitiRatesNavigation #mainNavigationLeftPlaceholder {
	float: left;
	height: 100%;
	width: 11px;
}

#activitiRatesNavigation #mainNavigationRightPlaceholder {
	height: 100%;
	width: 10px;
	float: right;
}

#activitiRatesNavigation #mainNavigationBlankCenter {
	background: #fff;
	margin: 0 10px 0 11px;
	height: 100%;
	border-top: 1px solid #d8e0e0;
}

#activitiRatesNavigation ul li {
	display: block;
	float: left;

}

#activitiRatesNavigation li a, #activitiRatesNavigation li a:visited {
	display: block;
	line-height: 37px;
}

#activitiRatesNavigation li a span {
	display: block;
}

#activitiRatesNavigation li span.left {
	float: left;
	width: 15px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#activitiRatesNavigation li span.right {
	float: right;
	width: 15px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#activitiRatesNavigation li span.center {
	margin: 0 15px;
	padding-left: 10px;
}

#activitiRatesNavigation a:hover {
	cursor: pointer;
}

#activitiRatesNavigation li a#activeMainNavigation span.center,
	#activitiRatesNavigation li a#activeMainNavigation:visited span.center
	{
	color: #FFF;
}
#activitiRatesNavigation li a:hover span.center,
	#activitiRatesNavigation li a:active span.center {
	color: #FFF;
}

.styledButtonMini {
	border: 0 none;
	height: 2.5em;
	width: 4.3em;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	color: #333;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 5px;
	text-align: center;
}

button {
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a.styledButton {
	color: #333333 !important;
	text-decoration: none;
	opacity: 1;
	transition: all 0.5s ease 0s;
}

a:hover.styledButton {
	text-decoration: none;
}

.no-touch a:hover.styledButton {
	opacity: 0.5;
	transition: all 0.5s ease 0s;
}

.styledButton, #header #topMenu a.styledButton {
	border: 0 none;
	line-height: 2.0em;
	overflow: hidden;
	text-decoration: none;
	display: inline-block;
	color: #333;
	font-size: 0.65em;
	font-weight: bold;
	text-align: center;
	padding: 0.1em 0;
}

button.styledButton {
	height: 30px;
	text-align: center;
	margin: 0;
	padding: 0;
	width: auto;
	background: transparent;
	line-height: 2em;
	font-size: 1em;
	position: relative;
}

.styledButtonDynamicWidth {
	height: 30px;
	color: #fff;
	font-size: 0.7em;
	text-align: center;
	display: block;
	margin: 0;
	width: auto;
	cursor: pointer;
	position: relative;
}

.styledButtonDynamicWidth .styledButtonRight {
	height: 30px;
	line-height: 2.5;
	position: relative;
	display: block;
	white-space: nowrap;
	cursor: pointer;
}

a.buttonStyledLink {
	text-decoration: none;
	display: inline-block;
}

a:hover.buttonStyledLink {
	text-decoration: none;
}

.styledButtonDynamicWidth.disabledButton .styledButtonRight.disabledButton
	{
	color: #999999;
}

a:hover.styledButtonDynamicWidth {
	text-decoration: none;
}

button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.linkButton {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: none;
	padding: 0;
	margin: 0;
	border: 0 none #fff !important!;
	overflow: visible;
	width: auto;
	font-size: 1em;
	text-align: inherit;

	white-space: nowrap;
}

.linkButton:hover {
	cursor: pointer;
	text-decoration: underline;
}

ul.mailboxTabs {
	list-style-type: none;
}

ul.mailboxTabs li {
	display: inline;
	margin: 0 2em 0 0;
}

#topMenu .cardsOverviewButton {
	float: left;
}

#topMenu ul {
	text-align: right;
	float: right;
	display: inline-block;
}

#topMenu li {
	display: inline-block;
	text-align: center;
	padding-left: 10px;
	float: left;
	margin-top: 3px;
}

#topMenu li a, #topMenu li a:visited {
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
}

#content {
	clear: both;
	float: left;
	width: 760px;
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 15px -5px rgba(51,51,51,0.5);
	-moz-box-shadow: 0px 0px 15px -5px rgba(51,51,51,0.5);
	box-shadow: 0px 0px 15px -5px rgba(51,51,51,0.5);
}

#welcomeContent {
	clear: both;
	float: left;
	width: 760px;
	background: #fff;
	padding: 20px;
}

.contentWithBorder {
}

#contentContainerBottomBorder {
	clear: both;
	display: none;
}

#contentContainerBottomBorderLeft {
	width: 10px;
	height: 10px;
	float: left;
}

#contentContainerBottomBorderCenter {
	border-bottom: 1px solid #d8e0e0;
	height: 9px;
}

#contentContainerBottomBorderRight {
	width: 12px;
	height: 10px;
	float: right;
	position: relative;
	left: 2px;
}

#sidebar {
	float: left;
	width: 200px;
}

#sidebar .sidebarBox, .benefitsList .sidebarBox {
	float: left;
	clear: both;
	width: 192px;
	position: relative;
}

#sidebar .sidebarBox .sidebarBoxTop, .benefitsList .sidebarBox .sidebarBoxTop
	{
	padding: 20px 20px 0px 20px;
	width: 144px;
	float: left;
	clear: both;
}

.sidebarBoxTop h2 {
	border-bottom: 3px solid #f1f1f1;
	padding-bottom:7px;
}

#sidebar .sidebarBox .sidebarBoxContent, .benefitsList .sidebarBox .sidebarBoxContent
	{
	width: 100%;
	float: left;
	clear: both;
}

#sidebar.welcomeScreen .sidebarBox .sidebarBoxContent {
	padding: 0 10px;
	width: 172px;
}

#sidebar.welcomeScreen .sidebarBox .sidebarBoxContent a {
	font-size: 1em;
	background: transparent;
	text-decoration: none;
	display: inline;
}

#sidebar.welcomeScreen .sidebarBox .sidebarBoxContent a:hover, #sidebar.welcomeScreen .sidebarBox .sidebarBoxContent a:active
	{
	text-decoration: underline;
}

#sidebar .sidebarBox .sidebarBoxContent ul, .benefitsList .sidebarBox .sidebarBoxContent ul
	{
	padding: 0px 20px 20px 20px;
	width: 144px;
	border-bottom: 3px solid #f1f1f1;
	border-left: 3px solid #f1f1f1;
	border-right: 3px solid #f1f1f1;
	margin-bottom: 20px;
}

#sidebar.welcomeScreen .sidebarBox .sidebarBoxContent ul {
	width: auto;
}

#sidebar .sidebarBox .sidebarBoxContent ul li a, .benefitsList .sidebarBox .sidebarBoxContent ul li a
	{
}

#sidebar .sidebarBox .sidebarBoxBottom, .benefitsList .sidebarBox .sidebarBoxBottom
	{
	width: 100%;
	height: 9px;
	overflow: hidden;
	float: left;
	clear: both;
	display: none;
}

#contentData {
	float: right;
	width: 550px;
}

form {
}

label, input, select {
	float: left;
}

input, select, textarea {
	border: 1px solid #b2b2b2;
	color: #333333;
}

.checkbox {
	margin: 0.65em 5px 0 0;
	line-height: 1em;
	padding: 0;
	border: 0;
	border: none;
}

.radiobutton, .radio {
	margin: 3px 5px 0 0;
	line-height: 1em;
	border: 0;
	border: none;
}

#minBalanceRadio, #fullBalanceRadio, #setAmountRadio  {
	margin-top: 7px;
}

.radiopaperpref {
	vertical-align: baseline;
	margin: 0px;
	line-height: 1em;
	border: 0;
	border: none;
}

.cardholderRadioButton {
	margin: 0.2em 0 0 0;
	line-height: 1em;
	border: 0 none;
}

.select {
	width: 200px;
	height: 30px;
	padding: 0;
}


.selectStatement {
	width: 100px;
	height: 30px;
	margin-right: 10px;
}

label, .label {
	font-weight: bold;
	font-size: 0.675em;
	line-height: 30px;
	display: block;
}

.enrolmentLabelCurrency {
	font-weight: bold;
	font-size: 0.675em;
	line-height: 30px;
	display: block;
}

.bodyText label, .normalLineHeightLabel {
	font-size: 1em;
	line-height: 1.35em;
}

.enrolmentLabelCurrency {
	position: relative;
	left: -10px;
	margin-right: -10px;
	float: left;
}

.normalLabel {
	font-weight: bold;
	font-size: 0.675em;
	display: block;
}

.notBoldLabel {
	font-weight: normal;
}

label.notBoldedLabel {
	font-weight: normal;
}

#footer {
	clear: both;
	border-top: 3px solid #f1f1f1;
	padding: 20px 20px 10px 20px;
	width: 760px;
	float: left;
	background: #fff;
	-webkit-box-shadow: 0px 3px 15px -5px rgba(51,51,51,0.5);
	-moz-box-shadow: 0px 3px 15px -5px rgba(51,51,51,0.5);
	box-shadow: 0px 3px 15px -5px rgba(51,51,51,0.5);
}

#footerLeft {
	float: left;
	width: 50%;
}

#footerRight {
	float: right;
	width: 48%;
	text-align: right;
}

#footer ul li {
	display: inline;
	font-size: 0.7em;
}

#footer ul li a, #footer ul li a:visited {
	text-decoration: none;
}

#footer ul li a:active, #footer ul li a:hover {
	text-decoration: underline;
}

hr {
	background: #f1f1f1;
	height: 3px;
	overflow: hidden;
	border: 0 none;
	padding: 0;
	margin-bottom: 10px;
}

hr.dashed {
	background: #f1f1f1;
	border-top: 3px solid #ffffff;
}

.hidden, .auralText {
	position: absolute;


	width: 1px;
	height: 1px;
	overflow: hidden;
}

.hiddenContainer {
	display: none;
	visibility: hidden;
	overflow: hidden;
}

.warn {
	font-weight: bold;
}

.requiredField {
	color: #DC1500;
}

.requiredFieldOnlyColor {
	color: #DC1500;
}

a.btnHelp {
	padding: 0 0 0 16px;
	background: #fff url(../common/btn-help.gif) no-repeat center right;
	text-decoration: none;
	display: inline-block;
}

h2.error {
	color: #DC1500;
	font-size: 0.7em;

}

.errorimg {
	float: left;
	margin-right: 5px;
	position: relative;
	top: -3px;
}

.questionNumberImage {
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.questionAndAnswer {
	display: block;
	float: left;
}

#selectTermsID {
	width: 80%;
}

table#chooseCardholder {
	border: 0 none;
}

table#chooseCardholder td, table#chooseCardholder th {
    padding: 5px 10px 5px 0;
}

table#chooseCardholder th.radioCell {
	width: 30px;
}

table#chooseCardholder th.cardholderName {
    width: 240px;
    text-align: left;
}

table#chooseCardholder th.cardholderType {
    width: 240px;
    padding-left: 20px;
    text-align: left;
}

table#chooseCardholder td.radioCell {
    width: 30px;
	vertical-align: top; 
}

table#chooseCardholder td.cardholderName {
    width: 240px;
    vertical-align: top;
}

table#chooseCardholder td.cardholderType {
    width: 240px;
    padding-left: 20px;
    vertical-align:top;
}

table#chooseCardholder input {
	margin: 0;
}

#timeoutPopup, #expiredTimeoutPopup {
	text-align: left;
}

.gIndex {
	clear: both;
}


.gDivSection {
 	background-color:#f1f1f1;
 	margin-bottom:20px;
 	padding:10px;
 	font-weight:bold;
}



.addressChangeLeftInfo {
	float: left;
	width: 48%;
}

.addressChangeRightInfo {
	float: left;
	width: 48%;
}

.formNoMargin {
	margin: 0;
}

.addressChangeLabel {
	float: left;
}

.addressChangeInput {
	float: right;
	width: 230px;
}

.addressChangeInput input {
	float: left;
}

.addressChangeInput .btnHelp {
	float: right;
	margin: 5px 0 0 0;
}

.addressChangeInput #postcode1, .addressChangeInput #Postcode1 {
	width: 50px;
}

.addressChangeInput #postcode2, .addressChangeInput #Postcode2 {
	width: 50px;
	margin-left: 5px;
}

.contextualHelpPopup {
	text-align: left;
}

.siteKeyImagePadding {
	padding: 0.5em 0;
	text-align: center;
}

.bold {
	font-weight: bold;
}

.div20pxHorizontalSpacer {
	height: 20px;
}

.div10pxVerticalSpacer {
	height: 20px;
}

.ratesTable {
	margin-bottom: 25px;
	border-right: 3px solid #f1f1f1;
	border-left: 3px solid #f1f1f1;
}

.ratesTable table {
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.35em;
	color: #666;
	width: 100%;
}

.ratesTable table th {
	background-color: #f1f1f1;
	text-align: left;
}

.ratesTable table .promoRatesTD {
	border-bottom: 3px solid #f1f1f1;
	padding: 0 10px 2% 10px;
}

.ratesTable table .stdRatesTD {
	border-bottom: 3px solid #f1f1f1;
	padding: 1% 2% 1% 10px;
}


.listWithBullet ul {
	list-style-type: square;
	list-style-position: inside;
	margin-left: 20px;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.35em;
	color: #666;
}

.elementVisibleInline, .elementVisible {
	display: block;
	visibility: visible;
	overflow: visible;
	width: auto;
	height: auto;
}

.thankYouImg {
	margin: 0 10px 0 0;
	margin: 0 10px 0 0;
	position: relative;
	top: 3px;
} 

.elementHidden {
	display: none;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
}

.boxText {
	font-weight: normal;
	font-size: 0.675em;
	color: #666;
	padding-bottom: 1px;
	margin-top: 20px;
}

.accountArea .topLine {
	margin-top: 8px;
}

.accountArea .topLine .column1 {
	font-weight: bold;
	font-size: 0.667em;
	color: #333;
}

.accountArea .bottomLine {
	margin-bottom: 8px;
}

#cardBox #accountName {
	font-weight: bold;
}

#rewardPoints {
	width: 454px !important;
	background-color: #f1f1f1;
	padding: 10px 20px 10px 20px;
}

#rewardPoints .styledButton {
	color: #333333;
	font-weight: normal;
	margin-top: -3px;
}

#rewardPoints .boxText {
	margin-top: 0px;}

#rewardPoints .heading {
	float: left;
}

#rewardPoints .action1 {
	float: right;
	text-align: right;
	width: 130px;
}

#rewardPoints .action1 .boxText {
	font-size: 0.8em;
}


#ppiTile {
	width: 454px !important;
	background-color: #f1f1f1;
	padding: 10px 20px 10px 20px;
}

#ppiTile .boxText {
	margin-top: 0px;}

#ppiTile .ppiText {
    font-size: 1em;
}



#transactionsArea {

	border: 3px solid #f1f1f1;
	padding: 20px;
}

#transactionsAreaHeader, .sidebarBoxTransactionLikeHeading {
	height: 30px;
	vertical-align: baseline;
}

.sidebarBoxTransactionLikeHeading .leftCorner {
	width: 100%;
	height: 100%;
}

.sidebarBoxTransactionLikeHeading .rightCorner {
	width: 100%;
	height: 100%;
}

#transactionsAreaHeader .leftCorner {
	float: left;
	width: 10px;
	height: 30px;
}

#transactionsAreaHeader .rightCorner {
	float: right;
	width: 10px;
	height: 30px;
}

#transactionsAreaHeader .heading, .sidebarBoxTransactionLikeHeading .heading
	{
	display: block;
	float: left;
	font-weight: bold;
	color: #333333;
	margin: 0 15px 0 0;
	font-size: 0.87em;
}

#transactionsAreaHeader .action1 a, #transactionsAreaHeader .action2 a {
	float: left;
	font-size: 0.7em;
}

#tableRecentTxn .txnHeadRow th {
    padding:5px 10px 5px 10px;
}

.txnHeadRow th, div.txnFoot,
	.sidebarBoxTransactionLikeSubhead, .sidebarBoxTransactionLikeFooter {
	font-size: 0.7em;
	font-weight: bold;
	color: #333333;
	padding: 5px 1px 5px 10px;
	background-color: #ffffff;
}

.txnFoot td {
	font-size: 0.7em;
	font-weight: bold;
	color: #333333;
	padding: 5px 1px 5px 25px;
	background-color: #ffffff;
}

.txnColTransDate {
	text-align: left;
}

#recentTransactionsTable .txnColTransDate {
	width: 110px;
}


.txnColPostDate {
	width: 110px;
}

.txnColDescr {
	text-align:left;
}

#recentTransactionsTable .txnColDescr {
	width: 150px;
}

.txnColDescr .details {
	margin-top: 4px;
	margin-bottom: 4px;
}

.txnColCardType {
	width: 70px;
}

.txnColAmount {
	text-align: right;
}

#recentTransactionsTable .txnColAmount {
	width: 70px;
}

#recentTransactionsTable .txnColLink {
	width: 30px;
}

.txnHead {
	padding-left: 10px;
}

.txnBody {
	font-size: 0.7em;
}

.txnLo, .txnHi {
	padding: 5px 10px 5px 10px;
	border-top: 2px solid #f1f1f1;
}


.txnHi {
	background-color: #ffffff;
}

#recentTransactionsTable .txnColCR  {
	width: 30px;
}

.txnHeadRow .sorttable_sorted_reverse {
	font-size: 0.7em;
	font-weight: bold;
	color: black;
	height: 20px;
	background-color: #acacac;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

.sidebarBoxTransactionLikeSubhead, .sidebarBoxTransactionLikeFooter {
	padding: 0 10px 0 10px;
}

.sidebarBoxTransactionLikeContent {
}

.sidebarBoxTransactionLikeBody {
	padding: 10px;
}

ul.bullettedList {
	list-style-type: square;
	line-height: inherit;
}

.roundedBox {
	margin-bottom: 20px;
	border: 3px solid #f1f1f1;
	padding:  20px;
}

.roundedBoxGrayBorder {
	margin-bottom: 10px;
	border: 3px solid #f1f1f1;
	padding:  20px 20px 10px 20px;
}

.standardRate {
	background: #FFFFFF;
	font-size: 0.7em;
	font-weight: normal;
	padding: 8px;
	margin-top: 10px;
}

.goPaperlessBox, .styledBox {
	border: 3px solid #f1f1f1;
	margin-bottom: 20px;
}

.goPaperlessBoxTop, .styledBoxTop {
	margin-top: -1px;
	display: none;
}

.goPaperlessBoxBody, .styledBoxBody {
	padding: 20px;
	clear: both;
}

.goPaperlessBox .styledButtonDynamicWidth {
	width: 180px
}

.goPaperlessBoxBottom, .styledBoxBottom {
	border-bottom: 1px solid #e0e0e0;
	height: 6px;
	display: none;
}

.paperlessImageLink {
	float:left;
}

.goPaperlessBoxBody h2 {

}

.goPaperlessBoxBody p {

}




div.pageContent {
	float: left;
	width: 500px;
	clear: left;


}

.indentLeft.pageContent, .pageContent .indentLeft {

	width: 500px;
}

.indentLeft.pageContent .roundedBox, .pageContent .indentLeft .roundedBox
	{
	position: relative;
}

}

#errorArea.indentLeft {
	padding-left: 15px;
}

.topMargin10 {
	margin-top: 10px;
}

#theRealSubmit {
	display: none;
	padding-left: 220px
}

.theJSSubmit {
	display: none;
}

.balanceTransferCurrentSortCodeInput {
	width: 50px;
	margin-right: 10px;
}

.siteKeyButtonsEnrol {
	clear: both;
}

.buttonLeft {
	float: left;
}

.buttonRight {
	float: right;
}

.debitCardTable {
	border: 1px solid #ccc;
}

.debitCardTable td, .debitCardTable th {
	border: 1px solid #ccc;
	padding: 2px;
}

.darkHead th {
	background-color: #DDD;
	vertical-align: middle;
	color: #000
}

.leftSideImage {
	float: left;
	margin-right: 5px;
	margin-bottom: 2px;
}



.indentedText {
	margin-left: 10px;
}

.leftDiv {
	float: left;
	margin-right: 3%;
	width: 48%;
}

.rightDiv {
	float: right;
	width: 48%;
}


.noMarginRight {
	margin-right: 0;
}


.regAccOptsShow {
	display: block;
	padding: .5em 0;
	margin-left: -676px;
	margin-top: -4em;
	position: absolute;
	width: 500px;
}

.regAccOptsHide {
	display: none;
}

.regAccOptsPlaceholderShow {
	display: show;
	margin-bottom: 4em;
}

.regAccOptsPlaceholderHide {
	display: none;
}


.txnPrint {
	margin-bottom: 20px;
}

.txnPrintHead {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
	text-align: left;
}

.txnPrintColAmount {
	text-align:right;
}

.txnPrintHeadRow {
	font-size: 0.8em;
}

.txnPrintRow {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.8em;
}


.txnColCR.txnPrintRow {
	padding-left:5px
}


.insuranceText {
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.35em;
	color: #666;
}

.applyBlockPadding {
	padding: 10px 0;
}

.dynamicProductApplyNowHeader {
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0;
}

label .bodyText {
	display: inline;
}



.secSubjectHdr {
	width: 50%;
}

.secAccountHdr {
	width: 30%;
}

.secMsgDateHdr {
	width: 20%;
}

.secMessUnreadtrue, .secMessUnreadfalse  {
	border-top: 2px solid #f1f1f1;
}

.secMessUnreadtrue td {
	font-weight: bold;
}

.secMessUnreadfalse td {
	font-weight: normal;
}

.secMessUnreadtrue td, .secMessUnreadfalse td {
	vertical-align: top;
	padding: 5px 0;
}

.secMessUnreadfalse td .checkbox, .secMessUnreadtrue td .checkbox {
	margin: 0;
	padding: 0;
}

.secureRoundButtonDown, .secureRoundButtonRight {
	width: 24px;
	height: 24px;
	float: left;
	margin: 0px 0px 0px 5px;
	border: 0;
	overflow: hidden;
	cursor: pointer;
}

.secureRoundButtonRight {
	background: url(../common/secureArrowRight.png) no-repeat center;
}

.secureRoundButtonDown {
	background: url(../common/secureArrowDwn.png) no-repeat center;
}

.secureMesgOtherHeadNonDisp, .secureMesgOtherItemNonDisp {
	display: none;
}



#profileCompletionBg {
	float: left;
	width: 100%;
	height: 14px;
	padding: 0;
	margin: 0;
}

#profileCompletionBgRight {
	float: left;
	width: 100%;
	height: 14px;
	padding: 0;
	margin: 0;
}

#profileActualCompletion {
	float: left;
	height: 14px;
	padding: 0;
	margin: 0;
}

#profileActualCompletionGreen {
	float: left;
	height: 14px;
	padding: 0;
	margin: 0;
}

#profileActualCompletionRight {
	float: left;
	width: 100%;
	height: 14px;
	padding: 0;
	margin: 0;
}

#profileActualCompletionRightGreen {
	float: left;
	width: 100%;
	height: 14px;
	padding: 0;
	margin: 0;
}

.demoVideoBox {
	clear: both;
}

.demoVideoBox .demoVideoThumb {
	float: left;
	width: 56%;
}

.demoVideoBox .demoVideoInfo {
	float: left;
	width: 36%;
}


#wideArea {
	clear: both;
	margin-top: 20px;
}

#topMenu ul li a.newSecureMessage, #topMenu ul li span.newSecureMessage
	{
	font-weight: bold;
}

.welcomeMessageArea {
	overflow: hidden;
	opacity: 1;
	pointer-events: auto;
	float: right;
	width: 235px;
}

.notRegistered {
	font-weight: normal;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	padding-left: 1.5em;
	padding-bottom: 4px;
	margin-left: 0px;
}

.forgotDetails {
	font-weight: normal;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	float: left;
	padding-left: 1.7em;
	padding-bottom: 10px;
}


.accordion, .accordion * {
	margin-bottom: 4px;
}

.accordion {
	overflow: hidden;
}

.accordion-section-title {
	width: 100%;
	display: inline-block;
	transition: all linear 0.15s;

	font-size: 0.7em;
}

.accordion-section-title.active, .accordion-section-title:hover {

	text-decoration: none;
}

.accordion-section:last-child .accordion-section-title {
	border-bottom: none;
}

.accordion-section-content {
	padding: 5px 15px 15px 15px;
	display: none;
}

.accordion-plus::before {
    font-family: monospace;
    content: '+';
    padding-right: 10px;
    font-weight: bold;
    font-size: large;
}

.accordion-minus::before {
    font-family: monospace;
	content: '-';
    padding-right: 10px;
    font-weight: bold;
    font-size: large;
}

.error-background {
	background-color: #fff1f0;
	border: none;
}

.warning-background {
	margin-bottom: -5px;
}

.activeIndicator {
	width: 10px;
	height: 10px;
}

.inactiveIndicator {
	width: 10px;
	height: 10px;
}

.welcomePageLinks {
    float: left;
    margin-right: 0px;
    margin-top: 28px;
    width: 200px;
}

.welcomePageLinks .warning-background {
    background-color: #e5eff6;
    border: 3px solid #e5eff6;
    padding: 10px;
    margin-top: -28px;
    margin-bottom: 5px;
}

.welcomePageLinks .icon-forgotton-login-password {
    padding-right: 10px;
    display: inline-block;
    width: 20px;
    position: relative;
    top: 3px;
}

.welcomePageLinks .icon-forms-application {
    padding-right: 8px;
    padding-left: 2px;
    display: inline-block;
    width: 20px;
    position: relative;
    top: 4px;
}

.welcomePageLinks .paddingAdjust {
    height: 35px;
}

.styleMarginBottom15pixel {
	margin-bottom: 15px;
	margin-top: 10px;
}

.welcomeLoginRB .verticalSeparator {
	border-left: 3px solid #f1f1f1;
	height: 137px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}

.verticalSeparator {
	border-left: 3px solid #f1f1f1;
	height: 137px;
	float: left;
	width: 2%;
	margin-left: 10px;
}

.messageAdjust {
	float: right;
	padding-left: 3em;
	margin-top: -15px;
}

.clearBoth {
	clear: both;
}

.contactScreen {
	width: 60%;
	overflow: hidden;
}

.marginTop {
	margin-top: -20px;
}

.directDebitSetupAccDetail {
	background:#FFF; 
	border: 2px solid #000;
}






a, a:visited, .ui-widget-content p a, .siteKeyQuestCtlsLink {
	color: #333333;
}

h1, .headline, .sectHd {
	color: #333333;
}

#errorAreaHeader, .errorHeader, .error, .siteKeyErrorText,
	.siteKeyErrorTitle {
	color: #DC1500;
}

.progressBarSignpost h1 {
	color: #333333;
}

h3, .headline3 {
	color: #333333;
}

a h3, a:visited h3 {
	color: #333333;
}

h4, .headline4 {
	color: #333333;
}

.heading {
	color: #666;
}

#mainNavigation a {
	color: #666;
}

#activitiRatesNavigation a {
	color: #666;
}

#secondaryNavigation a:hover, #secondaryNavigation a:active,
	#secondaryNavigation a#activeSecondaryMenuItem {
	color: #7DC8FF;
}

#sidebar a, #sidebar a:visited, .benefitsList a, .benefitsList a:visited
	{
	color: #333;
	margin-left: -20px;
	padding-left: 20px;
	margin-right: -20px;
	padding-right: 15px;
}

#sidebar a:active, #sidebar a#activeSidebarMenuItem,
	.benefitsList a:active, .benefitsList a:hover, .benefitsList a#activeSidebarMenuItem
	{
	background: #f1f1f1;
	color: #333333;
}


#topMenu {
	width: 760px;
}

#mainNavigation li span.center {
	margin: 0;
}

#mainNavigation li a , #mainNavigation li a:visited 
	{
	color: #fff;
}

#mainNavigation li a#activeMainNavigation, #mainNavigation li a#activeMainNavigation:visited 
	{
	background: #333333;
	color: #FFF;
}


#activitiRatesNavigation ul li.shorterTab {
	border: 3px solid #f1f1f1;
	margin-right: 5px;
}

#activitiRatesNavigation ul li.longerTab {
;
	border: 3px solid #f1f1f1;
}

#activitiRatesNavigation li a span.center, #activitiRatesNavigation li a:visited span.center
	{
	background: #002d56;
	color: #fff;
}

#activitiRatesNavigation li a#activeMainNavigation span.center,
	#activitiRatesNavigation li a#activeMainNavigation:visited span.center
	{
	background: #1550a3;
}

#activitiRatesNavigation li a:hover span.center,
	#activitiRatesNavigation li a:active span.center {
	background: #1550a3;
}

#activitiRatesNavigation li a:hover span.stmtTabCenterImage,
	#mainNavigation li a:hover span.stmtTabCenterImage {
	text-decoration: underline;
	color: #1550A3;
}

.styledButton {
	width: 125px;
	height: 24px;
	cursor: pointer;
}

button.styledButton {
	overflow: visible;
}

.styledButtonDynamicWidth {
	overflow: visible;
	padding: 0 13px 0 0;
	background: #858585;
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.no-touch .styledButtonDynamicWidth:hover {
    opacity: 0.7;
    transition: all 0.5s ease 0s;
}

.styledButtonDynamicWidth .styledButtonRight {
	padding: 0 0 0 13px;
}



a.buttonStyledLink {
	font-weight: bold;
}

.styledButtonDynamicWidth.invertedButton {
	background: #C8C8C8;
	color: #333333;
}

.styledButtonDynamicWidth.disabledButton {
	color: #666666;
	background: #f1f1f1;
}


.styledButtonDynamicWidth.disabledButton .styledButtonRight.disabledButton
	{
	background: #f1f1f1;
}

.linkButton {
	color: #333333;
}

div#topMenu {
	color: #333333;
}

#topMenu li a:hover {
	text-decoration: underline;
}

#contentContainerBottomBorderCenter {
	margin: 0 8px;
}

.benefitsList .sidebarBox .sidebarBoxTop {
	padding: 10px 0 0 9px;
	width: 188px;
}

#sidebar.welcomeScreen .sidebarBox .sidebarBoxContent a {
	color: #1550A3;
}

#footer ul li a, #footer ul li a:visited {
	color: #333333;
}

.registrationProgressBar {
	color: #fff;
}

.registrationProgressBar ul {
	background: #5B8F22;
}

.resetPasswordProgressBar {
	color: #fff;
}

.resetPasswordProgressBar ul {
	background: #5B8F22;
}

ul li.futureProgBarItem span {
	color: #333;
}

ul li.futureToFutureProgBarItem {
	color: #333;
}

h2.gTitle a {
	color: #333333;
}

#transactionsAreaHeader, .sidebarBoxTransactionLikeHeading {
}

#transactionsAreaHeader .leftCorner {
	background: url("../mbna/images/transaction-header-left-bg.png") no-repeat
		scroll left top;
	display: none;
}

#transactionsAreaHeader .rightCorner {
	background: url("../mbna/images/transaction-header-right-bg.png") no-repeat
		scroll right top;
	display: none;
}

.sidebarBoxTransactionLikeHeading .heading {
	margin: 0px 10px 0 10px;
}

.ratesTabText {
	color: #1550A3;
}



.pageContent .indentLeft .roundedBox
{

}

ul.indentList20 li {
	margin-left: 20px;
}

#profileActualCompletionRight {
	background: 62bb46;
}

#profileActualCompletionRightGreen {
	background-color: #62bb46;
}

#topMenu ul li a.newSecureMessage, #topMenu ul li span.newSecureMessage
	{
	color: #DC1500;

}

#topMenu ul li a.newSecureMessage, #topMenu ul li span.newSecureMessage
	{
	color: #DC1500;
}

.ratesAscending {
	background: url(../mbna/images/mbna_triangle_up.gif) center right
		no-repeat;
}

.ratesDescending {
	background: url(../mbna/images/mbna_triangle.gif) center right no-repeat;
}

.ratesNonSortedDescending {
	background: url(../mbna/images/mbna_triangle.gif) center right no-repeat;
}

#rateImageLink a:hover, #rateTypeImageLink a:hover, #rateColCR a:hover {
	border-bottom: 1px solid #1550A3;
}




html body div#wrapper div#content div#contentData div div.benefitsList {
	left: -200.45px !important;
}


.cardButtons {
	width: 304px;
}


.termsList {
	font-size: 1em;
}

.rowText {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-top: 5px;
}

.tableRow {
	border: 1px solid #ddd;
	background: #DBE5F1;
	padding: 5px;
}

.rowSpan {
	border: 1px solid #ddd;
	border-top: none;
	padding-top: 5px;
}

.rowSpan2 {
	border: 1px solid #ddd;
	border-top: none;
}

.cookieTable {
	border: 1px solid #ddd;
}


.plus {
	background-image: url(../mbna/images/icon_mbna_open.gif);
}

.minus {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#welcomeLoginTop {
	display: none;
}

#welcomeHelpTop {
	display: none;
}

.accordion-section:last-child .accordion-section-title {
	color: #333333;
}

.activeIndicator {
	border: 1px solid #666666;
	background-color: #999999;
}

.inactiveIndicator {
	border: 1px solid #d5d2ca;
	background-color: #f1f1f1;
}

.fontColor {

}
#mainNavigation li a span.left, #mainNavigation li a:visited span.left,
	#mainNavigation li a:hover span.left {
	background: #666666;
	display: none;
}

#mainNavigation li a span.right, #mainNavigation li a:visited span.right,
	#mainNavigation li a:hover span.right {
	background: #333333;
	display: none;
}

.styledButton {
	background: #d5d7d8;
}

#sidebar .sidebarBox .sidebarBoxTop, .benefitsList .sidebarBox .sidebarBoxTop {
	background: #ffffff;
	border-top: 3px solid #f1f1f1;
	border-left: 3px solid #f1f1f1;
	border-right: 3px solid #f1f1f1;
	padding-bottom: 10px;
}
#sidebar .sidebarBox .sidebarBoxContent, .benefitsList .sidebarBox .sidebarBoxContent
	{
}
#sidebar .sidebarBox .sidebarBoxBottom, .benefitsList .sidebarBox .sidebarBoxBottom
	{
}
ul li.activeFirstProgBarItem {
	background: transparent url(../mbna/images/left-current.png) no-repeat top left;
}

ul li.firstProgBarItem {
	background: transparent url(../mbna/images/left-past.png) no-repeat top left;
}
ul li.firstProgBarItem span, ul li.pastProgBarItem span {
	background: transparent url(../mbna/images/progbar-past.png) repeat-x top left;
}
ul li.activeProgBarItem {
	background: transparent url(../mbna/images/past-to-current.png) no-repeat top
		left;
}
ul li.futureProgBarItem {
	background: transparent url(../mbna/images/current-to-future.png) no-repeat top
		left;
}
ul li.futureToFutureProgBarItem {
	background: #dcdddf url(../mbna/images/current-to-future.png) no-repeat top left;
}

ul li.pastProgBarItem {
	background: url(../mbna/images/past-to-past.png) no-repeat top left;
}

ul li.activeLastProgBarItem {
	background: transparent url(../mbna/images/right-current.png) no-repeat top left;
}

ul li.futureLastProgBarItem {
	background: transparent url(../mbna/images/right-future.png) no-repeat top left;
}
.sidebarBoxTransactionLikeHeading .leftCorner {
}
.sidebarBoxTransactionLikeHeading .rightCorner {
}

.goPaperlessBox, .styledBox {
}

#profileCompletionBg {
	background: #f1f1f1;
	border: 1px solid #D5D7D8;
	margin-top: 10px;
	margin-bottom: -10px;
}

#profileCompletionBgRight {
}

#profileActualCompletion {
	background: #62bb46;
}

#profileActualCompletionGreen {
	background: url(../mbna/images/profile-completion-meter-left-green.png)
		no-repeat left top;
}

#helpSupportOverlayID span.helpSupportOverlayLink {
	background: url(../mbna/images/helpSupportOverlayTab.png) top center no-repeat;
}

#helpSupportOverlayID a#helpSupportOverlayClose {
	background: url(../mbna/images/helpSupportOverlayClose.gif) top left no-repeat;
}

.notRegistered {
	background-image: url("../mbna/images/icon_register.png");
}

.forgotDetails {
	background-image: url("../mbna/images/icon_forgotten.png");
}

.banner {
	background: url("../mbna/images/always-on-guard_banner.png") no-repeat;
}

#blankMainNavigation #mainNavigationLeftPlaceholder {
	background: transparent url(../mbna/images/bg-container-top-left.png) no-repeat
		left top;
}
#blankMainNavigation #mainNavigationRightPlaceholder {
	background: transparent url(../mbna/images/bg-container-top-right.png) no-repeat
		right top;
}


#nbaImage img {
	width: 194px;
	height: auto:
}

#nbaClose {
	float:right;
}


.question h3{
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
}

.plinthGW h2 {
	margin-bottom: 10px;
}

.plinthGW hr {
	background-color: #ffffff;
}

#errorArea {
    margin-bottom: 20px;
}

.contentDataFull {
	padding: 20px;
}

.communicationCentrePageContent roundedBox  {
	background-color: #f1f1f1;
	padding:20px;
}

.communicationCentrePageContent .greyRoundedBox {
	background-color: #f1f1f1;
	padding:20px;
}

.sidebarBox h2 {
	margin-top: 0px;
	margin-bottom: 0px;	
}


.styledBox h2 {
	margin-top: 0px;
}


.roundedBox .greyRoundedBox {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom:20px;
    background-color:#f1f1f1;
    margin-top: 20px;
}

.greyRoundedBox {
	background-color: #f1f1f1;
	padding:20px;
	margin-bottom: 20px;
}

.roundedBox .greyRoundedBox h2 {
	margin-top: 20px;
}

.roundedBox .greyRoundedBox h2:first-child {
	margin-top: 0px;
}

.roundedBox hr.dashed  {
	border: #f1f1f1;
	}

.roundedBox .greyRoundedBox hr.dashed  {
	background-color: #ffffff;
}

.disabledButton {
visibility: hidden;
}


.btLabel {
	width:260px !important;
}

.snapshotPayments .plinthWG {
	margin-top:0px;
	padding: 20px 20px 20px 20px;

}


#brandingLogoContainer img {
	width:370px;
	height:70px;
}

#transactionsArea div.floatLeft  h4 {
	margin-bottom:0px
}


#accountNumber1, #accountHolderName {
	margin-top:7px;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-radius: 0px !important;
}

.ui-widget {
	display:block;
	border: 3px solid #B2B2B2 !important;
	background: #ffffff !important;
	font-family: Arial, Helvetica, Verdana, sans-serif !important;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("pop-up-bg.png");
    background-repeat:repeat;
}




.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
    overflow: hidden;
    position: fixed;
    padding: 20px;
    outline: 0;
    z-index: 1000;
    margin-left: -225px;
    left: 50%;
    top:  300px;
    width: 400px;
}


.roundedBox h2 {
	margin-top:0px;
}


.activationButtons {
	padding-top:20px;
}



.tabs .plinthGW {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 20px;
}



.tabs .plinthGW .styledButton {
	padding-top:20px;
}

.tabs hr.dashed {
	margin-top:20px;
}


.roundedBox .plinthGW {
	margin: 0px 0px 0px 0px;
	}


#activityHeader {
	margin-top: 10px;
	margin-bottom: 20px;
}


.plinth-accord {
	margin: 0px 0px 10px 0px;
	padding:15px 20px 5px 20px;
}


.plinth-accord .plinthWG {
	margin: 5px 0px 20px 0px;
	padding:5px 20px 5px 20px;
}

.secureDeleteBtnBot {
	border-top: 2px solid #f1f1f1;
	padding-top: 10px;
}

#message > div.block.highlight {
	height: 226px;
	padding: 15px 20px 20px 20px;
}

#message > div.block.highlight h2 {
	margin-top: 5px;
} 



#mainNavigation li a:hover  {
background-color: #555555;
}

#mainNavigation li a:active  {
background-color: #ffffff;
}

#hamburgerNavigation hr {
	margin-bottom:7px;
	height: 2px;
}

.offerRateContent td {
	padding-left: 2%;
}


#standardRates {
	padding-top: 130px;
	border-bottom:3px solid #f1f1f1
}


.myProfileFunctionDetail h3, .myProfileFunctionDetailLast h3 {
	margin-top:0px;
	margin-bottom:20px;
}


.myProfileBold {
	width:40%;
}


.completion-labels {
	margin-top: 7px;
}

#message > div > div.row {
}

input[name="selectedBeneficiaryIndex"], input[name="suggestedName"] {
	margin-top: 7px;
}


select[name="downloadFormat"] {
	width: 290px;
}


#minBalanceRadio1, #fullBalanceRadio1, {
	margin-top: 10px;
}


button[name="faqSearchButton"] {
	background-color: transparent;
	font-size: 17px;
	margin-left:5px;
	padding-top: 2px;
}

form[name="tacAddressChangeSubmitForm"], form[name="tacTelephoneNumberChangeSubmitForm"], form[name="tacEmailAddressesChangeSubmitForm"]  {

}


#content > div.width100pc.clearBoth > div.txnTable.clearBoth > div.bodyText.margin0.padding4px04px5px {
	border: 3px solid #f1f1f1;
}

#ratePercentage, .ratesHeaderTextLink, #rateAmount, .ratesColCode {
	padding-left:20px;
}

.roundedBox.promo .styledButtonDynamicWidth {
	width: 180px;
	font-size:1em;

}


#recentTransactionsTable .txnFoot {
	height: 0px;
}




.icon {
	color:#666666;
}

#mainNavigation .icon {
	color:#ffffff;
}

#mainNavigation .icon-home {
	font-size:16px;
	float:left;
	margin: 2px 1px -2px -5px;
}

p  .icon-contactless {
	font-size:15px;
	margin-left:5px;
}

.menuLink .icon {
	color:#ffffff;
}

.roundedBox .icon-rewards {
	font-size:20px;
	padding-right:10px;
	position: relative;
	top: 3px;
}

.communicationsSummary .icon {
		font-size:20px;
		display:block;
		float: left;
}

.icon-notifications-new {
    color: #DC1500 !important;
}

.icon-postal-mail-new {
	color: #DC1500 !important;
}

.hamburgerClose .icon {
	color:#ffffff;
}


.sidebarLeftContent .icon {
	font-size:40px;
}

.icon-question-faq-help {
	font-size:12px;
}

#cvvCode .icon-question-faq-help {
	margin: 5px;
	text-decoration: none;
}

div.boxText.marginTop10px > span.icon.icon-direct-debit.verticalAlignMiddle{
	font-size:30px;
}

#mainNavigation .icon-home {
	padding-right:5px;
}

#hamburgerNavigation ul li.hamburgerClose a .icon-cross-error {
	padding-right:10px;
	font-size:13px;
}

.thankyou .icon-tick-success {
	color: #62bb46;
	font-size: 20px;
	margin-right: 10px;
	margin-top: -2px;
	float: left;
}

.icon .icon-search-find {
	background-color: #ffffff !important
}

.cta-banner .icon-warning-issue {
	font-size: 17px;
	float: left;
	margin-top:-4px;
	margin-right:10px;
	background-color: #DC1500;
	color: #ffffff;
	padding: 6px 6px 2px 6px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.cta-banner .icon-card{
	font-size: 40px;
	float: left;
	margin-top:-10px;
	margin-right:10px;
}

#challengeQuestion123 {
	margin-top: 5px;	
}


.textAlignRight .icon-tick-success {
	color: #62bb46;
	font-size: 15px;
}


.icon-cross-error {
	font-size: 16px;
	margin-right: 10px;
	color: #DC1500 !important;
	margin-top: 3px;
	float: left;
	display: block;
}

.we-will-call-you .icon-phone-cta {
	float:left;
	font-size:50px;
	margin-right:10px;
	margin-top:-7px;
}

.we-are-calling-you .icon-phone-cta {
	float:left;
	font-size:50px;
	margin-right:10px;
	margin-top: -6px;
	height: 50px;
	float: left;
	display: block;
}

.sms-incoming .icon-mobile {
	font-size: 40px;
	float: left;
	margin-right:10px;
}

.floatRight  .icon-direct-debit {
	font-size:50px;
}

.top-offer .icon {
	font-size: 40px;
	display:block;
	float:left;
	padding: 0px 20px 20px 0px;
}


.hamburgerClose .icon-cross-close {
	font-size:13px
	display:block;
	float:left;
	margin-right:5px;
	padding-top:1px;
}


.icon-view-statements-new {
	color: #DC1500 !important;
}


.tooltipHelp_cardSecurityNumberExampleContextualHelp {
	margin-left: 5px;
	text-decoration: none !important;
}


#paperlessImageLogo {
	font-size:50px;
	float: left;
	margin-right:10px;
	float: left;
}

.activity-table {
	font-size: 16px;
}

.activity-table .longerTab {
	background-color: #f1f1f1;
	border: 3px solid #f1f1f1;
	width: 45%
}
 
.activity-table .longerTab a {

}

.activity-table .shorterTab {
	border: 3px solid #f1f1f1;
	width: 48%;
	margin-left:5px;
}


.cscDetailLeft {
	width: 200px;
	float: left;
	padding-right: 20px;
}
.cscDetailRight {
	width: 200px;
	float: right;
	padding-left: 20px;
	border-left: 3px solid #f1f1f1;
}

.cscDetailLeft h3, .cscDetailRight h3 {
	margin-top:1px;
}

.cscDetailLeft hr, .cscDetailRight hr {
	margin-bottom:10px;
}


.ddSortCode {
	margin-right: 10px;
	width: 52px;
	text-align: center;
	margin-top:  7px;
}

p.ddAccInfo {
	clear: both;
}

#bankSortCodeThirdTwo {
	margin-right: 0px; 
}





.panel-heading, .panel-body {
    padding: 10px;
}

#pendingTransactionsToggle {
	text-decoration: none;
}

#transactionsSinceLastStatementToggle {
	text-decoration: none;
}

.block.highlight {
    box-shadow: none;
}

.block.highlight .styledButtonDynamicWidth {
	background-color: #000000;
	width: 187px;
	color: #ffffff;
}

#message .block.highlight .styledButtonDynamicWidth {
	position: absolute;
	bottom: 15px;
	left: 20px;
}

.block.highlight .floatLeft h3 {
   vertical-align: top;
   margin-top: 0px;
}
.block {
    box-shadow: 0 0 5px #ccc;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    padding: 20px;
    position: relative;
}

.payBoxText {
	float: left;
	width: 115px;
}
.payBoxDate {
	float: right;
	width: 85px;
}

.calendar {
    text-align: center;
    width:  70px;
    margin-bottom: 5px;
    padding-left: 15px;
}

.calendar .due {
    background: #666666 none repeat scroll 0 0;
    background-image: url(cal-rings.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 10px;
}

.calendar .due-top {
    background-image: url(cal-rings.png);
    background-repeat: no-repeat;
    height: 4px;
}

.calendar .date {
    color: #666666;
    padding: 3px 3px 0px 3px;
    text-transform: uppercase;
    font-size: 11px;
    border-bottom: 2px solid #c6c6c6;
    background: #fff none repeat scroll 0 0;
}

.calendar .date span {
    color: #002d56;
    font-size: 20px;  
}

.btn-blue, .btn-blue:link, .btn-blue:visited {
    background: #002d56 none repeat scroll 0 0;
    color: #fff;
}
.btn, .btn:link, .btn:visited {
    background: #d5d2ca none repeat scroll 0 0;
    color: #494847;
    display: inline-block;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
}

div.noPaymentDueBox {
	text-align: center;
	display: block;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.paymentDueDD {
	width: 100%;
	font-size: 0.7em;
	margin-bottom: 0px;
}

p.lastPaymentReceived {
	margin-top: 8px;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
}

.transferTilesRow {
	margin-top: 20px;
	width:100%;
}

.transferTilesRow img {
	width: 240px;
	height: auto;
}

.transferTileBT {
	float: left;
}

.transferTileMT {
	float: right;
}






img { -ms-interpolation-mode: bicubic;

image-rendering: crisp-edges; }



.cta-banner span {
	font-size: small;
	font-weight: bold;
}

.cta-banner .right {
	float: right;
	margin-top: -5px;
	text-align: center;
}


#balanceBox {
	position: relative;
	height: 180px;
}

#balanceBox h2 {
	margin-bottom: 10px;
	font-size: 15px;
}

#balanceBox h2 span {
	font-size: 11px;
} 

#inlineContextualHelp, #inlineContextualHelpStmtDesc {
    cursor: default;	
}

#balanceBox h2 span #inlineContextualHelp {
	font-size:12px;
}

#balanceBox p {
	margin-top: 20px;
} 

#balanceBox p .balance {
	font-size: 33px;
} 

#balanceBox .balance-stats {
    overflow: hidden;
    width: 270px;
    font-size: 0.7em;
}

#balanceBox .balance-stats > li {
    float: left;
    padding: 3px 15px 4px 0px;
}

#balanceBox .balance-stats > li.stat {
    width: 135px;
}


#balanceBox .balance-stats > li.help-icon {
    width: 20px;
}


#balanceBox .balance-stats > li.figure {
    width: 80px;
    padding-right: 0px;
    font-weight: bold;
}

#balanceBox .balance-dial-colors {
	color: #002d56;
	background-color: #62bb46;
}

#balanceBox .balance-dial {
    height: 160px;
    margin-top: 10px;
}

#balanceBox .balance-dial .circle {
    height: 120px;
    width: 120px;
    background: #D5D7D8 none repeat scroll 0% 0%;
    border-radius: 50%;
    position: absolute;
    top: 49px;
    right: 40px;
}


#browserIe8 #balanceBox .balance-dial .circle {
	background: none;
}

#browserIe7 #balanceBox .balance-dial .circle {
	background: none;
}


#balanceBox .balance-dial .available {
    font-size: 14px;
    position: absolute;
    right: 40px;
    text-align: center;
    top: 90px;
    width: 120px;
}

#balanceBox .balance-dial .amount {
    color: #033;
    font-size: 20px;
}

#balanceBox .balance-dial input {
    display: none;
}

.functionNameWithProgress
{
	width:100%;
	display:inline-block;
}


.panel-heading, .panel-body {
    padding: 8px 10px 6px 10px;
}
.highlight {
    background: #f1f1f1 none repeat scroll 0 0;
}

.row {
    overflow: hidden;
}


.mboxDefault {
	margin-bottom: 20px;
}

.verticalAlignMiddle {vertical-align: middle;}

.verticalAlignTextBottom {vertical-align: text-bottom;}

.textDecorationNone {text-decoration: none;}

.color333 {color: #333;}

.fontSize0dot7em {font-size: 0.7em;}

.fontSize12dot3px {font-size: 12.3px;}

.fontSize11px {font-size: 11px;}

.fontWeightNormal {font-weight: normal;}

.fontWeightBold {font-weight: bold;}

.textAlignLeft {text-align: left;}

.textAlignRight {text-align: right;}

.textAlignCenter {text-align: center;}

.textAlignJustify {text-align: justify;}

.lineHeight2em {line-height: 2em;}

.lineHeight3em {line-height: 3em;}

.lineHeight37px {line-height: 37px;}

.margin0 {margin: 0;}

.marginLeftMinus3px {margin-left: -3px;}

.marginLeftMinus10px {margin-left: -10px;}

.marginLeft3px {margin-left: 3px;}

.marginLeft5px {margin-left: 5px;}

.marginLeft10px {margin-left:10px;}

.marginLeft15px {margin-left: 15px;}

.marginLeft20px {margin-left: 20px;}

.marginLeft250px {margin-left: 250px;}

.marginRight5px {margin-right: 5px;}

.marginRight10px {margin-right: 10px}

.marginRight11px {margin-right: 11px;}

.marginRightMinus20px {margin-right: -20px}

.marginTopMinus5px {margin-top: -5px;}

.marginTop0 {margin-top: 0;}

.marginTop0dot5em {margin-top: 0.5em;}

.marginTop4px {margin-top: 4px;}

.marginTop7px {margin-top: 7px;}

.marginTop10px {margin-top: 10px;}

.marginTop20px {margin-top: 20px;}

.marginTop30px {margin-top: 30px;}

.marginBottomMinus5px {margin-bottom: -5px}

.marginBottomMinus15px {margin-bottom: -15px;}

.marginBottom0 {margin-bottom: 0px;}

.marginBottom1em {margin-bottom: 1em;}

.marginBottom3px {margin-bottom: 3px;}

.marginBottom10px {margin-bottom: 10px;}

.marginBottom15px {margin-bottom: 15px;}

.marginBottom20px {margin-bottom: 20px;}

.overflowHidden {overflow: hidden;}

.padding4px04px5px {padding: 4px 0 4px 5px;}

.padding0 {padding: 0;}

.padding10px { padding: 10px;}

.paddingLeft0 {padding-left: 0;}

.paddingLeft1dot8pc {padding-left: 1.8%;}

.paddingLeft11pc {padding-left: 11%;}

.paddingLeft5px {padding-left: 5px;}

.paddingLeft30px {padding-left: 30px;}

.paddingLeft400px {padding-left: 400px;}

.paddingBottom5px {padding-bottom: 5px;}

.paddingBottom10px {padding-bottom: 10px;}

.paddingRight5px {padding-right: 5px;}

.paddingRight10px {padding-right: 10px;}

.paddingRight20px {padding-right: 20px;}

.paddingRight12px {padding-right: 12px;}

.paddingRight25px {padding-right: 25px;}

.paddingRight2pc {padding-right: 2%;}

.paddingTop5px {padding-top: 5px;}

.paddingTop10px {padding-top: 10px;}

.paddingTop20px {padding-top: 20px;}

.border0none {border: 0 none;}

.borderLeft1pxSolidccc {border-left: 3px solid #f1f1f1;}

.clearLeft {clear: left;}

.clearRight {clear: right;}

.floatNone {float: none;}

.positionRelative {position: relative;}

.topMinus5px {top: -5px;}

.displayBlock {display: block;}

.displayInline {display: inline;}

.displayInlineBlock {display: inline-block;}

.displayNone {display: none;}

.width2pc {width: 20px;}

.width5pc {width: 5%;}

.width10pc {width: 10%;}

.width30pc {width: 30%;}

.width35pc {width: 35%;}

.width40pc {width: 40%;}

.width32pc {width: 32%}

.width47pc {width: 200px;}

.width48pc {width: 48%;}

.width50pc {width: 50%;}

.width60pc {width: 60%;}

.width38pc {width: 38%;}

.width51pc {width: 200px;}

.width69pc {padding-right: 20px;}

.width70pc {width: 70%;}

.width80pc {width: 80%;}

.width95pc {width: 95%;}

.width99dot9pc {width: 100%;}

.width100pc {width: 100%;}

.width45pc {width: 45%;}

.width2em {width: 2em;}

.width4em {width: 4em;}

.width12em {width: 12em;}

.width30em {width: 30em;}

.width5px {width: 5px;}

.width10px {width: 10px;}

.width25px {width: 25px;}

.width50px {width: 50px;}

.width200px {width: 200px;}

.width213px {width: 213px;}

.width250px {width: 250px;}

.width275px {width: 275px;}

.width290px {width: 290px;}

.width378px {width: 371px;}

.width460px {width: 460px !important;}

.width525px {width: 525px;}

.height5px {height: 5px;}

.width127px {width: 127px}

.width270px {width: 270px;}

.width90px {width: 90px;}

.width465px {width: 465px;}

.italic {font-style: italic;}

.marginBottom24px {margin-bottom:-24px;}

.marginLeft27px {margin-left:27px;}

a.tooltipHelp_cardSecurityNumberDualCardsContextualHelp {
	text-decoration: none;
}

#recentTransactionsTable table {
	table-layout: fixed;
}

#recentTransactionsTable > table > thead > tr > th.txnColAmount.txnHead.textAlignRight {
	padding-right:10px
}

#transactionsSinceLastStatementToggleDiv .floatRight {
	margin-top:-3px
}


#transactionsAndRatesNavigation a {
	font-weight: bold;
	font-size: 0.875em;
	line-height: 1em;
	display:block;
	text-decoration: none;
}

#transactionsAndRatesNavigation li span.stmtTabCenterImage {
color: #000000;
}


#transactionsAndRatesNavigation ul li.shorterTab {
	float: right;
	text-align:left;
	padding: 10px;
	width:351px;
}

#transactionsAndRatesNavigation ul li.longerTab {
	float: left;
	text-align:left;
	padding: 10px;
	width:351px;
}


.communicationsSummary {
	padding: 20px 20px 10px 20px;
}

.nowrap {
	white-space: nowrap;
}

.icon-view-statements-communication-centre-landing {
	font-size:40px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:3px;

}

.postal-mail-communication-centre-landing {
	font-size:40px;
	float:left;
	padding-right:15px;
	padding-left:5px;
	padding-bottom:30px;
	margin-top:-3px;
}

#login {
	width: 210px;
}

#login .loginfield {
    height: 35px;
}

#login label {
    display: inline;
    line-height: 23px;
}

#login input {
    float: right;
    width: 115px;
    margin-bottom: 0px;
}

#login button {
	clear: right;
    float: right;
}

#payOnlineEForm > div.outerPaymentChoiceRoundedBoxBody > div.boxText > span.icon.icon-direct-debit.verticalAlignMiddle {
	font-size: 34px;
	float:left;
	padding-right:10px
}

.noclose .ui-dialog-titlebar-close
{
    display:none;
}

.offers {
	margin-top:10px
}

.paymentDueDD .icon-direct-debit {
	font-size:25px
}

.notrans {
	padding: 10px 10px 0px 10px;
}

.block.highlight .topLine {
	margin-top: 15px;
}

.redeem-rewards {
	font-size:0.7em;
	float:right;
	margin-top:5px;
}

#browserIe .radiopaperpref {
	margin-left:-5px
}

div.offerDiv a.toggleRulesLink
{
	text-decoration: none;
}

.rates-accord {
	margin-bottom: 10px;
}

.rates-accord p {
	margin-bottom: 0px;
}


form[name="documentsForAccount"]  {
	margin-bottom: -10px;
}

form[name="documentsForAccount"]  {
	margin-bottom: -10px;
}

form[name="documentsForAccount"] label  {
	margin-top: -10px;
}

form[name="documentsForAccount"] #accountSelector  {
	margin-top: 0px;
	height:24px
}

.dd-print-icon {
		font-size: 60px;
}

td.msgCheckBox > .icon-view-statements {
	font-size:17px
}

#browserIe #balanceBox > div.floatLeft.snapshot-figs > p > span {
	margin-top:40px;
}

#nbaImage .icon-cross-close {
	margin:-20px;
	font-size: 10px;
	color: #666666;
	padding:5px 8px 2px 2px;
}

#nbaImage img {
	width: 194px;	
	height: auto
}

#topMenu .icon {
    position: relative;
    top: 1px;
}

#topMenu li  a.icon-text-decoration:hover  {
    text-decoration: none;
}

#commsCentreModule .icon {
    font-size: 14px;
    position: relative;
    top: 2px;
}

.do-today {
	margin-top:0px !important;
	padding: 10px 20px 10px 20px !important
}

#statement-sum-text {
	padding: 10px;
}

#commsCentreModule.roundedBox {
	padding-bottom:10px
}

#commsCentreModule.roundedBox .icon {
	font-size:20px;
	padding-right: 13px;
	float: left;
}

#commsCentreModule.roundedBox .icon-view-statements, #commsCentreModule.roundedBox .icon-postal-mail {
 margin-top: -3px;
}

button.pfStatementCloseButton {
    float: right;
    margin: 15px;
}

#firstEmailAddress, #otherEmailAddress {
	margin-top:8px
}

.pfBalance {
    font-weight: bold;
}

.plinthWG.your-user {
	margin-top: 30px;
}

.mboxDefault img {
	width: 760px;
	height: auto;
}

.marketingImage {
	margin-top: -19px;
	width: 194px;
	height: auto;
}

.padding-msg {
	padding: 10px 10px 1px 10px;
	margin-top:-5px;
	margin-bottom:5px;
	}

.plinthWG.docs-fix {
	margin-top: 0px;
}

.please-note {
	padding: 10px;
	margin-top:10px;
}

.please-note p {
	margin-bottom: 0px;
}

.contactsResetBox {
    width: 240px;
    float: left;
    margin-right: 20px;
}
.contactsPayBox {
    width: 240px;
    float: left;
}


#tableStmtTxn .txnColDescr {
	width: 294px
}

#tableStmtTxn .txnColAmount {
	width: 150px
}


#tableStmtTxn .txnColCR {
	width: 50px
}

#tableStmtTxn .txnColLink  {
	width: 50px;
}

#promoOfferRates .ratesColThin {
	width: 90px;
	padding: 10px;
}

#promoOfferRates .ratesColThick {
	width: 100px;
	padding: 10px;
}

#promoRates .ratesColThin {
	width: 90px;
	padding: 10px;
}

#promoRates .ratesColThick {
	width: 100px;
	padding: 10px;
}


#standardRates .ratesColThin {
	width: 100px;
	padding: 10px;
}

#standardRates .ratesColThick {
	width: 100px;
	padding: 10px;
}


.iwantto {
	padding:20px 20px 10px 20px;
}


#icon-direct-debit-payment {
	position: absolute;
	margin-top: -20px;
	font-size: 30px;
}

#payment-amount-heading {
	margin-left: 145px;
	margin-top: -15px;
}

#payment-amount-heading-multi-line {
	margin-left: 140px;
	margin-top: -15px;
	margin-bottom: -10px;
}

#noPaymentDueCalBox {
	font-size: .7em;
	margin-top: -75px;
	float: right;
	font-weight: bold;
	display: block;
	width: 100px;
	text-align: center;
}

#mainDivPayment {
	position: relative;
}

#blankBoxDivPayment {
	border: 3px solid white;
}

#grayBoxDivPayment {
	margin-bottom: -1px;
	width: 55%;
	padding: 10px;
	padding-bottom: 20px;
}

#innerBoxDivPayment {
	margin-top: 0px;
	position: relative;
}

#ddInplaceLabel {
	margin-top: -15px;
	margin-left: 40px;
	position: absolute;
}

#vertLinePaymentBox {
	position: absolute;
	background-color: #f1f1f1;
	height: 35px;
	width: 2px;
	margin-left: 120px;
	margin-top: -20px;
	margin-bottom: 10px;
}

#vertLinePaymentBox4Line {
	position: absolute;
	background-color: #f1f1f1;
	height: 82px;
	width: 2px;
	margin-left: 120px;
	margin-top: -20px;
	margin-bottom: 10px;
}

#vertLinePaymentBox2Line {
	position: absolute;
	background-color: #f1f1f1;
	height: 45px;
	width: 2px;
	margin-left: 120px;
	margin-top: -20px;
	margin-bottom: 10px;
}

#ddNotePaymentDiv {
	margin-top: 5px;
	width: 60%;
}

#noPaymentDueDiv {
	position: absolute;
	margin-left: 130px;
	margin-top: -15px;
	font-size: 1em;
	float: right;
	font-weight: bold;
	display: block;
}

#paymentButtonDiv {
	position: absolute;
	transition: .5s ease;
	top: 2%;
	left: 65%;
}

#calTopMargin {
	position: absolute;
	top: 60px;
	right: 20px;
}

#ddSetUpButtonLabel {
	font-size: 1.5em;
	margin-top: -10px;
	margin-bottom: -10px;
}

#nextPaymentAmountLabel {
	font-size: .89em;
}

.paymentButtonStyle {
	width: 165px;
}

#inLineHelpText {
	margin-top: -15px;
	margin-left: 90px;
	position: absolute;
}

#inLineHelpTextSetAmount {
	margin-top: -18px;
	margin-left: 90px;
	position: absolute;
}

#ddNotInplaceLabelAU {
	margin-bottom: 10px;
	margin-top: 10px;
}

#marginPaymentButton {
	margin-top: 12px;
}

.ddManage-Top-Padding {
	padding-top: 10px;
}

#ddMangeHR {
	margin-top: -10px;
	width: 100%;
}

#manageMarginTopMinus {
	margin-top: -10px;
}

#manageMargintopPlus {
	margin-top: 20px;
}

#spanAreaA, #spanAreaB, #spanAreaC, #spanAreaE {
	padding-bottom: 30px !important;
}

.fontSize16px { font-size:16px; }


#paymentDivPadding {
	float: left;
	margin-top: 20px;
	margin-bottom: -20px;
}

hr.btmtDisclaimer {
	margin-top: 16px;
	margin-bottom: 16px;
}

.glossaryTM {
    bottom: 1.2ex;
    font-size: 0.6em;
    position: relative;
}
.glossaryR {
    bottom: 1.2ex;
    font-size: 0.7em;
    position: relative;
}

.nonClickable {
	pointer-events: none;
}

.accountCardShowLink {
	margin-right:75px;
	margin-top:-10px;
	margin-bottom:5px;
}

.marginRight2{
	margin-right: 2px !important;
}

.marginRight22{
	margin-right: 22px !important;
}

.disableField{
	background-color: #f1f1f1;
	border: 1px solid #f1f1f1;
	color: #333333;
	height: 28px;
	margin-right: 5px;
	pointer-events: none;
	padding: 0 5px;
}
.disabledColor{
	color: #d5d2ca !important;	
	pointer-events: none;
	text-decoration: none !important; 
	cursor: default;
}

.disabledFieldColor{
	background-color:#f1f1f1;
}

.noPadding{
	padding: 0px 0px 0px 0px !important;
}

.accountSnapshotTab{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.accountSnapshotTab .longerTab,  .accountSnapshotTab .shorterTab{
	border: 3px solid #f1f1f1;
	width: 47%;
	cursor: pointer;
}

.accountSnapshotTab li a {
    display: inline-block;
    padding: 5px 0;
    font-size: 0.85em;
    font-weight: bold;
    text-decoration : none;
}

#recentTransactionsTab, #recentStatementsTab{
	padding: 0 10px 10px;
	background: #f1f1f1;
	margin-top: -3px;
}

.viewStmtBtnFont{
	font-size: 1em !important; 
	font-weight: normal;
	text-decoration: none !important;
}

.stmtDescText{
	font-size:0.55em;
	line-height:1.3em;
	padding-right:10px;
	text-align:justify;
}

.recentStmtRow{
	padding-top: 20px;
	vertical-align: top;
}

.paddingTop25px {padding-top: 25px;}
.paddingTop35px {padding-top: 35px;}
.paddingBottom35px {padding-bottom: 35px;}
.paddingTop68px {padding-top: 68px;}
.paddingTop45px {padding-top: 45px;}
.paddingTop50px {padding-top: 50px;}
.paddingTop90px {padding-top: 90px;}
.paddingTop2px {padding-top: 2px;}
.paddingLeft10px {padding-left: 10px;}
.marginTopMinus15px{margin-top: -15px;}
.fontSize0dot8em {font-size: 0.8em;}
.marginLeft80px{ margin-left: 80px;}
.fontSize1point5em{ font-size: 1.5em;}

.roundedBox.statementTransactionBox{
float: left;
height: 165px;
width: 26%;
}


div.floatRight > span.printActivity {
font-size: 0.85em;
font-weight: normal;
float:right;     
margin-top: -12px;
margin-right: 5px;
padding-left: 20px;
}

.border10pxSolid{
border:10px solid #f1f1f1;

border-collapse: separate !important;
border-spacing: 0px !important ; 

}

.statementPdfIcon{
	font-size: 2em; 
	text-decoration: none;
}

.accountImageSpan{
	font-size: 1.5em; 
	vertical-align: middle;
	padding-left: 15px;
}

.pdfIconStyle{
	font-size: 2em;
	text-decoration: none !important;
}

.transferConfirmationBox {
	border: 3px solid #f1f1f1;
	padding: 20px;
}

.btMtButton {
	width: 240px;
	font-size: 18px;
	line-height: 2.1em important;
}

.btConfIconSize {
	font-size: 35px;
}

.btLblTxt {
     font-size: 14px;
     margin-left: 45px;
     margin-top: -35px;
}
.mt-top-padding{
	margin-top:-122px;
}
.bt-mt-lbl-txt{
	font-size:12px;
}

.cursorDefault{
	cursor: default;
}
#inputSetAmount{
	width: 50px;
	float: none;
	margin: 0px 0px 0px 0px;
	font-size: 13.3em;
}

#DDPrintFriendlySetAmountBox{
	display: inline; 
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid black;
}

.btMtBoxHeadingText {
	font-size: 15px;
	margin-top: -10px;
	margin-bottom: 10px;
}

.lineHeight2em{
	line-height:2em;
}
.wordSpacingMinus1px{
word-spacing: -1px;	
}
div#infoWrapper {
	display:none;
	padding-bottom: 68px;
	text-align: left;
	margin: 0 auto;
	width: 800px;
	background: #ffffff;
}
.infoBanner {
	padding: 15px 20px 20px 20px;
}

.infoBanner p {
	margin: 0;
}

.info-left {
width:67%;
float: left;
}

.info-right {
	width: 40%;
	float:right;
	margin-right: -60px;
}
.info-image-size-chrome{
margin-right: 20px;
padding-top: 5px;
width: 107px;
height:30px
}

.info-image-size-firefox {
height: 30px;
margin-right: 20px;
padding-top: 5px;
width: 79px;
}
.info-title{
font-size: 1.2em;
color: #333333;
}
.info-text{
color: #333333;
}
.info-shift-left{
margin-left: -2px;
}

.paddingBottom1px {
	padding: 10px 10px 1px 10px !important;
}
.promoExpiryTimerIconSize {
	font-size:1.2em !important;
	padding-right:6px !important;
	padding-bottom:inherit !important;
	margin-top: 0.2em;
	float: left;
}
.promoExpiryTimerTextSize {
	font-size:0.7em;
	margin-top: 0.5em;
	float: left;
}
.promoExpiryIconMarginTop {
	margin-top: 0.4em !important;
}
.promoExpiryTextMarginTop {
	margin-top: 0.9em !important;
}
.offerEndingTodayColor {
	color: #DC1500;
}
.promotionsPageBoxPadding {
	padding:  20px 20px 0px 20px;
}
.height27px{height:27px;}
.width190px {width: 190px;}
.width170px {width: 170px;}
.width240px {width: 240px;}

.disableForm{background-color: #f1f1f1; padding: 5px 0 10px 10px;}
.enabledFieldColor{background-color: #ffffff;}
.paddingTop3px{padding:3px 0 0;}
#nbaPopup img {
	padding-bottom: 17px;
	width: 100%;
}

ul.bulletStyle {
	list-style-type: disc !important;
}
.dontShowAdvButton {
	width: 14em;
	height: 28px;
    line-height: 2.5;
}
.width150px {
	width: 150px;
}


.icon-cross-error-down:before {
  content: "\46";
}
.icon-cross-error-down {
	font-size: 16px;
	margin-right: 10px;
	color: #DC1500 !important;
	margin-top: 17px;
	float: left;
	display: block;
}
.lineHeight25{line-height:25px;}
.marginRight95 {margin-right: 95px}

.marginTop-2 {
	margin-top: -2px;
}

.width104pc {width: 104%;}

.marginLeft65px{
	 margin-left: 65px;
}

.marginTop5px{
	margin-top: 5px;
}

.marginTop-16px{
	margin-top: -16px;
}

.width13px{
	width: 13px;
}

.telephoneNumberInputField{
	width: 8em;
    margin-top: 7px;
}

.radioButtonAlignTop{
	margin-top: -6px;
}
.radioButtonAlignTopIEEdge{
	margin-top: -4px !important;
}

.radioButtonAlignTopBelowIEEdge{
	margin-top: -3px !important;
}

.width102pc{
	width: 102%;
}


.marginLeft66{
	margin-left: 66px;
}

.securityQuestion {
  word-wrap: break-word;
  width: 672px;
  margin-top: 14px;
}

.marginTop32{
	    margin-top: 32px;
}

li.transaction {
      position: absolute;
      z-index: 1;
      white-space: nowrap;
 
}

li.statement {
      position: absolute;
      z-index: 0;
      white-space: nowrap;
}

.transactionTabTransform{
                 transform: skew(20deg);
    		    
    		    -webkit-transform: skew(20deg);

				-moz-transform: skew(20deg);

				-o-transform: skew(20deg);
				
				-ms-transform: skew(20deg);
				
    		    border: 3px solid #f1f1f1;
    		    background: #f1f1f1;
}

.statementTabTransform{
                  transform: skew(-20deg);
    		    
    		    -webkit-transform: skew(-20deg);

				-moz-transform: skew(-20deg);

				-o-transform: skew(-20deg);
				
				-ms-transform: skew(-20deg);
				
    		     border: 3px solid #f1f1f1;
    		     background: white;
    		     
}
.navigationTab{
	border-bottom: 48px solid transparent;
}

.width20pc{
	    width: 20%;
}

.marginLeft235{
	margin-left: 235px !important;
}

.bgGray{
	 background: #f1f1f1 !important;
}

.bgWhite{
	  background: white !important;
}

.transactionTable{
	    margin-left: 4px;
        width: 98.6%;
}

.headingBg{
	background:#E5EFF6;
} 

.transactionHeading{
	    margin-left: -6px;
    	width: 453px;
}

.marginTop4px{
	margin-top: -4px;
}

.borderCollapseInherit{
	border-collapse: inherit;
}

.sepratorWidth{
	width: 2.9% !important;
}


.headingStyle{
	font-weight: bold;
    padding-left: 7px;
    height: 21px;
    padding-top: 3px;
}

.noTableBorder{
	border-style: hidden;
}

.recentStmtTables{
	margin-left: -5px;
    width: 102.6%;
}

.margin-left10px{
	margin-left: 10px;
}

.marginLeft2px{
	margin-left: 2px;
}

.width96-2pc{
	 width: 96.2%;
}

.width92pc{
	width: 92%;
}

.width96pc{
	width: 96%;
}
.colorBlack{
	color : black !important;
}

.colorBlue{
	color: rgb(21, 80, 163) !important;
}

.width60pc {width: 60%;}

.lineHeight25{line-height:25px;}

.marginRight95 {margin-right: 95px;}

.cvvDisableBtn{
	border:1px solid #d3d3d3;
	background-color:#f1f1f1;
	color:#333333;
}
.paddingRight75px{padding-right:75px;}

.width67pc{
	width : 67%;
}
.width24pc{
	width:24%;
}

.checkUsernameButton {padding: 0 0 0 10px;}


input:disabled.buttonStyle, input:hover.buttonStyle, button:disabled.buttonStyle, button:hover.buttonStyle, a:hover.linkButtonStyle {
    opacity: 0.5;
}
input.buttonStyle, button.buttonStyle, a.linkButtonStyle {
    color: white;
    background-color: #858585;
    height: 30px;
    font-weight: bold;
	font-size: 0.7em;
    padding: 0 13px 0 13px;
    transition: all 0.5s ease 0s;
}
a.linkButtonStyle {
    line-height: 2.5em;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.marginLeft13px{
	    margin-left: 13px;
}
.width6pc{
	width:6%;
}

.width265px{
	width: 265px;
}

.width250px{
	width: 250px;
}
.transactionTabPosition{
	margin-top: -52px;
    position: absolute;
}

.statementTabPosition{
	margin-left: 37px;
    position: absolute;
    margin-top: -43px;
}

.smallerTabText{
	margin-top: -39px !important;
}

.largerTabText{
	margin-top: -44px !important;
}

.smallerTab{
	height: 39px !important;
}

.largerTab{
	height: 47px !important;
	margin-top: -6px !important;
}


.paymentCVV{
	border: 1px solid #d3d3d3;
	background-color:#f1f1f1 !important;
	color: #333333;
}

.opacityNavTab{
    opacity: 0.99;
    position:relative;
}


button:disabled.buttonStyle, button:hover.buttonStyle, a:hover.linkButtonStyle {
    opacity: 0.5;
}
button.buttonStyle, a.linkButtonStyle {
    color: white;
    background-color: #858585;
    height: 30px;
    font-weight: bold;
	font-size: 0.7em;
    padding: 0 13px 0 13px;
    transition: all 0.5s ease 0s;
}

a.linkButtonStyle {
    line-height: 2.5em;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
.paddingRight75px{padding-right:75px;}
.marginRight128px{margin-right:128px;}
.paddingLeft53percent{padding-left:53%;}

.viewRatesPageTransferTilesRow {
	margin-top: 20px;
	width:100%;
}

.viewRatesPageTransferTilesRow img {
	width: 265px;
	height: 170px;
}

.tabDiv{
	background-color : transparent;
	opacity: -0.5; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.marginBottom3{
	margin-bottom : 3px !important; 
}

.oobInputBox{
	margin-top: 10px;
    width: 294px;
}

.margin-left18px{
	margin-left: 18px !important;
}


.overFlowHidden{
	overflow: hidden;
}

.width250px{
	width:250px;
}

.smallerTabOuterDiv{
	overflow:hidden;
	height:39px;
	margin-top:8px;
}

.stmtTabRightBorder{
	border-right:3px solid #f1f1f1;
}

.transTabLeftBorder{
	border-left:3px solid #f1f1f1;
}

.marginLeft16N{
	margin-left:-16px;
}

.width263px{
	width:263px;
}

.paddingLeft10px{
	padding-left:10px;
}

.cursorPointer{
	cursor: pointer;
}

.marginLeftN3px{
	margin-left: -3px !important;
}

.width21pc{
    width: 21%;
}

.centerTextAlign{
    text-align:center !important;
}

.paddingTop1dot6px{
	padding: 1.6px 0 0;
}

.adjustFontSize{
	-webkit-text-size-adjust: 100%;
}