html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body {
  font: 62.5% Arial, Helvetica, sans-serif;
  background: url(../../images/bg.jpg) center repeat-y #f5f5f5;
  padding: 0 0 15px 0;
}

a {
  text-decoration: none;
}

a:hover {
  color: #7A1A3A;
}

/* ------------------------------------------------------------------------------------------------- */
/* layout ------------------------------------------------------------------------------------------ */
#accesskeys {
  display: none;
}

.contentWrapper {
  clear: both;
  display: block;
  overflow: auto;
}

#container {
  width: 984px;
	margin: 0px auto;
}

.mainContent {
  float: left;
  width: 789px;
}

.sideContent {
  width: 176px;
  float: right;
	margin: 31px 0 0 0;
}
/* /layout ----------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* header - 2013 ----------------------------------------------------------------------------------- */
.header {
	width: 936px;
	height:	83px;
  /*background: url(../../images/personal-homepage/background/headerWrapper.jpg);*/
	background: #7A1A3A;
	padding: 16px 24px 0 24px;
	margin:	0 auto;
}

.logo {
	float: left;
	margin: 0 0 3px 0;
}

/* top right links --------------------------------------------------------------------------------- */
ul.headerNavigation {
  float: right;
  text-align: right;
  font-size: 1.4em;
  font-weight: 700;
}

ul.headerNavigation li {
  display: inline;
}

ul.headerNavigation li.legal {
	border-left: 1px solid #fff;
	padding: 0 0 0 7px;
	margin: 0 0 0 5px;
}

ul.headerNavigation li.legalFirst {
	border-left: none;
	margin: 0 0 0 10px;
}

.header .headerNavigation li a {
  color: #fff;
}

.header .headerNavigation li a.country {
  color: #bbe2f9;
}

.header .headerNavigation a:hover {
	text-decoration: underline;

}

/* personal - business - corporate ----------------------------------------------------------------- */
.header ul.mainNavigation {
	float: left;
	clear: both;
	list-style: none;
	display: block;
	width: 510px;
}

.header ul.mainNavigation li {
	display: inline;
	float: left;
}

.header ul.mainNavigation li a {
	display: block;
	height: 32px;
}

.header ul.mainNavigation li a.personalBanking {
  background: url(../../images/personal-homepage/background/mainTabs.png) 0 0;
  width: 163px;
}

.header .mainNavigation li a.businessBanking {
  background: url(../../images/personal-homepage/background/mainTabs.png) -163px 0;
  width: 163px;
}

.header .mainNavigation li a.corporateBanking{
  background: url(../../images/personal-homepage/background/mainTabs.png) -326px 0;
  width: 175px;
}

.header .mainNavigation li a span {
  margin-left: -999px;
}

/* search ------------------------------------------------------------------------------------------ */
.searchBoxes {
	float: right;
	clear: right;
	*padding-top: 38px;
}

.header .searchBoxes .siteSearch {
  float: right;
  width: 151px;
  padding-left: 15px;
  margin: 3px 0 0 0;
}

.header .searchForm input {
	width: 116px;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 4px;
	background: #fff;
	border: 0;
	border-right: none;
  font-size: 1.2em;
  float: left;
	outline: none;
}

.header .searchForm .submit {
  background: url(../../images/personal-homepage/background/searchGlass.jpg);
  height: 20px;
  float: left;
	border: 0;
  width: 30px;
	cursor: pointer;
	outline: none;
}
/* /header - 2013 ---------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------------------- */
/* sud nav ----------------------------------------------------------------------------------------- */
.subNavigation ul {
  list-style: none;
  padding: 6px 0 0 7px;
}

.subNavigation ul li {
  display: block;
  float: left;
  font-size: 1.2em;
  position: relative;
  z-index: 1000;
}

.subNavigation ul li a {
  display: block;
  color: #333;
  font-weight: bold;
  padding: 2px 16px 2px 16px;
  border-right: 1px solid #ccc;
  margin: 0 0 7px 0;
}

.subNavigation ul li a span {
  display: block;
}

.subNavigation ul li a:hover {
  color: #7A1A3A;
}

.subNavigation ul li .SubNavExtended, .subNavigation ul li .subNavContainer {
  width: 315px;
  border: 1px solid #ccc;
  border-top: none;
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  border-radius: 0 0 5px 5px;
  -webkit-border-radius:  0 0 5px 5px;
  -moz-border-radius:  0 0 5px 5px;
  background: linear-gradient(top,#fdfdfd 0,#fcfcfc 10%,#f6f6f6 60%,#f0f0f0 80%,#ededed 90%);
  background: -webkit-linear-gradient(top,#fdfdfd 0,#fcfcfc 10%,#f6f6f6 60%,#f0f0f0 80%,#ededed 90%);
  background: -webkit-gradient(linear,0% 0,0% 100%,color-stop(0,#fdfdfd),color-stop(0.1,#fcfcfc),color-stop(0.6,#f6f6f6),color-stop(0.8,#f0f0f0),color-stop(0.9,#ededed));
  background: -moz-linear-gradient(top,#fdfdfd 0,#fcfcfc 10%,#f6f6f6 60%,#f0f0f0 80%,#ededed 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ededed',GradientType=0 );

}

.subNavigation ul li.active .subNavContainer {
  display: block;
  padding: 20px 20px 10px 20px;
}

.subNavigation ul li .subNavContainer {
  display: none;
  width: 365px;
  position: absolute;
  top: 19px;
  left: -1px;
  z-index: 1000;
  background: #fff;
}

.subNavigation ul li .subNavContainer ul {
  padding: 0;
  float: left;
}

.subNavigation ul li .subNavContainer ul li {
  display: block;
  width: 117px;
  font-size: 0.875em;
  clear: both;
  padding: 0 0 9px 0;
  font-weight: bold;
}

.subNavigation ul li .SubNavExtended {
  width: 290px;
}

.subNavigation ul li .SubNavExtended ul li {
  width: 100%;
}

.subNavigation ul li .subNavContainer ul.areYouLinks {
  float: right;
  width: 229px;
  padding: 0 0 0 10px;
  border-left: 1px solid #DADFE1;
}

.subNavigation ul li .subNavContainer ul.areYouLinks li {
  width: 200px;
}

.subNavigation ul li.active ul li a {
  padding: 0;
  margin: 0;
  border: none;
  font-weight: normal;
}



/* ------------------------------------------------------------------------------------------------- */
/* footer area ------------------------------------------------------------------------------------- */
.sitemap {
  padding: 10px 0;
  border-bottom: 1px solid #dadfe1;
  border-top: 1px solid #dadfe1;
  color: #7A1A3A;
  display: block;
  clear: both;
  overflow: auto;
}

.sitemap .item {
  width: 149px;
  float: left;
  margin: 0 15px 0 0;
}

.sitemap .item h2 {
  font-size: 1.2em;
  padding: 0 0 5px 0;
}

.sitemap .item ul {
  list-style: none;
  font-size: 1.1em;
}

.sitemap .item a {
  color: #222;
  display: block;
  padding: 0 0 8px 0;
}

.sitemap .item a:hover {
  color: #7A1A3A;
}
/* /footer area ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------------------- */
/* cookie checker ---------------------------------------------------------------------------------- */
.EUDirectiveCookiePanel {
	background-color: #a9cae9;
	font-size: 1.1em;
  line-height: 15px;
  padding: 8px 8px 0 8px;
  margin: 0 0 5px 0;
}
.EUDirectiveCookieIcon {
	float: left;
	margin-right: 5px;
}
/* /cookie checker --------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------------------- */
/* homepage pods ----------------------------------------------------------------------------------- */
.homePodBottom {
  width: 185px;
  background: #fafafa;
  margin: 0 16px 0 0;
  float: left;
  font-size: 1.1em;
}

.homePodBottom img {
  display: block;
}

.homePodBottom h2 {
  color: #7A1A3A;
  font-size: 1.2em;
  padding: 10px 10px 5px 10px;
  display: block;
  border-left: 1px solid #DADFE1;
  border-right: 1px solid #DADFE1;
}

.homePodBottom p {
  padding: 0 10px 10px 10px;
  border-left: 1px solid #DADFE1;
  border-right: 1px solid #DADFE1;
  min-height: 60px;
  color: #333;
}

.homePodBottom > .findOutMore {
  color: #00759a;
  font-weight: bold;
  display: block;
  padding: 0 10px 10px 10px;
  border-left: 1px solid #DADFE1;
  border-right: 1px solid #DADFE1;
  border-bottom: 1px solid #DADFE1;
  border-radius: 0 0 6px 6px;
  moz-border-radius: 0 0 6px 6px;
  webkit-border-radius: 0 0 6px 6px;
}

.homePodBottom a.findOutMore:hover {
  color: #002a66;
}
/* /homepage pods ---------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------------------- */
/* sidebar ----------------------------------------------------------------------------------------- */
.anytimeBanking {
  background: #fafafa;
  border: 1px solid #e4e4e4;
  padding: 10px;
  border-radius: 4px;
  min-height: 169px;
  margin: 0 0 20px 0;
  font-size: 1.1em;
}

.anytimeBanking h2 {
  color: #002a66;
  font-size: 1.8em;
  font-weight: 500;
  display: block;
  text-align: center;
  margin: 0 0 20px 0;
}

.anytimeBanking img {
  margin: 0 0 5px 0;

}

.anytimeBanking p {
  margin: 0 0 5px 0;
}

.anytimeBanking a {
  color: #0098DB;
  text-decoration: none;
}

.homeSidebar h3 {
  color: #002a66;
  font-size: 1.3em;
  padding: 0 0 10px 0;
  display: block;
}

.homeSidebar ul {
  list-style: none;
}

.homeSidebar ul li a {
  color: #333;
  font-size: 1.2em;
  padding: 0 0 5px 10px;
  text-decoration: none;
  display: block;
  background: url(../../images/personal-homepage/background/liArrow.png) 0 3px no-repeat;

}

.homeSidebar ul li a:hover {
  color: #0098DB;
}
/* /sidebar ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------------------- */
/* royal slider ------------------------------------------------------------------------------------ */
.royalSlider {
  margin: 0 !important;
  overflow: hidden;
}

.royalSlider .importantInformation {
  background: #fbad17;
  padding: 30px 30px 30px 85px;
  height: 130px;
  width: 679px;
  background:url(../../images/banners/important-information.jpg) top left no-repeat;
}

.royalSlider .importantInformation h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: normal;
}

.royalSlider .importantInformation p {
  font-size: 15px;
  line-height: 19px;
  color: #222;
  width: 619px;
}

.royalSlider .importantInformation a {
  color: #222;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 0 0 0;
  display: inline-block;
  border-bottom: 1px dotted #000;
}
/* /royal slider ----------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------------------- */
/* KEEP AT THE END! -------------------------------------------------------------------------------- */
#footer .row .legal {
  padding: 15px 0 0 0;
  clear: both;
  display: block;
}

.clear20 {
  display: block;
  height: 20px;
  clear: both;
}

.last {
  margin-right: 0;
}
/* KEEP AT THE END! -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */



.feedbackTab {
  left: 0;
  top: 50%;
  overflow: hidden;
  position: fixed;
  z-index: 100000;
}

.lp-btn-slide-out-right {
  position: fixed;
  top: 40%;
  right: -206px;
}


/* /Feedback Button on Homepage -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
.feedback {
  position: fixed;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.feedbacklink {
  font-size: 1.2em;
  font-weight: 700;
  height: 25px;
  width: 100px;
  color: white;
  display: block;
  cursor: pointer;
  text-align: center;
  line-height: 25px;
  background-color: #002a66;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

a.feedbacklink:hover  {
  color: #FFF;
  text-decoration: none;
  background-color: #0098DB;
  -webkit-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -ms-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}


/*Position specific styling */
.feedback-bottom {
  bottom: 0;
  right: 10px;
  z-index: 999;
}

/*Corner styling */
.feedback-right.feedback-bottom a, .feedback-right.feedback-bottom #feedbackform {
  border-radius: 4px 0 0 0;
}

#hide {
  background:#7A1A3A;
  /*background: url(../../images/personal-homepage/background/headerWrapper.jpg);*/
  color:white;
  font-size:18px;
  padding:10px;
  height:25px;
}

#hide a {

  color:white;
  
}
.fa a:hover{
  color:#7F94B2;
}
#hide a:hover {

  color:#E5E9EF;
  text-decoration:underline;
  
}

div#hide p {
line-height: 23px;
}

.quick {
float: left;
font-size: 14px;
width: 119px;
padding-right:40px;
}
.quick p{
    float:right;
    font-size:18px;
}
.servicest {
float: left;
font-size: 14px;
width: 149px;
padding-right:40px;
}
.servicest p{
  float:right;
  font-size:18px;
}

.findbranch {
float: left;
font-size: 14px;
width: 137px;
padding-right:40px;
}
.findbranch p{
  float:right;
  font-size:18px;
}

.helplink {
float: left;
font-size: 14px;
width: 157px;
padding-right:40px;
}
.helplink p{
  float:right;
  font-size:18px;
}


  /* HOVER STYLES */
#status-hidden {
display: none;
position: absolute;
width: auto;
padding: 5px;
background: #fefefe;
color: #000000;
border: 1px solid #7A1A3A;
font-size: 100%;
border-radius: 2px 2px 2px 2px;
z-index: 3;
font-size: 18px;

}

#status-hidden p {
font-size:14px;
color:#000;
}

#status-hidden a {
font-size:14px;
color:#00759a;
text-decoration:underline;
}

#status-hidden:hover {
  display: block;
  }

#status-hidden a:hover{
text-decoration:none;
color:#00759a;

}
#status-hidden-amber {

display: none;
position: absolute;
width: auto;
padding: 5px;
background: #fefefe;
color: #000000;
border: 1px solid #7A1A3A;
font-size: 100%;
border-radius: 2px 2px 2px 2px;
z-index: 3;
font-size: 18px;

}

#status-hidden-amber a {
font-size:14px;
color:#00759a;
text-decoration:underline;
}
#status-hidden-amber a:hover{
text-decoration:none;
color:#00759a;

}


#status-hidden-amber p {
font-size:14px;
}


#status-hidden-amber:hover {
  display: block;
  }


#status-hidden-red {
display: none;
position: absolute;
width: auto;
padding: 5px;
background: #fefefe;
color: #000000;
border: 1px solid #7A1A3A;
font-size: 100%;
border-radius: 2px 2px 2px 2px;
z-index: 3;
font-size: 20px;

}

#status-hidden-red a {
font-size:14px;
color:#00759a;
text-decoration:underline;
}
#status-hidden-red a:hover{
text-decoration:none;
color:#00759a;

}


#status-hidden-red p {
font-size:14px;
}


#status-hidden-red:hover {
  display: block;
  }

  .fa-check-circle{
color:#53cb53;
padding-right:5px;
  }

    .fa-exclamation-triangle{
color:#ffb62f;
padding-right:5px;
  }
    .fa-exclamation-circle{
color:#eb2727;
padding-right:5px;
  }


  .moreinfo p{
  font-size:12px;
  color:#7A1A3A;
  }

.twitter {
float: right;
width: 30px;
padding-left: 20px;
padding-right: 10px;
}
.linkedin {
float: right;
padding-left: 5px;
padding-right: 10px;
width: 30px;
}

i.fa.fa-twitter {
color: #fff;

}

i.fa.fa-twitter:hover {
color: #23b1e7;
}

i.fa.fa-linkedin-square:hover {
color: #017bb6;
}

i.fa.fa-linkedin-square {
color: #fff;
}

.social-wrapper {
position: relative;
top: 6px;
font-size: 18px;
padding-top: 0px;
}