body {
	margin: 0;
	min-width: 300px;
	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;
	/*width: 700px;*/
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
}

#masthead img {
      margin: 5px 0px 0px 10px;
      float: left;
      border:none;
      height: 55px;
      width: 165px;
}

#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: 28px;
	margin: 1em 0 0.8em 0;
	color: #2a2a2a;
	font-weight: normal;
}

h2 {
	font-family: chevinlightregular;
	font-size: 19px;
	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: 695px;
	height: auto !important;
	height: 100%;
	position: relative;
	padding-bottom: 84px;
	overflow: auto;
}

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

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

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

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

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: 15px;
	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: 630px;
	width: 672px;
	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: 217px;
	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: 217px;
	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: 15px;
	font-weight: normal;
	padding: 0;
	min-width: 600px;
	width: 670px;
	float: left;
	display: block;
	position: relative;
	text-align: left
}

div#main_container div.sub_section {
	background-color: #F4F1EB;
	border-radius: 5px;
	min-width: 600px;
	width: 655px;
	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: 14px;
}

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

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


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

div#main_container div.sub_section label {
	text-align: right;
	font-size: 14px;
	padding-top:4px;
}

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

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

div#main_btn_2 {
	background-color: #F4F1EB;
	width: 720px;
	height: 43px;
	margin-top: 60px;
}

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

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

.main_btn5 {    
	background-color: #F4F1EB;
    top: 10px;
    width: 550px;
    position: relative;
}

label {
	margin: 0 5px 0 6px;
	padding: 4px 0 0 6px;
	width: 200px;
	float: left;
	font-size: 14px;
}

input {
	padding: .13em;
	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: 30%;
	padding: .13em;
	font-size: 15px;
	vertical-align: top;
}

.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: 0px 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;
}

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

#layover .noScriptcheckMarkPadding {
	margin-left: 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;
}

.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: 100%;
	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: 10;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

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

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


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: 17px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

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

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

/*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: 300px;
	padding: 1px;
}

/*ACCEPT TERMS AND CONDITIONS*/
.accept_terms {
	display: inline-block;
	width: 370px;
	padding: 1px;	
}

.tnc_link {
	display: inline-block;
	width: 270px;
	padding: 1px;
}

/*CREDIT CARD AGREEMENT*/
.customer_signature {
	float: left;
	align: top;
	width: 290px;
	padding: 1px;
		
}

.signature_date {
	display: inline-block;
	width: 320px;
	padding: 1px;
}

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

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

img.next_step_img {
	display: inline-block;
	height: 180px;
    padding: 0 0 10px 5px;
}

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

table.cc_details {
	background-color: white;
	padding: 50px;
	width: 335px;
}

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

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

.po_red_link {
	color: #D8242F;
	vertical-align: bottom;
}

div.step2bg {
	background-color: #F4F1EB;
	border-radius: 5px;
	min-width: 710px;
	width: 730px;
	padding: 1px 5px 5px 5px;
	margin: 5px 0px 10px 0px;
	color: #5b5b5b;
	height:80px;
}


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

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

body.icci_body {
    min-width: 615px !important;
    min-height: auto !important;
    width: 615px !important;
}

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

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

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

/*STEP 3*/
#step3_container {
	margin: 0px;
	font-family: Arial;
	font-size: 14px;
	min-width: 600px;
	width: 650px;
	float: left;
}

#step3_container div h3 {
	font-size: 16px;
	font-family: chevinlightregular;
	margin-left: 17px;
	margin-top: 8px;
	min-width: 600px;
	width: 620px;
	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: 640px;
	height: 180px;
	scrolling: auto
	-webkit-overflow-scrolling: touch;
}


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

.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: 600px;
	width: 665px;
	padding: 1px 5px 5px 5px;
	margin: 5px 0px 10px 0px;
}

div.accept_info {
	background-color: #F4F1EB;
	border-radius: 5px;
	min-width: 200px;
	width: 335px;
	padding: 10px;
	
}

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

div#container_layout h2 {
	margin-top: 40px;
}

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

div#container_layout2 {
	margin: 0px 15px -30px 0px;
	font-family: Arial;
	font-size: 12px;
	min-width: 600px;
	width: 650px;
	float: left;
}

div#container_bg {
	background-color: #dad7d0;
	color: #5b5b5b;
	border-radius: 5px;
	padding: 10px 15px 0px 10px;
	width: 645px;
	
}

div#container_bg_bottom {
	background-color: #f4f1eb;
	color: #5b5b5b;
	border-radius: 5px;
	padding: 10px 15px 0px 10px;
	width: 645px;
}

.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;
	top: 110px;
	left: 120px;
	z-index: 200;
	width: 550px;
	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: 75%;
	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: 650px;
}

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: 550px;
	font-size: 11px;
	border-collapse: collapse;
}

div#cc_agreement div.cc_agreement_section {
	border: 1px solid #ccc;
	font-size: 11px;
	width: 550px;
	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: 0px;	/* 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: 15px;
}

.margin_left {
	margin-left: 0.7em;
}

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

.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%;
	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: 18px;
	margin: 0 0 0.8em 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;
	font-size: 14px;
}

.fieldset_label_right {
	width: 213px;
	float: left;
	text-align: right;
	padding-right: 4px;
	padding-top:4px;
	font-size: 14px;
}

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

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

.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;
	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 40px;
	min-height: 10px;
	clear: both;
	vertical-align: middle;
}
.single_line_div_sig {
	display: block;
	padding: 4px 0 6px;
	min-height: 25px;
	clear: both;
	vertical-align: middle;
	margin: 0 20px 0 6px;
}

.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: 200px;
	padding-top:4px;
	font-size:14px
}

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

.single_line_div_sig label {
	width: auto;
	padding-top:4px;
	margin: 0 20px 0 6px;
}
.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;
	display: inline-block;
	width: 160px;
	color: #D8242F;
}


.errorMsgSpan_postcode {
	font-size: 11px;
	display: inline-block;
	width: 70px;
	color: #D8242F;
    padding-right: 20px;
	}

.subHeader {
	padding-left: 30px;
	width: 500px;
}

.centre_page_op {
	margin-left: auto;
	margin-right: auto;
	width: 710px;
	height: 500px !important;
	height: 100%;
	position: relative;
	padding-bottom: 84px;
	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}

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

a.info:hover div { 
	display: block;
	position: absolute;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: middle;
	z-index: 30;
	left: 50%;
	top:2em; left:2em; width:10em;
	border:1px solid #000000;
	background-color:#ffffff; color:#000000;
	width: 250px; 
	left: -1000%;
	margin-left:10px;
	padding-top: 10px; 
}


div#hov1 {
	width: 200px; 
	left: 60%; 
	top: -50%;
	padding: 10px 5px 10px 5px;
	text-align: center;
}


div#hov2 {
	width: 207px; 
	position: absolute;
    left:50%;
   	top:-10px;
   	right:0px;
    padding: 10px 10px 10px 10px;
    text-align:center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) 
{

div#hov2 {
	width: 200px !important;
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) 
{

div#hov2 {
	width: 207px !important;
}
}

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

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

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

.po_red_link {
	color: #D8242F;
}

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

.po_card_number{
	padding-top: 0px; 
	padding-right: 13px; 
	margin-left: 10px;
	padding-left:0px;
}

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

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

.inline{
	display:inline; 
}


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

.small_textfield{
	width:4%;
	}

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

.common_textfield2{
	width:29.3%;
	vertical-align:top;
	}


.common_select{
	width:30.7%;
	vertical-align:top;
	}

.date_day_month_select{
	width:9.1%;
	vertical-align:top;
	font-size: 14px;
}

.date_year_select{
	width:11.4%;
	vertical-align:top;
	font-size: 14px;
}
	
.extended_title{
	width:30.7%;
	vertical-align:top;
	margin-left: 217px;
	}
	
.submit_application{
	width: 650px;
	}
	
.time_textfield{
	width: 15%;
	}	
	
.input_minitxtfield{
	width:5%; 
	vertical-align: top;
	}

.input_minitxtfield2{
	width:8%; 
	vertical-align: top;
	}

.question_mark{
	width:20px; 
	height:20px;
	border: 0px;
	}
	
.postcode {
	width:11%;
	margin-right:90px;
	}
	
.prev_postcode {
	width:11%;
	margin-right:90px;
	}

.subHeader_bold {
	padding-left: 10px;
	margin:2% 0% 2% 0%;
	font-weight:bold;
	}

.subHeader_lightfont {
	padding-left: 10px;
	margin:1% 0% 2% 0%;
	}


.display_none {
	display:none;
	}
	
.society {
	background-color:transparent; 
	border:0; 
	outline:none; 
	resize:horizontal;
	width: 290px;
}

.label_inbetween {
	padding-top: 3px;
	width:200px; 
	float:left; 
	font-weight:bold; 
	margin:-13px 0% 0% 0%; 
	padding:4px 0% 0% 12px; 
	text-align:right;

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) 
{

.label_inbetween {
	padding:4px 0% 0% 12px !important;
}
}

.sortcode_width {
	width:3%;
}

.amountinvalid{
	visibility:hidden; 
	display:none; 
	width:195px; 
	vertical-align: middle;
	}
	
label.pound{
	width: auto;
	margin-right: 5px; 
	margin-left: 0px;
	}

.enterAddressLabel {
      display: block;
      padding: 4px 0 6px;
      min-height: 10px;
      clear: both;
      vertical-align: middle;
      font-size: 14px;
      padding-left: 153px;
}
 
.enterAddressLabel2 {
      display: inline;
      padding: 4px 0 6px;
      min-height: 10px;
      clear: both;
      vertical-align: middle;
      font-size: 14px;
      padding-left: 150px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) 
{

.enterAddressLabel {
	adding-left: 145px !important;
}
}

#footer_hwc img {
    float: right;
    margin-top: -30px;
    margin-right: 10px;
    height: 55px;
    width: 165px;
}


span.pdf {
font-family: Arial; 
font-size:12px; 
margin-left: 5px;
}

.selectAddress{
    display: none;
}

.phonediv {
	width: 660px !important;
}

.phonebr{
	display: none;
}

.postcodeinvalid {
	width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left:-90px;
}

#legals_and_submit #pdfSection {
	display: none;
}

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

span#transferCardNumber2ExistingMsg {
	vertical-align: top;
}

span#mobilePhoneInValidMsg {
	width: 140px !important;
}

#confirmemailDiv label {
    width: 130px;
	padding-left: 76px;
	padding-top:0px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) 
{

#confirmemailDiv label {
	padding-top:0px !important;
}
}

#maidenNameDiv label {
	padding-top:0px !important;
}

#placeOfBirthBox a.info img, #mobilephoneDiv a.info img, #housenumberDiv a.info img {
	margin-top: 3.5px;	
}
.hide320{
	display: none;
}


input#customerSignature {
	margin-right: 80px;
	margin-left: 0px;
	margin-bottom: 15px;
}

div#pdfSection img {
	vertical-align: middle;
}

.step3_bg .single_line_div_sig_error_long {
	padding-bottom: 47px;
}

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

span#confirmEmailInValidMsg {
    width: 180px;
}

span#emailInValidMsg {
    width: 180px;
}

span#maidenNameIncMsg {
    width: 180px;
}

input#signatureDate {
    width: 125px;
    margin-left: 24px;
}

span#termsAndCondLabel {
    display: inline-block;
    width: 340px;
	vertical-align: top;
}

.holdParag {
    padding-left: 20%;
}

.otherIncomeMobile{
display:block  !important;
}

.otherIncomeWeb{
display:none;
}








.otherIncCountry {
    width: 35%;
    margin-left: 13px;
    vertical-align: baseline;
}

#addOtherCountry {
    margin-left: 15px;
}

#addCountryField{
	margin-top:	15px;




















































































































}

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

.optlabel, .optlabellast
{
    margin-top: -1px;
    margin-left: 5px !important;
   /* width:auto !important;*/
}

.optlabel2
{
     /*width:auto !important;*/
 padding-top:0px !important;
 text-align:left !important;
}

div.ucliradio,div.ucliradiolast{
 display: inline-block;
 margin: 0px 0px 10px 50px;
}
.ucliradio input{
float:left;
}

.uclierror{
    float: right;
    margin-top: -65px;
    margin-right: 20px;
    display:none;
}

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


div.ucliradio
{
width : 430px
}

.ucliOption2.uclivalid2
{
width : 450px
}