a.act_show_button {
	font-size: 90%;
	padding: 4px 10px 4px 10px!important;
	position: relative;
	background-color: #c00;
	color: #fff;
	border: 1px outset #000;
	font-weight:bold;
	text-decoration:none;
	border-top: 1px solid #f99;
	border-left: 1px solid #f99;
	border-bottom: 1px solid #600;
	border-right: 1px solid #600;
	margin-left:11px;
	line-height: 2.5em;
}

/* Firefox */
@-moz-document url-prefix()
{
	a.act_show_button {padding:5px 10px 5px 10px!important; top: 1px; }
	input.button.act.act_show_button {padding: 4px 8px 4px 8px!important;position: relative;top: 1px;}
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.act_show_button {padding:5px 5px 5px 5px!important; top: 1px; }
	input.button.act.act_show_button {padding: 4px 8px 4px 8px !important;position: relative;top: 1px;}
}

.pb-no-margin {
	margin-bottom: 0!important;
}

.pb-force-button-right {
	float: right;
}

div.pb_clear {
	clear:both;
	height:1px;
}

.hsbcPbConfirmationTextStyle
{
	padding-left:33px;
	margin-bottom:27px;
}

.hsbcPbConfirmationTextStyle p
{
	padding:7px 0px;
	color:#fff;
	font-weight:bold;
}

.hsbcPbConfirmationTextStyle
{
	background: #f00 url("../images/success.gif") left no-repeat;
}

a.act_show_underline {text-decoration:underline;}

a.button.act_show_button:hover {color:#fff;border-color:#600 #f99 #f99 #600;}

table.jhxShowImageTable td a
{
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 14px;
}
table.jhxShowImageTable td a.jhxDownArrow
{
	background-image: url("../images/downarrow.gif") ;
}

.hsbcPbConfirmationTextStyleBlack
{
	padding-left:33px;
	margin-bottom:27px;
}

.hsbcPbConfirmationTextStyleBlack p
{
	padding:7px 0px;
	color:#fff;
	font-weight:bold;
}

.hsbcPbConfirmationTextStyleBlack
{
	background: #000 url("../images/success_ofpr.gif") left no-repeat;
}

/* HSBC generic styles for cyclic images */

div.csa_token_black_1
{
	background: url("../images/CSA_Token_black_back_1.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}

div.csa_token_black_2
{
	background: url("../images/CSA_Token_black_back_2.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.csa_token_black_3
{
	background: url("../images/CSA_Token_black_back_3.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.csa_token_black_4
{
	background: url("../images/CSA_Token_black_back_4.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.csa_token_black_5
{
	background: url("../images/CSA_Token_black_back_5.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.csa_token_black_6
{
	background: url("../images/CSA_Token_black_back_6.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.csa_token_black_7
{
	background: url("../images/CSA_Token_black_back_7.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}

div.token_image_front_1
{
	background: url("../images/token_image_front_1.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.token_image_front_2
{
	background: url("../images/token_image_front_2.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.token_image_front_3
{

	background: url("../images/token_image_front_3.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.token_image_front_4
{
	background: url("../images/token_image_front_4.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.token_image_front_5
{
	background: url("../images/token_image_front_5.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.token_image_front_6
{
	background: url("../images/token_image_front_6.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}
div.token_image_front_7
{
	background: url("../images/token_image_front_7.gif") no-repeat right;
	width: 75px;
	height: 52px;
	margin-bottom:0px;
	float: right;
}

/* END of HSBC generic styles for cyclic images */

button.act
{
	padding-left: 0px;
	padding-right: 0px;
}

table.axis button.act{
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 8px;
	margin-right: 0px;
	margin-left: 20px;
}

/* Firefox */
@-moz-document url-prefix()
{
	button.act
	{
		padding-left: 7px;
		padding-right: 7px;
		padding-top:  4px;
		padding-bottom: 4px;
	}
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button.act
	{
		padding-left: 9px;
		padding-right: 9px;
		padding-top:  4px;
		padding-bottom: 4px;
	}
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	table.axis button.act
	{
		padding-left: 9px;
		padding-right: 9px;
		margin-bottom: 8px;
		margin-right: 0px;
		margin-left: 20px;
	}
}

button.act.hsbcPbSubmitLink, input.button.act.hsbcPbSubmitLink,
div.buttons input.act.hsbcPbSubmitLink, div.buttons a.act.hsbcPbSubmitLink {
	background-color: transparent;
	text-decoration:underline;
	font-size: 1em;
	border:1px solid #ccc;border-color:#fff #fff #fff #fff;
	color: #c00;
	position: static;
	cursor: pointer;
	overflow:visible;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 0px!important;
	position: relative;
	left: -1px;
	*left: -2px;
	_left: -12px;
}

tr.zebra button.act.hsbcPbSubmitLink, tr.zebra input.button.act.hsbcPbSubmitLink,
tr.zebra div.buttons input.act.hsbcPbSubmitLink, tr.zebra div.buttons a.act.hsbcPbSubmitLink
{
	border:1px solid #eee;
}

/* Firefox */
@-moz-document url-prefix()
{
	button.act.hsbcPbSubmitLink, input.button.act.hsbcPbSubmitLink,
	div.buttons input.act.hsbcPbSubmitLink, div.buttons a.act.hsbcPbSubmitLink {
		margin: 0px 0px 0px 0px!important;
		padding: 0px 0px 0px 0px!important;
		position: relative;
		left: -4px;
	}
}

button.act.hsbcPbSubmitLink:hover, input.button.act.hsbcPbSubmitLink:hover,
div.buttons input.act.hsbcPbSubmitLink:hover, div.buttons a.act.hsbcPbSubmitLink:hover {color:#c00;}

button.act.hsbcPbSubmitLinkNormal, input.button.act.hsbcPbSubmitLinkNormal,
div.buttons input.act.hsbcPbSubmitLinkNormal, div.buttons a.act.hsbcPbSubmitLinkNormal {
	background-color: transparent;
	text-decoration:underline;
	font-size: 1em;
	font-weight:normal;
	border:1px solid #ccc;border-color:#fff #fff #fff #fff;
	color: #c00;
	position: static;
	cursor: pointer;
	overflow:visible;
	margin: 0px 0px 0px 0px!important;
	padding: 0px 0px 0px 0px!important;
	float: left;
}

tr.zebra button.act.hsbcPbSubmitLinkNormal, tr.zebra input.button.act.hsbcPbSubmitLinkNormal,
tr.zebra div.buttons input.act.hsbcPbSubmitLinkNormal, tr.zebra div.buttons a.act.hsbcPbSubmitLinkNormal {
	border:1px solid #eee;
}

/* Firefox */
@-moz-document url-prefix()
{
	button.act.hsbcPbSubmitLinkNormal, input.button.act.hsbcPbSubmitLinkNormal,
	div.buttons input.act.hsbcPbSubmitLinkNormal, div.buttons a.act.hsbcPbSubmitLinkNormal {
		margin: 0px 0px 0px 0px!important;
		padding: 0px 0px 0px 0px!important;
	}
}

button.act.hsbcPbSubmitLinkNormal:hover, input.button.act.hsbcPbSubmitLinkNormal:hover,
div.buttons input.act.hsbcPbSubmitLinkNormal:hover, div.buttons a.act.hsbcPbSubmitLinkNormal:hover {color:#c00;}

button.act.showButton, input.button.act.showButton,
div.buttons input.act.showButton, div.buttons a.act.showButton {
	padding: 5px 10px 4px 10px!important;
	margin:0 0px 0 15px!important;
	font: normal normal .9em/.9em arial,helvetica,san-serif,serif;
	position: relative;
	font-weight:bold;
	vertical-align:middle;
}

/* Firefox */
@-moz-document url-prefix()
{
	button.act.showButton, input.button.act.showButton,
	div.buttons input.act.showButton, div.buttons a.act.showButton
	{
		padding: 4px 8px 4px 8px!important;
		position: relative;
		top: 1px;
	}
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button.act.showButton, input.button.act.showButton,
	div.buttons input.act.showButton, div.buttons a.act.showButton
	{
		padding: 6px 7px 7px 7px!important;
		position: relative;
		top: 1px;
	}
}

button.act.hsbcPbSubmitLinkDelete, input.button.act.hsbcPbSubmitLinkDelete,
div.buttons input.act.hsbcPbSubmitLinkDelete, div.buttons a.act.hsbcPbSubmitLinkDelete {
	background-color: transparent;
	text-decoration:underline;
	border: none;
	color: #c00;
	position: static;
	cursor: pointer;
	overflow:visible;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px!important;
	float: right;
}

/* Firefox */
@-moz-document url-prefix()
{
	button.act.hsbcPbSubmitLinkDelete, input.button.act.hsbcPbSubmitLinkDelete,
	div.buttons input.act.hsbcPbSubmitLinkDelete, div.buttons a.act.hsbcPbSubmitLinkDelete {
		margin: 0px 0px 0px 0px!important;
		padding: 0px 0px 0px 0px!important;
	}
}



div.col-right-new{
	width:40%;
	float:right;
}

div.col-left-new{
	width:40%;
	float:left;
}

div.col-left-payments{
	width:55%!important;
	float:left;
}

div.col-right-payments{
	width:45%!important;
	float:right;
}

div.col-left-big{
	width:50%;
	float:left;
}

table tr.error td.noErrorStyle {
	background-color: #eee!important;
	border-color: #eee!important;
	border:0px!important;
}

table tr.error th.noErrorStyle {
	background-color: #eee!important;
	border-color: #eee!important;
	border:0px!important;
}

select.hsbcDropDownBox1{
	width: 335px;
}

/*	These classes are reproduced from uics.css and rendered 'important'.
	This is necessary because the default setting for Tables was changed in uics.css	*/
tr.error th, tr.error td {background-color:#f9efef!important; border:1px solid #e5b1b1!important;}
tr.hint th, tr.hint td {background-color:#fffbe7!important;border:1px solid #ebd6aa!important;}
tr.error th, tr.hint th {border-right-width:0!important;}
tr.error td, tr.hint td {border-left-width:0!important;}


a.act.pbLinkAlternate {font-weight:normal;}

div.hsbcPbTextStyle  /* This class is used for normal body copy */
{
	padding:0;margin:0 0 7px 0;
	font-size:.9em;
}

/* Firefox */
@-moz-document url-prefix()
{
	div.hsbcPbTextStyle  /* This class is used for normal body copy */
	{
		padding:0;margin:0 0 7px 14px;
		font-size:.9em;
	}
}

button.act.button_style_hidden, input.button.act.button_style_hidden {
	color:#ddd;
	background-color:#ddd;
	border:1px solid #ddd;
	border-color:#ddd #ddd #ddd #ddd;
	cursor:default!important;
}

button.act.button_style_hidden_new, input.button.act.button_style_hidden_new {
	color:#ddd;
	background-color:#ddd;
	border:1px solid #ddd;
	border-color:#ddd #ddd #ddd #ddd;
	padding: 0px 20px 0px 0px!important;
	margin:0 0px 0 0;
	cursor:default!important;
}

/* Firefox */
@-moz-document url-prefix()
{
	button.act.button_style_hidden_new, input.button.act.button_style_hidden_new {
		color:#ddd;
		background-color:#ddd;
		border:1px solid #ddd;
		border-color:#ddd #ddd #ddd #ddd;
		padding: 0px 55px 0px 0px!important;
		margin:0 0px 0 0;
		cursor:default!important;
	}
}

td.topAlign label {vertical-align: top!important;}


div.blackButton2
{
	background:url("../images/buttons/buttonStyle01.gif") no-repeat 0 0;
	padding:0px;
	height: 25px;
	float: right;
	width: auto;
	margin-right: 10px!important;
	position:relative;
	top:-2px;
}
div.blackButton2 a
{
	background:url("../images/buttons/buttonStyle01.gif") no-repeat right -42px;
	color:#FFFFFF;
	display:block;
	height: 15px;
	padding:5px 15px 3px 28px;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
}

div.greyButton4
{
	background:url("../images/buttons/buttonStyle04.gif") no-repeat 0 0;
	padding:0px;
	height: 25px;
	float: left;
	width: auto! important;
	margin-left: 10px!important;
	position:relative;
	top:-2px;
}
div.greyButton4 a
{
	background:url("../images/buttons/buttonStyle04.gif") no-repeat right -42px;
	color:#FFFFFF;
	display:block;
	height: 15px;
	width: auto! important;
	padding:5px 15px 3px 15px;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
}

.hsbcDivletProfileSwitch ul
{
	margin-bottom: 0px;
}

.hsbcDivletProfileSwitch ul li.blackButton2,
.blackButton2
{
	background:url("../images/buttons/buttonStyle01.gif") no-repeat 0 0;
	padding:0px;
	float: right;
}
.hsbcDivletProfileSwitch ul li.blackButton2
{
	margin-right:2px!important;
	position:relative;
	top:-2px;
}
.hsbcDivletProfileSwitch ul li.blackButton2 a,
.blackButton2 a
{
	background:url("../images/buttons/buttonStyle01.gif") no-repeat right -42px;
	color:#FFFFFF;
	display:block;
	padding:1px 15px 3px 28px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}
.hsbcDivletProfileSwitch ul li.blackButton2 a:hover
{
	color: #ff0000;
}

.hsbcDivletProfileSwitch ul li.greyButton4,
.greyButton4
{
	background:url("../images/buttons/buttonStyle04.gif") no-repeat 0 0;
	padding:0px;
	float: left;
	margin-left: 10px;
}
.hsbcDivletProfileSwitch ul li.greyButton4
{
	margin-left:10px!important;
	position:relative;
	top:-2px;
}
.hsbcDivletProfileSwitch ul li.greyButton4 a,
.greyButton4 a
{
	background:url("../images/buttons/buttonStyle04.gif") no-repeat right -42px;
	color:#FFFFFF;
	display:block;
	padding:1px 15px 3px 15px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}
.hsbcDivletProfileSwitch ul li.greyButton4 a:hover
{
	color: #ff0000;
}



div.col-right button.act{
	margin-left: 20px;
	margin-right: 0px;
}

div.col-right #Continue{
	line-height: 10px;
	vertical-align: 20px;
}

.hsbcDivletProfileSwitch ul.leftButton
{
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
	display: inline;
}
.hsbcDivletProfileSwitch ul.rightButton
{
	float: right;
	width: 40%;
	margin: 0;
	padding: 0 10px 0 0;
	display: inline;
}
input.act {margin-left: 10px!important; margin-right: 0px;}

input.button.act.selectSpaceAlignment{margin:0 6px 0 380px;}

/* Firefox */
@-moz-document url-prefix()
{
	input.button.act.selectSpaceAlignment {margin:0 45px 0 0!important;}
}

input.button.act.selectSpaceAlignment1{margin:0 55px 0 -40px!important;}

/* Firefox */
@-moz-document url-prefix()
{
	input.button.act.selectSpaceAlignment1 {margin:0 -1px 0 44px!important;}
}

input.button.act.deselectSpaceAlignment{margin:0 54px 0 0;}

/* Firefox */
@-moz-document url-prefix()
{
	input.button.act.deselectSpaceAlignment{margin:0 16px 0 0!important;}
}

input.button.act.spaceAlignment{*margin:0 0 0 39px!important;}

/* Firefox */
@-moz-document url-prefix()
{
	input.button.act.spaceAlignment{margin:0px 0px 0px 73px!important;}
}

input.button.act.selectServicesAlignment{margin:0 0 0 4px!important;}

input.button.act.deselectServicesAlignment{margin:0 0 0 26px!important;}

/* Firefox */
@-moz-document url-prefix()
{
	input.button.act.deselectServicesAlignment{margin:0 0 0 8px!important;}
}

a.link_as_button {
	font-size: 90%;
	padding: 4px 20px 4px 20px!important;
	position: relative;
	background-color: #c00;
	color: #fff;
	border: 1px outset #000;
	font-weight:bold;
	text-decoration:none;
	border-top: 1px solid #f99;
	border-left: 1px solid #f99;
	border-bottom: 1px solid #600;
	border-right: 1px solid #600;
	margin-left:-18px;
	line-height: 1.1em;
}

a.button.link_as_button:hover {color:#fff;border-color:#600 #f99 #f99 #600;}

/* Firefox */
@-moz-document url-prefix()
{
	a.link_as_button {padding:3px 10px 3px 10px!important;}
}

a:focus {outline: 1px dotted black;}

button.act.hsbcPbSubmitLinkAlign, input.button.act.hsbcPbSubmitLinkAlign {
	float:right; vertical-align: middle!important;
}

/* This class is used in the Create BACS Payment input page to highlights the error fields. */
.crossFieldError {background-color:#e5b1b1!important;}

/* Thess classes are used in the BACS Beneficiary List for Header 1. */
div.col-left-large{
	width:41%;
	float:left;
}

div.col-right-large{
	width:59%;
	float:right;
	margin: 0px 0px 0px 0px!important;
}

/* These classes are used in the View cancelled/expired Standing Orders/Direct Debits. */
div.col-left-big-large{
	width:68%;
	float:left;
}

div.col-right-new-small{
	width:32%;
	float:right;
}

div.max-width{
	width: 100%;
}

.red-fraud-section{
	color: #ff0000;
	border-color: #ff0000;
	border: 2px solid #ff0000;
	padding: 7px;
	font-size: 14px;
	margin: 5px 0px;
}

.red-font{
	color: #DB0011;
}

.standard-font-li li{
	color: #000000;
	font-weight: normal;
}

.text-center-bold{
	text-align: center;
	font-weight:bold;
}

div.csRow {
	display: flex;
	align-items: flex-start;
	margin: 1px 2px 1px 2px;
}

div.csCol-1 {
	flex: 1;
	margin: 1px 4px 1px 4px;
}

div.csCol-2 {
	flex: 1;
	margin: 1px 4px 1px 4px;
}

div.csCol-3 {
	flex: 1;
	margin: 1px 4px 1px 4px;
}

div.csCol-4 {
	flex: 1;
	margin: 1px 4px 1px 4px;
}

.tokenHelpPagesText {
	line-height: 150%;
	font-weight: normal;
}