/* Content Layout Style for How to Apply Section
====================================================================================================*/

.how-to-apply-container {
	width:100%;
	margin-top:50px;
	clear:both;
	position:relative;}

.how-to-apply-wrap {
	width:100%;
	background:url(../images/inside_pg/account_how_to_apply_bg1.jpg) repeat-x left top;
	position:relative;}
	
.how-to-apply-pattern-bg {
	width:100%;
	background:url(../images/inside_pg/account_how_to_apply_bg2.jpg) no-repeat center top;
	margin:0 auto;
	position:relative;
	overflow:hidden;}

.how-to-apply-content-container {
	clear:both;
	margin:50px auto 0 auto;
	padding:0;
	width:100%;}
	
	
.how-to-apply-box-container {
	overflow:hidden;
	padding:15px;
	background:#fff;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 2px 2px #e0e0e0;
	-webkit-box-shadow:0 2px 2px #e0e0e0;
	box-shadow:0 2px 2px #e0e0e0;
	}
	
.how-to-apply-box-container-style2 {
	width:550px;
	margin: auto;
	overflow:auto;
	padding:15px;
	background:#fff;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 2px 2px #e0e0e0;
	-webkit-box-shadow:0 2px 2px #e0e0e0;
	box-shadow:0 2px 2px #e0e0e0;
	}

.how-to-apply-box {
	width:auto;
	background:url(../images/inside_pg/htw-foot-beneficial-item-bg.png) no-repeat right center;
	margin:0 20px 10px 0;
	padding-right:20px;
	float:left;}
	
.how-to-apply-box p {letter-spacing:0;}

.how-to-apply-box-last {
	min-width:300px;
	float:left;
	}


.how-to-apply-box-style2 {
	width:600px;
	background:url(../images/inside_pg/htw-foot-beneficial-item-bg.png) no-repeat right center;
	margin:0 20px 10px 0;
	float:left;}
	
.how-to-apply-box-style2 p {letter-spacing:0;}

.how-to-apply-box-style2-last {
	width:250px;
	padding-right:18px;
	float:left;}
	
	
.how-to-apply-box-last p {letter-spacing:0;}

.how-to-apply-box div, .how-to-apply-box-last div {
	float:left;}

.how-to-apply-step {
	width:135px;
	height:26px;
	color:#fff;
	font-weight:bold;
	background:url(../images/inside_pg/account_how_to_apply_step.png) no-repeat left top;
	padding:3px 0 0 5px;
	float:none !important;}

.how-to-apply-or {
	font-size:18px;
	margin-bottom:90px;
	font-style:italic;
	color:#333;
	padding:20px 15px 0 15px;}
	
.how-to-apply-or-style2 {
float:left;
font-size:18px;
font-style:italic;
color:#333;
padding:20px 15px 0 15px;}

.how-to-apply-map {
	width:556px;
	height:181px;
	background:url(../images/inside_pg/account_how_to_apply_map.png) no-repeat left top;
	margin:0 auto 40px auto;
	*margin:0 auto 0 auto;
	position:relative;
	top:-1px;}

.how-to-apply-locate-container {
	width:100%;
	position:absolute;
	bottom:20px;}

.how-to-apply-locate {
	width:388px;
	background:url(../images/conten_box_gradient.jpg) repeat-x left bottom;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	margin:0 auto;
	padding:10px;
	position:relative;
	bottom:-12px;
	z-index:1;}

.how-to-apply-locate input {
	width:266px;
	font:18px Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #c4c4c4;
	border-radius:2px; 
	-webkit-border-radius:2px; 
	-moz-border-radius:2px;
	margin-right:8px;
	padding:4px 4px 5px 4px;
	float:left;
	display:inline-block;}

.how-to-apply-locate a.button-red {
	padding:8px 32px;
	float:right;
	clear:right;
	display:inline-block;}

.how-to-apply-locate-btm-shadow {
	width:440px;
	height:24px;
	background:url(../images/inside_pg/account_how_to_apply_locate_shadow.png) no-repeat center top;
	margin:0 auto;
	position:relative;
	bottom:0;}

.how-to-apply-signup-container {
	padding:20px 30px;
	background:#fff;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 2px 2px #e0e0e0;
	-webkit-box-shadow:0 2px 2px #e0e0e0;
	box-shadow:0 2px 2px #e0e0e0;
	margin-bottom:10px;
	min-height: 256px;}

.how-to-apply-signup-img img {
	margin:20px auto;}

.how-to-apply-small-text {
	font-size:12px;}

.margin-right-20px {
	margin-right:20px !important;
	margin-top: 5px !important;}

	
/** Online Application Form **/

.online-app-form-container {
	padding:20px 30px;
	background:#fff;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 2px 2px #e0e0e0;
	-webkit-box-shadow:0 2px 2px #e0e0e0;
	box-shadow:0 2px 2px #e0e0e0;
	overflow:hidden;}	
	
.mandatory {color:#951000;}	

#online-app-form-wrapper {width:550px; clear:both; margin:0; padding:0;}
.online-app-form-box-grp-first {width:550px; height:25px; clear:both; margin:20px 0; *margin:10px 0 0 0; padding:0;}
.online-app-form-box-grp-middle {width:550px; height:25px; clear:both; margin:20px 0; padding:0;}
.online-app-form-box-grp-last {width:550px; height:25px; clear:both; margin:20px 0; padding:0 0 20px 0;}
label {width:140px; float:left; margin:5px 0 0 0;}
.labelcolon{width:10px; margin: 5px 20px 0 0; float:left;}
.linkbtn {margin-left:170px; }
.radio-btn {width:20px;}
.salutation {width:25px; height:25px; float:left; padding-right:10px;}

.online-app-form-container input {
	font:14px Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #c4c4c4;
	border-radius:2px; 
	-webkit-border-radius:2px; 
	-moz-border-radius:2px;
	margin:0;
	padding:5px 4px 5px 4px;
	float:left;
	display:inline-block;
	background-color:#f6f6f6;
    -moz-box-shadow:inset 0 1px 3px #c1c1c1;
    -webkit-box-shadow:inset 0 1px 3px #c1c1c1;
	box-shadow:inset 0 1px 3px #c1c1c1;
	}
	
.online-app-form-container a.button-red {padding:8px 32px;	float:left; margin:10px 0;}
.note {width:100%; margin:15px 0; *margin:0;  padding:20px 0 0 0; border-top: 1px #ccc solid; font-size:12px; line-height:16px;}

/** Online Payment Step 1 and Step 2 **/
	
.online-apply-container {
	width:940px;
	margin:50px 0 0 0;
	padding:30px 0;
	background:#fff;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 2px 2px #e0e0e0;
	-webkit-box-shadow:0 2px 2px #e0e0e0;
	box-shadow:0 2px 2px #e0e0e0;
	overflow:hidden;
	margin: 50px auto 0 auto;}
	
.online-form-box-step1 {
	width:380px;
	background:url(../images/inside_pg/htw-foot-beneficial-item-bg.png) no-repeat right center;
	margin:0 50px 10px 56px;
	float:left;}
	
.online-form-box-step2 {
	width:400px;
	margin:0;
	padding:0;
	float:left;}
	
.online-form-step-bg {
	width:325px;
	height:26px;
	color:#fff;
	font-weight:bold;
	background:url(../images/inside_pg/online_form_step.png) no-repeat left top;
	padding:3px 0 0 5px;
	float:none !important;
	margin: 0 0 5px 0;
	}

.online-box-or {width:180px; height:12px; background:#fff url(../images/inside_pg/online-or.jpg) repeat-x top left; clear:both; float:left; margin:20px 0;}
.online-txt-or {width:10px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:17px; font-style:italic; background-color:#FFF; margin:0 auto; padding: 0 15px;}

.online-step2-box {
	width:355px;
	margin:15px 0 0 0;
	padding:25px 20px;
	background:#fff;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 2px 2px #e0e0e0;
	-webkit-box-shadow:0 2px 2px #e0e0e0;
	box-shadow:0 2px 2px #e0e0e0;
	overflow:hidden;}
	
.online-step2-box-contact {width:355px; clear:both}
.online-step2-box-contact p {overflow:auto; margin:0; padding:0;}
.online-step2-box h3 {width:80px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:22px; color:#333; float:left; margin:0 20px 0 0; padding:0;}
.step2-fax {font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:30px; color:#951000; margin:5px 0 0 0; float:left;}
.online-box-or-2 {width:350px; height:12px; background:#fff url(../images/inside_pg/online-or.jpg) repeat-x top left; clear:both; float:left; margin:20px 0;}
.online-txt-or-2 {width:10px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:17px; font-style:italic; background-color:#FFF; margin:0 auto; padding: 0 15px;}

/** Right Column **/

.online-app-right-container {
	width:270px;
	float:right;}	
	
.online-app-content {
	padding:20px 30px;
	background:#fff;
	border:1px solid #e1e1e1;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-moz-box-shadow:0 2px 2px #e0e0e0;
	-webkit-box-shadow:0 2px 2px #e0e0e0;
	box-shadow:0 2px 2px #e0e0e0;
	margin-bottom:10px;
	position:relative;
	}	
	
.online-app-content h3 {font-size:30px; color:#951000; margin:15px 0 8px 0; padding:0;}	
.or {width:46px; height:46px; font-size:28px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; position:absolute; z-index:10;  left:-40px; top:60px; background:none; padding:18px 0 0 18px;
background-image:url(../images/inside_pg/circle-or.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/inside_pg/circle-or.png' ,sizingMethod='crop');}	
	

/** Accordion Content Width 940 **/

.how-to-apply-fullwidth-container {width:940px; clear:both;}


/** OSPL SECTION**/

/* Universal style */
.how-to-apply-content-container2 { clear:both; margin:50px auto 20px auto; padding:00; width:940px; overflow:auto;}
.ospl-roundcorner-container {padding:15px; border:1px solid #e1e1e1; box-shadow:0 1px 3px #e0e0e0; -moz-box-shadow:0 1px 3px #e0e0e0; -webkit-box-shadow:0 1px 3px #e0e0e0; 
overflow:auto; clear:both; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;  background: url("../images/conten_box_gradient.jpg") repeat-x scroll left bottom #FFFFFF;}
.ospl-roundcorner-container-nogradient {padding:30px; border:1px solid #e1e1e1; box-shadow:0 1px 3px #e0e0e0; -moz-box-shadow:0 1px 3px #e0e0e0; -webkit-box-shadow:0 1px 3px #e0e0e0; overflow:auto; clear:both; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:white;}
.ospl-content-container-shadow {width:100%; overflow:auto; background:url(../images/inside_pg/radial-shadow-with-divider.png) no-repeat left bottom; margin:0 0 30px 0;
padding:0 0 35px 0; clear:both;}
.thumb-box-content {width:230px; min-height:127px; background-color:#FFFFFF; border: 1px solid #E1E1E1; margin:10px 0; padding:15px 12px; float:left; }

/* 2 ways to apply section*/
.twoways-box-1{width:255px; float:left; margin:0 45px 0 0; padding:0; }
.twoways-box-2{width:255px; float:left; margin:0; padding:0; }

.twoways-box-1 .heading, .twoways-box-2 .heading {font-size:36px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-weight:normal; margin:5px 0; padding:0; clear:both;}
.cyan {color:#009999;}
.blue {color:#006699;}
.orange {color:#c85600;}
.grey {color:#666}
.online-box-or1 {width:100%; height:12px; background:#fff url(../images/inside_pg/online-or.jpg) repeat-x top left; clear:both; float:left; margin:20px 0;}
.thumb-box-content ul li a:link, .thumb-box-content ul li a:visited {color:#006699;}
.thumb-box-content ul li a:hover {text-decoration:underline;}

.twoways-box-mail {width: 388px; background-color: #FFFFFF; border: 1px solid #D7D7D7; clear: both; margin: 0; padding: 10px 20px; float:left;
border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
.twoways-box-mail .heading {font-size:22px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; margin:0 0 10px 0; padding:0; }
.twoways-box-mail p {float:left; margin:0; padding:0; line-height:21px;}
.twoways-box-mail img {float:right; margin:0;}

.twoways-box-note {width:395px; float:right; margin:0; padding:0; overflow:auto; }
.twoways-box-note .heading {font-size:12px; margin:0 0 10px 0; padding:0; font-weight:bold; }

.visitbranch-box-form{width:550px; float:left; margin:0; padding:0; }
.visitbranch-box-form .heading {font-size:36px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; margin:5px 0; padding:0; clear:both;}
.visitbranch-box-margin {margin: 10px 0 10px 10px;}

/* Account ETF's */
.etfs-thumb-box-content {width:420px; height:80px; margin:15px; padding:0; float:left;}
.etfs-thumb-box-content .images {width:90px; float:left; margin:0 30px 0 0}
.etfs-thumb-box-content p {width:300px; float:left; margin:10px 0 0 0; padding:0; }


/* Workshop */
.workshop-container-leftcol {width:315px; float:left; margin:0 0 50px 0;}
.workshop-container-rightcol {width:600px; float:right; margin:0 0 50px 0; padding: 0 0 0 15px}
.workshop-container-leftcol .heading {font-family: 'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 22px; line-height: 22px; margin: 0 0 5px 0; padding:0; clear:both;}
.workshop-details-container-time {padding:20px; background:#fff; border:1px solid #e1e1e1; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; 
-moz-box-shadow:0 2px 2px #e0e0e0; -webkit-box-shadow:0 2px 2px #e0e0e0; box-shadow:0 2px 2px #e0e0e0; margin-bottom:10px;}

.workshop-box-time {width:100%; font-size:18px; color:#333; clear:both; padding:0; margin:0 ; overflow:auto;}
.box-time {width:45px; height:20px; float:left; margin:0; padding:0; font-weight:bold;}
.timecolon{width:10px;  margin:0; padding:0; float:left;}
.box-time2 {width:190px;  float:left; margin:0 0 0 10px; padding:0;}

.workshop-box-register {width:230px; margin:20px auto; padding:5px 0; overflow:auto; clear:both;}
a.button-workshop { background: url("../images/button_redbg.jpg") repeat-x scroll left top transparent; border-bottom: medium none; border-radius:2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; float:left; color: #FFF; height:auto; font-family: 'TheSansPlain','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size: 18px;  margin:0 0 10px 0; padding:8px 12px; text-decoration: none; text-align:center;}
.policyholder {float:right; margin:50px 0 0 0; padding:0; text-align:right;}

.workshop-box-map {width:600px; height:260px; background:url(../images/inside_pg/workshop-map.png) no-repeat left top transparent; margin:40px 0 0 0;}
.workshop-box-venue {width:235px; height:95px; position:relative; top:20px; background:none; left:190px;}

/* SIP */
.sip-roundcorner-container {padding:15px; border:1px solid #e1e1e1; box-shadow:0 1px 3px #e0e0e0; -moz-box-shadow:0 1px 3px #e0e0e0; -webkit-box-shadow:0 1px 3px #e0e0e0; 
overflow:auto; clear:both; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:white;}
.sip-roundcorner-container .heading {font-size:65px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; letter-spacing:-1pt;  margin:0 0 10px 0;  padding:15px 0 0 0; clear:both;}
.sip-box-or {width:800px; height:12px; background:#fff url(../images/inside_pg/online-or.jpg) repeat-x top left; clear:both; float:left; margin:20px 0; *margin: 20px 0 0 0; padding:0;}
.sip-box-step2 {width:380px; padding:20px 30px; background:#fff; border:1px solid #e1e1e1; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -moz-box-shadow:0 2px 2px #e0e0e0; -webkit-box-shadow:0 2px 2px #e0e0e0; box-shadow:0 2px 2px #e0e0e0; margin-bottom:10px;}

/* Need Help */
/*
.need-help-container {width:310px; padding:20px 20px; border:1px solid #e1e1e1; box-shadow:0 1px 3px #e0e0e0; -moz-box-shadow:0 1px 3px #e0e0e0; -webkit-box-shadow:0 1px 3px #e0e0e0; overflow:auto; clear:both; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:white; float:right; margin:0 0 10px 0;}
*/
.need-help-container .heading {font-size:22px; color:#333; font-family: 'TheSansPlain','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; float:left; margin:5px 20px 0 0; padding:0;}
.need-help-digits {font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:30px; color:#951000; float:left; letter-spacing:-1px; }

.need-help-container-2 {width:310px; padding:20px 20px; border:1px solid #e1e1e1; box-shadow:0 1px 3px #e0e0e0; -moz-box-shadow:0 1px 3px #e0e0e0; -webkit-box-shadow:0 1px 3px #e0e0e0; overflow:auto; clear:both; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:white; float:right;}
.need-help-box-content {width:150px; float:left;}
.need-help-container-2 .heading {font-size:22px; color:#333; font-family: 'TheSansPlain','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; margin:7px 0 0 0; padding:0;}
.need-help-container-2 p {float:left; margin: 0; padding:0;}
.need-help-digits-2 {width:160px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-size:30px; color:#951000; float:right; letter-spacing:-1px; margin:20px 0 0 0; padding:0;}

/* LOANS */
.loans-box-form-1{width:620px; float:left; margin:0 30px 0 0; padding:0; }
.loans-box-form-2{width:220px; float:left; margin:0; padding:0; }
.loans-box-form-1 .heading, .loans-box-form-2 .heading {font-size:36px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-weight:normal; margin:5px 0; padding:0; clear:both;}

.loans-box-content {width:580px; padding:20px 15px; background:#fff; border:1px solid #e1e1e1; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -moz-box-shadow:0 2px 2px #e0e0e0; -webkit-box-shadow:0 2px 2px #e0e0e0; box-shadow:0 2px 2px #e0e0e0; margin-bottom:10px; overflow:auto;}

.loans-box-content ul li {width:250px;  background-image:url(../images/inside_pg/mw-icon.png); float:left; margin:0; padding: 5px 10px 5px 25px;}

/** LOANS LEFT COL ACCORDION **/
.loans-title {font-size:18px; font-weight:bold; margin: 0 0 20px 0; padding:0; clear:both; }
.leftcol-3boxes-step1 {width:160px; float:left; margin:0 20px 15px 0; padding:0; }
.leftcol-3boxes-step2 {width:160px; float:left; margin:0; padding:0; }

.leftcol-2boxes-step1 {width:250px; float:left; margin:0 20px 15px 0; padding:0; }
.leftcol-2boxes-step2 {width:250px; float:left; margin:0; padding:0; }

.leftcol-3boxes-step1 .heading, .leftcol-3boxes-step2 .heading, .leftcol-2boxes-step1 .heading, .leftcol-2boxes-step2 .heading 
{font-size:36px; font-family:'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-weight:normal; margin:5px 0; padding:0; clear:both;}

/* typeface */
.intro_amount_months1-howtoapply {
	width:auto;
	
	float:left;
	letter-spacing:-3px;
	color: #009999;
	font-family: 'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 65px;
	font-weight: normal;
	line-height: 65px;
	padding: 0;
	}

.intro_amount_months2-howtoapply {
	width:auto;
	min-height:100px;
	letter-spacing:-3px;
	color: #006699;
	font-family: 'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 65px;
	font-weight: normal;
	line-height: 65px;
	padding: 0 5px 0 0;}

/* Mighty Savers */

.accord-box-step1{
	width:auto;
	float:left;
	letter-spacing:-3px;
	color: #009999;
	font-family: 'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 65px;
	padding: 0;
	}
	
.accord-box-step2 {
	width:auto;
	min-height:100px;
	letter-spacing:-3px;
	color: #006699;
	font-family: 'TheSansCdThin','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 65px;
	padding: 0 5px 0 0;}

.padding-10px {
	/* padding:10px 20px; !important; 23July */
	padding: 0 20px; !important;
	}
	
/* Remove iFrame border */	
.online-app-form-container div iframe {border: 0}

.header-shadow{
	width:874px;
	height:10px;
	margin:10px 0 20px;
	background:url(../images/inside_pg/business-shadow.png) no-repeat top center;}	
	
.hta-online-box-or-s3 {
    background: url("/assets/images/inside_pg/online-or-s2.png") no-repeat scroll left top transparent;
    clear: both;
    float: left;
    height: 22px;
    margin: 10px 0;
    width: 300px;
}