/* Content Layout Style for Loan Page
====================================================================================================*/
.btm-shadow {
	background: url(../images/bottom-shadow.png) no-repeat top left;
	clear: both;
	height: 7px;
	margin: 0 auto;
	padding: 0;
	width: 940px;}
	
/*Copy Johnson Edit
====================================================================================================*/
.intro-container {
	clear: both;
	margin: 0;
	padding: 30px 0 0 0;
	position: relative;
	width: 100%;}

.intro-wrap {
	margin:0;
	padding:0;
	position: relative;
	width:100%;
	background:url(../images/inside_pg/intro-wrap-bg.jpg) repeat-x bottom left;}
	
.intro-pattern-bg {
	margin:0 auto;
	padding:0;
	width:940px;
	background:url(../images/inside_pg/intro-pattern-bg.png) no-repeat bottom center;
	position:relative;}
	
.intro-content-wrap {
	clear: both;
	margin: 0;
	padding: 0 0 40px 0;
	width: 940px;
	position: relative;
	z-index: 500;}
	
.intro-text {
	margin:0 0 30px 0;
	padding:0;}

.intro-cta-wrap {
	clear: both;
	margin:0;
	padding:0;
	position: relative;
	z-index: 500;}
	
.intro-cta-wrap h4 {
	margin:0;}
	
.cta-points {
	margin:0 0 8px 0;
	padding:20px 15px 15px 15px;
	width:375px;
	background:#fff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;}
	
.intro-wrap-btm-shadow {
	clear: both;
	margin:0;
	padding:0;
	bottom: 14px;
	position: absolute;
	width:940px;
	height:6px;
	background:url(../images/inside_pg/bottom-shadow.png) no-repeat bottom center;
	z-index: 200}
	
.inner-container-wrap {
	margin:0 auto;
	padding:20px 0;
	width:868px;
	overflow:auto;}

.easy-ways-icon {
	margin:0;
	padding:0;
	width:50px;
	float:left;}
	
img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;}

/* Loans 2 Column Style
====================================================================================================*/


.loans-landing-wrapper {
	clear: both;
	margin: 30px auto 0 auto;
	padding: 0;
	position: relative;
	width: 940px;}
	
.loans-landing-shadow {
	background: url(../images/bottom-shadow.png) no-repeat top left;
	clear: both;
	height: 7px;
	margin: 0 auto;
	padding: 0;
	width: 940px;}

.loans-left-content-wrapper {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	width: 707px;}


.loans-left-box-wrapper {
	background:#fff url(../images/inside_pg/htw-foot-beneficial-bg.jpg) repeat-x left bottom;
	clear: both;
	margin: 0;
	padding: 0;
	width: 701px;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}

.loans-radial {
	background: url(../images/inside_pg/premier_promo_radial.jpg) no-repeat bottom center;
	margin:0;
	padding:30px;
	width: 641px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.loans-radial.last {
	background: none;}

.loans-radial-separator {
	background: url(../images/inside_pg/premier_promo_separator.jpg) no-repeat bottom center;
	clear: both;
	display: block;
	height: 1px;
	margin: 0 auto 0 auto;
	padding: 0;
	width: auto;}

/* Right Column Styles */
.loans-right-container {
	position: absolute;
	right: 0;
	top: 0;
	width: 218px;
	z-index: 300;}

.loans-box-wrapper {
	background-color: #fff;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	clear: both;
	margin: 0;
	padding: 2px 2px 0 2px;
	width: 212px;
	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;}

.loans-box-wrapper-container-top {
	background: #f5f5f5 url(../images/group_home_radial.jpg) no-repeat bottom center;
	clear: both;
	margin: 0;
	padding: 0;
	width: 212px;
	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;}


.loans-box-wrapper-bottom {
	background: url(../images/inside_pg/accnt_landing_right_column.jpg) no-repeat top center;
	bottom: 0;
	clear: both;
	display: block;
	height: 206px;
	margin: 0;
	padding: 0;
	width: 218px;}

/* Online Banking - Navigation
====================================================================================================*/

.onlinebanking-navigation-container {
	clear:both;
	margin:0 auto;
	padding-top:30px;
	width:706px;}

.onlinebanking-navigation {
	background:#fff;
	border:1px solid #ddd;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.1);
	padding:1px;
	height:36px;}
	
.onlinebanking-navigation ul {
	padding:0;}

.onlinebanking-navigation ul li {
	line-height:1;
	margin:0;
	padding:0;
	float:left;}

.onlinebanking-navigation ul li.divider {
	background:url(../images/inside_pg/onlinebanking-nav-line.jpg) no-repeat left top;
	width:2px;
	height:36px;}

.onlinebanking-navigation ul li a {
	width:232px;
	height:27px;
	font:18px 'TheSansCdThin';
	font-weight: 200;
	color:#333;
	text-align:center;
	background:url(../images/inside_pg/nav_bg.jpg) repeat-x left bottom;
	border:none;
	padding-top:9px;
	display:block;}

.onlinebanking-navigation ul li a:hover, .onlinebanking-navigation ul li a.last-child:hover, .onlinebanking-navigation ul li a.selected {
	color:#fff !important;
	background:none;
	background-color:#818181;
	-moz-box-shadow:inset 0 3px 5px 1px #444;
	-webkit-box-shadow:inset 0 3px 5px 1px #444;
	box-shadow:inset 0 3px 5px 1px #444;}

.onlinebanking-navigation ul li a.first-child {
	width:233px;
	-moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    border-top-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
    border-bottom-left-radius:6px;}

.onlinebanking-navigation ul li a.last-child {
	width:233px;
	color:#c1281b;
	-moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    border-top-right-radius:6px;
	-moz-border-radius-bottomright:6px;
    -webkit-border-bottom-right-radius:6px;
    border-bottom-right-radius:6px;}

.onlinebanking-navigation .five-tabs li a,
.onlinebanking-navigation .five-tabs li a.first-child,
.onlinebanking-navigation .five-tabs li a.last-child 
{width:185px;}

.onlinebanking-navigation .five-tabs li a {width:186px;}	

/* Loans Calculator */
.loans-left-column-box-style2 {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	clear: both;
	margin: 0;
	padding: 0 2px 2px 2px;
	width: 701px;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}

.calculator-container {width:630px; float:left; margin:5px 0; clear:both;}
.calculator-container-s2 {width:630px; float:left; margin: 0; clear:both;}
.calculator-container-last {width:630px; float:left; margin:5px 0 0 0; clear:both;}
.calculator-col1 {width:170px; margin: 5px 5px 0 0; padding:0; float:left; font-size:18px;}
.calculator-col1-style2 {width:250px; margin: 5px 5px 0 0; padding:0; float:left; font-size:18px;}
.calculator-col2 {width:5px; margin:8px 10px 0 0; padding:0; float:left;}
.calculator-col3 {width:20px; margin:0; padding:5px 15px 0 0; float:left; font-size:18px; font-weight:bold;}
.calculator-col4 {width:300px; margin:0; padding:0; float:left;}
.calculator-colmargin {margin-left:35px;}
.calculator-row1 {width:250px; height:35px; float:left; margin:0;}
.calculator-row2 {width:250px; padding: 0; color:#bd1e20;  float:left; margin:0 0 5px 0;}
.calculator-row2-b {width:300px; color:#bd1e20; margin:10px 0 0 0;  overflow:auto;}
.calculator-row3 {width:300px; color:#bd1e20; margin:10px 0 0 0; }
.txtfield-style1 { border: 0 none; line-height:24px; background: url("../images/grp_textbox_style2.gif") no-repeat scroll left top transparent; float:left; display: block; margin: 0 0 5px; padding:5px 0 0 10px;   
width: 195px; height: 26px; color:#333;}
.txtfield-style2 { border: 0 none; line-height:24px; background: url("../images/grp_textbox_style3.gif") no-repeat scroll left top transparent; float:left; display: block; margin: 0 0 5px; padding:5px 0 0 10px;   
width: 55px; height: 26px; color:#333;}
.years {font-size:18px; font-weight:bold; line-height:30px;}

.calculator-droplist {width:100px; background: url("../images/grp_dropdown_style2.gif") no-repeat scroll 0 transparent; position:relative; 	height: 33px; 	float:left; 	
background: url("../images/grp_dropdown.gif") no-repeat scroll 0 transparent; margin: 0 0 5px 0;} 

.stepcontainer {width:640px; margin:0 0 20px 0; *padding:20px 0 0 0;}
.stepcontainer .heading {font-size:22px; font-family:'TheSansCdThin'; font-weight: 200; line-height:22px; color:#333;	margin:0 0 10px 0;}
.flag-step-long { 	width:600px; height:26px; color:#fff; font-weight:bold; background:url(../images/inside_pg/account_how_to_apply_step_s2_long.png) no-repeat left top;
padding:3px 0 0 5px; float:left;}
.radio-box {width:15px; height:15px; display:inline; margin:0 10px 0 0;}
.radio-p {display:inline;}
.btn-margin {margin: 20px 0 0 315px; float:left;}

.nxtbtn {width:100px; background: url("../images/button_redbg.jpg") repeat-x scroll left bottom #E02B2A;  font-size: 14px; height: 17px; line-height: 14px;  margin: 20px 0 0 325px;  padding: 8px;
border-radius: 3px 3px 3px 3px;  clear: both;  color: #FFFFFF; display: block; float: left;font-family: 'TheSansSemiBoldPlain';  font-weight: normal; text-align: center; text-decoration: none; border:none;}
a.calculatebtn:link, a.calculatebtn:visited, a.nxtbtn:link , a.nxtbtn:visited { color: #FFFFFF;}

.topredline-container {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #E80005 #D7D7D7 #D7D7D7;
    border-radius: 6px 6px 6px 6px;
    border-right: 1px solid #D7D7D7;
    border-style: solid;
    border-width: 3px 1px 1px;
    clear: both;
    height: 100%;
    margin: 0;
    overflow: auto;
    padding: 2px;
    width: auto;
}

.topredline-txtbox {
    background: url("../images/inside_pg/htw-foot-beneficial-bg.jpg") repeat-x scroll left bottom #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    clear: both;
    height: 100%;
    margin: 0;
    overflow: auto;
    padding: 20px;
}

.topredline-txtbox .heading {font-size:36px; font-family:'TheSansCdThin'; font-weight: 200; color:#333;	margin:0 0 10px 0; }
.loans-inner-radial {
    background: url("../images/inside_pg/radial-shadow-with-divider-v2.png") no-repeat scroll left bottom transparent;
    clear: both;
    margin: 0;
    padding:30px 0;
    width: 100%;
	overflow:auto;
}
.loans-inner-radial-s2 {
    clear: both;
    margin: 0;
    padding:30px 0 0 0;
    width: 100%;
	overflow:auto;
}
.loans-inner-radial-s3 {
background: url("../images/inside_pg/radial-shadow-with-divider-v2.png") no-repeat scroll left bottom transparent;
    clear: both;
    margin: 0;
    padding:0 0 30px 0;
    width: 100%;
	overflow:auto;
}
.txtblue {color:#006699; font-weight:bold;}
.txtvalid {color:#951000; font-weight:bold;}
/* Results content */
.price-box {width:555px; padding:20px; background-color:#e0e0e0; overflow:auto;}
.price-col1-s1 {width:290px; margin: 5px 5px 0 0; padding:0; float:left; font-size:18px; font-weight:bold;}
.price-col2-s1 {width:5px; margin:8px 10px 0 0; padding:0; float:left;}
.price-col3-s1 {width:200px; margin:0; padding:5px 15px 0 0; float:left; font-size:18px; font-weight:bold;}

.price-box-bottom {width:555px; padding: 5px 20px; border-bottom: 1px #d0ccc3 solid; overflow:auto; clear:both;}
.price-box-bottom-last{width:555px; padding: 5px 20px; border-bottom: 1px #d0ccc3 solid; overflow:auto; clear:both; margin:0 0 20px 0;}
.price-col1-s2 {width:200px; margin: 5px 5px 0 0; padding:0; float:left; font-size:14px; }
.price-col2-s2 {width:5px; margin:8px 10px 0 0; padding:0; float:left;}
.price-col3-s2 {width:100px; margin:0; padding:5px 15px 0 0; float:left; font-size:14px; }
.price-col3-s2-b {width:320px; margin:0; padding:5px 15px 0 0; float:left; font-size:14px; }
.txtpointer {color:#666;}
.btn-center {width:85px; height:33px; margin:0 auto;}
.btn-display {width:auto; float:left; margin:0 20px 0 0;}

.call-heading {font-size:22px; font-family:'TheSansCdThin'; font-weight: 200; line-height:22px; color:#333;	margin:0 0 10px 0;}
.call-num {font-size:30px; color:#951000;}


p.txt-comp {
    background: url("../images/tick.png") no-repeat scroll 2px 4px transparent;
    color: Green;
    text-indent: 23px;
	margin:0;
	padding:0;
}
p.txt-cross {
    background: url("../images/btn-close-zn.png") no-repeat scroll 2px 4px transparent;
    color: #BD1E20;
    text-indent: 23px;
	margin:0;
	padding:0;
}


/* Lightbox Calculator*/

.general-lightbox-wrapper {
	width:620px;
	background:url(../images/conten_box_gradient.jpg) repeat-x left bottom;
	padding:20px;
	overflow:auto;
	}

table {
	border:none;
	margin-bottom:25px;
	padding:0 20px;
    width:620px;
    font-family:'Arial';
    font-size:14px;
    border-spacing: 0px;
    border-collapse:collapse;
    background-color:#fff;
}
thead {
	background:#e0e0e0;
}

td,th {
	padding:10px 12px 10px 17px;
	text-align:left;
	font-weight:normal;
}
thead th, thead td {
	font-weight:bold;
}
    
tbody td, tbody th {
	border-bottom:1px solid #d1cdc4;
}
tbody td {
	border-left:1px solid #d1cdc4;
}

.close-container img {
	border:none;
}
.close-container {
	background-color:#fff;
	padding:10px;
    float:right;
	margin:0 10px 0 0;}

.pdflink-right {float:right; }

.callheading {  color: #333333;
    display: block;
    float: left;
    font-family: 'TheSansCdThin';
    font-size: 22px;
    font-weight: 200;
    line-height: 30px;
    margin: 0;
    padding: 0;
	}

.bottom-ctcontent-content-container {
	clear: both;
	margin: 30px 0 0 20px;
	*margin: 30px 0 0 20px;
	float:left;
	padding: 0;
	width: 580px;}
	
.bottom-ctcontent-outer-container {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	clear: both;
	margin: 0;
	padding: 2px;
	width: 575px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}

.bottom-ctcontent-inner-container {
	background: #fff url(../images/conten_box_gradient.jpg) repeat-x bottom left;
	clear: both;
	height: 100%;
	margin: 0;
	padding:5px 0;
	width: 575px;
	
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;}
	
.bottomblock{ 
width:560px;
margin:0 0 0 20px;
padding:10px 0;
line-height:30px;
overflow:hidden;}

.loan-number {    color: #951000;
    display: block;
    float: left;
    font-family: 'TheSansCdRegular';
    font-size: 30px;
    font-weight: 200;
    line-height: 30px;
    margin: 0 5px ;
    padding: 0;}