/*------------------------------------
CONTENTS
------------------------------------*/


/*
Questions
Secure Message
Change Details
Buttons
Errors & Messages
Maturity Options
Account Status Control
Navigation
Personalisation
Account Summary
SCA
Mortgage Account Summary
Account Box
Statement
Monthly Statement
Savings Goal
Transaction Wizard
Tax Year Countdown
Date Picker / Calander
Client Account
Registrations Page
Open New Account
Responsive
*/


/*------------------------------------
$Questions
------------------------------------*/

.QuestionWrapper {
    min-width: 0;
}

.Question {
    display: block;
    margin-bottom: 10px;
}

.ExtraInfo {
    position: relative;
    float: left;
    padding-top: 9px;
}

.Answer {
    display: block;
    margin-bottom: 25px;
    min-width: 50%;
}

.Answer.Confirmation {
    width: 65%;
}

.ConfirmationRow label,
.ConfirmationRow span {
    display: block;
}

.UnpaidInterestDestination .QuestionWrapper .Confirmation{font-weight:700;}


/*------------------------------------
$Secure Message
------------------------------------*/

#LocalServerTimeControl {
    float: right;
    padding: 0.5em 0;
}

.InboxNotificationControl a {
    width: 100%;
}

.SecureMessageReplyPage .SecureMessageConfirmValue {
    margin: 10px 0 20px 0;
}

#InboxSubMenu {
    text-align: right;
}

.InboxMessage {
    padding: 10px 0 0;
}

.InboxMessages .ConfirmationRow span,
.InboxMessages .ConfirmationRow div {
    display: inline-block;
    min-width: 90px;
    margin-bottom: 10px;
}

.InboxMessage-Summary {
    overflow: hidden;
    padding: 20px 0 20px 90px;
    border-bottom: 1px solid #f3f3f3;
}

.InboxMessage .InboxMessage-Header-Read:hover {
    color: #848484;
}

.InboxMessage .InboxMessage-Header-Unread:hover {
    opacity: 0.8;
}

.InboxMessage-Header {
    overflow: hidden;
}

.InboxMessage-Header-Read,
.InboxMessage-Header-Unread {
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
}

.InboxMessage-Header-Unread {
    background: #066FEF;
    color: #fff;
    border-radius: 12px;
}

.MessageReplyButton {
    margin: 10px 0 15px 0;
}

.InboxMessage-Read,
.InboxMessage-Unread {
    float: left;
    width: 70px;
    height: 70px;
    text-indent: -9000px;
    background: 0 1px no-repeat;
}

.InboxMessage-Header-Read .InboxMessage-Read,
.InboxMessage-Header-Unread .InboxMessage-Unread {
    display: block;
}

.InboxMessage-Header-Unread .InboxMessage-Read,
.InboxMessage-Header-Read .InboxMessage-Unread {
    display: none;
}

.BroadcastMessage .InboxMessage-Read,
.Expired .InboxMessage-Read,
.SystemMessage .InboxMessage-Read,
.DocumentMessage .InboxMessage-Read,
.InboxMessage-Read,
.AdvisorMessage .InboxMessage-Read,
.CustomerMessage .InboxMessage-Read {
    background-image: url(../images/icons/Icon_MessageSentRead.svg);
	background-position: top 15px center;
	background-size: 55px;
}

.BroadcastMessage .InboxMessage-Unread,
.Expired .InboxMessage-Unread,
.SystemMessage .InboxMessage-Unread,
.DocumentMessage .InboxMessage-Unread,
.InboxMessage-Unread,
.AdvisorMessage .InboxMessage-Unread {
	background-image: url(../images/icons/Icon_MessageSentRead-white.svg);
	background-position: top 15px center;
	background-size: 55px;
}

.InboxMessage-Subject {
    float: left;
    overflow: hidden;
    padding: 10px 20px;
}

.MessageDirection {
    display: inline-block;
    line-height: 25px;
}

.MessageDate {
    display: inline-block;
    margin-left: 4px;
    line-height: 25px;
}

.MessageSubjectText {
    display: block;
    line-height: 25px;
}

.InboxMessage-Toggle {
    float: right;
    margin-top: 28px;
    line-height: 25px;
    text-align: right;
}

#HideSearchButton {
    margin: 0;
}

.Inbox-SearchDirection input[type="radio"]:not(old) {
    opacity: 1;
    margin: 0 15px;
    padding: 10px 20px;
}

.InboxMessage-Toggle.Collapsed,
.MonthlyStatementChoicePage #SearchTools.ExpandedPanel h2 a,
#InboxSearchTools.ExpandedPanel a.ToggleEvent,
#AccordionContent.ExpandedPanel a.ToggleEvent {
    padding-right: 30px;
    /* background: url(../images/icons/upArrow_blue.png) center right no-repeat; */
}

.MonthlyStatementChoicePage #SearchTools.CollapsedPanel h2 a,
.InboxMessage-Toggle.Expanded,
#InboxSearchTools.CollapsedPanel a.ToggleEvent,
#AccordionContent.CollapsedPanel a.ToggleEvent {
    padding-right: 30px;
    /* background: url(../images/icons/downArrow_blue.png) center right no-repeat; */
}

#AccordionContent.ExpandedPanel a.ToggleEvent,
#AccordionContent.CollapsedPanel a.ToggleEvent{
    display:block;
    width:100%;
    text-decoration: none;
}

#RightSideDiv #AccordionContent {
    background-color:#fff;
    border: 1px solid #D4D4D4;
    display: flex;
	justify-content: space-between;
    padding: 0;
    border-radius: 20px;
    margin: 0;
	min-height: max-content;
	position: relative;
	z-index: 1;
}

#RightSideDiv #AccordionContent .title {
	font-size: 3rem;
    font-weight: bold;
	color: #fff;
}

#RightSideDiv #AccordionContent + .MainAdvert.ISATransferAccountSummaryAdvert{
	position: relative;
    top: -17px;
    z-index: 10;
}

.DepositImage {
    width: 48%;
	height: auto;
    object-fit: cover;
    vertical-align: middle;
}
.DepositImage-mobile {
    display: none;
}

.DepositInfo {
    width: 48%;
    padding: 1rem 2rem 0 0;
}

.DepositInfo h2 {
    color: #00095B;
    font-size: 4rem;
	line-height: 4.25rem;
	letter-spacing: -3px;
	margin: 2rem 0;
	font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
}

.DepositInfo p {
    font-size: 1.2rem;
    line-height: 1.5rem;
	margin-bottom: 3rem;
}

.DepositInfo dd {
	text-align: right;
	margin-bottom: 1.5rem;
}

.DepositInfo.ExpandedPanel {
    padding: 1rem 2rem 2rem 2rem !important;
}

.DepositInfo.CollapsedPanel {
	padding: 10px 25px !important;
}

@media screen and (max-width:698px) {
	.DepositInfo {
    	width: 100%;
	}
}
@media screen and (max-width:980px) {
	.DepositImage {
		display: none;
	}
	.DepositImage-mobile {
		display: block;
    	width: 100%;
		height: auto;
    	object-fit: cover;
    	vertical-align: middle;
	}
}

.TransferExistingISA {
    border: 2px solid #dbdbdb;
}

#InboxSearchTools h2 a,
#HideSearchButton a {
    text-decoration: none;
    color: #066FEF;
    padding-left: 0;
    margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
    border: none;
}

#HideSearchButton .ActionFraud{
    background-image: none;
    text-decoration: underline;
    color: #00095B;
    letter-spacing: 0;
}

#HideSearchButton:after {
    content:".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
}

#InboxSearchTools a:hover,
#InboxSearchTools a:focus,
#HideSearchButton a:hover,
#HideSearchButton a:focus {
    text-decoration: none;
	background-color: transparent;
}

.DepositInfo strong {
	font-weight: bold;
}

.InboxMessage-ActionButtons {
    text-align: right;
}

.InboxNavigationLinks {
    position: relative;
    height: 60px;
	margin-top: 2rem;
}

.PageInformation {
    display: block;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -40px;
    color: #8597AF;
    line-height: 1;
    text-align: center;
}

.PagingPageOf {
    font-weight: 200;
}

.NextPageButton {
    position: absolute;
    top: 14px;
    left: 52%;
    margin-left: 60px;
}

.PreviousPageButton {
    position: absolute;
    top: 14px;
    left: 50%;
    margin-left: -90px;
}

.MessageText,
.PreFormattedMessage,
.MessageConfirm {
    margin: 0;
    padding: 10px 0;
    overflow-wrap: break-word;
}

.ReleatedMessageContent {
    border: #e5e5e5 solid 1px;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    color: #848484;
}

.Inbox-Search-Wrapper {
    padding: 20px;
    background: #f3f3f3;
	margin-top: 2rem;
	border-radius: 20px;
}

#InboxSearchTools h2 {
    margin: 0;
}

.Inbox-SearchDates .DateLabel,
.Inbox-SearchDates #DateSelectionControl {
    display: block;
}

.Inbox-SearchDates,
.Inbox-SearchStatuses {
    padding: 20px 0;
}

.Inbox-SearchDirection {
    padding: 0 0 20px 0;
}

.Inbox-SearchDirection span:first-child {
    display: block;
    margin-bottom: 20px;
}

.Inbox-SearchDirection span {
    display: inline-block;
}

.Inbox-SearchDirection input {
    display: inline-block;
    margin: 0 5px !important;
}

#InboxSearchTools #SearchOptions .Inbox-SearchDirection input[type="radio"]:not(old) {
    width: auto;
    height: auto;
    position: relative;
}

#InboxSearchTools #SearchOptions .Inbox-SearchDirection span:not(:first-child) {
    margin-right:20px;
}

#SearchOptions .NextButton {
    margin-left: 20px;
    margin-bottom: 10px;
}

.SecureMessageCreateMenu {
    text-align: right;
}

.SecureMessageCreateMenu ul li {
    list-style: none;
}

.RowInput {
    margin: 10px 0 20px 0;
}

.SecureMessageConfirmValue,
.OriginalMessage {
    padding: 20px;
    margin: 0;
    background: #f3f3f3;
    clear: both;
}

.SecureMessageCreatePage textarea,
.SecureMessageCreatePage RowInput select {
    width: 100%;
}

#SecureMessageDeleteControl .ConfirmationRow,
#SecureMessageCreateControl .ConfirmationRow,
#SecureMessageReplyControl .ConfirmationRow {
    display: flex;
    flex-direction: column;
	margin: 1rem 0;
}

#SecureMessageDeleteControl .ConfirmationRow p,
#SecureMessageCreateControl .ConfirmationRow span {
    margin: 0;
	font-weight: 600;
}

#SecureMessageDeleteControl .SecureMessageConfirmValue,
#SecureMessageCreateControl .SecureMessageConfirmValue,
#SecureMessageReplyControl .SecureMessageConfirmValue {
	background: transparent;
	padding: 0;
	width: 80%;
}

#SecureMessageDeleteControl .MessageConfirm,
#SecureMessageCreateControl .MessageConfirm,
#SecureMessageReplyControl .MessageConfirm {
	padding: 0;
	font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
}

#SecureMessageCreateControl select, 
#SecureMessageCreateControl input:not([type="image"]), 
#SecureMessageCreateControl textarea {
    width: 100%;
    max-width: 50%;
}

#SecureMessageCreateControl .ActionButton a,
#SecureMessageDeleteControl .ActionButton a,
#SecureMessageReplyControl .ActionButton a {
	margin-right: 1rem;
}

@media screen and (max-width: 800px) {
	#SecureMessageCreateControl select, 
	#SecureMessageCreateControl input:not([type="image"]), 
	#SecureMessageCreateControl textarea {
    	max-width: 100%;
	}
}

@media screen and (max-width: 450px) {
	.InboxMessage-Toggle.Expanded {
		padding-right: 0;
		margin-bottom: 0.5rem;
        margin-top: 1rem;
	}
	.InboxMessage-Toggle.Collapsed {
		padding-right: 0;
		margin-bottom: 0.5rem;
	}
	#SecureMessageCreateControl .ActionButton a,
	#SecureMessageDeleteControl .ActionButton a,
	#SecureMessageReplyControl .ActionButton a {
		width: 100%;
		margin-top: 1rem;
	}
}

/*------------------------------------
$Change Details
------------------------------------*/

input.NationalInsuranceNumber1,
input.NationalInsuranceNumber2,
input.NationalInsuranceNumber3,
input.NationalInsuranceNumber4,
input.NationalInsuranceNumber5 {
    margin-right: 0.5rem;
    width: 2.2rem;
    text-align: center;
}

input.NationalInsuranceNumber5 {
    width: 1.1rem;
}

.ChangeDetailsBox {
    border: 1px solid #D4D4D4;
    padding: 2rem 2rem 0.5rem 2rem;
	display: flex;
    flex-direction: column;
	border-radius: 20px;
}

.ChangeDetailsPage .ChangeDetailsControl {
	margin-bottom: 1rem;
}

.ChangeDetailsPage .ChangeDetailsControl h2 {
    margin-top: 0;
	font-size: 1rem;
	padding-top: 0;
	margin-bottom: 1rem;
	color: #00095B;
}

h2.ChangeDetailsControlHeading img {
    border-right: 1px solid #cccccc;
    margin-right: 1rem;
    padding-right: 1rem;
	height: 30px;
}

.ChangeDetailsPage .ChangeDetailsControl .QuestionWrapper {
	float: left;
	width: 60%;
}

.ChangeDetailsPage .ChangeDetailsControl .Question,
.ChangeDetailsPage .ChangeDetailsControl .Answer {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.ChangeDetailsPage .ChangeDetailsControl .Question {
	width: 20%;
}

.ChangeDetailsPage .ChangeDetailsControl .Answer {
	font-weight: bold;
}

.ChangeDetailsPage .ChangeDetailsControl .Answer.Confirmation {
	width: 100%;
}

.ChangeDetailsPage .ChangeDetailsControl .ActionButton {
	float: right;
	text-align: right;
	margin: 1rem 0;
}

.ChangeDetailsPage .ChangeDetailsControl .ActionButton a {
	line-height: normal;
}

.ChangeDetailsPage .ChangeDetailsControl.ViewAddressControl .ActionButton,
.ChangeDetailsPage .ChangeDetailsControl.ViewEmailAddressControl .ActionButton,
.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .ActionButton {
	margin-top: 0;
}

.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl h2,
.ChangeDetailsPage .ChangeDetailsControl.ChangeSecurityDetailsControl h2,
.ChangeDetailsPage .ChangeDetailsControl.ViewNominatedAccountControl h2,
.ChangeDetailsPage .ChangeDetailsControl.ViewContactPreferencesControl h2 {
	border-bottom: 1px solid #dbdbdb;
	font-size: 2rem;
	padding-bottom: 1rem;
}
.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .QuestionWrapper,
.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .QuestionWrapper {
	width: 77%;
	margin: 1rem 0;
}
.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .QuestionWrapper {
	margin: 0 0 1rem;
}
.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .Question,
.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .Question {
	width: 29%;
}
.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .Answer.Confirmation,
.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .Answer.Confirmation {
    width: 65%;
}

.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .QuestionWrapper {
    display: flex;
}

.ChangeDetailsPage .ChangeDetailsControl.ViewAddressControl {
	position: relative;
}
.ChangeDetailsPage .ChangeDetailsControl.ViewAddressControl .ActionButton a {
	position: absolute;
	top: 0;
	right: 0;
}
.ChangeDetailsPage .ChangeDetailsControl.ViewAddressControl h2,
.ChangeDetailsPage .ChangeDetailsControl.ViewEmailAddressControl h2,
.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl h2 {
	float: left;
	width: 22%;
	color: #000;
	letter-spacing: 0;
	line-height: inherit;
}

.ChangeDetailsPage .ChangeDetailsControl.ChangeSecurityDetailsControl .QuestionWrapper,
.ChangeDetailsPage .ChangeDetailsControl .QuestionWrapper.AddAccountHolder {
	width: 100%;
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.ChangeDetailsPage .ChangeDetailsControl.ViewEmailAddressControl .Answer {
	word-wrap: break-word;
	padding-right: 10px;
}

.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl {
	position: relative;
}

.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .ActionButton {
	position: absolute;
	top: 0;
	right: 0;
}

.ChangeDetailsPage .ChangeDetailsControl.ChangeSecurityDetailsControl p,
.ChangeDetailsPage .ChangeDetailsControl.ChangeSecurityDetailsControl .ActionButton {
	margin-bottom: 0;
	margin-top: 1rem;
}

.ChangeDetailsPage .ChangeDetailsControl .QuestionWrapper.AddAccountHolder {
	margin-bottom: 0;
}

.ChangeDetailsWrapper.PersonalInfo {
    display: flex;
    flex-direction: row;
}
.ChangeDetailsWrapper.SecurityDetails {
    display: flex;
    flex-direction: column;
}
.ChangeDetailsWrapper.Preferences {
    display: flex;
	flex-direction: row;
	margin-top: 2%;
}
.ChangeDetailsWrapper.PersonalInfo .ChangeDetailsBox.PersonalInfo {
    width: 100%;
	margin-right: 2%;
	justify-content: space-between;
}
.ChangeDetailsWrapper.PersonalInfo .ChangeDetailsBox.PersonalInfo .ChangeDetailsWrapper.SecurityDetails .ChangeDetailsBox {
    width: 23%;
}
.ChangeDetailsWrapper.Preferences .ChangeDetailsBox:first-child {
	width: 100%;
	margin-right: 2%;
}
.ChangeDetailsWrapper.SecurityDetails .ChangeDetailsBox:first-child {
    margin-bottom: 5%;
}

.ViewNominatedAccountControl,
.ViewContactPreferencesControl {
    width: 100%;
}

.ViewNominatedAccountControl {
    min-height: auto !important;
}

.ChangeDetailsControl .NoticeContainer h2 {
	color: #00095B;
	font-size: 1.75rem;
}

.ChangeDetailsControl #ScaNotificationControl,
.TransactionWizardControl #ScaNotificationControl {
	padding: 0;
	width: 100%;
    display: block;
	margin: 2rem 0;
	min-height: auto;
}
.ChangeDetailsControl #ScaNotificationControl .NoticeContainer,
.TransactionWizardControl #ScaNotificationControl .NoticeContainer {
	color: #fff;
	background-color: #00095B;
    padding: 2rem 1rem;
	border-radius: 20px;
}
.ChangeDetailsControl #ScaNotificationControl h2,
.TransactionWizardControl #ScaNotificationControl h2 {
	border: none;
	font-size: 1.188rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	line-height: normal;
}
.ChangeDetailsControl #ScaNotificationControl .NoticeContainer p,
.TransactionWizardControl #ScaNotificationControl .NoticeContainer p {
	font-size: 1rem;
}
.ChangeDetailsControl #ScaNotificationControl .ActionButton,
.TransactionWizardControl #ScaNotificationControl .ActionButton {
	width: auto;
	float: none;
	text-align: center;
	margin: 0;
}
.ChangeDetailsControl #ScaNotificationControl .ActionButton a,
.TransactionWizardControl #ScaNotificationControl .ActionButton a {
	background-color: #fff;
	color: #00095B;
	margin-top: 1rem;
	font-size: 1rem;
	border: none;
	text-align: center;
}
.TransactionWizardControl #ScaNotificationControl {
	margin-top: 0;
}
.ChangeDetailsControl #ScaNotificationControl .ActionButton a {
	padding: 15px 35px;
	border-radius: 30px;
	text-decoration: none;
}

.ChangeDetailsControl .NominatedAccounts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ChangeDetailsControl .NominatedAccounts thead tr {
    display: flex;
    flex-direction: column;
}
.ChangeDetailsControl .NominatedAccounts tbody {
    display: flex;
    flex-direction: row;
}
.ChangeDetailsControl .NominatedAccounts tbody tr {
    margin-left: 2rem;
	display: flex;
    flex-direction: column;
}
.ChangeDetailsControl .NominatedAccounts th {
    background: #fff;
    color: #000;
	padding: 0.5rem;
}
.ChangeDetailsControl .NominatedAccounts td {
	font-weight: bold;
	padding: 0.5rem;
	text-align: right;
}
.ChangeDetailsControl .NominatedAccounts .Status {
	color: green;
}

.ChangeDetailsControl.ViewNominatedAccountControl .ActionButton,
.ChangeDetailsControl.ViewContactPreferencesControl .ActionButton {
	width: auto;
	float: left;
	margin-top: 1rem;
}
.AddAccountHolder .ActionButton {
	margin-top: 1rem;
}

.ViewContactPreferencesControl {
    margin-bottom: 40px;
}

.CurrentName {
    margin-top: 20px;
}

.NominatedAccounts tr {
    background: #fff;
}

.CurrentEmailAddress {
    overflow-wrap: break-word;
}

@media screen and (max-width: 1365px) {
	.ChangeDetailsWrapper.PersonalInfo,
	.ChangeDetailsWrapper.Preferences {
    	flex-direction: column;
	}
	.ChangeDetailsWrapper.SecurityDetails .ChangeDetailsBox:first-child {
    	margin: 2% 0;
	}
	.ChangeDetailsWrapper.Preferences .ChangeDetailsBox:first-child {
		margin-bottom: 2%;
	}
}
@media screen and (max-width: 750px) {
	.ChangeDetailsControl.ViewEmailAddressControl {
    	display: flex;
	}
	.ChangeDetailsControl.ViewEmailAddressControl h2 {
		padding-right: 10px;
	}
}
@media screen and (max-width: 600px) {
	.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl h2, 
	.ChangeDetailsPage .ChangeDetailsControl.ChangeSecurityDetailsControl h2, 
	.ChangeDetailsPage .ChangeDetailsControl.ViewNominatedAccountControl h2, 
	.ChangeDetailsPage .ChangeDetailsControl.ViewContactPreferencesControl h2 {
		font-size: 1.5rem;
	}
	.ChangeDetailsPage .ChangeDetailsControl.ChangeSecurityDetailsControl .QuestionWrapper, 
	.ChangeDetailsPage .ChangeDetailsControl .QuestionWrapper.AddAccountHolder {
		flex-direction: column;
    	align-items: start;
	}
	.ChangeDetailsPage .ChangeDetailsControl .ActionButton,
	.ChangeDetailsPage .ChangeDetailsControl .ActionButton a {
		width: 100%;
		text-align: center;
	}
	.ChangeDetailsPage .ChangeDetailsControl.ViewAddressControl .ActionButton a,
	.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .ActionButton {
		position: relative;
	}
	.ChangeDetailsControl.ViewEmailAddressControl {
        display: block;
    }
	.ChangeDetailsPage .ChangeDetailsControl .QuestionWrapper,
	.ChangeDetailsPage .ChangeDetailsControl.ViewAddressControl h2, 
	.ChangeDetailsPage .ChangeDetailsControl.ViewEmailAddressControl h2,
	.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl h2,
	.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .QuestionWrapper,
	.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .QuestionWrapper,
	.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .Question,
	.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .Question {
		width: 100%;
	}
	.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .Question,
	.ChangeDetailsPage .ChangeDetailsControl.ViewContactDetailsControl .Question {
		padding-bottom: 4px;
		margin-bottom: 8px;
	}
	.ChangeDetailsPage .ChangeDetailsControl.ViewAddressControl .ActionButton,
	.ChangeDetailsPage .ChangeDetailsControl.ViewEmailAddressControl .ActionButton {
		margin-top: 1em;
	}
	.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .ActionButton {
		margin-top: 0;
	}
	.ChangeDetailsPage .ChangeDetailsControl.ViewNameControl .QuestionWrapper {
		flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	.ChangeDetailsControl .ActionButton,
	.PersonaliseMemorableDataControl .ActionButton {
		display: flex;
		flex-direction: column;
	}
	.ChangeDetailsControl .ActionButton .BackButton,
	.PersonaliseMemorableDataControl .ActionButton .BackButton {
		margin: 1rem 0 0 0;
	}
}

/*------------------------------------
$Buttons
------------------------------------*/

.ActionButton,
.ActionButtons,
.WizardButtons {
    margin: 2em 0 1rem;
}

#MoreInfoControl .ActionButton {
    display: inline-block;
}

.ActionButton.Inline {
    float: left;
    margin: 0.25rem 0 0 0.5rem;
}

.ActionButton a,
.ActionButtons a,
.WizardButtons a,
.maintenanceinformationbutton a,
.InLineFormButton,
.ExportToButton,
.FilterButton,
.ShowAllButton,
.ShowDeletedButton,
.ShowActiveButton,
.InlineFormButton,
.PrintButton,
.ActionButtons.Action .Button,
.SecureMessageCreateMenuItem a,
a.WorkWithDescription,
.maturityButtonDiv a,
.RefreshButton,
a.maturitybackButton,
.DownloadForm,
.CurrentFriendlyAccountImage a,
.customerAgreement a,
a.maturityendButton,
#InboxSubMenu a,
a.MessageReplyButton,
a.RequestNewCodeButton,
.productColumn .actionButton a,
a.ProductInformationDocumentButton,
a.ApplicationFormButton,
.pdfBtn a,
a.tsandcslink,
a.dgsdlink,
a.stockshareform,
.TimeoutPromptMessage .CloseButton,
.TimeoutPromptMessage .LogOffButton {
    display: inline-block;
    font: inherit;
    color: #fff;
    background-color: #00095B;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #00095B;
	border-radius: 30px;
    padding: 15px 35px;
    font-family: "FordF1Semibold", Arial, Helvetica, sans-serif;
	letter-spacing: -0.5px;
	text-align: center;
	text-transform: initial;
}

.ActionButton a:hover,
.ActionButton a:focus,
.ActionButtons a:hover,
.ActionButtons a:focus,
.WizardButtons a:hover,
.WizardButtons a:focus,
.maintenanceinformationbutton a:hover,
.maintenanceinformationbutton a:focus,
.InLineFormButton:hover,
.InLineFormButton:focus,
.ExportToButton:hover,
.ExportToButton:focus,
.FilterButton:hover,
.FilterButton:focus,
.ShowAllButton:hover,
.ShowAllButton:focus,
.ShowDeletedButton:hover,
.ShowDeletedButton:focus,
.ShowActiveButton:hover,
.ShowActiveButton:focus,
.InlineFormButton:hover,
.InlineFormButton:focus,
.PrintButton:hover,
.PrintButton:focus,
.DownloadForm:hover,
.DownloadForm:focus,
.ActionButtons.Action .Button:hover,
.ActionButtons.Action .Button:focus,
.SecureMessageCreateMenuItem a:hover,
.SecureMessageCreateMenuItem a:focus,
.maturityButtonDiv a:hover,
.maturityButtonDiv a:focus,
a.maturitybackButton:hover,
a.maturitybackButton:focus
.TimeoutPromptMessage .CloseButton:hover,
.TimeoutPromptMessage .LogOffButton:hover,
a.ApplicationFormButton:hover, 
a.ApplicationFormButton:focus,
#StatementControl_ExportPanel .RefreshButton:hover,
#StatementControl_ExportPanel .RefreshButton:focus {
    text-decoration: none;
	background-color: #00142E;
    color: #fff;
    border: 1px solid #00142E;
}


/* Download Icon Buttons */

.DownloadForm {
    background-color: #00095B;
    color: #fff;
    margin: 1.5rem 0;
}

.ActionButton #Exit {
    margin-top: 0.5rem;
}

.ActionButton .BackButton,
.BackButton,
.Previous,
.CancelButton,
.ActionButtons a.ReturnToAllStatementsButton,
#CancelButton a,
#AmendButton a,
a.MoveBack,
.BackButton,
.TimeoutPromptMessage .LogOffButton,
.ActionButton a.DeleteISAButton,
.ActionButton a.ExitButton,
a.ProductInformationDocumentButton,
.pdfBtn a,
.ActionButton .RemoveTaxResidency {
    float: left;
	background-color: #fff;
    color: #00095B;
    border: 1px solid #00095B;
}
.ActionButton .BackButton:hover,
.BackButton:hover,
.Previous:hover,
.CancelButton:hover,
.ActionButtons a.ReturnToAllStatementsButton:hover,
#CancelButton a:hover,
#AmendButton a:hover,
a.MoveBack:hover,
.TimeoutPromptMessage .LogOffButton:hover,
.ActionButton a.DeleteISAButton:hover,
.ActionButton a.ExitButton:hover,
a.ProductInformationDocumentButton:hover,
.ActionButton .RemoveTaxResidency:hover {
	background-color: #00095B;
    color: #fff;
    border: 1px solid #00095B;
}

.PageButtons {
    text-align: center;
}

.PageButtons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.PageButtons .Previous,
.ExitButton,
.ActionButton .BackButton {
    float: left;
    margin: 0 10px 0 0;
}

.TimeoutPromptMessage .LogOffButton {
	float: none;
	margin-right: 1rem;
}


/* BLOCK - OWN LINE */

.customerAgreement,
.maturityButtonDiv {
    display: block;
    clear: both;
}
/*Secondary buttons*/

.ActionButton.SecondaryBtn a, 
a.maturitybackButton, 
#MaturityOptionsControl_lnkAmendButton{
    background:#fff;
    border:2px solid #00095B;
    color:#00095B;
    font-weight:700;
    padding-top: 8px;
    padding-bottom: 8px;
}
a.maturitybackButton{
    margin: 30px 0 0 30px;
    width: 280px;
    height: 47px;
    z-index: 100;
}

/*END*/

/*------------------------------------
$Account Summary Adverts
------------------------------------*/

.MainAdvert.ISATransferAccountSummaryAdvert {
    border: 1px solid #dbdbdb;
    padding: 3rem 2rem;
	background-color: #F9F9F9;
	border-radius: 0 0 20px 20px;
}

.MainAdvert.ISATransferAccountSummaryAdvert .Content {
    display: flex;
}

.MainAdvert.ISATransferAccountSummaryAdvert .Content .Details {
    width: 48%;
}

.MainAdvert.ISATransferAccountSummaryAdvert .Content .Details:first-child {
    border-right: 2px solid #dbdbdb;
	margin-right: 3%;
	padding-right: 2%;
}

.ISATransferAccountSummaryAdvert .MoreDetails .ActionButton a {
    font-size: 1rem;
}

.ISATransferAccountSummaryAdvert h3 {
	margin: 0;
	color: #00095B;
    font-size: 3rem;
	line-height: 4rem;
	letter-spacing: -3px;
	font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
}

.light-blue {
	color: #066FEF;
}

/*------------------------------------*
$Collapsible Style
*------------------------------------*/

#ContentDiv .ExpandedPanel .Expanded,
#ContentDiv .CollapsedPanel .Collapsed {
    display: none;
}

#ContentDiv .CollapsedPanel .Expanded,
#ContentDiv .ExpandedPanel .Collapsed {
    display: block;
}

.ToggleMobileMenuShow img {
    width: 40px;
}
.ToggleMobileMenuHide img {
    width: 30px;
}
.MobileMenu {
    padding: 0;
    margin: 0;
}
.MainMenu ul {
    padding: 0;
    margin: 0;
    flex-direction: column;
}
.MobileMenu li {
    list-style: none;
}
.MobileMenu li a.ToggleMobileMenu {
    padding-left: 5px;
}
.MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuShow,
.ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
	background: url("../images/icons/HeaderMenuShow-blue.svg") left top / 32px no-repeat;
}
.AccountSummaryPage .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuShow,
.AccountSummaryPage .ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide,
.ActiveISAAccountSummaryPage .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuShow,
.ActiveISAAccountSummaryPage .ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide,
.DeletedAccountSummaryPage .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuShow,
.DeletedAccountSummaryPage .ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide {
	background: url("../images/icons/HeaderMenuShow-white.svg") left top / 32px no-repeat;
}
.ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide {
	background: url("../images/icons/HeaderMenuHide-blue.svg") left top / 25px no-repeat;
}
.AccountSummaryPage .ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide,
.ActiveISAAccountSummaryPage .ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide,
.DeletedAccountSummaryPage .ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide {
	background: url("../images/icons/HeaderMenuHide-white.svg") left top / 25px no-repeat;
}
.MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuHide,
.ExpandedPanel .MobileMenu li a.ToggleMobileMenu.ToggleMobileMenuShow  {
    display: none;
}
.MobileMenu li a:hover,
.MobileMenu li a:focus,
.ExpandedPanel .MobileMenu li a.HideMenuButton {
    text-decoration: none;
}
.CollapsedPanel .MainMenu,
.CollapsedPanel .HideMenuButton,
.ExpandedPanel .ShowMenuButton,
.AccountSubMenu {
    display: none;
}
.ExpandedPanel .MainMenu {
    display: block;
    left: 0;
    padding: 2rem 0;
    margin: 0;
    position: absolute;
    top: 30px;
	background: #00095B;
    z-index: 10;
}
.ExpandedPanel .MainMenu li {
    float: none;
    margin: 0 1rem;
}
.ExpandedPanel .MainMenu li a {
    display: block;
    color: #FFFFFF;
    padding: 0.5rem 0;
}
.ExpandedPanel .MainMenu li.LogOffMenuItem a {
    border-bottom: none;
}
.MainMenu li {
	border-bottom: 3px solid transparent;
}

/*------------------------------------*
$Errors and Messages
*------------------------------------*/

.Alert.Error,
.Errors,
.Error {
	padding: 10px 20px;
    border-color: darkred;
    border-width: 2px;
    border-style: solid;
    color: darkred;
	margin: 1.5rem 0;
	background-color: #fff;
}

.Alert.Error h3,
.Error h3,
.Errors h3 {
    padding: 1rem 0;
    margin: 0;
    color: darkred;
}

#InterestStatementError.Error,
.PendingTransactionsWarningLabel,
.Information,
.Warning {
    padding: 20px;
    margin: 20px 0;
}

.Information {
    padding-left: 4.5rem;
	border-radius: 10px;
    background: #CDE2FC url(../images/icons/notification.svg) no-repeat left 1rem center / 35px;
}

.PendingTransactionsWarningLabel {
    display: block;
    clear: both;
    padding: 1rem 1rem 2rem 4.5rem;
    margin-bottom: 0;
	background: url(../images/icons/notification.svg) no-repeat left 1rem center / 35px;
}

.Information h3,
.Warning h3 {
    padding: 5px 0 0 0;
    margin: 0;
    color: #00095B;
}

.Warning p {
    margin: 0;
    padding: 0;
}

.Reference {
    font-weight: 300;
}

.MsgContainer {
    text-align: center;
    padding: 20px;
    background: #BA4E00;
    margin: 2rem 0 1rem;
    display: flex;
	border-radius: 20px;
	color: #fff;
}

.MsgContainer h2 {
	color: #fff;
}

.MsgContainer p{
    padding-left: 1rem;
}

.securitymsg_left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.securitymsg_right{text-align: left;}
.securitymsg_right ul {margin-top:0}

.MsgContainer h2 {
    margin: 1.5rem 1rem;
}

#ErrorControl .PageHeading {
    padding: 0;
}

/*------------------------------------
$Maturity Options
------------------------------------*/

#MaturityOptionsControl_MaturityOptionsDiv{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-template-areas: "Header""Error""Content""Content2""Content3""Content4""Content5""Content6";
}

.maturitywording{
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  grid-area: Header;
}
#MaturityOptionsControl_ErrorDiv {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: Error;
}
.AccountInfo, .maturitywarningwording{
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  grid-area: Content;
}
.maturitywarningwording{
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  grid-area: Content2;
}
.MaturityOption.DepositGuaranteeAgreement{
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  grid-area: Content3;
}
.UnpaidInterestDestination{
  -ms-grid-column: 1;
  -ms-grid-row: 5;
  grid-area: Content4;
}
.maturityprompt{
  -ms-grid-column: 1;
  -ms-grid-row: 6;
  grid-area: Content5;
}
.maturityButtonDiv, .maturitybackButton{
  -ms-grid-column: 1;
  -ms-grid-row: 7;
  grid-area: Content6;
}
.maturitywarningwording{
display:block;
    width:100%;
    clear:both;
}
.maturityinformationtype {
    clear: both;
    border-top: 1px solid #ccc;
}

.MaturityRateInformation {
    display: none;
}

.MaturityOption {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.MatStrong{
    font-weight:700;
}

.MaturityOptionsPage #MaturityOptionsControl h2.MaturityWordingHeading {
    margin: 1em 0;
}

.MaturityOption textarea {
    width: 100%;
    height: 200px;
}

.MaturityOption.UKTaxResidency {
    padding-bottom: 0.5rem;
}

.mat_question {
    float: left;
    width: 25%;
    margin: 0.25em 0;
    padding: 0.25em 0;
    clear: both;
}

.mat_answer {
    float: left;
    margin: 0.5em 0;
    width: 25%;
}

.mat_link {
    margin: 0.5em 0;
}

.TermsBox {
    background-color: #FFF;
    border: #7AA428 solid 1px;
    border-radius: 3px;
    height: 180px;
    margin: 10px 0;
    overflow: auto;
    padding: 5px;
    width: 100%;
    line-height: 17px;
}

.maturityButtonDiv .maturityconfirmButton {
    float: right;
}

.MaturityOption.Confirmation .Question {
    clear: both;
}

.AccountInfo .ActionButton {
    margin: 0;
    padding: 0;
}

.AccountInfo .ActionButton a {
    background: none;
    text-decoration: underline;
    color: #000;
    padding: 0;
}

.AccountInfo .Button:hover {
    color: #666;
    text-decoration: underline;
    background-color: transparent;
}

.MaturityOptionsPage #ContentDiv .AccountMaintainScreen {
    background: none;
    padding: 0;
}

.AccountInfo .ActionButton a {
    font-size: 14px;
}

.AccountInfo,
.MiniStatementTable {
    border: 3px solid #00095B;
}

.AccountInfo th {
    background: #00095B;
    color: #fff;
    padding: 30px;
}

.AccountInfo td {
    padding: 30px;
}

.Maturity_AER {
    display: block;
    clear: both;
    padding-top: 20px;
}

table.AccountInfo .Answer {
    margin-top: 10px;
    margin-bottom: 0;
}

.Cell1,
.Heading1,
.Cell3,
.Heading3,
.Cell4,
.Heading4 {
    min-width: 15%;
}

.Cell2,
.Heading2 {
    min-width: 30%;
}

.Cell5,
.Heading5 {
    min-width: 25%;
}

.MaturityRateMobile {
    display: none;
}

.maturityButtonDiv {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "Button1 Button2 Button3";
    grid-column-gap:1rem;
    width: 100%;
    background: #f3f3f3;
    border:1px solid #00095B;
    padding: 30px 30px 23px 0;

}
#MaturityOptionsControl_lnkAmendButton{
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-area: Button2;
}
#MaturityOptionsControl_lnkConfirmButton, #MaturityOptionsControl_lnkSubmitButton{
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: Button3;
}
.maturitybackButton {
    float: left;
    margin-top: 0;
    margin-bottom: 20px;
}

#MaturityOptionsControl .ISA-Important{
    display:table;    
    color:#00095B;
    padding:10px 40px 10px 0;
}
#MaturityOptionsControl .HelpIcon{
    display:table;
    background:url("../images/icons/menuIcon_help.png") no-repeat left center; 
    padding-left:40px;
}
#MaturityOptionsControl .CollapsedPanel .ISA-Important{
    background:url("../images/icons/downArrow_blue.png") no-repeat right 10px center/ 25px 25px;
}

#MaturityOptionsControl .ExpandedPanel .ISA-Important{
    background:url("../images/icons/upArrow_blue.png") no-repeat right 5px center/ 25px 25px;
}

#MaturityOptionsControl .ISA-Important:link{
    text-decoration:none;
}

/*------------------------------------
$Account Status Control
------------------------------------*/
#AccountMaintenanceControlWrapper {
    display: block;
    padding: 1rem 2rem;
    border: 1px solid #d4d4d4;
    color: #00095B;
    background-color: #fff;
    margin: 3rem 0;
    max-width: 1350px;
	border-radius: 20px;
}

#AccountMaintenanceControlWrapper h2 {
	margin: 1.5rem 0 1rem;
	font-size: 2rem;
    font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
    padding-bottom: 1rem;
    line-height: 2.68rem;
	color: #066FEF;
	font-weight: bold;
	border-bottom: 1px solid #D4D4D4;
}

#LeftSideDiv .SavingsAccountStatus .QuestionWrapper,
.AccountMaintainScreen .maintenanceinformationtype {
    display: flex;
    flex-direction: row;
    align-items: center;
	color: #00095B;
	margin: 1rem 0;
}

.AccountMaintenancePage .AccountMaintainScreen .maintenanceinformationtype {
	flex-direction: column;
	margin: 0;
}
.AccountMaintenancePage .AccountMaintainScreen .maintenanceinformationtype .maintenancelabel {
    width: 100%;
    padding-right: 0;
}
.AccountMaintenancePage .AccountMaintainScreen .maintenanceinformationbutton {
    margin-bottom: 2rem;
    padding-top: 0.5rem;
}

.maintenanceinformationbutton a,
.ChangeDetailsPage .ChangeDetailsControl .ActionButton a {
    color: #00095B;
    background-color: transparent;
    cursor: pointer;
    text-decoration: underline;
    border: none;
    border-radius: 0;
    padding: 0;
    letter-spacing: 0;
    text-align: left;
}
.maintenanceinformationbutton a:hover,
.maintenanceinformationbutton a:focus,
.ChangeDetailsPage .ChangeDetailsControl .ActionButton a:hover,
.ChangeDetailsPage .ChangeDetailsControl .ActionButton a:focus {
	background: transparent;
	color: #00095B;
	border: none;
	text-decoration: underline;
    text-decoration-thickness: max(3px, .1875rem, .12em);
}

#LeftSideDiv .SavingsAccountStatus .QuestionWrapper.UserDetails,
#LeftSideDiv .SavingsAccountStatus .QuestionWrapper.FriendlyName,
#LeftSideDiv .SavingsAccountStatus .QuestionWrapper.ViewAccountDetails,
#LeftSideDiv .SavingsAccountStatus .QuestionWrapper.AccountStatus {
	display: none;
}

#LeftSideDiv .SavingsAccountStatus .QuestionWrapper .Question,
.AccountMaintainScreen .maintenanceinformationtype .maintenancelabel {
	width: 40%;
	padding-right: 2%;
}

.AccountMaintainScreen .maintenanceinformationtype {
	margin: 0 0 1rem 0;
}

.AccountSummaryPage #LeftSideDiv,
.ActiveISAAccountSummaryPage #LeftSideDiv,
.DeletedAccountSummaryPage #LeftSideDiv {
	display: block;
	border-bottom: 2px solid #DEDEDF;
}

.AccountSummaryPage #ContentDiv,
.ActiveISAAccountSummaryPage #ContentDiv,
.DeletedAccountSummaryPage #ContentDiv {
	position: relative;
	margin-top: 2rem;
}

.AccountSummaryPage #HeaderDiv,
.ActiveISAAccountSummaryPage #HeaderDiv,
.DeletedAccountSummaryPage #HeaderDiv {
	background: url("../images/banners/account-summary.png") no-repeat top center;
	background-size: cover;
	min-height: 1000px;
}

.BackToAccountSummary {
    float: right;
    margin-top: 0;
}

.SavingsAccountStatus .UserDetails,
.SavingsAccountStatus .ProductName .Question,
.SavingsAccountStatus .ProductName .ActionButton,
.SavingsAccountStatus .ViewAccountDetails,
.SavingsAccountStatus .FriendlyName {
    display: none;
}

.SavingsAccountStatus .ProductName .Answer {
    font-weight: 600;
    color: #00095B;
}

.SavingsAccountStatus .Answer,
.AccountMaintainScreen .maintenancelabel {
    display: block;
    float: none;
    clear: both;
}

.SavingsAccountStatus .Question,
.AccountMaintainScreen .maintenancelabel {
    font-size: 1rem;
    margin: 0;
    padding: 0;
}

.SavingsAccountStatus .Answer,
.AccountMaintainScreen .maintenancevalue {
	font-size: 1.2rem;
    margin: 0;
    padding: 0;
    width: 100%;
	font-weight: 600;
}

.InterestPanel label {
    padding: 0.4rem 0;
    display: inline-block;
}

.AccountMaintenance.AccountMainteance_StatementHeader {
    margin-bottom:2rem;
}

.AccountMaintenance.AccountMainteance_StatementHeader  dl {
    display: grid;
    grid-auto-flow: column;
    margin-top: 0;
}
.AccountMaintenance.AccountMainteance_StatementHeader  dl > div {
    display: flex;
    flex-direction: column;
}

.AccountMaintenance.AccountMainteance_StatementHeader dt {
    min-height: auto;
    margin: 0;
    padding: 0.5em 0;
}

.AccountMaintenance.AccountMainteance_StatementHeader dd span {
    min-height: auto;
    margin: 0;
    padding: 0;
    font-weight: bold;
    display: block;
    font-size: 1.2rem;
}

.AccountMaintenance.AccountMainteance_Main .MaintenanceItem {
    display: grid;
    grid-template-columns: 30% 1fr;
}

.AccountMaintenance.AccountMainteance_Main dt {
    margin: 1rem 0;
}

.AccountMaintenance.AccountMainteance_Main dd {
    margin: 1rem 0;
    padding: 0;
    font-weight: 600;
}

.AccountMaintenance.AccountMainteance_Main dd a {
    display: block;
    margin-top: 1rem;
}

.AccountMaintenance.AccountMainteance_Main .MaintenanceItem{
    grid-template-columns: 30% 1fr;
}

.StatementHeaderSubHeading{
    margin-top: 0.5rem;
    display: block;
    font-size: 1rem;
}

@media screen and (max-width:800px){

    .AccountMaintenance.AccountMainteance_Main .MaintenanceItem{
        grid-template-columns: 1fr;
    }

    .AccountMaintenance.AccountMainteance_StatementHeader dl {
        grid-auto-flow: row;
    }
    .AccountMaintenance.AccountMainteance_StatementHeader dl > div{
        margin-top:1rem;
    }

    .AccountMaintenance.AccountMainteance_Main dt{
        margin:0;
    }
    .AccountMaintenance.AccountMainteance_Main dd{
        margin-top:0.5rem;
        margin-bottom:2rem;
    }
}

/*------------------------------------
$Navigation
------------------------------------*/

#StatementMenu {
    margin: 1.5rem 0;
    padding: 0px;
	border-bottom: 1px solid #DEDEDF;
}

#StatementMenu ul {
    padding: 0;
    margin: 0;
    list-style: none !important;
    display: flex;
}

#StatementMenu li {
    display: inline-block;
    margin: 0px;
    float: left;
}

#StatementMenu li a {
    display: inline-block;
    text-align: center;
    padding: 15px 20px;
    margin-right: 1px;
	text-decoration: none;
}

#StatementMenu li:hover,
#StatementMenu li:focus,
#StatementMenu li.ActivePage {
    border-bottom: 4px solid;
}

.CustomDates {
    margin-top: 20px;
}

/*------------------------------------
$Personalisation
------------------------------------*/
.PersonaliseAccountsAccountWrapper {
	display: none;
}
.PersonaliseAccountsAccountWrapper.SelectedAccount {
    padding: 20px 0;
    margin-bottom: 20px;
	display: block;
}

.PersonaliseAccountsAccountWrapper .QuestionWrapper {
    display: flex;
    flex-direction: row;
}

.PersonaliseAccountsAccountWrapper .Question {
    width: 20%;
}

.PersonaliseAccountsAccountWrapper .Answer {
    margin-bottom: 2rem;
	font-weight: 600;
}

.PersonaliseAccountControl .CollapsedPanel .Expanded,
.PersonaliseAccountControl .ExpandedPanel .Collapsed {
    margin: 0;
}
#ContentDiv .PersonaliseAccountControl .CollapsedPanel .Expanded,
#ContentDiv .PersonaliseAccountControl .ExpandedPanel .Collapsed {
    display: inline-block;
    margin: 0;
}

.AccountImageSelector {
    margin-top: 20px;
}

.AccountImageSelection .Question {
    margin-bottom: 20px;
}

.AccountImageSelection .Answer {
    margin-bottom: 10px;
	width: auto;
    display: inline-block;
}

.ImagesRadioButtonList img {
    width: 50px;
    height: 50px;
    margin: 0 10px 10px 0;
}

.ImagesRadioButtonList input[type="radio"]:not(old)+label {
    background-image: none;
    padding-left: 0;
}

.AccountImageSelector [type="radio"] {
    display: none;
}

.AccountImageSelector label img {
    border: transparent solid 3px;
    pointer-events: none;
}

.AccountImageSelector [type="radio"]:checked+label img {
    border-color: #066FEF;
    opacity: 1;
}

.AccountImageSelector label {
    display: inline-block !important;
}

.PersonaliseAccountControl .PersonaliseAccountsAccountWrapper:nth-child(2n+2) {
    background: #f1f1f1;
}

.CurrentFriendlyAccountImage.baby a,
.CurrentFriendlyAccountImage.car a,
.CurrentFriendlyAccountImage.education a,
.CurrentFriendlyAccountImage.gift a,
.CurrentFriendlyAccountImage.holiday a,
.CurrentFriendlyAccountImage.home a,
.CurrentFriendlyAccountImage.rainy-day a,
.CurrentFriendlyAccountImage.wedding a {
    padding-left: 42px;
    background-repeat: no-repeat;
}

/*------------------------------------
$Account Summary
------------------------------------*/

.CategorisedAccountSummaryControl tr .OptionsData {
    background-repeat: no-repeat;
    background-position: top right;
}

.AccountBox {
    background-position: top right;
    background-repeat: no-repeat;
}

.AccountImageSelection .ChangeImage-Toggle,
.AccountImageSelection .HideImage-Toggle {
    margin: 0.25rem;
}

.Details {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: left top;
}

.Uni .Details {
    background-image: url('../images/icons/Personalisation/University.svg');
    padding-left: 80px;
}

.Christmas .Details {
    background-image: url('../images/icons/Personalisation/Christmas.svg');
    padding-left: 80px;
}

.Mortgage .Details {
    background-image: url('../images/icons/Personalisation/Mortgage.svg');
    padding-left: 80px;
}

.Summer .Details {
    background-image: url('../images/icons/Personalisation/SummerHoliday.svg');
    padding-left: 80px;
}

.Car .Details {
    background-image: url('../images/icons/Personalisation/NewCar.svg');
    padding-left: 80px;
}

.Kids .Details {
    background-image: url('../images/icons/Personalisation/Baby.svg');
    padding-left: 80px;
}

.Wedding .Details {
    background-image: url('../images/icons/Personalisation/Wedding.svg');
    padding-left: 80px;
}

.Birthday .Details {
    background-image: url('../images/icons/Personalisation/Birthday.svg');
    padding-left: 80px;
}

.Winter .Details {
    background-image: url('../images/icons/Personalisation/WinterHoliday.svg');
    padding-left: 80px;
}

.CityBreak .Details {
    background-image: url('../images/icons/Personalisation/CityBreak.svg');
    padding-left: 80px;
}

.General .Details {
    background-image: url('../images/icons/Personalisation/Savings.svg');
    padding-left: 80px;
}

.Family .Details {
    background-image: url('../images/icons/Personalisation/Family.svg');
    padding-left: 80px;
}

@media screen and (max-width:850px) {
	.Uni .Details, .Christmas .Details, .Mortgage .Details, .Summer .Details, .Car .Details, .Kids .Details, .Wedding .Details, .Birthday .Details, .Winter .Details, .CityBreak .Details, .General .Details, .Family .Details {
    	background-size: 35px 35px;
		padding-left: 60px;
	}
}

/*------------------------------------
$SCA
------------------------------------*/
.NoticeContainer,
.NoticeContainer h2 {
    color: #FFF;
}
.NoticeContainer h2,
.WelcomeMessagePrefix h2 {
	display: block;
    font-size: 7.5rem;
    font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 7.75rem;
    letter-spacing: -7px;
    margin: 0;
    padding: 0;
	color: #fff;
}
.NoticeContainer p,
.WelcomeMessagePrefix p {
	font-size: 1.5rem;
}
.NoticeContainer .ActionButton a {
	font-size: 1.125rem;
    background-color: #066FEF;
    border: 1px solid #066FEF;
}
.WelcomeMessageBody,
.LastLogonDate, 
.LastLogonDateValue,
.LastLogonTime,
.LastLogonTimeValue,
.EmailAddress {
	display: none;
}
.EmailAddress .UpdateEmailAddress {
    display: none;
}
.AccountSummaryPage .NoticeContainer,
.ActiveISAAccountSummaryPage .NoticeContainer,
.DeletedAccountSummaryPage .NoticeContainer {
	width: 100%;
}

@media screen and (max-width:850px) {
	.VerifyNominatedBankAccountPage #HeaderDiv {
		min-height: 270px;
	}
}
@media screen and (max-width:980px) {
	.NoticeContainer h2, .WelcomeMessagePrefix h2 {
    	font-size: 3rem;
    	line-height: 3rem;
    	letter-spacing: -3px;
	}
	.NoticeContainer .ActionButton a {
    	font-size: 1rem;
	}
}
/*------------------------------------
$Mortgage Account Summary
------------------------------------*/

.MaturityOptionsPage .AccountStatusControl{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background-position: right 10px top 20px;
    border: 1px solid #00095B;
    border-left: 10px solid #00095B;
    border-bottom:none;
    padding: 26px 26px 0;  
}
.MaturityOptionsPage .maintenanceinformationtype{
    width: 100%;    
    overflow: hidden;
    border: 1px solid #00095B;
    border-left: 10px solid #00095B;
    border-top:none;
    padding: 0 26px 26px;
}

#MortgagesAccountSummary .THeading1,
#MortgagesAccountSummary .Column2,
#MortgagesAccountSummary .TFooter1 {
    display: none;
}

.MonthlyStatementPage .ClosingBalanceAmount,
#MortgagesAccountSummary .THeading4,
#MortgagesAccountSummary .Column6,
#MortgagesAccountSummary .TFooter4,
.MiniStatementTable .Column5,
.MiniStatementTable .Column6,
.MiniStatementTable .Column7,
.OpeningBalanceAmount,
.ProcessedBalanceAmount,
.ClearedBalanceAmount {
    text-align: right;
}

#MortgagesAccountSummary .THeading5,
#MortgagesAccountSummary .Column7 {
    text-align: center;
}

#MortgagesAccountSummary .THeading2 {
    width: 34%;
}

#MortgagesAccountSummary .THeading3 {
    width: 22%;
}

#MortgagesAccountSummary .THeading4 {
    width: 22%;
}

#MortgagesAccountSummary .THeading5 {
    width: 22%;
}

#ClientAccountSummary .StatusLabel {
    display: none;
}

.TFooter1,
.TFooter2,
.TFooter3,
.TFooter4,
.TFooter5,
.TFooter6,
.TFooter7,
.TFooter8,
.TFooter9,
.AccountStatusFooter,
.StartingBalanceDescription,
.StartingBalanceValue,
.ProcessedBalanceDescription,
.ProcessedBalanceAmount,
.OpeningBalanceDescription,
.OpeningBalanceAmount,
.StartingBalanceRow .TransactionAmountColumn,
.ProcessedBalanceRow .TransactionAmountColumn,
.ClearedBalanceRow .TransactionAmountColumn,
.OpeningBalanceRow .TransactionAmountColumn {
    font-weight: 300;
    background: #fff;
}

.ClearedBalanceDescription,
.ClearedBalanceAmount {
    font-weight: 300;
}

.ClearedBalanceRow {
    background: #c7c8ca !important;
}

.TransactionAmountHeader,
.TransactionAmountColumn {
    display: none;
}

.MortgageStatementTable tr {
    border: #ccc solid;
    border-width: 1px 0;
}

.MortgageStatementTable th {
    width: 34%;
    padding: 0.5em 0;
    font-weight: 200;
    background: #fff;
    color: #000;
}

.MortgageStatementTable td {
    padding: 0.5rem;
    background: #fff;
    color: #000;
}
.MaturityOptionsPage .AccountStatusControl .QuestionWrapper {
    float: left;
    clear: left;
}
#Maturity_TitleLabel{display:inline-block; float:right;}

/*------------------------------------
$Account Box
------------------------------------*/

.AccountBoxes {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	gap: 1.6rem;
}

.AccountBox {
    width: 32%;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    background-position: right 10px top 20px;
    border: 1px solid #D4D4D4;
    padding: 2rem;
    display: flex;
	flex-direction: column;
	border-radius: 20px;
}

.AccountBox .Header {
    flex-grow: 1;
}

.AccountBox h3 {
    font-weight: bold;
    margin: 0 0 1.5rem 0;
	border-bottom: 1px solid #D4D4D4;
	font-size: 2rem;
    font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
	padding-bottom: 1rem;
	line-height: 2.68rem;
	text-transform: capitalize;
}

.AccountBox .FriendlyName {
    font-weight: 300;
	color: #0F0F0F;
    font-family: "FordF1regular", Arial, Helvetica, sans-serif;
    width: 100%;
	font-size: 1.5rem;
}

.AccountBox .Details h2 {
    font-size: 2.5rem;
    margin: 0 0 1rem 0;
    font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
    overflow-wrap: break-word;
    font-weight: 600;
	line-height: 3.35rem;
}

.AccountBox p {
    margin: 0;
}

.AccountBox .AccountNumber strong,
.AccountBox .InterestRate strong,
.AccountBox .MaturityDate strong {
	font-weight: bold;
}

.AccountBox .Details span {
    font-size: 16px;
    display: inline-block;
    margin: 0 25px 5px 0;
}

.SummaryTotals {
    text-align: center;
}

.SummaryTotals p {
    margin: 0;
	font-size: 2rem;
	color: #00095B;
}

.SummaryTotals h2 {
	font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
    margin: 0 0 3rem 0;
	font-size: 2.875rem;
    font-weight: 600;
	color: #066FEF;
	line-height: 3.853rem;
}

.ISACategoryOnly .SummaryTotals,
.DeletedAccountsOnly .SummaryTotals {
    font-size: 2rem;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.DeletedAccountsOnly .SummaryTotals {
	margin-top: 0;
}

.SummaryTotals .total-balance {
    color: #066FEF;
    font-weight: bold;
}

.DetailsSummary {
    border-top: 1px solid #D4D4D4;
    padding: 1rem 0;
	display: flex;
    flex-direction: column;
}

.DetailsSummary span {
    margin: 0.5rem 0;
	display: flex;
    justify-content: space-between;
}

.OptionsData {
    width: 180px;
    padding: 0.2rem 32px 0.2rem 0.2rem;
}

.CollapsibleOptionsPanel.CollapsedOptions .OptionsList,
.CollapsibleOptionsPanel.CollapsedOptions .HideOptions,
.CollapsibleOptionsPanel.ExpandedOptions .ShowOptions {
    display: none;
}

.AccountSummaryOptions .ShowOptions,
.AccountSummaryOptions .HideOptions {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
    border: 2px solid #00095B;
    min-width: 200px;
    text-align: center;
	background-color: #00095B;
	border-radius: 30px;
}

.AccountSummaryOptions a.ShowOptions,
.AccountSummaryOptions a.HideOptions {
	color: #fff;
    font-size: 1rem;
    font-weight: bold;
}

.AccountSummaryOptions .OptionsList {
    overflow: hidden;
}

.AccountSummaryOptions .OptionsList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    min-width: 200px;
    font-size: 16px;
    margin-top: 0;
	z-index: 100;
}

.AccountSummaryOptions .OptionsList ul:nth-child(1) {
    border-radius: 10px;
    border: 1px solid #D4D4D4;
    background: #fff;
    margin-top: 0.5rem;
}

.AccountSummaryOptions .OptionsList li,
.AccountSummaryOptions .OptionsList li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.AccountSummaryOptions .OptionsList li a {
    display: block;
    color: #000;
    border-top: 0;
    padding: 0.7rem 0;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 1px solid #D4D4D4;
    margin: 0 1rem;
}

.AccountSummaryOptions .OptionsList li:last-child a { 
     border-bottom: 0;
}

.AccountBoxContainer h3 {
    color: #066FEF;
}

/*------------------------------------
$Statement
------------------------------------*/

#StatementControl,
#InterestStatementChoice,
#ContentDiv .AccountMaintainScreen,
.TransactionWizardControl,
.MonthlyStatementChoice {
    padding: 2rem 0;
}

.DateTo {
    clear: both;
}

.StatementDocument,
.CutomStatementPanel,
#StatementControl_ExportPanel {
    border: #ccc solid 1px;
    padding: 25px;
	margin-top: 1rem;
	border-radius: 20px;
}

.CutomStatementPanel,
#StatementControl_ExportPanel {
	background: #f9f9f9;
	margin: 2rem 0;
}

.CutomStatementPanel h3,
#StatementControl_ExportPanel h3 {
	margin-top: 1rem;
}

.StatementDocument dt {
	width: 20%;
}
.StatementDocument dd {
	font-family: "FordF1Bold", Arial, Helvetica, sans-serif;
}

.StatementDocument .CompanyDetails {
    text-align: right;
}

.StatementDocument .CompanyDetails img {
    width: 170px;
    float: left;
}

#PendingTransactionsControl {
    border: #ccc solid 1px;
    padding: 0 1.5rem 1.5rem;
    margin-top: 1rem;
    border-radius: 20px;
}

.PendingTransactionsSelectionDescription {
    float: left;
}

#PendingTransactionsControl .ActionButton {
    float: right;
    bottom: 0;
}

#PendingTransactionsControl .ActionButton:after {
    content: ".";
    visibility: hidden;
    clear: both;
}

#StatementControl_PrintButtonPanel {
    text-align: right;
}

.StatementKey_Boxed {
    background: #f3f3f3;
    padding: 30px 20px 20px 20px;
}

.StatementSelectionDescription {
    margin-right: 10px;
}

.CustomStatementHeader h3,
.ExportStatementHeader h3 {
    color: #00095B;
}

#StatementControl_ExportPanel .FromDateDescription {
	width: 100%;
}

#StatementControl_ExportPanel .RefreshButton {
	margin-top: 1rem;
}

#StatementControl_PrintButtonPanel .PrintButton {
	margin-top: 1rem;
}

/* Statement Table */

#StatementControl th,
#StatementControl td {
	padding: 5px 10px;
}

/*Date*/
#StatementControl .THeading2,
.MonthlyStatementPage .THeading2,
.MonthlyStatementPage .Column2,
#StatementControl .Column2 {
    min-width: 10%;
}

/*Status*/
#StatementControl .THeading3,
.MonthlyStatementPage .THeading3,
.MonthlyStatementPage .Column3,
#StatementControl .Column3 {
    min-width: 10%;
}

/*Description*/
#StatementControl .THeading4,
.MonthlyStatementPage .THeading4,
.MonthlyStatementPage .Column4,
#StatementControl .Column4 {
    min-width: 42%;
}

/*Money In*/
#StatementControl .THeading5,
.MonthlyStatementPage .THeading5,
.MonthlyStatementPage .Column5,
#StatementControl .Column5 {
    min-width: 12%;
    text-align: left;
}

/*Out*/
#StatementControl .THeading6,
.MonthlyStatementPage .THeading6,
.MonthlyStatementPage .Column6,
#StatementControl .Column6 {
    min-width: 13%;
    text-align: left;
}

/*Balance*/
#StatementControl .THeading7,
.MonthlyStatementPage .THeading7,
.MonthlyStatementPage .Column7,
#StatementControl .Column7 {
    min-width: 13%;
    text-align: right;
}


/* Pending Transaction Table */

/*Date*/
#PendingTransactionsControl .THeading2,
#PendingTransactionsControl .Column2 {
    min-width: 13%;
}

/*Status*/
#PendingTransactionsControl .THeading3,
#PendingTransactionsControl .Column3 {
    min-width: 12%;
}

/*Description*/
#PendingTransactionsControl .THeading4,
#PendingTransactionsControl .Column4 {
    min-width: 30%;
}

/*Money In*/
#PendingTransactionsControl .THeading5,
#PendingTransactionsControl .Column5 {
    min-width: 12%;
    text-align: left;
}

/*Out*/
#PendingTransactionsControl .THeading6,
#PendingTransactionsControl .Column6 {
    min-width: 13%;
    text-align: left;
}

/*Balance*/
#PendingTransactionsControl .THeading7,
#PendingTransactionsControl .Column7 {
    min-width: 10%;
    text-align: right;
}

/*View*/
#PendingTransactionsControl .THeading8,
#PendingTransactionsControl .Column8 {
    min-width: 10%;
    text-align: center;
}

#InterestStatement th,
#InterestStatement td {
    min-width: 50%;
}

#InterestStatementChoice br {
    display: none;
}

.InterestStatementLogo img {
	width: 200px;
}

@media screen and (max-width:450px) {
	.maintenanceinformationbutton a.maintenanceNextButton {
		width: 100%;
		text-align: center;
	}
	.StatementDocument .CompanyDetails {
    	text-align: left;
	}
	.StatementDocument .CompanyDetails img {
    	float: none;
	}
}

/*------------------------------------
$Monthly Statement
------------------------------------*/

.MonthlyStatementForAllAccounts ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.MonthlyStatementForAllAccounts ul li {
    margin: 0;
    padding: 0;
}

.MonthlyStatementChoice ul {
    margin-left: 0;
    padding: 0;
    list-style: none;
}

.MonthlyStatementChoice ul li {
    margin: 0;
    padding: 1rem;
    border-bottom: 1px solid #ccc;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.MonthlyStatementChoice .StatementsFilter {
    padding: 0 20px;
    background-color: #f9f9f9;
    border-radius: 20px;
    display: inline-block;
    width: 100%;
}

.LatestMonthlyStatement .ActionButton,
.MonthlyStatement .ActionButton {
	margin: 0;
}

.MonthlyStatementChoice h2 {
	margin: 2rem 0;
}

.MonthlyStatementChoice h2 a {
	text-decoration: none;
}

.MonthlyStatementsLoading {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.MonthlyStatementLoadingSpinner {
    width: 100px;
    float: none;
    margin: 0 auto;
}

.MonthlyStatementResults {
    position: relative;
}

.MonthlyStatementChoice.Loading #MonthlyStatementPeriods {
    opacity: 0.3;
}

#MonthlyStatementMenu ul {
    margin: 1em 0 0 0;
    padding: 0;
    text-align: right;
}

#MonthlyStatementMenu ul li {
    list-style: none;
}

.MonthlyStatementPage .ActionButtons a {
    float: none;
    clear: none;
}

.MonthlyStatementPage .ActionButtons a.PrintButton,
.MonthlyStatementPage .ActionButtons a.ExportToButton {
    float: right;
    margin-left: 1rem;
}

#SearchTools h2 a:hover,
#SearchTools h2 a:focus {
    text-decoration: none;
}

.StatementKey .Information {
	padding: 20px 20px 20px 70px;
    background: #CDE2FC url(../images/icons/notification.svg) no-repeat left 1rem center / 35px;
}

@media screen and (max-width:650px) {
	.MonthlyStatement .ActionButtons {
		display: flex;
		flex-direction: column;
	}
	.MonthlyStatementPage .ActionButtons a.PrintButton, 
	.MonthlyStatementPage .ActionButtons a.ExportToButton {
		margin-left: 0;
		margin-bottom: 1rem;
	}
	.BackToAccountSummary {
    	float: none;
	}
	.BackToAccountSummary a {
		width: 100%;
		text-align: center;
	}
	.MonthlyStatementChoice ul li {
    	flex-direction: column;
	}
}

/*------------------------------------
$Savings Goal Wizard
------------------------------------*/

.SavingsGoalWizardControl .SavingsGoalCategory {
    display: none;
}

.SavingsGoalWizardControl ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Initialbalance {
    margin: 20px 0 10px 0;
}

.aspNetDisabled {
    opacity: 0.6;
}

input#SavingsGoalWizardControl_txtGoalAmount,
input#SavingsGoalWizardControl_txtTargetMonthlyAmount {
    width: 49%;
}

.SavingsGoalWizardControl .SavingsGoalProgress {
    margin-top: 1rem;
}

@media screen and (max-width:480px) {
	.SavingsGoalWizardControl .ActionButton,
	.DeleteSavingsGoalControl .ActionButton {
		display: flex;
        flex-direction: column;
	}
	.SavingsGoalWizardControl .ActionButton .BackButton,
	.DeleteSavingsGoalControl .ActionButton .BackButton {
		margin-right: 0;
	}
	.SavingsGoalWizardControl .ActionButton .NextButton,
	.DeleteSavingsGoalControl .ActionButton .NextButton {
		margin-bottom: 1rem;
	}
}

/*------------------------------------
$Savings Goal
------------------------------------*/

.SavingsGoalSummaryControl {
	position: relative;
}

.SavingsProgress {
    text-align: right;
	font-size: 1.25rem;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
	padding-bottom: 1rem;
}

.SavingsGoalMessage {
    text-align: center;
	font-size: 0.8rem;
	margin: 2rem 0 0 0;
}

.PercentageOverlay {
    position: absolute;
    left: 48%;
    transform: translateY(0);
	color: #066FEF;
	font-weight: bold;
	font-size: 1.5rem;
}

.SavingsGoalConfirmation .PercentageOverlay {
    font-size: 0.8rem;
}

.AccountSummaryPage .SavingsGoalSummaryControl {
	margin: 4rem 0 3rem;
}

.SavingsGoalSummaryControl .SavingsGoalSummary .PercentageOverlay {
	font-size: 1.5rem;
}

.SavingsGoalSummary .PercentageOverlay {
	bottom: 80px;
}

.ISASubscriptionControl {
    text-align: center;
}

.ISASubscriptionControl h2 {
    margin-top: 0;
}

.SavingsGoalTotal,
.ISASubscriptionControl .Progress {
    width: 100%;
    height: 15px;
    border-radius: 30px;
    background: #f3f3f3;
	text-align: left;
}

.ISASubscriptionControl .CurrentProgress {
    height: 15px;
}

.ISASubscriptionControl .RemainingProgress {
    display: none;
}

.ISASubscriptionControl .PercentageOverlay {
	display: none;
}

.TargetDate {
    margin-top: 3rem;
	font-size: 1rem;
}

.TargetDate strong {
    font-weight: bold;
}

.CurrentGoalProgress,
.CurrentProgress {
    display: inline-block;
    background: #00095B;
    border-radius: 300px;
	height: 15px;
}

.SavingsGoals {
    margin-bottom: 20px;
}

.SavingsGoalSummary {
    margin-bottom: 20px;
}

.CurrentGoalBalance {
	color: #066FEF;
	font-weight: bold;
}

.SavingsGoalSummaryControl h2,
.SavingsGoalSummaryControl .ActionButton {
    margin: 0 0 2rem 0;
}

.SavingsGoalSummaryControl h2 {
	font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
	font-size: 4rem;
	text-align: left;
	line-height: 5.375rem;
	font-weight: 400;
	letter-spacing: -3px;
	color: #00095B;
	margin-bottom: 1rem;
}

.SavingsGoalSummaryControl p {
	text-align: left;
}

.AccountSummaryPage .SavingsGoalSummaryControl .ActionButton {
	margin: 0;
}

.SavingsGoalSummaryControl .ActionButton .NextButton {
    position: absolute;
    top: 20px;
    right: 0;
}

.SavingsGoalSummaryControl .ActionButton .EditGoalButton,
.SavingsGoalSummaryControl .ActionButton .DeleteGoalButton {
	background: url("../Images/icons/edit.svg") top right / 30px no-repeat;
	color: transparent;
	padding: 0;
	border: none;
	width: 40px;
	height: 30px;
}

.SavingsGoalSummaryControl .ActionButton .DeleteGoalButton {
    background: url("../Images/icons/trash.svg") top right / 30px no-repeat;
}

.SavingsGoalSummaryControl .SavingsGoalSummary h3 {
    position: absolute;
    top: 45px;
    padding: 0;
}

.SavingsGoalSummaryControl .SavingsGoalSummary {
	position: relative;
    padding: 0.5rem 2rem 2rem 2rem;
    background: #fff;
	border: 1px solid #dbdbdb;
	width: 49%;
    float: left;
	margin-bottom: 2%;
	border-radius: 20px;
}

.SavingsGoalSummaryControl .SavingsGoalSummary:nth-child(even) {
	margin-right: 2%;
}

.SavingsGoalSummaryControl .SavingsGoalSummary:nth-child(odd) {
	margin-right: 0;
	float: right;
}

.SavingsGoalSummaryControl .SavingsGoalSummary .ActionButton {
	margin: 1rem 0;
}

.SavingsGoalSummaryControl .SavingsGoalProgress {
    width: 100%;
    height: 40px;
    margin-top: 7px;
}

.SavingsGoalSummaryControl .SavingsGoalOptions {
    text-align: right;
}

.QuestionWrapper.SavingsGoalTargetDate .Question label,
.QuestionWrapper.SavingsGoalMonthlyContribution .Question label {
	padding-top: 0.2rem;
}

.TransactionWizardPage #AccordionContent.FeesMenu.CollapsedPanel a.ToggleEvent,
.TransactionWizardPage #AccordionContent.FeesMenu.ExpandedPanel a.ToggleEvent{
    padding-right: 0;
    background: transparent;
}
.TransactionWizardPage #AccordionContent.FeesMenu.CollapsedPanel .MoreInfoShowBtn.Show{
    display: inline-block;
}
.TransactionWizardPage #AccordionContent.FeesMenu.CollapsedPanel .MoreInfoShowBtn.Hide{
    display: none;
}
.TransactionWizardPage #AccordionContent.FeesMenu.ExpandedPanel .MoreInfoShowBtn.Show{
    display: none;
}
.TransactionWizardPage #AccordionContent.FeesMenu.ExpandedPanel .MoreInfoShowBtn.Hide{
    display: inline-block;
}
.TransactionWizardPage #AccordionContent.FeesMenu {
    padding: 10px;
}

.TransactionWizardPage #AccordionContent.FeesMenu.ExpandedPanel a.ToggleEvent{
    margin-bottom: 1em;
}

.TransactionWizardPage #AccordionContent.FeesMenu{
    padding: 20px;
    margin: 0.25em auto;
	border: none;
}
.TransactionWizardPage #AccordionContent.FeesMenu .toggleSectionWrapper{
    display: flex;
    align-items: center;
}
@media screen and (max-width:600px) {
    .TransactionWizardPage #AccordionContent.FeesMenu{
        padding: 6px;
    }
    .TransactionWizardPage #AccordionContent.FeesMenu .toggleSectionWrapper {
        display: block;
    }

    .TransactionWizardPage #AccordionContent.FeesMenu .toggleSectionWrapper .MoreInfoShowBtn {
        margin-top: 0.5em;
    }
    .TransactionWizardPage #AccordionContent.FeesMenu .toggleSectionWrapper span.toggleSection i {
        display: block;
    }
    .TransactionWizardPage #AccordionContent.FeesMenu .toggleSectionWrapper span.toggleSection {
        margin-right: 0 !important;
    }

}

@media screen and (max-width:480px) {
	.TransactionWizardControl .ActionButton {
		display: flex;
        flex-direction: column;
	}
	.TransactionWizardControl .ActionButton .ExitButton,
	.TransactionWizardControl .ActionButton .BackButton {
		margin-right: 0;
	}
	.TransactionWizardControl .ActionButton .ValidateButton,
	.TransactionWizardControl .ActionButton .ConfirmButton,
	.TransactionWizardControl .ActionButton .BackButton {
		margin-bottom: 1rem;
	}
}

@media screen and (max-width:400px) {
    .TransactionWizardPage #AccordionContent.FeesMenu table.ProcessingTimes th,
    .TransactionWizardPage #AccordionContent.FeesMenu table.ProcessingTimes td{
        padding: 2px;
        font-size: 10px;
    }
}

.TransactionWizardPage #AccordionContent.FeesMenu .MoreInfoShowBtn{
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 3px;
    border: 2px solid #00095B;
    min-width: 87px;
    text-align: center;
    border-color: #066FEF;
    background-color: #066FEF;
    color: white;
}
.TransactionWizardPage #AccordionContent.FeesMenu .toggleSectionWrapper span.toggleSection {
    margin-right: 1em;
}

.TransactionWizardPage #AccordionContent.FeesMenu .ProcessingTimes{
    margin: 0;
}
.SavingsGoalSummaryControl .NextButton {
    float: none;
}


/*------------------------------------
$Transaction Wizard
------------------------------------*/

.TransactionWizardControl .ExpandedPanel,
.TransactionWizardControl .CollapsedPanel {
    padding: 0.5rem;
}

.TransactionWizardControl .ExpandedPanel .TransactionDateSelection {
    display: block;
}

.TransactionWizardControl .CollapsedPanel .TransactionDateSelection {
    display: none;
}

.ViewContactPreferencesControl .aspNetDisabled {
    display: flex;
	align-items: center;
	margin-bottom: 0.7rem;
}

.NoticeChargePeriod {
    background-image: url("../images/icons/redCorner.png");
    background-position: top right;
    background-size: 40px 32px;
    background-repeat: no-repeat;
}

table td.NoticeChargePeriod a {
    background: #f00 !important;
    background-image: none;
    color: #fff !important;
}

.TransactionDetails table {
    color: #00095B;
}

.TransactionDetails .Question {
    font-weight: 600;
}

.TransactionDetails .Information {
	border: 2px solid #00095B;
    background-color: #fff;
}

.ProcessingTimes tr td:nth-child(1),
.ProcessingTimes tr th:nth-child(1) {
    min-width: 30%;
    text-align: left;
}

.ProcessingTimes tr td:nth-child(2),
.ProcessingTimes tr th:nth-child(2) {
    min-width: 35%;
    text-align: left;
}

.ProcessingTimes tr td:nth-child(3),
.ProcessingTimes tr th:nth-child(3) {
    min-width: 35%;
    text-align: left;
}

.TransactionWizardPage .BackButton {
    margin-bottom: 10px;
}

/*------------------------------------
$Tax Year Countdown
------------------------------------*/
.TaxYearCountDownControl {
    margin-bottom: 2rem;
    width: 100%;
}

.TaxYearCountDownControl h2 {
    background-color: #2e2e2e;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.CountdownSectionsWrapper {
	border: 1px solid #dbdbdb;
    padding: 1rem 2rem;
    text-align: center;
    border-radius: 20px;
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
	align-items: center;
}

.Section.DayWrapper {
    margin: 1em 0.5rem;
    font-family: "FordF1Bold", Arial, Helvetica, sans-serif;
}

.small {
    font-size: 14px;
}

.TaxYearPeriod {
    margin: 0 0 8px 0;
    text-align: center;
}

.TaxYearCountDownControl .CountdownLegend {
    text-transform: uppercase;
    display: none;
}

.Section.HourWrapper,
.Section.MinuteWrapper,
.Section.SecondWrapper {
    display: none;
}

/*------------------------------------
$Date Picker / Calander
------------------------------------*/

.datePicker {
    margin-top: 20px;
    max-width: 400px;
    clear: both;
    border: 1px solid #00095B;
    border-collapse: collapse;
    border-radius: 3px;
}

.datePicker .ui-datepicker {
    background-color: #FFF;
    padding: 20px;
    border-radius: 3px;
}

.datePicker .ui-datepicker-header {
    color: #00095B;
    margin-bottom: 20px;
    text-align: center;
}

.datePicker .ui-datepicker-header .ui-datepicker-prev {
    float: left;
    color: transparent;
    background-image: url('../Images/icons/left_arrow_blue.svg');
    background-size: 10px 10px;
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: auto;
}

.datePicker .ui-datepicker-header .ui-datepicker-next {
    float: right;
    color: transparent;
    background-image: url('../Images/icons/right_arrow_blue.svg');
    background-size: 10px 10px;
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: auto;
}

.datePicker .ui-datepicker-header .ui-datepicker-prev:hover,
.datePicker .ui-datepicker-header .ui-datepicker-next:hover {
    cursor: pointer;
}

.datePicker td,
.datePicker th {
    line-height: 3.8rem;
    width: 14%;
    text-align: center;
    padding: 0;
}

.datePicker td:hover {
    background-color: #f2f2f2;
    color: #00095B;
}

.datePicker .ui-state-default {
    display: block;
    text-decoration: none;
}

.datePicker .ui-datepicker-unselectable,
.datePicker .ui-state-disabled {
    opacity: 0.3;
}

.datePicker .ui-state-disabled:hover {
    background-color: transparent;
}

.ui-datepicker-today {
    background-color: #666;
    color: #fff;
}

.ui-datepicker-today:hover {
    background-color: #00095B;
    color: #FFF;
}

.ui-datepicker-current-day .ui-state-active {
    background-color: #00095B !important;
    color: #FFF !important;
}

.datePicker tr:nth-child(2n+1) {
    background-color: transparent;
}

.datePicker th {
    background: transparent;
    color: #00095B;
    font-weight: 200;
}

.DateRangeSelectionQuestion {
    margin-bottom: 2rem;
}

.FromDateDescription,
.ToDateDescription {
    float: left;
}

a.btnToggleDatePicker {
    display: inline-block;
    margin: 0;
}

.DatePickerControl {
    float: left;
    clear: both;
    margin-bottom: 20px;
}

.DatePickerControl .Label {
    display: none;
    padding: 10px 15px 10px 0;
    min-width: 120px;
}

.DatePickerControl .ToggleImage {
    width: 40px;
}

.DatePickerControl .ddDay,
.DatePickerControl .ddMonthYear,
.DatePickerControl a.btnToggleDatePicker {
    margin-right: 10px;
}

.DatePickerControl .ddDay {
    max-width: 100px;
}

.DatePickerControl .ddMonthYear {
    max-width: 130px;
}


/*------------------------------------
$Client Account
------------------------------------*/

.ClientValidation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ClientValidation li {
    padding: 0;
    margin: 1em 0;
}

.PasswordValidation {
    margin-bottom: 15px;
}

.ChangePasswordControl .Text {
    padding: 10px 0;
}

.ClientValidation .Neutral .Text .Icon,
.PasswordConfirm.Neutral .Text .Icon,
.Rule.Neutral .Text .Icon {
    background-image: url(../images/icons/dot.svg);
    background-size: 15px 15px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.flexibleISA .imageContainer.imageContainer.unavailableTYE,
.fixedISA .imageContainer.unavailableTYE {
    min-height: 196px;
    padding-top: 10px;    
}
.imageContainer.unavailableTYE .rateExtraInfo {
    padding-bottom: 10px;
}
.imageContainer.unavailableTYE .rate {
    font-size: 3rem;
}

.ClientValidation .Positive .Text .Icon,
.PasswordConfirm.Positive .Text .Icon,
.Rule.Positive .Text .Icon {
    background-image: url(../images/icons/tick.svg);
    background-size: 15px 15px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.ClientValidation .Negative .Text .Icon,
.PasswordConfirm.Negative .Text .Icon,
.Rule.Negative .Text .Icon {
    background-image: url(../images/icons/cross.svg);
    background-size: 15px 15px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.ShowPassword {
    margin: 1em 0;
}

.UrlReplies img {
    display: none;
}


/*------------------------------------
$Registrations Page
------------------------------------*/

.ViewRegistrationsPage #ContentWrapper #LeftSideDiv {
    width: 0;
}

.ViewRegistrationsPage #ContentWrapper #ContentDiv {
    margin: 0;
    padding: 0;
}

.RegistrationName {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*------------------------------------
$Open New Account
------------------------------------*/

.OpenNewAccountHeader {
    text-align: center;
    margin: 6rem 0 1rem;
}

.OpenNewAccountHeader h1,
.OpenNewAccountHeader p {
    margin: 0;
    color: #00095B;
}

.productColumnContainer {
    display: flex;
    flex-wrap: wrap;
}

.productColumn {
    width: 30%;
    position: relative;
	background: #F9F9F9;
    border-radius: 20px;
	padding: 1.5rem;
	margin: 1rem;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.topContainer,
.rate-wrapper {
    display: flex;
    flex-direction: column;
}

.productNameHeader {
	font-size: 2rem;
	color: #00095B;
	letter-spacing: -1.5px;
}

.rate {
	font-size: 2.5rem;
	font-weight: bold;
	color: #066FEF;
	letter-spacing: -1.5px;
	display: flex;
    flex-direction: row;
	align-items: baseline;
	gap: 1rem;
}

.rateExtraInfo {
	color: #0F0F0F;
	font-size: 0.875rem;
	font-weight: bold;
	letter-spacing: 0;
}

.productColumn .actionButton {
    text-align: left;
}

.productColumn .actionButton a {
    padding: 15px 35px;
	border: none;
}

.productContent h2 {
	font-size: 1.875rem;
}

.productContent {
    border-top: 1px solid #EAEAEA;
	padding-top: 1.5rem;
    margin: 1rem 0 1.5rem;
}

.productContent ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.productContent ul li { 
	padding-left: 1.5rem;  
    display: inline-block;
	list-style-type: none;
	background: url(../images/icons/tick-bullet-point.svg) left top 8px / 11px no-repeat;
	margin-bottom: 0.3rem;
	width: 100%;
}

.productDetails p {
    text-align: center;
}

.product-container {
    background: #F9F9F9;
    padding: 2rem;
	margin: 2rem 0;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: auto;
	border-radius: 20px;
}

.ProductOverviewControl .product-container {
	margin: 3rem 0;
}

.ProductInformation {
    display: flex;
	flex-wrap: wrap;
}

.product-column-one .annual-rate {
    display: flex;
    align-items: baseline;
	font-size: 0.875rem;
    font-weight: 600;
}

.product-column-two {
    display: flex;
    flex-direction: column;
	margin: 1rem 0 0;
}

.product-column-two .question {
	width: 40%;
}

.product-column-two .answer {
    font-weight: bold;
	width: 60%;
}

.product-column-two .min-balance,
.product-column-two .gross-rates,
.product-column-two .product-type,
.product-column-two .withdrawals {
	margin-bottom: 1rem;
	display: flex;
}

.product-column-two .withdrawals {
	margin-bottom: 0;
}

.annual-rate .rate,
.AerRateColumn,
.AerRateColumn {
	font-size: 2.5rem;
	margin-right: 1rem;
}

.AnnualRateColumn,
.MonthlyRateColumn {
    display: none;
}

.productBullets ul {
	padding: 0;
}

.productBullets ul li,
.NewAccountContentWrapper ul li {
    background: url(../Images/icons/arrow.svg) top 4px left / 12px no-repeat;
    list-style-type: none;
    padding-left: 2rem;
    margin-bottom: 0.3rem;
}

.Product-Information-Button {
    margin: 2rem 0 0;
	width: 100%;
	display: flex;
	border-top: 1px solid #EAEAEA;
    padding-top: 2rem;
	align-items: center;
	font-family: "FordF1Bold", Arial, Helvetica, sans-serif;
}

.Product-Information-Button .rounded-button.apply-now {
	margin-right: 1.5rem;
}

.ProductOverviewControl .NoticeContainer {
    margin: 3rem 0;
}

.ProductInformation .default-button,
.ApplicationForm .default-button{
    display:flex;
    margin:0;
}

.ProductInformationTable .ApplicationFormHeader,
.ProductInformationTable .ProductInformationHeader{
    text-align:center;
}

.ApplicationForm .default-button,
.ProductInformation .default-button{
    justify-content:center;
}

.ProductInformationTable th {
	background-color: #fff;
	color: var(--primary-font-colour);
	border-bottom: 5px solid var(--primary-background-colour);
	width: 28%;
}

.ProductInformationTable tr {
	border-bottom: 1px solid #ddd;
}

.ProductInformationTable tr:last-child {
	border-bottom: none;
}

th.ProductNameHeader {
    width: 25%;
}

.introduction-text{
    margin:3rem 0;
}

.NewAccountContentWrapper .ActionButton {
	display: flex;
    justify-content: end;
}

@media screen and (min-width: 768px) {
    .product-column-one,
	.product-column-two {
        width: 50%;
		padding: 0 3rem 2rem 0;
    }
	.product-column-three {
        width: 60%;
    }
}

@media screen and (max-width: 960px) {
    .ProductListControl{
        margin-bottom:0;
    }
    .ProductListControl .product-category-title,
    .aer-information{
        text-align:center;
        display:block;
		border-bottom: 5px solid var(--primary-background-colour);
        margin: 0;
        padding: 1rem;
    }
    .ProductInformationTable thead {
        display: none;
    }
    .ProductInformationTable td {
        width: 100% !important;
        display: inline-block;
        text-align: center;
    }
    .ProductInformationTable td.ProductName {
		padding-top: 1.5rem;
	}
	.aer-information {
		border: none;
	}
}

@media screen and (max-width: 1024px) {
	.product-container {
		padding: 2rem;
	}
	.Product-Information-Button {
    	margin: 1rem 0 0;
	}
}

@media screen and (min-width: 1280px) {
    .ProductInformation {
        flex-wrap: wrap;
        justify-content: space-between;
    }
	.product-column-one,
	.product-column-two {
		padding: 0;
        width: 48%;
	}
	.product-column-one {
		border-right: 1px solid #EAEAEA;
	}
}

@media screen and (max-width: 767px) {
    .ProductInformation {
		flex-direction: column;
		flex-wrap: nowrap;
	}
}

@media screen and (max-width: 600px) {
	.product-column-two .question,
	.product-column-two .answer {
		width: 100%;
	}

	.product-column-two .min-balance,
	.product-column-two .gross-rates,
	.product-column-two .product-type,
	.product-column-two .withdrawals {
		flex-direction: column;
	}
	.Product-Information-Button {
		flex-direction: column;
	}
	a.ApplicationFormButton,
	a.ProductInformationDocumentButton {
		width: 100%
	}
	.Product-Information-Button .rounded-button.apply-now {
		margin: 0 0 1rem 0;
	}
}

@media screen and (max-width: 450px) {
	.rate {
    	flex-direction: column;
		gap: 0;
	}
}

.termPeriod {
    display: block;
}

.securitymsg_left img {
    width: 50px;
}

.TransactionWizardControl #AccordionContent {
	border: none;
	background-color: transparent;
}

.TransactionWizardControl #AccordionContent.ExpandedPanel a.ToggleEvent,
.TransactionWizardControl #AccordionContent.CollapsedPanel a.ToggleEvent {
	text-decoration: underline;
	font-family: "FordF1Medium", Arial, Helvetica, sans-serif;
}

.TransactionWizardControl .Information #AccordionContent.ExpandedPanel a.ToggleEvent,
.TransactionWizardControl .Information #AccordionContent.CollapsedPanel a.ToggleEvent {
	text-decoration: none;
	font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
}

.TransactionWizardControl .Information {
	padding: 1.5rem 1.5rem 1rem;
	background: #CDE2FC;
}

.OpenNewAccountProducts h2 {
    color: #066FEF;
}

.OpenNewAccountFooter .Col1{padding-right:20px;}
.OpenNewAccountFooter .Col1,
.OpenNewAccountFooter .Col2 {
    width: calc(50% - 10px);
}

.OpenNewAccountImageLeft {
    margin: 18px 0;
    width: 100%;
}

.OpenNewAccountImageRight {
    margin: 22px 0;
    width: 100%;
}

.maxWidth {
    max-width: 100%;
}

.center {
    text-align: center;
}

.productBullets {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.productBullets .column {
    width: 48%;
    margin-right: 1%;
}

.main-points {
	margin-top: 2rem;
}

.main-points ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	padding: 0;
	margin: 0;
	gap: 3rem;
	justify-content: center;
}

.main-points ul li {
    list-style-type: none;
    width: 27%;
	text-align: center;
	background: #00095B url("../images/icons/green-circle-tick.svg") top 2rem center / 45px no-repeat;
	border-radius: 20px;
	min-height: 200px;
    padding: 6rem 1.5rem 1rem;
	color: #fff;
}

@media screen and (max-width:1215px) {
	.main-points ul li {
		width: 29%;
	}
}
@media screen and (max-width:880px) {
	.main-points ul li {
		width: 43%;
	}
}
@media screen and (max-width:600px) {
	.main-points ul {
    	gap: 1.5rem;
	}
	.main-points ul li {
		width: 100%;
		min-height: 120px;
	}
}

/* Product Details - Intro Bullets */

.productBullets ul {
    list-style-type: none;
    padding-left: 20px;
    margin: 0;
}

.productBullets ul li {
    position: relative;
    margin-bottom: 10px;
}

.productBullets ul li:before {
    width: 8px;
    height: 8px;
    display: inline-block;
    left: -20px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 8px;
    background: #00095B;
}

.productBullets .column .first {
    margin-right: 20px;
}

.summaryTableWhole {
    margin: 40px 0;
    border: 3px solid #00095B;
}

.tableCell {
    padding: 20px 15px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.TableDataHead,
.TableData {
    display: flex;
}

.tableHead {
    background: #00095B;
    color: #fff;
}

.firstCell {
    width: 15%;
}

.secondCell {
    width: 18%;
}

.secondCell .fixed,
.thirdCell .fixed {
    display: inline-block;
}

.thirdCell {
    width: 19%;
}

.fourthCell {
    width: 16%;
}

.fifthCell {
    width: 16%;
}

.sixthCell {
    width: 16%;
}

.responsiveInfo {
    display: none;
}

.tableBody .tableRow:nth-child(2n) {
    background: #f3f3f3;
}

.secondCell strong {
    font-weight: bold;
}

/* Definitions Section */

.DefinitionsContainer {
    background: #F9F9F9;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
	border-radius: 20px;
	margin-bottom: 2rem;
}

h3.DefinitionsHeader {
    text-align: center;
    color: #00095B !important;
    font-size: 1.875rem;
	margin: 5rem 0 1rem;
}

.DefinitionsContainer h4 {
    font-weight: bold;
	margin-bottom: 0;
	margin-top: 15px;
}

.DefinitionsContainer span {
    width: 50%;
	padding: 0 10px;
}

.DefinitionsContainer strong {
    font-weight: bold;
}

/* PDF Section */

h2.gray {
    margin-bottom: 0;
}

.productDetailsPDF .row {
    display: flex;
}

.productDetailsPDF .column {
    padding: 1rem 1.5rem;
    background: #00095B;
    border-radius: 20px;
    color: #fff;
    margin: 1rem;
}

.productDetailsPDF {
    margin-top: 5rem;
}

.productDetailsPDF h3 {
	color: #fff;
}

.pdfBtn {
    margin-top: 30px;
}

.pdfBtn a {
	float: none;
	margin-bottom: 2rem;
}

.PageHeading h1{
	color: #00095B;
	width: 100%;
	display: block;
    font-size: 4.5rem;
    font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 4.75rem;
    letter-spacing: -3.6px;
    margin: 2rem 0 3rem;
    padding: 0;
}

#ErrorControl .PageHeading h1 {
	position: initial;
	color: #00095B;
	font-size: 2.5rem;
    margin-bottom: 2rem !important;
}

#LogOffControl .WizardButtons {
    margin: 3em 0;
    display: block;
}

/*SAVINGS - #FF8754*/

.warning-message {
    font-weight: bold;
	border: 2px solid #00095B;
	padding: 1.5rem;
	margin-top: 2rem;
}

.ProductListPage h2 {
	margin-top: 0;
	color: #00095B;
}

.ProductInformation h2 {
	font-size: 2rem;
	margin: 1rem 0;
}

a.tsandcslink,
a.dgsdlink {
	background-color: transparent;
	color: #00095B;
	border: none;
    padding: 0.1em 0;
    text-decoration: underline;
    margin: 0.5em 0;
	font-family: "FordF1Regular", Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}
a.tsandcslink:hover,
a.dgsdlink:hover {
    text-decoration-thickness: max(3px, .1875rem, .12em);
}

/* ISA TRANSFER STYLES */

.TransferExistingISAPage .ActionButton {
    display: flex;
}

/*------------------------------------
$Responsive
------------------------------------*/
/* Less than 1120px */

@media screen and (max-width:1120px) {
    /* Tables */
    th {
        display: none;
    }
	.ChangeDetailsControl .NominatedAccounts th {
		display: block;
	}
    .ProcessingTimes th {
        display: inline-block;
    }
    .AccountInfo td {
        padding: 20px 20px 0 20px;
    }
    .MaturityAmount {
        margin: 10px 0 20px 0;
    }
    .MiniStatementTable tr:first-child,
    .AccountInfo thead {
        display: none;
    }
    tr {
        flex-direction: column;
    }
    .ui-datepicker-calendar tr {
        flex-direction: row;
    }
    th,
    td {
        padding: 10px;
    }
	#PendingTransactionsControl td {
		padding: 5px 10px;
	}
    .AmountControlHeading {
        margin-right: 10px;
    }
    .AccountInfo tr {
        padding: 10px;
    }
    .MiniStatementTable .Column2:before {
        Content: "Date: ";
    }
    .MiniStatementTable .Column3:before {
        Content: "Status: ";
    }
    .MiniStatementTable .Column5:before {
        Content: "Money In: ";
    }
    .MiniStatementTable .Column6:before {
        Content: "Money Out: ";
    }
    .MiniStatementTable .Column7:before {
        Content: "Balance: ";
    }
    .MiniStatementTable .Column7,
    .MiniStatementTable .Column8 {
        text-align: left !important;
    }
    .OpeningBalanceRow,
    .ProcessedBalanceRow,
    .ClearedBalanceRow {
        flex-direction: row;
    }
    .MaturityRateMobile {
        display: inline-block;
    }
}

@media screen and (max-width:1050px) {
	dt {
		width: 100%;
		margin-bottom: 3px;
	}
	dd {
    	margin: 0 0 15px 0;
	}
	.DepositInfo dt {
		width: auto;
	}
	.StatementPage #LeftSideDiv,
	.InterestStatementChoicePage #LeftSideDiv,
	.AccountMaintenancePage #LeftSideDiv,
	.MonthlyStatementChoicePage #LeftSideDiv {
		border: none;
		margin: 1rem auto 0;
		padding: 1rem 1.5rem 0;
	}
	.UserWelcome,
	.AccountSummaryPage .UserWelcome,
    .ActiveISAAccountSummaryPage .UserWelcome,
	.DeletedAccountSummaryPage .UserWelcome {
		display: none;
	}
}

@media screen and (max-width:980px) {
	#HeaderDiv {
		padding: 0;
		align-items: center;
	}
	.AccountSummaryPage #HeaderDiv,
	.ActiveISAAccountSummaryPage #HeaderDiv,
	.DeletedAccountSummaryPage #HeaderDiv {
    	min-height: 400px;
		align-items: flex-start;
	}
    header {
        order: 1;
    }
	#ContentDiv {
		margin: 2rem auto 0;
	}
	#RightSideDiv {
    	margin: 0 0 2rem;
	}
	.AccountSummaryPage .NoticeContainer, 
	.ActiveISAAccountSummaryPage .NoticeContainer, 
	.DeletedAccountSummaryPage .NoticeContainer {
		width: 100%;
	}
	.NoticeContainer h2,
	.WelcomeMessageBody {
    	font-size: 2rem;
		line-height: normal;
        letter-spacing: -2px;
	}
	.NoticeContainer p,
	.WelcomeMessagePrefix p {
    	font-size: 1rem;
	}
	.InboxNotificationControl .ActionButton {
    	margin-right: 1rem;
	}
    .PageSummary h1,
    .PageHeading h1 {
        margin: 40px;
    }
	.PageHeading h1 {
		top: 4rem;
		margin: 2rem 0;
        padding: 0 20px 0 20px;
	}
    .productDetails .PageHeading h1 {
		margin-left: 0 !important;
	}
    .Navigation {
        order: 0;
        z-index: 999;
		display: inline-block;
    }
    #ContentDiv {
        padding: 0 1rem 1.5rem;
		margin-top: 0;
    }
    .productDetails .PageHeading{
		padding: 0;
	}
    #LeftSideDiv {
        top: 0;
        right: 0;
        padding: 50px;
        margin: 0;
        z-index: 10;
    }
	.AccountSummaryPage #LeftSideDiv,
	.ActiveISAAccountSummaryPage #LeftSideDiv,
	.DeletedAccountSummaryPage #LeftSideDiv {
		padding: 0;
	}
	.ExpandedPanel .MainMenu {
    	right: 0;
    	background-color: #00095B;
    	top: 114px;
	}
	.ExpandedPanel .MainMenu li a {
    	background-color: #00095B;
		padding: 1rem 0;
	}
    .SavingsGoalSummaryControl {
        padding: 0 !important;
    }
	.AccountSummaryPage .SavingsGoalSummaryControl {
		margin-bottom: 1rem;
    }
	.SavingsGoalSummaryControl .ActionButton {
		margin: 0;
	}
    .productColumn {
        width: 48%;
    }
    .OpenNewAccountFooter .Row {
        flex-direction: row;
    }
    .OpenNewAccountFooter .Col1,
    .OpenNewAccountFooter .Col2 {
        width: 100%;
    }
    .OpenNewAccountImageLeft {
        margin: 20px 0 0 0;
    }
    .OpenNewAccountImageRight {
        padding: 0;
        margin: 20px 0;
    }
    /* PDF Section */
    .productDetailsPDF .row {
        flex-direction: column
    }
    .productDetailsPDF .column {
        padding: 10px 20px;
		margin: 1rem 0;
    }
    .tableHead {
        display: none;
    }
    .tableRow,
    .TableData {
        flex-direction: column;
    }
    .firstCell,
    .secondCell,
    .thirdCell,
    .fourthCell,
    .fifthCell,
	.sixthCell {
        width: 100%;
        text-align: center;
		padding: 10px;
    }
    .firstCell {
        background: #00095B;
        color: #fff;
    }
    .responsiveInfo {
        display: inline-block;
        margin-right: 8px;
    }
    .fourthCell,
    .fifthCell {
        padding: 0 0 10px 0;
    }
    .secondCell .fixed {
        display: block;
    }
    .tableBody .tableRow:nth-child(2n) {
        background: #fff;
    }
    .OpenNewAccountPage .PageHeading {
        padding: 0;
        margin: 0;
    }
	.DepositInfo.ExpandedPanel {
    	padding: 1rem 1.5rem 1.5rem 1.5rem !important;
	}
	#AccordionContent h2 {
    	font-size: 2rem;
		line-height: initial;
	}
	.ISATransferAccountSummaryAdvert h3 {
		font-size: 1.5rem;
		line-height: inherit;
		margin-top: 1rem;
        letter-spacing: -1px;
	}
	.MainAdvert.ISATransferAccountSummaryAdvert {
    	padding: 1rem 1.5rem;
	}
	.MainAdvert.ISATransferAccountSummaryAdvert .Content,
	#AccordionContent {
    	flex-direction: column;
	}
	.MainAdvert.ISATransferAccountSummaryAdvert .Content .Details,
	.DepositInfo {
    	width: 100%;
	}
	.DepositInfo {
    	padding: 1rem 1.5rem;
	}
	.DepositImage {
		width: 100%;
        height: 20rem;
	}
	.DepositInfo p {
		font-size: 1rem;
		margin: 0;
	}
	.DepositInfo dd {
    	margin-bottom: 1rem;
	}
	.MainAdvert.ISATransferAccountSummaryAdvert .Content .Details:first-child {
    	border-right: none;
		border-bottom: 2px solid #dbdbdb;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
	}
	.MainAdvert.ISATransferAccountSummaryAdvert .MoreDetails .ActionButton a {
    	line-height: inherit;
	}
	.SavingsGoalSummaryControl .SavingsGoalSummary {
    	width: 100%;
	}
	.SavingsGoalSummaryControl .ActionButton .NextButton {
    	right: 20px;
	}
	.SavingsGoalSummaryControl .SavingsGoalSummary h3 {
    	top: 40px;
	}
	.PageSummary h1, 
	.PageHeading h1 {
		font-size: 3rem;
		line-height: 3rem;
		padding: 0 1.5rem 0 0;
        width: auto;
	}
	#ScaNotificationControl,
	.WelcomeControl {
    	padding: 2rem 1rem 0;
        min-height: auto;
	}
	#ScaNotificationControl .ActionButton {
    	margin: 1em 0;
	}
	a.ProductInformationDocumentButton {
		float: none;
	}
	.OpenNewAccountHeader {
    	text-align: center;
    	margin: 3rem 0 1rem;
	}
}

/* Less than 850px */

@media screen and (max-width:850px) {
	.SavingsGoalSummaryControl h2 {
        margin-bottom: 1rem;
        font-size: 2.5rem;
        line-height: normal;
    }
	.SavingsGoalSummaryControl .ActionButton .NextButton {
        right: 0;
        top: -10px;
    }
	.StatementDocument dt {
		width: 100%;
	}
	#LeftSideDiv .SavingsAccountStatus .QuestionWrapper,
	.AccountMaintainScreen .maintenanceinformationtype {
    	flex-direction: column;
	}
	#LeftSideDiv .SavingsAccountStatus .QuestionWrapper .Question,
	.AccountMaintainScreen .maintenanceinformationtype .maintenancelabel {
    	width: 100%;
		padding-right: 0;
	}
	h3.DefinitionsHeader {
		margin-top: 2rem;
	}
}

/* Less than 750px */

@media screen and (max-width:750px) {
	header,
	#HeaderDiv .InboxNotificationControl {
		width: auto;
		display: inline-block;
	}
	h1.HeaderDivContentLogo {
    	display: block;
	}
	input:not([type="image"]), textarea, select {
		width: 100%;
	}
	input[type='radio'], input[type='checkbox'] {
    	width: auto;
	}
	input#TransactionWizardControl_TransactionWizardControlA_txtAmount {
		width: 50%;
	}
    .productBullets {
        flex-direction: column;
    }
    .productBullets .column {
        width: 100%;
        margin: 0;
    }
	.DefinitionsContainer {
		display: block;
	}
	.DefinitionsContainer h4 {
		margin-top: 0;
	}
	.SavingsGoalSummaryControl .ActionButton .NextButton {
    	position: relative;
		top: 0;
    	right: 0;
    	float: left;
		margin-top: 1rem;
	}
	#SecureMessageDeleteControl .ConfirmationRow,
	#SecureMessageCreateControl .ConfirmationRow {
    	flex-direction: column;
	}
	.PersonaliseAccountsAccountWrapper .QuestionWrapper {
		flex-direction: column;
	}
	.PersonaliseAccountsAccountWrapper .Question,
	.PersonaliseAccountsAccountWrapper .Answer.Confirmation {
		width: 100%;
	}
	.AccountBoxes,
	.AccountBox h3 {
        flex-direction: column;
		font-size: 1.5rem;
		line-height: inherit;
    }
    .AccountBox {
        width: 100% !important;
		flex-direction: column;
		padding: 1.5rem;
    }
	.AccountBox .Details h2 {
    	font-size: 2rem;
		line-height: 2.813rem;
	}
	.AccountBox .Header {
    	margin-bottom: 2rem;
	}
	.AccountBox .FriendlyName {
		margin: 0;
		padding: 0;
		border: none;
		font-size: 1rem;
	}
	.DetailsSummary {
    	display: flex;
    	flex-direction: column;
		font-size: 1rem;
	}
	.AccountSummaryOptions,
	.AccountSummaryOptions a.ShowOptions,
	.AccountSummaryOptions a.HideOptions {
		width: 100%;
	}
	.AccountSummaryOptions .OptionsList ul {
    	position: relative;
	}
	.AccountSummaryOptions .OptionsList li a {
    	padding: 1rem 0;
	}
	.AccountSummaryOptions .OptionsList li:nth-last-child(1) a {
		padding-bottom: 1rem;
	}
}


/* Less than 640px */

@media screen and (max-width:640px) {
	.Answer {
        width: 100%;
    }
    .Answer select {
        width: 100%;
    }
    .AccountBox {
        flex-direction: column;
    }
    .AccountBox .Header {
        margin-bottom: 20px;
    }
	#AccountMenu {
		border: none;
		margin-top: 1rem;
	}
    #AccountMenu ul {
        flex-direction: column;
    }
    #AccountMenu ul li {
        padding: 10px 40px;
		border-bottom: 1px solid #dbdbdb;
    }
	#AccountMenu ul li.ActivePage {
		border-bottom: 4px solid #00095B;
	}
	#AccountMenu .ActivePage a, #AccountMenu a:hover {
		border: none;
	}
	.SummaryTotals p {
    	margin: 1.5rem 0 0 0;
    	font-size: 1rem;
	}
	.SummaryTotals h2 {
    	margin: 0 0 1rem 0;
		font-size: 2rem;
	}
	.ISACategoryOnly .SummaryTotals,
	.DeletedAccountsOnly .SummaryTotals {
    	font-size: 1.188rem;
        margin-bottom: 1rem;
        margin-top: 2rem;
	}
    .ActiveISAAccountSummaryMenuItem,
    .DeletedAccountSummaryMenuItem {
        border-left: 0;
    }
	.AccountSummaryPage #LeftSideDiv, 
	.ActiveISAAccountSummaryPage #LeftSideDiv, 
	.DeletedAccountSummaryPage #LeftSideDiv {
		border: none;
	}
    #StatementMenu ul {
        flex-direction: column;
    }
    #StatementMenu li,
    #StatementMenu li a {
        display: block !important;
		margin-bottom: 1px;
		padding: 5px 0;
    }
	#StatementMenu {
    	border: none;
	}
    /* Change Details */
    .ViewNameControl,
    .ViewEmailAddressControl,
    .ViewAddressControl,
    .ViewContactDetailsControl,
    .ChangeSecurityDetailsControl,
    .ChangeDetailsPage .ChangeDetailsControl {
        width: 100% !important;
        min-height: auto !important;
        margin-bottom: 20px !important;
    }
    /* Inbox */
    .InboxMessage-Summary {
        padding-left: 0 !important;
    }
    .InboxControl select {
        display: inline-block;
        margin: 10px 0 !important;
        clear: both;
    }
    .DatePickerControl {
        width: 100% !important;
    }
    .HideSearchButton {
        clear: both;
    }
    .CountdownSectionsWrapper {
        flex-direction: column;
        justify-content: center;
    }
    .DayWrapper,
    .CountdownDescription {
        background-position: center;
        text-align: center;
		width: 100%;
    }
    .MsgContainer {
        display:table;
        padding:20px 20px 20px 0;
    }
	.MonthlyStatementChoice ul li .ActionButton,
	.MonthlyStatementChoice ul li .ActionButton a {
    	width: 100%;
		text-align: center;
		margin-bottom: 0.5rem;
	}
	.DepositInfo dt,
	.DepositInfo dd {
		width: 100%;
		text-align: left;
	}
}
    
    .maturityButtonDiv {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    -ms-grid-rows: 95%;
    grid-template-rows: auto auto auto;
    grid-template-columns: 95%;
    grid-template-areas: "Button1" "Button2" "Button3";
    grid-column-gap:0;
}
#MaturityOptionsControl_lnkConfirmButton, #MaturityOptionsControl_lnkSubmitButton {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-area: Button2;
}
#MaturityOptionsControl_lnkAmendButton {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-area: Button3;
}
    #MaturityOptionsControl_lnkAmendButton, #MaturityOptionsControl_lnkConfirmButton, #MaturityOptionsControl_lnkSubmitButton {
    margin-left:5%;
}
    a.maturitybackButton{
        margin: 132px 0 0 5%;
        width: 90%;
    }
    
.maturityButtonDiv {
        padding: 15px 0 61px 0;
    }
    a.maturitybackButton {
    margin: 76px 0 0 5%;
    width: 90%;
}
    
    div.Confirmation ~ a {
      margin: 132px 0 0 5%;
}

/* Less than 480px */

@media screen and (max-width:480px) {
    #MaturityOptionsControl table {
        display: block;
    }
    #MaturityOptionsControl table,
    #MaturityOptionsControl thead,
    #MaturityOptionsControl tbody,
    #MaturityOptionsControl th,
    #MaturityOptionsControl td,
    #MaturityOptionsControl tr {
        display: block;
    }
    #MaturityOptionsControl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .QuestionHead {
        margin-bottom: 20px;
        background-size: 670px 110px;
    }
    .QuestionHead h2,
    .MatTerms,
    .MatSummary {
        padding-left: 0;
        margin-left: 0;
        float: none;
    }
    .MatSummary {
        margin-top: 10px;
    }
    .MatMargin {
        width: 98%;
        padding: 0 0.5rem;
    }
    .DatePickerControl .Label {
        display: block;
    }
    .ProcessingTimes {
        margin-left: -90px;
        font-size: 12px;
    }
    #SearchOptions .NextButton {
        margin: 0 0 10px 0;
    }
    .ActionButton a,
    .ActionButtons a {
        text-align: center !important;
        clear: both;
    }
    .AccountBox .Details h2 {
        font-size: 30px;
    }
    #HeaderDiv {
    	padding: 0 1rem;
		min-height: 230px;
	}
	.TimeoutPromptMessage .CloseButton,
	.TimeoutPromptMessage .LogOffButton {
		width: 100%;
	}
	.TimeoutPromptMessage .LogOffButton {
		margin: 0 0 1rem 0;
	}
}

@media screen and (max-width:336px) {    
	.maturityButtonDiv {
        padding: 15px 0 85px 0;
    } 
	a.maturitybackButton {
    	margin: -85px 0 0 5%;
    	padding-bottom: 59px;
	}
}

@media screen and (max-width:1150px) {
	.productColumn {
        width: 46%;
    }
}

@media screen and (max-width:850px) {
	.productColumn {
        width: 100%;
    }
}

@media screen and (max-width:800px) {
 	.OpenNewAccountProducts .flexibleSaver h2,
	.OpenNewAccountProducts .fixedSaver h2,
	.OpenNewAccountProducts .RegularSaver h2,
	.OpenNewAccountProducts .regularSaverISA h2,
	.OpenNewAccountProducts .fixedISA h2,
	.OpenNewAccountProducts .flexibleISA h2 {
    	margin: 1rem 0;
	}
	.productColumn {
    	padding-bottom: 2rem;
	}
}

@media screen and (max-width:600px) {
	.productColumn {
        width: 100%;
		margin: 1rem 0;
    }
	.productColumn .actionButton a {
		width: 100%;
		text-align: center;
	}
	.OpenNewAccountHeader {
    	margin-bottom: 2rem;
	}
	.OpenNewAccountHeader h1 {
    	font-size: 2rem;
	}
	.imageContainer .rate {
    	margin-top: 0;
	}
	.SavingsProgress {
    	text-align: left;
		margin-top: 2.5rem;
	}
	.SavingsGoalSummaryControl .SavingsGoalSummary h3 {
    	top: 30px;
	}
	.TargetDate {
    	margin-top: 0;
	}
	.SavingsGoalSummary .PercentageOverlay {
		display: none;
	}
}

@media screen and (max-width:1406px) {
	.imageContainer .productNameHeader {
		min-height: 85px;
    	display: inline-block;
	}
}

@media only screen and (min-width: 981px) and (max-width: 1300px) {
	.MainMenu ul li {
    	margin: 0;
	}
	.MainMenu li a {
		font-size: 0.8rem;
		padding-top: 1.7rem;
	}
}
@media screen and (min-width: 751px) and (max-width: 1330px) {
	.AccountBox {
    	width: 48%;
	}
}

@media print {
    body {
		font-size: 0.8rem;
        height: auto;
        color: #000 !important;
    }
    .HidePrint p,
    .ActionButtons,
    .MonthlyStatementChoicePage,
    .MonthlyStatementPage #HeaderDiv,
    .StatementPage .MonthlyStatementChoiceMenuItem,
    .StatementSelectionDescription,
    #StatementControl select,
    a.PrintButton,
    .CutomStatementPanel,
    .Navigation,
    #StatementMenu,
    .PageHeading,
    .BackToAccountSummary,
    .Information,
    #FooterDiv,
    .PendingTransactionsSelectionDescription,
    .btnToggleDatePicker,
    .ActionButton,
    .InterestHistoryPage #HeaderDiv,
    #StatementControl_ExportPanel,
	.UserWelcome,
	.InboxNotificationControl,
	#PendingTransactionsControl,
	.fsa_logo,
	#AccountMaintenanceControlWrapper {
        display: none !important;
    }
    #HeaderDiv,
    #ContentWrapper,
    #FooterDiv {
        border: 0;
    }
	#HeaderDiv {
		min-height: auto;
	}
    #ContentDiv {
        padding: 0;
    }
    .StatementPage #LeftSideDiv,
	.MonthlyStatementChoicePage #LeftSideDiv{
        margin: 0 !important;
		display: none !important;
	}
	.StatementDocument {
    	border: none;
    	padding: 0;
    	margin-top: 0;
	}
    #StatementControl,
    #PendingTransactionsControl {
        padding: 0;
        background: none;
    }
    .MonthlyStatementPage .StatementDocument {
        border: none 0;
        padding: 0;
    }
    .MonthlyStatementPage h2,
    .ProfitAER {
        display: none;
    }
    .PrintOnly {
        display: block;
    }
    table {
        border: #000 solid 1px;
    }
    th,
    td {
        border-bottom: 1px solid #000;
        padding: 10px;
        font-size: 10px;
    }
	h2 {
		font-size: 1.2rem;
		margin: 1em 0;
	}
    .StatementPage .MiniStatementTable th,
    .MonthlyStatementPage .MiniStatementTable th,
    .InterestHistoryPage #InterestStatement table th span {
        color: #000000;
        font-weight: 700;
    }
    #FullPage{
        display:block;
    }
	#ContentDiv .ExpandedPanel .Expanded,
	#ContentDiv .CollapsedPanel .Collapsed {
		display: block;
	}
	#ContentDiv .ExpandedPanel .Expanded a,
	#ContentDiv .CollapsedPanel .Collapsed a {
		text-decoration: none;
	}
}