/*private_bank_contactus.css*/

div#topbg div#login_country {
	display:none;
}

div#subNav ul {
	/* expand the ul to fill the width of the container */
	width: 980px;
}

div#container div#content {
	/* override default content area width */
	position: relative;
	width: 1020px;
	border: none;
	margin: 0 0 15px -20px;
	float: left;
	background: none no-repeat scroll center top #FFFFFF;
}
	
.more_link {
	font-size: 10px;
	font-weight: bold;
	background:url('../images/arrow_green.png') no-repeat right;
	padding-right:9px;
}
	
.l_cont { position: relative; float: left; width: 362px; margin: 0 0 0 25px; padding: 25px; background: #fff url('../images/whtbrn_gradient.png') repeat-x 0 0; overflow: hidden;}
	
.l_cont { position: relative; float: left; width: 360px; padding: 50px; background: url('../images/vert_rule.png') no-repeat 459px 92px; }
	
.l_cont_alt { position: relative; float: left; width: 300px; padding: 30px 40px; }
	
.l_cont_alt2 { position: relative; float: left; width: 400px; padding: 50px 0px 50px 50px; background: #fff; }
	
.l_cont h1,
.l_cont_alt h1,
.l_cont_alt2 h1 { font: 20px/24px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0 0 10px 0; }
	
.scroller_head {
	padding: 0;
	margin: 0 0 10px 0;
}
	
.scroller_content {
	height: 250px;
	overflow: hidden;
}
	
.l_cont p,
.l_cont_alt p,
.l_cont_alt2 p { font: 12px/20px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; }
	
.cont_container{
	position: absolute;
	right: 12px;
	bottom: 60px;
}
	
#our_perspectives .cont_container {
	right: 20px;
	bottom: 45px;
}
	
.cont_container a {
	text-decoration: none;
}
	
.cont_exp { 
	font: bold 10px/24px Arial, Helvetica, sans-serif;
	height: 24px;
	padding: 0 30px 0 0;
	text-decoration: none;
	text-align: right;
	background: url('../images/exp_arrows.png') no-repeat top right; 
	position: absolute;
	right: 30px;
	width: 90px;
}
	
.cont_exp:hover { 
	background: url('../images/exp_arrows.png') no-repeat bottom right; }
	
.cont_collapse {
	height: 24px;
	font: bold 10px/24px Arial, Helvetica, sans-serif;
	padding: 0 25px 0 0;
	text-decoration: none;
	text-align: right;
	background: url('../images/collapse_arrows.png') no-repeat top right; 
	position: absolute;
	right: 0px;
}
	
.cont_collapse:hover { background: url('../images/collapse_arrows.png') no-repeat bottom right; }
	
.cont_sep {
	border-top: 1px solid #DAD1CB;
	height: 8px;
}
	
/* For further information Popup */
	
#popover_further_info  {
}
	
#popover_thanks {
	padding-left: 9px;
	padding-top: 33px;
}
	
#further_headline {
	padding-bottom: 30px;
	margin:0;
}
	
#popover_further_info p {
	padding-bottom: 20px;
	margin:0;
}
	
	
div#container div#content div#contentRight #popover_further_info ul {
	list-style: none outside none;
    margin: 5px 0 20px;
    padding: 0;
}
	
div#container div#content div#contentRight #popover_further_info ul li {
	list-style-type: none;
	background-image:none;
	padding-left:0;
}
	
.r_cont_alt {
	float: right;
	padding: 30px 40px 0 0;
	width: 530px;
}
	
.r_cont_alt2 {
	float: right;
	padding: 22px 50px 0 0;
	width: 440px;
}
	
#titlebar {
	height: 21px;
	padding: 1px 0 0 10px;
	color: #fff;
	background: url("../images/info_head_back.jpg") repeat scroll 0 0 #54301A;
	line-height:21px;
}
	
#info_border {
	width: 1px;
	height: 350px;
	background: url('../images/info_side_border.png');
}
	
.left,
.combo {
	float: left;
}
	
.right {
	float: right;
}
	
#contact_form {
	margin: 57px 75px 0 75px;
}
	
#contact_form li {
	padding-bottom: 13px;
}
	
input, textarea, select {
	-webkit-appearance:none;
	-moz-appearance: none;
	color: #6d6d6d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #f2f2f2;
	border: none;
	padding: 8px 10px 8px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
}

#contact_form select {
	height: 34px;
}
	
#contact_form .select-half {
	width: 186px;
}
	
#contact_form .select-half select {
	width: 226px;
	background: url("../images/select_bg.png") no-repeat scroll -194px center #F2F2F2;
}
	

#contact_form .required .select-half {
	background: url("../images/required_54301a.png") no-repeat scroll 137px top #F2F2F2;
}
	
#contact_form .required .select-half select {
	background-color: transparent;
}
	
#contact_form .select-full {
	width: 380px;
}
	
#contact_form .select-full select {
	width: 420px;
	background: #f2f2f2 url("../images/select_bg.png") no-repeat left center;
}
	
#contact_form .select-holder {
	overflow:hidden;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 0;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.2);     
}
	
#contact_form .text-input {
	width: 166px;
	height: 18px;
}
	
#contact_form .combo .text-input {
	width: 360px;
	height: 18px;
}
	
#contact_form textarea{
	width: 286px;
	height: 74px;
	padding-top: 10px;
}
	
#contact_form .submit-button {
	width: 70px;
	height: 32px;
	font-size: 10px;
	font-weight: bold;
	background: #54640d url('../images/arrow_white.png') no-repeat;
	background-position: 55px 13px;
	color: #fff;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-right: 18px;
	margin-top: 60px;
}
	
#contact_form .submit-button:active {
	background-position: 56px 14px;
	padding: 9px 17px 7px 11px;
}
	
.required input {
	background: #f2f2f2 url('../images/required_54301a.png') no-repeat right top;
}
	
	/* End For Further Information Popup */
	
	
	/* begin popover */
	
.popover {
	position: absolute;
	top:0;
	left:0;
	background: #fff;
	width:90%;
/*	z-index: 99999;
*/}
	
.popover h3 {
	padding-bottom: 12px;
}
	
.popover_content {
	width:980px;
}
	
.popover-loading {
	display:block;
}
	
.popover-loading .popover_content {
	display:none;
	opacity:0;
	filter: alpha(opacity=0);
}
	
.popover .active {
	display:block;
}
	
.close_btn {
	position: absolute;
	top: 0;
	right: 10px;
	width: 29px;
	height: 29px;
	background: url('../images/close_button.png') no-repeat top left;
	z-index: 9999;
}
	
.close_btn:hover {
	background-position: bottom;
}
	
.pop-header {
	padding: 50px 50px 25px 50px;
}
	
.popover .l_cont,
.full-page .l_cont {
	position: relative;
	float: left;
	width: 360px;
	height: auto !important;
	padding: 50px;
	background: #ffffff url('../images/vert_rule.png') no-repeat 459px 92px;
	margin:0;
}
	
.two-col .l_cont {
	position: relative;
	float: left;
	width: 415px;
	padding: 0 25px 24px 50px;
	background: white;
	margin: 0;
}
	
.popover .l_cont h1 {
	font: 20px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
	
.popover .l_cont p {
	font: 12px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
	
.popover .r_cont,
.full-page .r_cont {
	position: relative;
	float: left;
	width: 520px;
	background: #fff;
	overflow: auto;
}
	
.full-page .footnotes {
	position: relative;
	float: left;
	width: 912px;
	background: #fff;
	font: 10px/12px Arial, Helvetica, sans-serif;
	padding: 10px;
	margin:0 34px 40px 34px;
	overflow: auto;
}
	
.c_header {
	position:relative;
	background-color:#5d351e;
	margin:0 34px 40px 34px;
}
	
.two-col .c_header .r_cont,
.two-col .c_header .l_cont {
	position:relative;
	height:270px !important;
	background-color:#5d351e;
}
	
.two-col .c_header .r_cont,
.two-col .c_header .video {
	overflow:hidden;
	margin:0;
	padding:0;
}
	
.two-col .c_header .l_cont {
	width:392px;
	margin:0 10px 0 30px;
	padding:0;
}
	
.two-col .c_header .r_cont {
	width:480px;
}
	
.c_header h1 {
	position:absolute;
	color:#fff;
}
	
.c_header .video {
	background-color:#5d351e;
}
	
.c_header .video_info {
	position:absolute;
	right:0;
	bottom:0;
	color:#fff;
	text-align: right;
}
	
.c_header .video_info .r_info {
	margin:0;

}
	
.two-col .r_cont {
	position: relative;
	float: left;
	width: 415px;
	padding: 0 50px 25px 25px;
	background: white;
	overflow: auto;
}
	
.two-col .r_cont p {
	font: 12px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
}
	
.two-col ul {
	margin: 0 0 12px 15px;
}
	
.popover .share_links,
.full-page .share_links,
.two-col .share_links {
	height: 18px;
	margin: 50px 49px 25px 345px;
	text-align: right;
}
	
.two-col .share_links {
	height: 18px;
	margin:34px 49px 25px 805px;
	text-align: right;
}
	
.two-col .share_links {
	margin:50px 49px 25px 805px;
}
	
.popover .video_info .l_info,
.popover .photo_info .l_info {
	float: left;
	margin: 0 0 0 50px;
}
	
.full-page .photo_info .l_info {
	margin: 0 0 0 50px;
}
	
.c_header .hl,
.popover .r_cont .hl,
.full-page .r_cont .hl {
	font: bold 13px/15px Arial, Helvetica, sans-serif;
	margin: 0 0 3px 0;
	padding: 0;
	color: #54301A;
}
	
.popover .r_cont .copy,
.full-page .r_cont .copy {
	font: 11px/17px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #555;
}
	
.popover .r_cont .video,
.popover .r_cont .photo {
	width: 420px;
	height: 236px;
	background: #fff;
	margin: 0 auto 15px auto;
	border: 1px solid #dcdcdc;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.25);
}
	
.modal-overlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	/*background: #fff url('/assets/img/loading.gif') center center no-repeat;*/
	
	z-index:9999;
}
	/* end popover */
	
	
.popover-link-white {
	background: url('../images/white_popover_arrow.png') no-repeat right 3px !important;
}
	
.popover-link-green {
	background: url('../images/green_popover_arrow.png') no-repeat right 3px !important;
}
	
div#container div#content div#hdrbanner {
    background-color: #FFFFFF;
    float: left;
    height: 500px;
}

div#footerbg {
    background: none repeat scroll 0 0 transparent;
    height: auto;
}