body {
	margin: 0;
	min-width: 480px;
	width: 100%;
	height: 100%;
	padding: 0;
}

@font-face {
	font-family: 'chevinboldregular';
	src: url('../css/fonts/chevb___.eot');
	src: url('../css/fonts/chevb___.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/chevb___.woff') format('woff'),
		url('../css/fonts/chevb___.ttf') format('truetype'),
		url('/POFS-NIS/css/chevb___.svg#chevinboldregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'chevinlightregular';
	src: url('../css/fonts/chevl___.eot');
	src: url('../css/fonts/chevl___.eot?#iefix') format('embedded-opentype'),
		url('../css/fonts/chevl___.woff') format('woff'),
		url('../css/fonts/chevl___.ttf') format('truetype'),
		url('/POFS-NIS/css/chevl___.svg#chevinlightregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*HEADER*/
#masthead {
	margin: auto;
	height: 93px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
}

#masthead img {
	margin: 0px 0px 0px 0px;
	float: left;
	border:none;
}

#page_header {
	margin: 0;
	padding: 0;
}

#page_header h1 {
	margin: 0;
	padding: 0;
}

#page_header h2 {
	margin: 0;
	padding: 0;
}

#next_steps_accept #page_header h2 {
	display:none;
}

#next_steps_refer #page_header h2 {
	display:none;
}

h1 {
	font-family: chevinboldregular;
	font-size: 32px;
	margin: 1em 0 0.8em 0;
	color: #2a2a2a;
	font-weight: normal;
}

h2 {
	font-family: chevinlightregular;
	font-size: 24px;
	margin: 1em 0 0.8em 0;
	color: #5b5b5b;
	font-weight: normal;
}

h3 {
	font-family: chevinlightregular;
	font-size: 16px;
	margin: 1em 0 0.8em 0;
	color: #5b5b5b;
	font-weight: bold;
}

h4 {
	font-family: chevinlightregular;
	font-size: 12px;
	margin: 1em 0 0.8em 0;
	color: #5b5b5b;
	font-weight: normal;
}

/*CONTACT US*/
.container {
	font-family: Arial;
	font-size: 12px;
	min-height: 100%;
}

.centre_page {
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	height: auto !important;
	height: 100%;
	position: relative;
	padding-bottom: 115px;
	padding-left: 10px;
	overflow: auto;
}

: :-moz-selection {
	background: #D8242F;
	color: #FFF;
}

:selection {
	background: #D8242F;
	color: #FFF;
}

div#contactUsBanner {
	min-width: 205px;
    width: 210px;
    float: left;
    position: relative;
    top: -44px;
    height: 162px;
    border-width: thick;
    margin-bottom: 10px;
    border-color: #F4F1EB;
    border-style: solid;
    padding: 0 0 0 5px;
}

div#contactUsBanner div {
	text-align: left;
	font-family: Arial;
	font-style: normal;
	text-decoration: none;
}

div#contactUsBanner div div.strong_red {
	font-family: chevinlightregular;
	font-size: 16px;
	font-weight: bold;
	color: #D8242F;
	margin: 0px;
}

div#contactUsBanner div div.message {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 10px 0px;
}

div#contactUsBanner div div.strong_black {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 10px 0px;
}

div#contactUsBanner div div.normal_grey {
	font-size: 13px;
	font-weight: normal;
	color: #767676;
}

/*PROGRESS BAR*/
div#steps {
	min-width: 460px;
	width: 460px;
	float: left;
	clear: both;
	display: block;
	margin: 10px 15px 10px 0px;
	padding: 0;
}

div#steps ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

div#steps li.active {
	font-family: chevinlightregular;
	float: left;
	margin: 5px 7px 0px 0px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #D8242F;
	width: 146px;
	border-bottom: 3px solid #D8242F;
}

div#steps li.inactive {
	font-family: chevinlightregular;
	float: left;
	margin: 5px 7px 0px 0px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #2A2A2A;
	width: 146px;
	border-bottom: 3px solid #2A2A2A;
}

main_container /*main_container*/ 

form {
	margin: 10px 15px 10px 0px;
	padding: 0;
}

div#main_container {
	font-family: 'Arial';
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	min-width: 460px;
	width: 460px;
	float: left;
	display: block;
	position: relative;
	text-align: left
}

div#main_container div.sub_section {
	background-color: #F4F1EB;
	border-radius: 5px;
	min-width: 450px;
	width: 450px;
	padding: 1px 5px 0px 5px;
	margin: 5px 0px 10px 0px;
	color: #5b5b5b;
}

div#main_container div.sub_section p {
	margin: 1.6% 0% 1.6% 0%;
	font-size: 12px;
	padding-top: 10px;
}

div#main_container div.sub_section p.subHeader_lightfont{
	margin-left: -2%;
}

div#main_container div.sub_section p.subHeader_bold{
	margin-left: -2%;
}

div#main_container div.sub_section h2 {
	margin: 0.85% 0% 0.85% 0%;
}

div#main_container div.sub_section label {
	text-align: left;
	font-size: 12px;
	padding-top:4px;
	padding-left: 0px;
	margin-left: 0px;
	width: 410px;
}

.main_btn {
	background-color: #F4F1EB;
	top: 180px;
    width: 460px;
    position: relative;
}

.main_btn2 {
	background-color: #F4F1EB;
	width: 460px;
	height: 43px;
	position: relative;
    top: 180px;
}

.main_btn3 {
	background-color: #F4F1EB;
	width: 472px;
	height: 43px;
	position: relative;
    top: 180px;
}

.main_btn4 {
	background-color: #F4F1EB;
	width: 400px;
	height: 43px;
}

.main_btn5 {
    background-color: #F4F1EB;
}

label {
	margin: 3px 14px 0 6px;
	padding: 4px 0 0 6px;
	/*width: 200px;*/
	float: left;
	font-size: 12px;
}

input {
	padding: .15em;
	font-size: 16px;
}

input[type=number] { -moz-appearance: textfield; } 
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; /* Removes leftover margin */ }

select {
	width: 90% !important;
	padding: .15em;
	font-size: 12px;
	vertical-align: top;
	margin-bottom: 0.3em;
}

.btn_back {
	background: url('../images/creditCardApplication/btn_background.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 163px;
	height: 37px;
	border: none;
	float: left;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.btn_continue {
	background: url('../images/creditCardApplication/btn_background.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 163px;
	height: 37px;
	border: none;
	float: right;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.btn_long {
	background:
		url('../images/creditCardApplication/btn_background_long.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 197px;
	height: 37px;
	border: none;
	float: left;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.btn_find_addr {
	background-image: url(/POFS-NIS/css/btn_findaddress.gif);
	background-repeat: no-repeat;
	width: 111;
	height: 32;
	border: 0;
}

.btn_select_addr {
	background: url('../images/creditCardApplication/select_addr.png')
		no-repeat top left;
	padding: -35px -54px 0px 0px;
	width: 90px;
	height: 20px;
	border: none;
	float: none;
	text-decoration: none;
	background-color: #000000;
	border-top: 1px outset #D4D0C8;
	border-right: 1px outset #404040;
	border-bottom: 1px outset #404040;
	border-left: 1px outset #D4D0C8;
	margin: 0px 0px 0px 0px;
	color: transparent;
	text-transform: capitalize;
	text-indent: 100px;
}

.btn_find_bank {
	background: url('../images/creditCardApplication/find_your_bank.png')
		no-repeat top left;
	padding: -35px -57px 0px 0px;
	width: 86px;
	height: 20px;
	border: none;
	float: none;
	text-decoration: none;
	background-color: #000000;
	border-top: 1px outset #D4D0C8;
	border-right: 1px outset #404040;
	border-bottom: 1px outset #404040;
	border-left: 1px outset #D4D0C8;
	margin: 5px 0px 0px 0px;
	color: transparent;
	text-transform: capitalize;
	text-indent: 90px;
}

.checkMark {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #00CC00;
	padding: 0 0 0 0;
	vertical-align: top;
	width: 18px;
}

.checkMarkPadding {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #00CC00;
	padding: 25px;
	vertical-align: top;
	width: 18px;
}

.noScriptcheckMarkPadding {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #00CC00;
	padding: 10px;
	vertical-align: top;
	width: 18px;
}

#layover .checkMark {
	margin-left: 7px;
	margin-right: 7px;
}

#layover .checkMarkPadding {
	margin-left: 7px;
	margin-right: 7px;
}

#layover .noScriptcheckMarkPadding {
	margin-left: 7px;
	margin-right: 7px;
}

.crossMark {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #FF0000;
	vertical-align: top;
	width: 18px;
}

.exclamationMark {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #EFC10C;
	/*vertical-align: super;*/
}

.error_message {
	float: none;
	font-size: 90%;
	width: 20%;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}

.filler {
	margin: 0 20px 0 6px;
	padding: 0 0 0 6px;
	width: 200px;
	float: left;
}

.filler_right {
	margin: 0 20px 0 6px;
	padding: 0 0 0 6px;
	width: 200px;
	float: left;
	text-align: right;
}

.checkCrossMark {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

/*FOOTER*/
#footer {
	min-width: 460px;
	width: 100%;
	clear: both;
	position: relative;
	margin-top: -84px;
	height: 58px;
}

#footer ul {
	margin: 0;
	padding: 10px 0px 10px 0px;
	border-top: 2px solid #ddd;
}

#footer ul li {
	display: inline;
	line-height: 1.0em;
	padding: 5px 5px 0 10px;
	margin-top: 10px;
}

#footer ul li a {
	color: #999;
	background: url('../images/arw_grey.gif') no-repeat bottom left;
	padding: 0 0 0 15px;
	text-decoration: none;
}

#footer ul li a:LINK {
	color: #555;
}

#footer ul li a:ACTIVE {
	color: #555;
}

#footer ul li a:VISITED {
	color: #555;
}

#footer ul li a:HOVER {
	color: #555;
	text-decoration: underline;
}

#footer_hwc {
	width: 100%;
	height: 58px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: -1px 5%;
}

#footer_hwc img {
	float: right;
}

#footer_hwc p {
	margin: 33px 0px 0px 0px;
	float: left;
	color: #FFF;
}

/*LAY OVER*/
div#overlayGrey {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 26;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

div#overlayBox {
	position: absolute;
	top: 50px;
	left:50%;
	margin-left:-210px;
	z-index: 50;
	width: 380px;
	border-width: 3px;
	padding: 20px;
	background-color: #FFFFFF;
}

#btn_overlay_close {
	position: absolute;
	top: 0px;
	left: 348px;	
}


div#overlayBox button#btn_overlay_back {
	background: url('../images/creditCardApplication/btn_background.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 163px;
	height: 37px;
	border: none;
	float: left;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

div#overlayBox button#btn_overlay_continue {
	background: url('../images/creditCardApplication/btn_background.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 163px;
	height: 37px;
	border: none;
	float: right;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.overlayStrongParagraph {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
	color: #000000;
}

.listStyle {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #000000;
	display: inline-block;
	width: 340px;
	vertical-align: top;
	margin-left: 3.5px;	
}

.extra_line {
	text-align: right !important;
	margin-right: 38px;
	float: right;
	margin-top: -14px; 
}

/*STEP1*/
#noscript_overlay {
	margin: 5px 15px 10px 0px;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding: 0;
	min-width: 700px;
	width: 710px;
	float: left;
	display: block;
	position: relative;
}

#noscript_overlay div#noscript_sub_section {
	background-color: #F2F2F2;
	min-width: 690px;
	width: 700px;
	padding: 5px 15px 5px;
}

/*IMPORTANT DOCUMENTS*/
#important_document_img {
	position: relative;
	top: .3em;
    
}

.centered { 
	vertical-align:middle; 
	text-align:left; 
}

.important_document {
	display: inline-block;
	width: 210px;
	padding: 1px;
		
}

/*ACCEPT TERMS AND CONDITIONS*/
.accept_terms {
	width: 56%;
	padding: 1px;
	vertical-align: top;
}

#agreeToDataProtection {
	vertical-align: top;
	margin-top: 0em;
}

#termsAndCondLabel {
	display: inline-block;
	width: 87%;
}

.tnc_link {
	vertical-align: top;
	width: 42%;
	padding: 1px;
	height: 30px;
}

.tnc_link img {
	vertical-align: top;
}

.tnc_link .po_red_link {
	display: inline-block;
	width: 62%;
}

/*CREDIT CARD AGREEMENT*/
.customer_signature {
	float: left;
	align: top;
	width: 400px;
	height: 40px;
	padding: 1px;
	/*border: 3px solid #00B2EE;*/	
}

.signature_date {
	display: inline-block;
	width: 440px;
	padding: 1px;
	height: 40px;
}


/*CARD INFORMATION*/
#card_information {
	background-color: #FFFFFF;
	padding 10px;
}

.decision_card {
	display: inline-block;
	width: 450px;
	padding: 0px;
	height: auto;
}

img.next_step_img {
	display: inline-block;
	height: 180px;
	padding: 00px;
	position: relative;
	top: -213px;
}

.next_step_arrow {
	float: right;
	padding: 10px;
}

table.cc_details {
	background-color: white;
	padding: 0px;
	width: 449px;
}

/*IMPORTANT DOCUMENT ALIGNMENT*/
span.summary_box_align {
	position: relative;
	top: -15px;
}

span.data_protection_align {
	position: relative;
}


/*STEP 2*/
div.step2 {
	float:left;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 0.875em;
	width: 475px;
}

div.step2_bg {
	background-color: #F4F1EB;
	border-radius: 5px;
	min-width: 450px;
	width: 450px;
	padding: 1px 5px 5px 5px;
	margin: 5px 0px 10px 0px;
	color: #5b5b5b;
		
}

div.step2_bg.imp_docu {
	align: right;
}

div.step2_bg h3 {
	font-size: 16px;
	margin-bottom: 2px;
	padding-top: 0px;
	margin-top: 10px;
}

.frame_layout {
	width: 445px;
	height: 180px;
	scrolling: auto;
	background-color : #FFFFFF;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

.cc_tc {
	padding-left: 5px;
	width: 444px;
	height: auto;
	color: #5b5b5b;
	background-color: #dad7d0;
	padding-right: 10px;
	border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.button_submitapp {
	float: right;
	margin-right: 110px
}

/*STEP 3*/
#step3_container {
	margin: 0px;
	font-family: Arial;
	font-size: 12px;
	min-width: 450px;
	width: 460px;
	float: left;
}

#step3_container div h3 {
	font-size: 16px;
	font-family: chevinlightregular;
	margin-left: 17px;
	margin-top: 8px;
	min-width: 390px;
	width: 400px;
	text-align: left;
	padding-left: 20px;
}

#step3_container table {
	margin: 0px;
	padding: 0px;
	spacing: 0px
}

#step3_container table td#firstColumn {
	width: 190px;
	padding-bottom: 20px
}

#step3_container table td#secColumn {
	width: 200px;
	padding-bottom: 20px
}

#step3_container table td#baltrans_col1 {
	width: 190px;
	padding-bottom: 15px
}

#step3_container table td#baltrans_col2 {
	width: 220px;
	padding-left: 45px;
}

.cc_step {
	color: #000;
	margin: 0px 5px 1px 2px;
	padding: 0px 5px 5px 0px;
	background: url(../images/creditCardApplication/step.gif) no-repeat top
		left;
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
	vertical-align: middle;
	text-align: center;
	width: 39px;
	height: 24px
}

.cc_step1 {
	color: #000;
	margin: 0px 5px 1px 2px;
	padding: 0px 5px 5px 0px;
	background: url(../images/creditCardApplication/step_1.gif) no-repeat
		top left;
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
	vertical-align: middle;
	text-align: center;
	width: 39px;
	height: 24px
}

.cc_step2 {
	color: #000;
	margin: 0px 5px 1px 2px;
	padding: 0px 5px 5px 0px;
	background: url(../images/creditCardApplication/step_2.gif) no-repeat
		top left;
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
	vertical-align: middle;
	text-align: center;
	width: 39px;
	height: 24px
}

.cc_step3 {
	color: #000;
	margin: 0px 5px 1px 2px;
	padding: 0px 5px 5px 0px;
	background: url(../images/creditCardApplication/step_3.gif) no-repeat
		top left;
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
	vertical-align: middle;
	text-align: center;
	width: 39px;
	height: 24px
}

.iframe_layout {
	width: 452px;
	height: 180px;
	scrolling: auto
}

.button_right {
	float: right;
	width: 12em;
	font-weight: bold
}

.button_submit {
	float: right;
	margin-top: 10px;
	margin-right: -20px
}

div.step3_bg {
	background-color: #F4F1EB;
	border-radius: 5px;
	min-width: 450px;
	width: 460px;
	padding: 1px 5px 5px 5px;
	margin: 5px 0px 10px 0px;
}

div.accept_info {
	background-color: #F4F1EB;
	border-radius: 5px;
	min-width: 200px;
	width: 450px;
	padding: 10px;
	position: relative;
	top: 174px;
}

/* LAST PAGE */
div#container_layout {
	border-radius: 5px;
	margin: 0px;
	font-family: Arial;
	font-size: 12px;
	min-width: 460px;
	width: 460px;
	float: left;
}

div#container_layout h3 {
	font-size: 16px;
	font-family: chevinlightregular;
}

div#container_layout2 {
	margin: 0px 15px -30px 0px;
	font-family: Arial;
	font-size: 12px;
	min-width: 460px;
	width: 477px;
	float: left;
	/*height: 720px;*/
}

div#container_bg {
	background-color: #dad7d0;
	color: #5b5b5b;
	border-radius: 5px;
}

div#container_bg_bottom {
	background-color: #f4f1eb;
	color: #5b5b5b;
	border-radius: 5px;
}

.buttonStyle {
	background: url('../images/creditCardApplication/btn_background.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 163px;
	height: 37px;
	border: none;
	float: left;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 14px;
}

.buttonStyle2 {
	background: url('../images/creditCardApplication/btn_background.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 163px;
	height: 37px;
	border: none;
	float: left;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 12px;
}

.button_left {
	width: 10em;
	font-weight: bold
}

/*TIME OUT WARNING*/
div#timeoutGrey {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 150;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

div#timeoutBox {
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	z-index: 200;
	width: 400px;
	border-width: 3px;
	padding: 20px;
	background-color: #FFFFFF;
}

div#timeoutBox button#btn_timeout_close {
	position: absolute;
	top: -7px;
	left: 550px;
	border: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: url('../images/creditCardApplication/btn_overlay_close.png')
		no-repeat center center;
	padding: 8px;
}

div#timeoutBox button#btn_timeout_continue {
	background: url('../images/creditCardApplication/btn_background.png')
		no-repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	width: 163px;
	height: 37px;
	border: none;
	float: right;
	padding: 6px 0 3px 0;
	margin: 5px 0 0 0;
	font-size: 90%;
}

.timeoutParagraph {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

.timeoutHeader {
	font-family: chevinlightregular;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #5b5b5b;
}

/*ERROR MESSAGE*/
div.error {
	margin-bottom: 5px;
	border-left: 3px solid #D8242F;
	border-right: 3px solid #D8242F;
	border-top: 3px solid #D8242F;
	border-bottom: 3px solid #D8242F;
	padding-top: 3%;
	padding-bottom: 10px;
}

p.error {
	border-left: 3px solid #D8242F;
	border-right: 3px solid #D8242F;
	border-top: 3px solid #D8242F;
	border-bottom: 3px solid #D8242F;
	padding-top: 3%;
	padding-bottom: 1%;
}

tr.error {
	border-left: 3px solid #FF0033;
	border-right: 3px solid #FF0033;
	border-top: 3px solid #FF0033;
	border-bottom: 3px solid #FF0033;
	padding-top: 3%;
	padding-bottom: 1%;
}

.error_font {
	color: #D8242F;
	font-weight: bold;
	width: 85%;
	minimum-width: 75%;
	maximum-width: 75%;
	float: left;
	font-size: 12px;
	background-color: transparent;
	margin-top: -3%;
	padding-left: 1.5%;
}

.error_font_na {
	color: #D8242F;
	font-weight: bold;
	width: 100%;
	minimum-width: 90%;
	maximum-width: 100%;
	float: left;
	font-size: 12px;
	padding-left: 1.5%;
}

/*CREDIT CARD AGREEMENT*/
div#cc_agreement {
	width: 400px;
}

div#cc_agreement h2 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -12px;
}

div#cc_agreement h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 7px;
}

div#cc_agreement table {
	border: 1px solid #CCCCCC;
	width: 407px;
	font-size: 11px;
	border-collapse: collapse;
}

div#cc_agreement div.cc_agreement_section {
	border: 1px solid #ccc;
	font-size: 11px;
	width: 390px;
	padding: 5px 10px 15px 5px
}

div#cc_agreement div.cc_agreement_section table {
	border: 1px solid #CCCCCC;
	width: 95%;
	font-size: 11px;
	border-collapse: collapse;
}

/*New styles*/
.float_right {
	float: right;
}

.textfield_align_forcedown {
	margin: 0 0 -10px 0;
}

.textfield_align_forcedown_jsoff {
	vertical-align: middle;
}

.float_right_margin {
	float: right;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.float_right_margin1 {
	float: right;
	margin-top: 2px;	/* All other browser and IE8 above */ 
	*margin-top: 19px;  /* IE7 and below */ 
	margin-bottom: 0px;
	margin-right: 10px;
}

a img {outline : none;}

.float_right_margin2 {
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
}

.margin_left {
	margin-left: 0.2em;
}

.margin_left.submit {
	margin-left: 0.5em;
}

.po_red_link {
	color: #D8242F;
}

div.textHidden a {
	font-size: 70%;
	text-decoration: underline;
}

div.textHidden a,div.textHidden a:hover,div.textHidden a:visited {
	position: absolute;
	top: 200px;
	left: 50px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

div.textHidden a:active,div.textHidden a:focus {
	position: absolute;
	top: 70px;
	left: 130px;
	width: auto;
	height: auto;
}

.hide {
	color: #fff;
}

#hide {
	font-size: .1em;
	position: absolute;
	left: -1000px;
}

.hidden {
	position: absolute;
	left: -9999px;
	font-size: .000000000001em;
	color: #fff;
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	display: block;
	
}

#main_container ol li {
	width: 95%;
	list-style-type: none;
}

#main_container ul li {
	width: 95% !important;
	list-style-type: none;
}

#main_container fieldset label {
	text-align: right;
	padding-top:4px;
}

span.abbrstyle {
	padding: 0px 3px 0px 0px;
	width: 290px;
}

fieldset.mainlegend legend {
	font-family: chevinlightregular;
	font-size: 16px;
	margin: 0 0 -0.2em 0;
	color: #5b5b5b;
	font-weight: bold;
}

fieldset.nestedlegend legend {
	position: absolute;
	left: -9999px;
	font-size: .000000000001em;
	color: #fff;
	border: none;
	margin: 0 0 5px;
	padding: 0;
}

fieldset.nestedlegend input {
	float: left;
}

.fieldset_label {
	width: 213px;
	float: left;
	padding-left: 10px;
	padding-top:4px;
}

.fieldset_label_right {
	width: 410px;
	
	text-align: left;
	padding-right: 20px;
	padding-top:4px;
}

div#main_container div.sub_section label.nestedlabel {
	float: left;
	width: auto;
	padding-top:4px;
}

.single_line_div {
	display: block;
	padding: 4px 0 6px 6px;
	min-height: 10px;
	clear: both;
	vertical-align: middle;
}

.single_line_div fieldset label {
	width: auto;
	padding-top:4px;
}

.single_line_div_error fieldset label {
	width: auto;
	padding-top:4px;
}

.single_line_div_error {
	margin-bottom: 5px;
	border-left: 3px solid #D8242F;
	border-right: 3px solid #D8242F;
	border-top: 3px solid #D8242F;
	border-bottom: 3px solid #D8242F;
	padding: 4px 0 6px 5px;
	min-height: 10px;
	clear: both;
	vertical-align: middle;
}
.single_line_div_error_long {
	margin-bottom: 5px;
	border-left: 3px solid #D8242F;
	border-right: 3px solid #D8242F;
	border-top: 3px solid #D8242F;
	border-bottom: 3px solid #D8242F;
	padding: 4px 0 6px 5px;
	min-height: 10px;
	clear: both;
	vertical-align: middle;
}
.single_line_div_sig {
	display: block;
	padding: 4px 0 6px;
	min-height: 10px;
	clear: both;
	vertical-align: middle;
}

.single_line_div_sig_error {
	margin-bottom: 5px;
	border-left: 3px solid #D8242F;
	border-right: 3px solid #D8242F;
	border-top: 3px solid #D8242F;
	border-bottom: 3px solid #D8242F;
	padding: 4px 0 6px;
	min-height: 10px;
	clear: both;
	vertical-align: middle;
}
.single_line_div_sig_error_long {
	margin-bottom: 5px;
	border-left: 3px solid #D8242F;
	border-right: 3px solid #D8242F;
	border-top: 3px solid #D8242F;
	border-bottom: 3px solid #D8242F;
	padding: 4px 0 40px;
	min-height: 10px;
	clear: both;
	vertical-align: middle;
}

.single_line_div label {
	width: 125px;
	padding-top:4px;
}

.single_line_div_error label {
	width: 200px;
	padding-top:4px;
}

.single_line_div_sig label {
	width: auto;
	padding-top:4px;
}
.single_line_div_sig input {
	float:left;
}
.single_line_div_sig_error input {
	float:left;
}
.single_line_div_sig_error_long input {
	float:left;
}
.single_line_div_sig_error label {
	width: auto;
	padding-top:4px;
}
.single_line_div_sig_error_long label {
	width: auto;
	padding-top:4px;
}

.errorMsgSpan {
	font-size: 11px;
	width: 378px;
	vertical-align: middle;
	color: #D8242F;
}

.subHeader {
	padding-left: 2px;
}

.centre_page_op {
	margin-left: auto;
	margin-right: auto;
	width: 460px;
	height: 490px !important;
	height: 100%;
	position: relative;
	padding-bottom: 115px;
	overflow: auto;
}

.hideSpan {
	visibility:hidden; 
	display:none;
}

.showSpan {
	visibility: show; 
	display: inline;
}
a.info 
{ 
    position:relative;
    color:#000; 
    text-decoration:none;
} 

a.info div{
	display: none;
	left: -1228% !important;
    top: -55px !important;
    width: 222px !important;
    padding-left: 10px;
}

a.info:hover {
    z-index:25;
}

a.info:hover div { 
    display:block; 
    position:absolute; 
    left: 50%;
    top:2em; left:2em; width:10em; 
    /*border:1px solid #000000;*/
    background-color:#ffffff; color:#000000; 
    width: 550px; 
    left: -1000%;
    margin-left:10px;
    padding-top: 10px; 
    padding-bottom: 10px;
}

a.info:hover div span span { 
    line-height: 15px;
} 

/* PDF Section */
div#pdfSection {
	min-width: 205px;
	width: 210px;
    height: 157px;
    float: right;
    position: relative;
    top: -44px;
    left: -20px;
    font-size: 11px;
    font-family: Arial;
    font-weight: normal;
    border-width: thick;
    margin-bottom: 10px;
    border-color: #F4F1EB;
    border-style: solid;  
    padding: 5px 0px 0px 5px;
}

.pdficon {
	position: relative;
	top: .3em;
}

.po_red_link {
	color: #D8242F;
}

.po_balance_inst{
	padding-top: 0px; 
	padding-right: 6px; 
	margin-left: 16px;
}

.po_card_number{
	padding-top: 0px; 
	padding-right: 19px; 
	margin-left: 10px;
	padding-left:0px;
	margin-bottom: 10px !important;
}

.po_balance_amount{
	width: auto; 
	margin-right: 15px; 
	margin-left: 10.5px;
	padding-left:0px;
}

.error_inline_bt{
	width:190px; 
	font-size:11px;
}

.phonediv {
	width:460px !important;
}

input#firstName{
	width: 88.5% !important;
}

input#middleName1{
	width: 5% !important;
}

input#middleName2{
	width: 5% !important;
}

input#surname{
	width: 88.5% !important;
}

input#placeOfBirth{
	width: 88.2% !important;
}

input#dobDD{
	width: 7% !important;
}

input#dobMM{
	width: 7% !important;
}

input#dobYYYY{
	width: 10% !important;
}

input#homeTelephone{
	width: 88.5% !important;
}

input#mobilePhone{
	width: 88.2% !important;
}

input#email{
	width: 88.5% !important;
}

input#confirmEmail{
	width: 88.5% !important;
}

input#maidenName{
	width: 88.5% !important;
}

input#branchCode{
	width: 88.5% !important;
}

input#employerName{
	width: 88.5% !important;
}

input#workStreet{
	width: 88.5% !important;
}

input#workCityTown{
	width: 88.5% !important;
}

input#workTelephone{
	width: 88.5% !important;
}

input#grossIncome{
	width: 88.5% !important;
}

input#flatNumber{
	width: 88.5% !important;
}

input#houseNumber{
	width: 88.2% !important;
}

input#houseName{
	width: 88.5% !important;
}

input#street{
	width: 88.5% !important;
}

input#cityTown{
	width: 88.5% !important;
}

input#postcode{
    width: 18% !important;
    margin-right: 55px !important;
    /*margin-left: 51px;*/
    margin-top: 4px;
}

input#prevFlatNumber{
	width: 88.5% !important;
}

input#prevHouseNumber{
	width: 88.2% !important;
}

input#prevHouseName{
	width: 88.5% !important;
}

input#prevStreet{
	width: 88.5% !important;
}

input#prevCityTown{
	width: 88.5% !important;
}

input#prevPostCode{
    width: 18% !important;
    margin-right: 55px !important;
    /*margin-left: 51px;*/
    margin-top: 4px;
}
input#enterAddress{
	margin-left: 0px !important;
	
}
input#enterPrevAddress{
	margin-left: 0px !important;
	
}

.crossMark:before {
	content:"\a";
    white-space:pre;
}

div#addressDiv.single_line_div{
	width: 410px;
    height: 130px;
}

div#prevaddressDiv.single_line_div{
	width: 410px;
    height: 130px;
}

div#sortcodeDiv.single_line_div{
	width: 410px;
}

label.labelphone{
    width: 300px !important;
    padding-top: 5px !important;
    /*margin-left: 51px !important;*/
}

.spanphone{
	margin-left: 41px;
}

.spanphone:after{
	content:"\a\a";
    white-space:pre;
}

.spanphone:before{
	content:"\a\a\a";
	white-space:pre;
}
select#timeAtWorkYY{
	width:19% !important;
}
select#timeAtWorkMM{
	width:19% !important;
}

select#timeAtAddressYY{
	width:19% !important;
}
select#timeAtAddressMM{
	width:19% !important;
}
select#timeAtBankYY{
	width:19% !important;
}
select#timeAtBankMM{
	width:19% !important;
}

.spanphone2 {
	width: 55px !important;
    margin-left: 10px !important;
    padding-bottom: 15px;
}

input#sortCodePair1{
	width: 7% !important;
}

input#sortCodePair2{
	width: 7% !important;
}

input#sortCodePair3{
	width: 7% !important;
}

input#accountNumber{
	width: 88.5% !important;
}
.spanphone3 {
	width: 173px !important;
    text-align: right !important;
    margin-left: 43px !important;
}

label.pound {
	width: auto;
	margin-right: 5px; 
	margin-left: 0px;
	margin-bottom: 10px;
}

.inline_text {
	margin:-1% 0% 0% 0% !important;
	font-size: 11px !important;
	width: 90%;
	vertical-align:top;
	padding-left: 1px;
}

.small_textfield{
	width:4%;
	}

.common_textfield{
	width:25%;
	vertical-align:top;
	}

.common_select{
	width:26%;
	vertical-align:top;
	}
	
.date_day_month_select{
	width:13% !important;
	vertical-align:top;
}

.date_year_select{
	width:23% !important;
	vertical-align:top;
}

.phone_position_timeout{
	top:-55px !important;
	position: inherit;
}

.button_position_timeout{
	top:341px;
	position: absolute;
}

#postcodeFieldEmpty.crossMark{
	position: relative;
	top: 25px;
    left: -140px;
}
#postcodeFieldEmpty.crossMark:before{
	content: '' !important;
}
#prevPostCodeFieldEmpty.crossMark{
	position: relative;
	top: 25px;
    left: -140px;
}
#prevPostCodeFieldEmpty.crossMark:before{
	content: '' !important;
}
#currentAddress{
	position: relative;
}

#postcodeInValidMsg{
    position: relative;
    width: 400px;
    top: 39px;
    left: -143px;
}
#prevPostCodeInValidMsg{
 	position: relative;
    width: 400px;
    top: 39px;
    left: -143px;
}
.errorMsgSpan_postcode{
	font-size:11px;
	width: 163px !important;
	position: absolute;
	display: inline-block;
}

.phonebr{
	display: none;
}

p.selectAddress{
	display: none;
}

.errorMsgSpan.gender, .errorMsgSpan.sortcode, .errorMsgSpan.contact, {
    width: 200px !important;
}

input#signatureDate{
	margin-bottom: 5px;
	width: 100px;
	margin-right: 7px;
	margin-left: 0px;
}

#maidenNameIncMsg.errorMsgSpan, #flatNumberInValidMsg.errorMsgSpan, #houseNumberInValidMsg.errorMsgSpan, #houseNameInValidMsg.errorMsgSpan,
#homeTelephoneInValidMsg.errorMsgSpan, #prevFlatNumberInValidMsg.errorMsgSpan, #prevHouseNumberInValidMsg.errorMsgSpan, #prevHouseNameInValidMsg.errorMsgSpan{
	width: 378px;
}

input#transferAmount, input#transferAmount2, input#transferAmount3{
	width: 206px !important;
}

.inline{
	display:inline; 
	vertical-align: 0px !important;
}

.noLine:before{
	content: "" !important;
}

input#transferCardNumber, input#transferCardNumber2, input#transferCardNumber3{
	width: 206px;
}

#transferAmountExceedMsg.errorMsgSpan, #transferAmount2ExceedMsg.errorMsgSpan, #transferAmount2ExceedMsg.errorMsgSpan{
	width: 180px;
}

.enterAddressLabel{
	padding: 0 !important;
	display: inline !important;
}

.enterAddressLabel2{
	padding: 0 !important;
	display: inline !important;
}

div.pcci_div, div.icci_content, div.dps_content {
	width:428px;
}

body.pcci_body, body.dps_body, body.icci_body {
    min-width: 435px !important;
    min-height: auto !important;
    width: 435px;
}

body.cca_body{
	min-width: 435px !important;
	min-height: auto !important;
	width: 435px;
}

.label_inbetween{
	text-align: left;
	padding: 8px 0% 0% 7px;
}

.iframe_div{
	width: 450px;
    height: 184px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

label.po_balance_amount, label.po_card_number{
	    width: 125px;
}

.extended_title{
	margin-left: 0px;
}

#legals_and_submit #pdfSection {
	display: none;
}

label.signatureDate {
	margin-top: 3px;
	margin-right: 20px;
}

input#customerSignature {
	margin-right: 0px;
	margin-top: 7px;
}
.exclamationMark:before{
	content:"\a";
	white-space:pre;
}
.next_line1:after {
    content: "\a\a";
    white-space: pre;
}

span#grossIncomeInValidMsg {
	width: 400px !important;
}

#creditcard_terms_condition {
	width: 100%;
}

input#creditCardName {
	margin-left: -10px;
}

#placeOfBirthBox a.info div {
	top: -38px !important;
	left: -163px !important;
	text-align: center !important;
    padding-left: 0px !important;
    width: 190px !important;
}

#mobilephoneDiv a.info div {
	top: -86px !important;
    left: -190px !important;
    text-align: center !important;
    padding-left: 0px !important;
    width: 230px !important;
    height: 42px !important;
    padding-top: 20px;
    padding-bottom: 20px
}

#housenumberDiv a.info div {
	top: -55px !important;
    left: -125px !important;
    text-align: center !important;
    padding-left: 0px !important;
    width: 160px !important;
    height: 40px !important;
    padding-top: 5px;
    padding-bottom: 5px
}

#placeOfBirthBox a.info img, #mobilephoneDiv a.info img, #housenumberDiv a.info img {
	margin-top: 1.5px;	
}

#balanceTransferFormBean div div[id*=transferAmount], #balanceTransferFormBean div div[id*=transferCardNumber] {
	height: 35px;
}

#amountExceed.exclamationMark:before, #amount2Exceed.exclamationMark:before, #amount3Exceed.exclamationMark:before{
	white-space: normal !important;
}
.hide320{
	display: none;
}

.step3_bg p.error {
	 padding-left: 10px;
}

label.spanphone2 {
    line-height: 5px;
    padding-right: 0px;
}

label.labelphone {
	line-height: 10px;
}

#transferAmountDiv.single_line_div_error_long,
#transferAmount2Div.single_line_div_error_long,
#transferAmount3Div.single_line_div_error_long {
    height: 77px !important;
}

#transferCardNumberDiv.single_line_div_error_long,
#transferCardNumber2Div.single_line_div_error_long,
#transferCardNumber3Div.single_line_div_error_long {
    height: 60px !important;
	padding: 4px 0 15px 5px;
}

#pdfSection .po_red_link {
    display: inline-block;
    width: 185px;
}

#balanceTransferFormBean .errorMsgSpan {
    width: 200px!important;
}

#legals_and_submit .step2_bg .error {
	height: 9em !important;
}

#middleName {
	width: 79.5% !important;
}

#otherSourcesCheckDiv, otherIncCountriesField {
	float: left;
    width: 100% !important;
}









#otherSourcesCheckDiv {
	float: left;
    width: 102% !important;
}

div#otherIncCountries {
	float: left;
    width: 100% !important;
}

.otherIncCountry ,addedCountry {
	float: left;
    width: 80% !important;
}

.checkbox-grid li {
    display: block;
    float: left;
}

.removeLink {
    float: left;
    padding:5px;
}

#addOtherCountry {
    margin-left: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

#addCountryField {
	margin-top: 15px
}


#fillerDiv{
margin-bottom:-10px !important; 
color: #f4f1eb !important;
}

.otherIncomeMobile{
display:block  !important;
}

.otherIncomeWeb{
display:none;
}












.holdParag {
    padding-left: 20%;
}
.consent-layer{
	margin-left: 20px;
}
.layer-option{
	width:20%;
	margin-right: 15px;
	display: inline-block;
}
.option-label{
	display: inline-block;
}

.optlabel
{
    margin-top: -17px;
    margin-left: 25px !important;
}
.optlabel2
{
    margin-left: 25px !important;
        text-align: left !important;   
margin-top: -15px !important;

}
.optlabellast
{
    margin-top: -1px;
    margin-left: 5px !important;
}
div.ucliradio,div.ucliradiolast{
 display: inline-block;
 margin: 0px 0px 10px 50px;
 width:auto !important;
}
.uclierror{
    margin-top: 0px;
    margin-right: 0px;
	float: none;
}

.ucliradiolast.uclivalid{
background-image: url("../images/creditCardApplication/tick.gif");
background-repeat: no-repeat;
background-position: 40% top;
}

#ucliDiv{
	max-width: 440px;
}