*{
	margin: 0;
	padding: 0;
}
body{
	font: 12px "Lucida Grande", Arial, sans-serif;
	*font: 12px Arial, sans-serif;
	color: #666;
	line-height: 20px;
}
#wrapper{
	background: url(../i/header-bg.jpg) repeat-x;
}
body.modal-window,
body#period-layer{
	background:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul{
	list-style: none;
}
strong{
	font-weight: bold;
}
a{
	text-decoration: none;
	color: #195090;
}
a:hover{
	text-decoration: underline;
}
a.green{
	color: #138d32;
}
a, input, textarea{
	outline: none;
}
a img{
	border: none;
}
strong{
	font-weight: bold;
}
input, textarea{
	outline: none;
}
input[type="text"]{
	line-height: 23px;
	height: 23px;
}
input[type="text"], textarea{
	background: #fff;
	border: 1px solid #cacaca;
	color: #434343;
	font-size: 11px;
	padding: 0 4px;
}
input[type="text"]:focus, textarea:focus{
	border-color: #28c86b;
}
input[type="submit"]{
	cursor: pointer;
}
fieldset{
	border: none;
	position: relative;
}
tr.even, tr.odd{
	background: #fff;
	border-bottom: none;
	padding: 0;
}

#node-35 fieldset{
	margin:0;
	padding:0;
}
.form-item,
.form-checkboxes, 
.form-radios,
.form-checkboxes .form-item, 
.form-radios .form-item {
margin: 0;
}

.form-group label.error { 
	font-size: 9px; 
	position: absolute; 
	color: red !important; 
	bottom: -22px;
	width:200px;
	left: 0;
}
.form-group #edit-submitted-date-of-birth-month-wrapper label.error{
	bottom: -25px;
}

.form-group.wide label.error { 
	width:270px;
	bottom: -13px !important;
	margin-left:5px;
}

.highlight{
	color: #159339;
}
.node .more-link, .node .morelink, .bloc .more-link{
	color: #138d32;
	background: url(../i/more-link-arrow.png) no-repeat left;
	padding-left: 13px;
}
.morelink.less, .dir:hover .morecontent .morelink.green.less{
	color: #fff;
	background: #1ba448 url(../i/close.gif) no-repeat left;
	padding: 1px 5px 1px 15px;
}
.mandatory, .marker, .form-required{
	color: #1c5291;
	font-weight: bold;
	vertical-align: top;
	font-size: 16px;
}
.popup{
	padding: 10px 20px 0;
}
.inner h1, .home h3, .hearu-cont-inside h2, .popup h2, h5, legend {
	text-transform: uppercase;
	font-size: 18px;
	color: #1c5291;
	font-family: "MyriadProRegular";
	padding-bottom: 3px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #dadada;
}
.inner h1{
	font-size: 20px;
	margin-bottom: 0;
}
.inner h1 span{
	color: #138d32;
}
.inner #main h1 a{
	font-size: 18px;
	padding-right: 10px;
	border-right: 2px solid #ccc;
	margin-right: 8px;
}
h5{
	font-size: 13px;
	font-family: "MyriadProSemibold";
	padding-bottom: 0;
}
h6, #content .publish h2{
	clear: both;
	font: 12px "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
	color: #1c5291;
	margin: 0;
}
.publish h2{
	
}
.home .bloc h3{
	border-bottom: 1px solid #b6b6b6;
}
.home .bloc h3 a:hover,
.home .bloc2 h3 a:hover{
	color: #138D32;
	text-decoration: none;
}
#header{
	width: 1000px;
	height: 129px;
	margin: 0 auto;
	/*position: relative;*/
}
#main{
	width: 1000px;
	margin: 0 auto;
}
#content{
	overflow: hidden;
	clear: both;
}
#breadcrumb {
	overflow: hidden;
	margin-bottom: 18px;
}
#breadcrumb li{
	float: left;
	margin-right: 10px;
}
#breadcrumb li, #breadcrumb li a{
	font-size: 10px;
	color: #999;
}

#header h1 {
	float: left;
	margin-top: 12px;
	text-transform: none;
	padding-bottom: 0;
	margin-bottom: 0;
	width: auto;
	border-bottom: none;
}
#header h1 a{
	float: left;
}
#header h1 span{
	font-family: "MyriadProRegular";
	color: #014289;
	font-size: 26px;
	float: left;
	margin: 23px 0 0 12px;
	padding: 5px 0;
}
#top-links{
	float: right;
	height: 93px;
}
#top-labels{
	float: right;
	overflow: hidden;
}
#sec-nav{
	clear: right;
	float: right;
	margin-top: 15px;
}
#top-labels li, #sec-nav > li, #main-nav li{
	float: left;
}
#sec-nav > li a[title="Treasury & Investment"], #sec-nav > li.mobile-hide{
	display: none;
}
#top-labels li{
	margin-left: 10px;
}
#top-labels li a{
	color: #fff;
	padding-left: 33px;
	display: block;
	height: 34px;
	padding-top: 5px;
}
#top-labels li#findus a{
	width: 65px;
	background-image: url(../i/findus-bg.jpg);
}
#top-labels li#onlinebanking a{
	width: 97px;
	padding-left: 27px;
	background-image: url(../i/onlinebanking-bg.jpg);
}
#top-labels li a:hover, #top-labels li#findus.sec-selected a{
	background-position: bottom;
	text-decoration: none;
}
#top-labels li:first-child, .callcenter{
	position: relative;
	background: url(../i/callcenter.jpg) no-repeat;
	width: 191px;
	padding-left: 33px;
	height: 34px;
	padding-top: 5px;
	color: #fff;
	margin-right: 10px;
}
#top-labels li span, .callcenter span{
	font-size: 22px;
	font-family: "MyriadProRegular";
	padding-left: 7px;
	letter-spacing: .5px;
	position: absolute;
	top: 5px;
	display: block;
	right: 10px;
}

#sec-nav li a{
	color: #7d7d7d;
	font-size: 10px;
}
#sec-nav li.sec-selected > a{
	color: #1c5291;
	font-weight: bold;
}
#sec-nav li.sec-selected > a:hover{
	text-decoration: none;
	cursor: default;
}
#sec-nav > li{
	background: url(../i/small-sep.gif) no-repeat left;
	position: relative;
	z-index: 900;
}
#sec-nav > li > a{
	padding: 0 7px;
	margin: 0 7px;
	display: block;
}
body #sec-nav li ul li a{
	display: block;
	padding: 0 5px;
} 
body #sec-nav li ul li a:hover{
	background: #E5E5E5;
	text-decoration: none;
}

#sec-nav > li ul{
	display: none;
	position: absolute;
	left: 7px;
	padding: 14px 7px;
	background: #f5f5f5;
	width: 120px;
	z-index: 100;
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
	border: 1px solid #fff;
	border-top: none;
	top: 30px;
}
#sec-nav > li:hover > a{
	color: #195090;
	display: block;
	position: relative;
	z-index: 101;
	background: url(../i/sec-nav-highlight.jpg) repeat-x;
	border: 1px solid #fff;
	border-bottom: none;
	-moz-box-shadow: 0 -1px 2px #bbb;
	-webkit-box-shadow: 0 -1px 2px #bbb;
	box-shadow: 0 -1px 2px #bbb;
	height: 20px;
	padding: 0 6px;
	text-decoration:none;
}

#sec-nav > li.hasub:hover > a{
	height: 30px;
}
#sec-nav > li:hover ul{
	display: block;
}
#sec-nav > li.hasub li{
	margin-bottom:4px;
}
#sec-nav li:first-child{
	background: none;
}
.ie_fix { display: block; }
#main-nav{
	/*position: absolute;
	top: 93px;
	left: 0;*/
	width: 1000px;
	clear: both;
	height: 35px;
	
}
#nav{
	height: 35px;
	float: left;
	position: relative;
}
#nav > li{
	padding: 0 15px;
	cursor: pointer;
}
#nav > li:hover, #nav > li.mm-selected{
	background: url(../i/mm-menu-hover.jpg) repeat-x;
}
#nav > li > a:hover{
	text-decoration: none;
}
#nav.over{
	z-index: 999;
}
#nav > li#personal-banking{
	border-right: 1px solid #133e6a;
}
#nav > li#business-banking{
	border-left: 1px solid #306195;
}
#nav > li#personal-banking.mm-active, #nav > li#business-banking.mm-active{
	background: #0f4b91;
}
#nav > li > a{
	font-family: "MyriadProSemibold";
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	display: block;
	height: 28px;
	padding-top: 7px;
	background: url(../i/menu-arrow.png) no-repeat right;
	padding-right: 14px;
}
#nav > li > a span{
	font-family: "MyriadProRegular";
	text-transform:lowercase;
	font-size: 14px;
}

#search{
	float: right;
	border: 1px solid #b5b5b5;
	height: 21px;
	margin-top: 6px;
	background: #fff;
	width: 227px;
}
#search input[type="submit"]{
	float: right;
}
#search input[type="text"]{
	width: 150px;
	height: 21px;
	line-height: 21px;
	font-size: 11px;
	color: #919191;
	border: none;
	padding: 0 3px;
	float: left;
	background: none;
}
#fuzz{
	background: url(../i/overlay.png) repeat;
	z-index: 998;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
	cursor: pointer;
}

.bloc{
	position: relative;
	width: 210px;
	height: 233px;
	padding: 10px;
	background: #e3e3e3 url(../i/bloc-bg-repeat.jpg) no-repeat bottom left;
	float: left;
	margin-right: 24px;
	margin-bottom: 40px;
	border: 1px solid #e3e3e3;
	border-bottom: none;
}
.bloc .shadow{
	width: 100%;
	position: absolute;
	background: url(../i/img-bot-232.png) no-repeat;
	bottom: -11px;
	right:0;
	height: 11px;
}
.three-blocs .bloc .shadow{
	background: url(../i/img-bot-313.png) no-repeat;
}
.three-blocs .bloc{
	width: 293px;
	margin-right: 27px;
	height: 215px;	
}
.bloc.last, .bloc2.last, .three-blocs .bloc.last{
	margin-right: 0;
}
.bloc#blue{
	border: 1px solid #1e5b9c;
	border-bottom: none;
	background: #1e5b9c url(../i/bloc-blue-bg-repeat.jpg) repeat-x bottom left;
}
.bloc img{
	border: 1px solid #c5c5c5;
	width: 210px;
	display: block;
	margin: 0 auto 12px;
}
.bloc#cc-bloc img{
	border: none;
	margin-bottom: 14px;
}
.bloc#blue h3{
	color: #fff;
	border-bottom-color: #4b7cb0;
}
.bloc#blue p{
	color: #cfdbe8;
}
.bloc#blue p strong{
	display: block;
	color: #fff;
	font-size: 14px;
	margin: 10px 0;
}
.bloc .more-link{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#services{
	clear: both;
	overflow: hidden;
}
.bloc2{
	width: 315px;
	margin-right: 27px;
	position: relative;
	float: left;
}
.bloc2 h3{
	border-bottom-color: #ddd;
}
.bloc2.serv dt, .bloc2.serv dd{
	/*padding-left: 18px;*/
}

.bloc2.serv dt img{
	vertical-align: text-top;
}
/*
.bloc2.serv dt{
	background: url(../i/serv-ico.gif) no-repeat left;
}

.bloc2.serv dt#s1{
	background-position: 0 2px;
}
.bloc2.serv dt#s2{
	background-position: 0 -19px;
}
.bloc2.serv dt#s3{
	background-position: 0 -40px;
}
.bloc2.serv dt#s4{
	background-position: 0 -61px;
}
.bloc2.serv dt#s5{
	background-position: 0 -82px;
}
.bloc2.serv dt#s6{
	background-position: 0 -103px;
}
.bloc2.serv dt#s7{
	background-position: 0 -124px;
}
.bloc2.serv dt#s8{
	background-position: 0 -145px;
}
*/

.bloc2.serv dt a {
	padding-left: 5px;
}

.bloc2:first-child dt{
	margin-bottom: 10px;
}
.bloc2 dt a{
	font-weight: bold;
	
}
.bloc2 dd{
	margin-bottom: 13px;
}
.bloc2.last dd{
	font-size: 10px;
}
.bloc2.last dl{
	width: 49%;
	float: left;
}

.lnews-list, .lnews-list > li{
	width: 315px;
}
.lnews-list > li{
	overflow: hidden;
	float: left;
	position:relative;
}

#latest-news{
	outline: none;
}

.date{
	width: 75px;
	height: 50px;
	float: left;
	font-family: "MyriadProBold";
	position: relative;
}
.dd{
	color: #8891be;
	font-size: 38px;
	line-height: 28px;
	position: absolute;
	top: 5px;
	left: 0;
}
.mm{
	color: #8891be;
	font-size: 21px;
	position: absolute;
	top: 5px;
	left: 47px;
}
.yyyy{
	font-family: "MyriadProRegular";
	font-size: 11px;
	color: #666;
	position: absolute;
	top: 22px;
	left: 47px;
}
.lnews-list dl{
	width: 225px;
	padding-left: 15px;
	float: left;
	background: url(../i/lnews-sh.jpg) no-repeat top left;
}

.sform{
	border: 1px solid #b5b5b5;	
	background: #fff;
	width: 212px;
	height: 24px;
	position: relative;
}
.three-blocs .sform{
	width: 292px;
	margin-top: 25px;
}
.sform input[type="text"]{
	border: none;
	background: none;
	width: 130px;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 5px;
	color: #919191;
	float: left;
	font-size: 11px;
}
.three-blocs .sform input[type="text"]{
	width: 200px;
}
.sform input[type="submit"]{
	height: 24px;
	float: right;
	*padding: 0;
}

/* BUTTONS */
.btn{
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-family: "MyriadProSemibold";
	background-repeat: repeat-x;
	background-position: 0 0;
	float: left;
}
.node .content .btn{
	float:none;
	display:inline-block;
}
.btn:hover{
	text-decoration: none;
}
.btn span.btn-arrow{
	background: url(../i/btn-arrow.png) no-repeat right;
	padding-right: 20px;
}
.l-btn{
	height: 35px;
	padding: 0 12px;
	background-image: url(../i/l-btn.png);
	font-size: 16px;
	line-height: 35px;
	margin-bottom: 20px;
}

#banner .l-btn{
	border: 1px solid #83a9c9;
}

.m-btn{
	height: 28px;
	padding: 0 8px;
	background-image: url(../i/m-btn.png);
	font-size: 13px;
	line-height: 28px;
	border: 1px solid #83a9c9;
}
input[type="submit"].m-btn{
	border:none;
}
.l-btn:hover{
	background-position: 0 -35px;
}
.l-btn:active{
	background-position: 0 -70px;
}
.m-btn:hover{
	background-position: 0 -28px;
}
.m-btn:active{
	background-position: 0 -56px;
}
.xs-btn, .webform-client-form .form-submit{
	height: 24px;
	background: url(../i/xs-btn.png) repeat-x top;
	border: none;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "MyriadProSemibold";
	padding: 0 5px;
	cursor: pointer;
	vertical-align: middle;
}
.xs-btn:hover, .webform-client-form .form-submit:hover{
	background-position: 0 -24px;
}
.xs-btn:focus, .webform-client-form .form-submit:focus{
	background-position: 0 -48px;
}
/* search button */
#search .xs-btn{
	height: 21px;
	padding: 0 5px;
	background-image: url(../i/xs-btn-search.png);
}
#search .xs-btn:hover{
	background-position: 0 -21px;
}
#search .xs-btn:focus{
	background-position: 0 -42px;
}

/* BANNER HOME */
#banner-wrap{
	width:100%;
	height:313px;
	background:url(../i/bg-repeat.jpg) repeat-x;
	margin-bottom: 24px;
}
.inner #banner-wrap{
	height:264px;
	background:url(../i/bg-repeat-inner.jpg) repeat-x;
	margin-bottom: 2px;
}
#banner{
	width:100%;
	background:url(../i/bg-fx.jpg) no-repeat center top;
	height:313px;
	position: relative;
}
.inner #banner{
	background:url(../i/bg-fx-inner.jpg) no-repeat center top;
	height:264px;
}
#banner-cont{
	background:url(../i/bg-fx.jpg) no-repeat center top;
	width:100%;
	margin:0 auto;
	color: #fff;
	height: 304px;
	overflow: hidden;
	outline: none;
	position: relative;
}
.inner #banner-cont{
	width: 1000px;
}

#carousel-pages{
	position: absolute;
	text-align: center;
	bottom: 5px;
	height: 20px;
	width: 100%;
	z-index: 4;
}
#carousel-pages li{
	padding: 5px;
	display: inline;
}
#carousel-pages a{
	color: #fff;
	font-size: 10px;
}
#carousel-pages a:hover{
	text-decoration: none;
	color: #fff;	
}
#carousel-pages .selected a{
	color: #195090;
}

.full-banner{
	background-repeat: no-repeat;
	background-position: top center;
}
.not-full-banner{
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top center;
}
.full-banner .info{
	height: 100%;
	padding: 0 600px 0 15px;
}
.full-banner.shadow .info{
	background: url('../i/blur.png') no-repeat -80px 0;
}
.full-banner #banner-cont h2{
	margin-top: 0;
	padding-top: 30px;
}



.inner #banner-cont{
	height: 255px;
	background:url(../i/bg-fx-inner.jpg) no-repeat center top;
}
#left-sh{
	background:url(../i/left-sh.jpg) no-repeat;
	width:51px;
	height:6px;
	position:absolute;
	bottom:2px;
	left:0;
}
#right-sh{
	background:url(../i/right-sh.jpg) no-repeat;
	width:51px;
	height:6px;
	position:absolute;
	bottom:2px;
	right:0;
}
#in-sh-l, #in-sh-r{
	width:18px;
	height:255px;
	position:absolute;
	top:0;
}
#in-sh-l{
	left:0;
	background:url(../i/inner-shadow-l.png) no-repeat;
	z-index:100;
}
#in-sh-r{
	right:0;
	background:url(../i/inner-shadow-r.png) no-repeat;
	z-index:100;
}
.carousel-slides li{
	width: 100%;
	height: 304px;
	overflow: hidden;
	position: relative;
}
.carousel-slides li .pic{
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
}
.home #banner-cont img{
	height: 100%;
}
#banner-cont .info, .full-banner #banner-cont .info{
	width: 400px;
	padding: 0 600px 0 0;
	margin: 0 auto;
}
#banner-cont h2{
	font-size: 34px;
	line-height: 40px;
	margin-top: 30px;
	margin-bottom: 0;
	font-family: "MyriadProSemibold";
	text-transform: uppercase;
}
#banner-cont .info p{
	display: block;
	font-size: 18px;
	line-height: 22px;
	font-family: "MyriadProRegular";
	margin: 20px 0;
}
/*#banner-cont .info{
	float: left;
	width: 410px;
}
#banner-cont h2{
	font-size: 36px;
	line-height: 40px;
	font-family: "MyriadProSemibold";
	margin-top: 30px;
}
#banner-cont li p{
	font-size: 19px;
	line-height: 22px;
	font-family: "MyriadProRegular";
	margin: 20px 0;
}
.home #banner-cont img{
	float: right;
	border: 6px solid #fff;
	margin-top: 10px;
}*/
#iban-num{
	text-align: center;
	padding: 70px 0;
	font-size: 14px;
	height: 60px;
}
#iban-num #number{
		font:24px "MyriadProRegular";
		color: #195090;
}
#footer-wrap{
	width: 100%;
	background: #e5e5e5;
	margin-top: 40px;
}
#footer{
	width: 1000px;
	margin: 0 auto;
	font-size: 10px;
	background: #e5e5e5;

}
#footer dt{
	font-family: "MyriadProSemibold";
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
}
.show-hide-sitemap{
	display: block;
	width: 38px;
	height: 12px;
	background: url(../i/show-hide.gif) no-repeat bottom left;
	text-indent: -9999px;
	cursor: pointer;
	margin: -13px auto 0;
}
.show-hide-sitemap.hidden{
	background: url(../i/show-hide.gif) no-repeat top left;
}
#corporate-links, #sitemap{
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
#corporate-links{
	padding: 6px 0;
}
#corporate-links ul, #corporate-links ul li, #corporate-links dt, #corporate-links dd, #copy p{
	float: left;
}
#corporate-links ul, #corporate-links dt{
	margin-top: 3px;
}
#corporate-links ul li{
	margin-left: 10px;
	padding-left: 10px;
	background: url(../i/small-sep.gif) no-repeat left;
}
#corporate-links ul li:first-child{
	margin-left: 0;
	padding-left: 0;
	background: none;	
}
#corporate-links dl{
	float: right;
}
#corporate-links dt{
	font-size: 10px;
}
#corporate-links dd a{
	display: block;
	height: 24px;
	width: 24px;
	background: url(../i/sn-ico2.png) no-repeat left;
	margin-left: 10px;
	float: left;
	text-indent: -9999px;
}
#corporate-links dd a#fb{
	background-position: 0 0;
}
#corporate-links dd a#tw{
	background-position: 0 -24px;
}
#corporate-links dd a#yt{
	background-position: 0 -48px;
}
#sitemap {
	overflow: hidden;
}
#sitemap dl{
	float: left;
	margin-right: 45px;
}
#sitemap dl.last{
	margin-right: 0;
}
#sitemap a{
	display: block;
}
#copy{
	padding: 10px 0;
	overflow: hidden;
}

#copy .right {
	float:right;
	padding-right: 80px;
}

#survey{
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	width: 162px;
	height: 26px;
	padding-left: 30px;
	background: url(../i/survey-bg.jpg) no-repeat 0 0;
		position: fixed;
	bottom: 5px;
	right: 5px;
	z-index:2;
}
#survey:hover{
	background-position: 0 -26px;
	text-decoration: none;
}
#survey:focus{
	background-position: 0 -52px;
}

/* Let's Hear you */
.hearu {
	background: url(../i/hearu.png) no-repeat top left;
	text-indent: -9999px;
    cursor: pointer;
    display: block;
    height: 188px;
    position: fixed;
    left: 0;
    top: 185px;
    width: 45px;
    z-index: 10;
}
.hearu:hover{
	background-position: -45px 0;
}
#sliding{
	position: relative;
	z-index:998;
}

#panel{
	height: 521px;
	position: fixed;
	left: 0;
	top: 74px;
	width: 0;
	z-index: 100;
	background: #f6f6f6;
	overflow-x:hidden;
}
#sliding .hearu-cont{
	background: #f6f6f6 url(../i/hearu-bg.jpg) repeat-x bottom left;
	height: 520px;
}
#node-35{
	overflow:hidden;
}
#node-35 .hearu-cont-inside {
width: 925px;
min-height: 500px;
padding: 20px 17px 0 17px;
background: #F6F6F6 url(../i/hearu-bg.jpg) repeat-x bottom left;
}
#node-35 .hearu-cont-inside h3{
	border-bottom-color: #dadada;
}
#node-35 .hearu-cont-inside .form-btns{
	padding-top: 20px;
}
.callcenter{
	position: absolute;
	top: 0;
	right: 12px;
}
.form-group{
	padding: 10px 0 10px;
	border-bottom: 1px solid #e2e2e2;
}
.hearu-cont-inside .form-group{
	padding: 10px 0 17px;
}
.form-group label,
.form-group .radio-form label{
	display: block;
	color: #666;
	font-weight: bold;
	margin-bottom: 4px;
}
.form-group .radio-form label.option{
	font-weight:normal;
	display:inline;
}
#node-41 .form-group label{
	vertical-align: top;
	min-width:220px;
	margin-right:0;
}
#node-41 .form-group label.option{
	display:inline;
	width:auto;
	font-weight:normal;
}
#webform-client-form-35 input[type="text"]{
	width: 140px;
}
#webform-client-form-35 fieldset{
	float:left;
	margin-right: 30px;
}
#webform-client-form-35 textarea{
	width: 717px;
	height: 105px;
}
#webform-client-form-35 #is-client{
	width: 142px;
	margin-right: 0px;
}
#webform-client-form-35 .radio-form label.lbl-opt{
	display: inline;
}
#webform-component-are-you-a-client .form-item{
	display:inline;
}
.radio-form label.lbl-opt{
	font-weight: normal;
	margin-right: 20px;
}
label.lbl-opt{
	font-weight: normal;
	margin-right: 20px;
}
label.lbl-opt input{
	margin-right: 7px;
}

#webform-client-form-35 .checkbox-form label.lbl-opt{
	margin-bottom: 10px;
}

#webform-client-form-35 #webform-component-how-would-you-like-us-to-contact-you label{
	display: inline;
	margin-right: 20px;
}
#webform-client-form-35 .form-group #webform-component-how-would-you-like-us-to-contact-you{
	border-bottom: 0;
	
}
#webform-client-form-35 #webform-component-how-would-you-like-us-to-contact-you .form-radios,
#webform-client-form-35 #webform-component-how-would-you-like-us-to-contact-you .form-item{
	display: inline;
}
.form-btns{
	padding-top: 10px;
}
.form-btns ul{
	float: left;
	position: relative;
	left: 50%;
}
.form-btns li{
	float: left;
	position: relative;
	left: -50%;
}
.form-btns input[type="submit"]{
	margin-right: 20px;
	margin-top: -5px;
}
.form-btns a{
	margin-left: 20px;
}
/* /Let's Hear you */

.publi-listing dl, .publi-listing div.gallery-row-wrapper{
	position: relative;
	height: 130px;
	float: left;
	width: 250px;
	margin-top: 30px;
	border-bottom: 3px solid #e1e3ea;
}
.publi-listing div.gallery-row-wrapper{
	width: 286px;
	height: 300px;
	padding-right: 60px;
	padding-bottom: 30px;
}
.publi-listing > div.last {
padding-right: 0;
}
.publi-listing > div a:hover, .publi-listing > div a:hover span.img{
	text-decoration: none;
}
.publi-listing > div a:hover span{
	text-decoration: underline;
}
.publi-listing.annualreport dl{
	height:250px
}
.publi-listing dt{
	position: absolute;
	left: -18px;
	top: 25px;
	color: #8891be;
	font-family: "MyriadProBold";
	font-size: 42px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	
	/*border-bottom: 5px solid #C3C8DE;*/
	padding-bottom: 15px;
	text-align: right;
	letter-spacing: -2px;
	zoom:1;
	background-color: white;
	zoom: 1\9;
	background-color: white\9;
	top:0\9;
	left:0\9;
	padding: 5px 3px 15px 0\9;
}
.publi-listing dd {
	border-left: 5px solid #C3C8DE;
    left: 42px;
    padding-left: 10px;
    position: absolute;
    top: 0;
}

.publi-listing.annualreport dd{
	border-left: none;
	padding-left: 0;
}
.publi-listing > a{
	display: block;
	margin-bottom: 4px;
}
.publi-listing.annualreport a{
	color:#666;
	display: block;
}
.publi-listing.annualreport a span{
	display:block;
	padding-top:5px;
}
.publi-listing.tabbed a span{
	display: block;
}
.publi-listing.annualreport a span.img{
	background: url(../i/img-bot-117.jpg) no-repeat bottom left;
	padding-bottom:7px;
}
.publi-listing.annualreport a span.img img{
	display: block;
}
.publi-listing.tabbed a span.img{
	background: url(../i/img-bot-286.jpg) no-repeat bottom left;
	padding-bottom:8px;
}
.publi-listing.tabbed a img{
	border: 1px solid #cacaca;
	border-bottom: none;
	display: block;
}

.play{
	display: block;
	position: absolute;
	left: 1px;
	top: 187px;
	text-indent: -9999px;
	width: 33px;
	height: 27px;
	background: url(../i/play.jpg) no-repeat;
}
#content #download-acrobat{
	float: right;
	font-size: 10px;
	margin-bottom: 0;
	margin-top: -25px;
	background: url(../i/pdf-ico.jpg) no-repeat left;
	padding-left: 25px;
}
.options {
	overflow: hidden;
	background: #f3f3f3;
	height: 30px;
	margin-top: 5px;
}
#radio .options{
	float: right;
}
.options li{
	float: left;
	font-size: 10px;
	border-left: 1px solid #dadada;
	height: 25px;
	padding: 5px 10px 0;
}
.options li:first-child{
	border-left: none;
}
.options li.like{

}
.options li.like a{
	display: block;
	height: 25px;
	background: url(../i/like.jpg) no-repeat left -5px;
	padding: 0 5px 0 25px;
	float: left;
	
}
.options a{
	font-weight: bold;
}
.options a:hover, .publi-listing > div .options a:hover{
	text-decoration: underline;
}
/* pagination */
.listing_annual .item-list, .news .tabbed .listing .item-list{
	clear: both;
	overflow: hidden;
	width: 100%;
	background: #e1e3ea;
	font-size: 12px;
	padding: 4px 0;
	margin-top: -3px;
	display:inline-block;
}
.listing_annual .item-list .pager, .news .tabbed .listing .item-list .pager{
	margin:0;
}
#pagination ul, .item-list .pager{
	float: left;
	position: relative;
	left: 50%;
}
.item-list .pager li{
 	float: left; 
	color: #666;
 	position: relative;
 	left: -50%;
	padding: 0 10px;
	display: block;
	margin: 0;
}
.item-list .pager li.page-disabled{
	color: #999;
}
.item-list .pager a{
color: #195090;
font-weight:normal;
}
.item-list .pager .pager-current{
	font-weight:normal;
}
#category-acc{
	float: left;
	width: 176px;
}
#center-cont{
	float: left;
	width: 552px;
	padding: 4px 0px 4px 26px;
}

#left-cont{
   padding: 4px 0;
   float: left;
   width: 754px;
   *display: inline-block;
}
.node-type-webform #left-cont{
	width: auto;
	float: left;
}
.online-banking-application .floated-input fieldset{
	width: 240px;
	padding: 0;
}
.online-banking-application .form-group{
	border:none;
}
.content{
	margin-top: 10px;
}
#center-cont p, #content p{
	margin-bottom: 20px;
}

.inline-acc ul {
   margin-left: 15px; /* indenting all the list inside the content */
}

.inline-acc ul li{
   list-style-position: outside;
   margin: 5px 0;
   list-style-type: disc; /* for IE7 */
}


#center-cont .sharing li{
	list-style: none;
	margin: 0 30px 0 0;
}
#right-panel{
    background: #fff;
    float: right;
    padding-left: 26px;
	width: 220px;
}


.inline-acc{
	margin-bottom: 20px;
}
.inline-acc dt{
	color: #138d32;
	margin-bottom: 5px;
	cursor: pointer;
	font-weight: bold;
	background: url(../i/inline-acc-arrow.png) no-repeat left 2px;
	padding-left: 20px;
}
.inline-acc dt:hover{
	text-decoration: underline;
}
.inline-acc dt.active{
	background-position: left bottom;
}
.inline-acc dt.active:hover{
	text-decoration: none;
}
.inline-acc dd{
	margin-bottom: 15px;
	padding-left: 20px;
}

.download-application{
	background: url(../i/download-app.gif) no-repeat left;
	padding-left: 20px;
}
.sharing{
	clear: both;
	background: #f3f3f3;
	overflow: hidden;
	padding: 5px 10px;
	margin: 20px 0;
}
.sharing li{
	float: left;
	margin: 0 30px 0 0;
}
.sharing li a, .sharethis a{
	display: block;
	background: url(../i/sharing.gif) no-repeat left;
	padding-left: 28px;
}
.sharing li.sharethis{
	float: right;
	margin-right: 0;
}
.sharing li#email-page a{
	background-position: 0 0;
}
.sharing li#print a{
	background-position: 0 -24px;
}
.sharing li.sharethis a, .sharethis a{
	background-position: bottom left;
}
.sharing li.sharethis span{
	color: #195090;
}
.options .sharethis a{
	display: block;
   height: 18px;
   padding-left: 0;
   text-indent: -9999px;
   width: 24px;
   margin-top: 2px;
}
.options li.sharethis{
	float: right;
}
#interested-in{
	width: 220px;
	padding: 7px 0;
	background: #f3f3f3 url(../i/rightp-bg.jpg) no-repeat bottom left;
	margin-bottom: 20px;
}
#interested-in h5{
	padding: 0 10px;
	width: auto;
	margin-bottom: 0;
}
#interested-in a{
	display: block;
	overflow: hidden;
	padding: 10px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #FFFFFF;
}
#interested-in a:hover{
	text-decoration: none;
	background: #195090;
	color: #fff;
}

#interested-in a > span{
	display: table;
	float: left;
	width: 118px;
	height: 40px;
}
#interested-in a span span{
	display: table-cell;
	vertical-align: middle;
}

#interested-in a img{
	border: 1px solid #cacaca;
	vertical-align: middle;
	margin-right: 5px;
	float: left;
}
#interested-in a:hover img{
	border: 1px solid #899cb1;
}

/* MECHANIC */
#webform-client-form-29,
#webform-client-form-335,
#webform-client-form-336,
#webform-client-form-337 {
	margin-top:10px;
}

#webform-client-form-29 fieldset, fieldset.simulator,
#webform-client-form-335 fieldset,
#webform-client-form-336 fieldset,
#webform-client-form-337 fieldset{
	margin-bottom: 15px;
}
#webform-client-form-29 label, fieldset.simulator label,
#webform-client-form-335 label,
#webform-client-form-336 label,
#webform-client-form-337 label{
	font-weight: bold;
	display: block;
	float: left;
	width: 97px;
	margin-right: 10px;
}

#webform-client-form-335 label,
#webform-client-form-336 label,
#webform-client-form-337 label{
	width: 180px;
}

#webform-client-form-29 label.error, fieldset.simulator label.error,
#webform-client-form-335 label.error,
#webform-client-form-336 label.error,
#webform-client-form-337 label.error{
	font-weight: normal;
font-size: 9px;
color: red !important;
bottom: -15px;
width: 245px;
left: 85px;
margin-left: 112px;
position: absolute;
}
#webform-client-form-29 input[type="text"], fieldset.simulator input[type="text"],
#webform-client-form-335 input[type="text"],
#webform-client-form-336 input[type="text"],
#webform-client-form-337 input[type="text"]{
	width: 220px;
	float: left;
	margin-right: 10px;
}
#webform-client-form-29 input[type="submit"], fieldset.simulator input[type="submit"],
#webform-client-form-324 input[type="submit"],
#webform-client-form-325 input[type="submit"],
#webform-client-form-326 input[type="submit"]{
	margin-left: 114px;
}
#webform-client-form-29 .jquery-selectbox, fieldset.simulator .jquery-selectbox,
#webform-client-form-335 .jquery-selectbox,
#webform-client-form-336 .jquery-selectbox,
#webform-client-form-337 .jquery-selectbox{
	float: left;
}
.jquery-selectbox{
	width: 230px;
}

.webform-confirmation {
	text-align: center;
	padding: 200px 0;
	font-size: 14px;
	height: 60px;
	color: #195090;	
}
.webform-component-date .jquery-selectbox{
	display:inline-block;
	width: 78px;
}
#mechanic-results{
	border-bottom: 1px solid #dadada;
	margin-bottom: 30px;
	padding-top: 20px;
	font-size: 14px;
}
#mechanic-results strong{
	color: #1c5291;
}
#mechanic-results p{
	margin-bottom: 10px;
}
#mechanic input[type="submit"].results{
	margin-left: 0;
	margin-top: 10px;
}

#content.mechanic-cat{
	background: #fff url(../i/left-bg-grey.gif) repeat-y;
}
#center-cont.cat-listing{
	width: 798px;
	padding: 4px 0 4px 26px;
	position: relative;
}
#net.cat-listing{
	width: auto;
	position: relative;
}
#center-cont.cat-listing .confused{
	position: absolute;
	top: 4px;
	right: 90px;
	font-weight: bold;
}
#center-cont.cat-listing #pick{
	font: 18px "MyriadProRegular";
	color: #1c5291;
	padding-top: 10px;
}
#center-cont.cat-listing dl{
	float: left;
	width: 182px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#center-cont.cat-listing dl.last{
	margin-right: 0;
}
#center-cont.cat-listing dt{
	background: url(../i/img-bot-182.jpg) no-repeat bottom;
	padding-bottom: 7px;
}

#center-cont.cat-listing dt span{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
#center-cont.cat-listing dt a:hover span{
	text-decoration: underline;
}
#center-cont.cat-listing dt img{
	display: block;
}
#center-cont.cat-listing dd{
	padding-right: 20px;
	margin-top: 10px;
}
/** NET TAB **/
#net.cat-listing dl{
	float: left;
	width: 182px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#net.cat-listing dl.last{
	margin-right: 0;
}
#net.cat-listing dt{
	background: url(../i/img-bot-182.jpg) no-repeat bottom;
	padding-bottom: 7px;
}

#net.cat-listing dt span{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
#net.cat-listing dt a:hover span{
	text-decoration: underline;
}
#net.cat-listing dt img{
	display: block;
}
#net.cat-listing dd{
	padding-right: 20px;
	margin-top: 10px;
}

.about-img{
	background: url(../i/about-img-sh.jpg) no-repeat bottom;
	padding-bottom: 7px;
	float: right;
	margin-left: 20px;
}
.about-img img{
	display: block;
}

#content h2{
	font: 20px "MyriadProRegular";
	color: #1c5291;
	margin: 20px 0;
}
.sided-dl{
	overflow: hidden;
	margin-bottom: 20px;
}
.sided-dl dt, .sided-dl dd{
	float: left;
}
.sided-dl dt{
	clear: left;
	font-weight: bold;
	margin-right: 5px;
}
.two-cols{
	width: 470px;
	float: left;
	padding-top: 20px;
}
.two-cols:first-child{
	margin-right: 60px;
}

ul.square-list{
	margin-top: 10px;
}
ul.square-list li{
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(../i/square-list.gif) no-repeat left 7px;
}
#content > p{
	margin-top: 10px;
}
.tbl-data{
	margin-top: 10px;
}
table#management, .tbl-data{
	width: 100%;
}
.tbl-data th{
	border-left: 2px solid #fff;
}
.tbl-data td{
	border-left: 2px solid #e1e3ea;
}
.tbl-data .curr, .tbl-data td:first-child{
	border-left: none ;
}
#management th, #management td, .tbl-data th, .tbl-data td{
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 2px 10px;
}
#management th, .tbl-data th{
	background: #8593c2;
	color: #fff;
	font: 18px "MyriadProRegular";
}
#management td, .tbl-data td{
	font-size: 14px;
	padding: 5px 10px;
}
#management td.mgt-name, .tbl-data .bank-name{
	color: #1c5291;
	font-weight: bold;
	width: 260px;
}
.simulator-tbl.tbl-data td{
	text-align: left;
	padding-left:10px;
}
.tbl-data .curr{
	width: 100px;
}
.tbl-data .bank-name{
	width: 550px;
}
#management tr.fake-odd td, .tbl-data tr.odd td{
	background: #edeff6;
}
#management tr.odd td{
	cursor: pointer;
}
#management tr.odd:hover td, #management tr.on td, #management tr.on td.mgt-name, #management tr.fake-odd.on td{
	background: #195090;
	color: #fff;
	border-bottom: 1px solid #195090;
}
#management tr td[colspan="2"]{
	background: #195090;
	color: #fff;
	padding: 0;
	
}
#management tr td ul{
	overflow: hidden;
	padding: 10px;
}
#management tr td li{
	font-size: 12px;
	margin-bottom: 3px;
}
#management tr td li a{
	color: #fff;
}
#management tr td li span{
	font-weight: bold;
	color: #98afca;
	margin-right: 5px;
}

td.curr{
	text-transform: uppercase;
}

.dir{
	overflow: hidden;
	padding: 10px;
	margin: 10px 0;
}

.dir.even{
	background: #edeff6;
}

.dir-img{
	float: left;
	background: url(../i/img-bot-151.png) no-repeat bottom;
	padding-bottom: 7px;
	width: 151px;
}
.dir-img img{
	border: 1px solid #cacaca;
	border-bottom: none;
	display: block;
}

.dir dl{
	float: left;
	padding-left: 10px;
	width: 810px;
}
.dir dt{
	font: 18px "MyriadProSemibold";
	text-transform: uppercase;
	color: #1c5291;
}
.dir-pos{
	font: 16px "MyriadProRegular";
	color: #1c5291;
	margin-bottom: 3px;
}

.morecontent span{
	display: none;
}

.dir:hover, .dir-on, .even.dir-on{
	background: #195090;
}
.dir:hover dt, .dir:hover .dir-pos, .dir:hover dd, .dir-on dt, .dir-on dd, .dir-on .dir-pos, .even.dir-on:hover dt, .even.dir-on:hover dd, .even.dir-on:hover .dir-pos{
	color: #fff;
}
.dir:hover .morecontent .morelink.green{
	color: #fff;
	padding: 2px 5px 2px 15px;
	background: #1BA448 url("../i/more-link-arrow-hover.png") no-repeat 2px center;
}

/* news */
.listing{
	float: left;
	width: 316px;
}
.main-content{
	overflow: hidden;
	margin-top: 20px;
}
.page-media-center .main-content{
	margin-top: 0;
}
.main-content .lnews-list{
	overflow: hidden;
}
.main-content .lnews-list > li{
	margin-bottom: 7px;
	padding: 5px;
	width: 306px;
	cursor: pointer;
}
.main-content .lnews-list li.odd{
	background: #edeff6;
}
.main-content .lnews-list dl{
	width: 210px;
	height: 65px;
	padding-left: 15px;
	margin-left: 5px;
	float: left;
	background: url(../i/news-sep.png) no-repeat top left;
}
.main-content .lnews-list li.selected, .main-content .lnews-list li.odd.selected, .main-content .lnews-list li:hover{
	background: #195090;
	color: #fff;
}
.main-content .lnews-list li.selected dl *, .main-content .lnews-list li.selected ul *, .main-content .lnews-list li:hover dl *, .main-content .lnews-list li:hover ul *{
	color: #fff;
}
.item-list ul.more-news,
.item-list ul.more-news li{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image: none;
	background: none;
	display:inline;
}
.more-news.infinite-pager a{
	display: block;
	height: 28px;
	background: #8593c2;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font: 16px "MyriadProRegular";
	line-height: 28px;
	margin: 10px 0;
	cursor: pointer;
}
.article{
	float: left;
	width: 660px;
	padding: 5px 0 0 24px;
}
.newsmedia{
	float: right;
	margin: 0 0 10px 10px;
	outline: none;
}
.newsvid{
	width: auto;
	display: block;
	background: #8593C2 url(../i/video.png) 3px center no-repeat;
	color: #fff;
	padding-left: 26px;
	padding-right: 10px;
	margin-bottom: 10px;
	height: 25px;
	line-height: 25px;
}
.newsvid:hover{
	background: #195090 url(../i/video.png) 3px center no-repeat;
	text-decoration: none;
}
.newsimg{
	padding-bottom: 8px;
	background: url(../i/img-bot-286.jpg) no-repeat bottom;
}
.newsimg.rotate{
	width: 286px;
	position: relative;
	padding-bottom: 0;
	background: #edeff6 url(../i/img-bot-286.jpg) no-repeat bottom;
}
.newsimg.vert.rotate{
	width: 242px;
}
.newsimg img{
	display: block;
}
.newsimg img, .newsimg .carousel-wrap{
	border: 1px solid #cacaca;
	border-bottom: none;
}
.newsimg.rotate .carousel-wrap a{
	display: block;
	width: 284px;
	height:	159px;
	position: relative;
	overflow: hidden;
}
.newsimg.rotate.vert .carousel-wrap a{
	width: 240px;
	height: 320px;
}
.newsimg.rotate img{
	border: none;
	display: block;
	position: absolute;
	top: 0; left: 0;
}
#chi img{
	display: block;
}
#content .article h2{
	margin: 0 0 10px 0;
}

#csr, #listing{
	background: url(../i/dots.gif) repeat-x top left;
	overflow: hidden;
	margin-top: 40px;
	padding-top: 10px;
}
#listing li{
	width: 219px;
	float: left;
	padding-right: 34px;
	border-bottom: 3px solid #E1E3EA;
	padding-bottom: 30px;
}
#csr h2, #listing h2{
	width: 219px;
	float: left;
	font: 16px "MyriadProRegular";
	margin-right: 34px;
	background: url(../i/rightp-bg.jpg) no-repeat bottom;
	padding-bottom: 7px;
}
#content #listing h2{
	margin-bottom: 0px;
}
#csr h2.last{
	margin-right: 0;
}
#listing li.last{
	padding-right: 0;
}
#csr h2 a, #listing li a{
	display: block;
	color: #1c5291;
}
#csr h2 a:hover, #listing li h2 a:hover{
	text-decoration: none;
	color: #138d32;
}
#csr h2 span, #listing li h2 span{
	display: block;
	color: #138d32;
	font-size: 24px;
	line-height: 22px;
}
#csr h2 a:hover span, #listing li h2 a:hover span{
	color: #1c5291;
}
#csr h2 img, #listing h2 img{
	display: block;
	border: 1px solid #cacaca;
	border-bottom: none;
	margin-top: 5px;
}


/* HISTORY */
.history-view{
	outline: none;
}

.history-view .jcarousel-prev, .history-view .jcarousel-next{
	position: absolute;
	width: 20px;
	height: 28px;
	bottom: 0;
	background: green;
	outline: none;
	background: url(../i/history-controls.gif) no-repeat;
	cursor: pointer;
}
.history-view .jcarousel-prev-disabled, .history-view .jcarousel-next-disabled{
	visibility: hidden;
}
.history-view .jcarousel-prev{
	left: 0;
	background-position: top;
}
.history-view .jcarousel-next{
	right: 0;
	background-position: bottom;
}
.history-view .jcarousel-clip{
	width: 960px;
	margin-left: 20px;
	overflow: hidden;
}
.history-view ul li{
	float: left;
	width: 160px;
	position: relative;
}
.history-view ul li dl{
	position: absolute;
	bottom: 0;
}
.history-view ul li.even{
	background: #f3f4f9;
}
.history-view ul li a:hover{
	text-decoration: none;
}
.history-view ul li:hover, .history-view ul li.even:hover{
	background: #195090;
}
.history-view ul li:hover dt a, .history-view ul li.even:hover dt a{
	color: #fff;
}
.history-view ul li dt{
	font: 16px "MyriadProRegular";
	width: 136px;
	padding: 10px 12px 0;
}
.history-view ul li dt span{
	display: block;
	font-size: 12px;
	line-height: 15px;
	color: #8593c2;
}
.history-view ul li dd{
	text-align: center;
}

.history-view ul li .year-img{
	display: block;
	background: url(../i/history-line.png) no-repeat center 86px;
	padding-top: 10px;
}
.history-view ul li .year-img img{
	width: 136px;
	height: 76px;
	display: block;
}
.history-view ul li dd.year a{
	display: block;
	width: 159px;
	text-align: center;
	height: 25px;
	padding-top: 3px;
	background: #8593c2;
	border-right: 1px solid #adb5ce;
	font: 20px "MyriadProSemiBold";
	color: #fff;
}

.history-view ul li.even dd.year a{
	background: #7784ae;
}

.history-view ul li:hover dd.year a, .history-view ul li.even:hover dd.year a{
	background: #1d487b;
	border-right: none;
}

/* Audio Player */
.audio-player{
	height: 19px;
	padding: 10px 7px;
	background: #edeff6;
	margin-top: 30px;
}
.audio-info{
	overflow: hidden;
	height: 40px;
	border-top: 1px solid #fff;
	background: #edeff6;
	width: 100%;
}
.audio-info p{
	float: left;
	padding: 10px 10px 0;
}
.player-controls{
	overflow: hidden;
	float: left;
}
.audio-play, .audio-stop{
	width: 23px;
	height: 19px;
	background: url(../i/player-controls.jpg) no-repeat;
	float: left;
	cursor: pointer;
	margin-right: 10px;
}
.audio-play{
	background-position: 0 0;
}
.audio-play:hover{
	background-position: 0 -18px;
}
.audio-stop{
	background-position: -46px 0;
}
.audio-stop:hover{
	background-position: -46px -18px;
}
.progress{
	float: left;
	width: 920px;
	height: 19px;
	background: #afb8d7;
}
.progress .duration{
	float: right;
	color: #fff;
	text-align: right;
	padding-right: 10px;
}
.audio-track{
	display: none;
}
.playing .audio-play{
	background-position: -23px 0;
}
.playing .audio-play:hover{
	background-position: -23px -18px;
}
.playing .progress{
	background: #1aa145;
}
.playing .audio-track{
	display: block;
	background: #fff;
	float: left;
	height: 5px;
	margin-top: 10px;
	width: 100px;
	margin-left: 5px;
}

/* 404 */
.notfound.inner #banner{
	background: url(../i/bg-banner.jpg) no-repeat;
} 
.notfound #main{
	height: 100px;
	padding-top: 70px;
	background: url(../i/404-arrows.gif) no-repeat 0px 55px;
}
.notfound #main p{
	font-size: 16px;
	line-height: 30px;
	width: 515px;
	margin-left: 20px;
}

.maintenance#wrapper{
	background: url(../i/maintenance-bg.jpg) repeat-x;
}
.maintenance #top{
	background: url(../i/maintenance-bg2.jpg) no-repeat center 73px;
}
.maintenance.inner #banner-cont, .maintenance.inner #banner, .maintenance.inner #banner-wrap{
	background: none;
}
.maintenance.inner #banner-cont{
	width: 513px;
	padding-left: 487px;
	text-transform: uppercase;
	color: #122942;
	font-size: 36px;
	font: 36px/38px "MyriadProRegular";
	padding-top: 60px;
	height: 195px;
}
.maintenance.inner #banner-cont span{
	color: #fff;
	font: 49px/50px "MyriadProBold";
}
.maintenance.inner #banner-wrap{
	height: 280px;
}

.maintenance #main{
	padding: 40px 0 30px;
}
.maintenance #main p{
	width: 460px;
	margin: 0 auto;
	font: 30px/45px "MyriadProRegular";
	text-align: center;
	
}
.maintenance #main p span{
	color: #195092;
	font-size: 36px;
}
/* jfontsize */
.jfontsize-button {
	background: #8593c2;
 	font-weight: bold;
	padding: 3px 5px;
	color: #fff;
}

.jfontsize-button:hover {
  text-decoration: none;
  background: #195090;
  color: #fff;
}

.jfontsize-disabled, .jfontsize-disabled:hover {
  color: #aaa;
  background: #eee;
}
#jfontsize{
	float: right;
	margin-top: -25px;
}

.jfontsize-cont {
	text-align: justify;
}
#jfontsize.news{
	margin-top: -30px;
	margin-right: 5px;
}
/* clearfix hack */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.item-list .pager li.views-throbbing{
	background: url(../i/status-active-pager.gif) no-repeat center center !important;
	height: 22px;
    width: 22px;
    display:block;
    float:left;
    z-index: 99999;
    position: absolute;
    left: 60px;
}
.item-list span.views-throbbing{
	background: url(../i/status-active.gif) no-repeat center center !important;
	height: 28px;
    width: 28px;
    float:left;
    position:absolute;
    margin-left: 50px;
}

.lets-hear-you{
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
overflow: hidden;
}
.form-select.year,
.form-select.month,
.form-select.day{
  width:60px;
  padding:0 28px 0 3px;
}
.modal-window .floated-input fieldset.dob{
width: 290px;
}
.form-select.year .items,
.form-select.month .items,
.form-select.day .items{
  width:70px; /* width of display text plus the padding (60 + 27) = 87 */
}

.online-banking-application .webform-component-date .webform-container-inline .form-item,
.loan-application-form .webform-component-date .webform-container-inline .form-item{
	float: left;
	padding-right: 5px;
}
.loan-application-form .webform-component-date .webform-container-inline .form-item div{
	display: block;
}
.loan-application-form .form-radios .option{
	width: 110px;
	text-align:left;
}
.loan-application-form #webform-component-loan-type label{
	width: 122px;
}
.loan-application-form #webform-component-loan-type .form-radios .option{
	width:120px;
}
.modal-window .form-group{
	padding: 10px 0 10px;
}
.modal-window .floated-input fieldset{
	width: 240px;
	padding:0;
}
.modal-window .floated-input.attachments fieldset{
	width:305px;
}
.modal-window .popup{
	width: 720px;
	height: 575px;
	background: #f6f6f6 url(../i/hearu-bg.jpg) repeat-x bottom left;
}
.loan-app.modal-window .popup{
	width:auto;
	height:auto;
}
.join-bbac.modal-window .popup{
	width:auto;
	height:auto;
}
.take-our-website-survey.modal-window .popup{
height: 710px;
}
.search-result-wrapper{
height: 100px;
margin-bottom: 10px;
width: 100%;
}
.search-image{
display: block;
float: left;
width: 150px;
height: 83px;
border-right: 2px solid #195090;
margin: 0px 15px 0px 0px;
}
.search-result-wrapper-inner{
	display: block;
position: relative;
}
#content #search-form .form-submit {
height: 24px;
background: url(../i/xs-btn.png) repeat-x top;
border: none;
color: white;
font-size: 11px;
text-transform: uppercase;
font-family: "MyriadProSemibold";
padding: 0 5px;
cursor: pointer;
vertical-align: middle;
margin-right: 20px;
margin-top: -5px;
}
#content #search-form .form-submit:hover {
background-position: 0 -24px;
text-decoration: none;
}

.webform-component-file, .webform-component-file .form-item{
	overflow: hidden;
}
.webform-component-file .form-item .customfile{
	margin: 0;
}

#whats-new .item-list{
	
}

.card-application-form .webform-component-select,
.loan-application-form .webform-component-select{
	position:relative;
	display:block;
}
#webform-component-confirm-email{
display:none;
}
#webform-component-date-of-birth .form-item{
display:block;
float:left;
}
#webform-component-date-of-birth .form-item .form-select.year,
#webform-component-date-of-birth .form-item .form-select.month,
#webform-component-date-of-birth .form-item .form-select.day{
display: block;
}