#content-body .branch-locator {
  float: right;
  padding-bottom: 6px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 6px;
  width: 132px;
}

#content-body .branch-locator .nearest-branch-display {} 

#content-body .branch-locator .find-nearest-branch-form {
  display: none;
}

#content-body .branch-locator .find-nearest-branch-form {
  padding-top: 36px;
}


#content-body .branch-locator .nearest-branch-display h2 {
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}

#ie8 #content-body .branch-locator .nearest-branch-display h2 {
  font-size: 10px;
}


#content-body .branch-locator .find-nearest-branch-form h3 {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1;
}

#ie8 #content-body .branch-locator .find-nearest-branch-form h3, 
#ie8 #content-body .branch-locator .nearest-branch-display a {font-size:  12px;}
#content-body .branch-locator .nearest-branch-display a {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

#content-body .branch-locator .nearest-branch-display .branch-map {
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

#content-body .branch-locator .nearest-branch-display a:last-child {
  margin-bottom: 0;
}

#content-body .branch-locator .nearest-branch-display .branch-map a {
  display: block;
}

#content-body .branch-locator .nearest-branch-display a {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 3px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

#content-body .branch-locator .nearest-branch-display .branch-name {
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.25;
}

#content-body .branch-locator .nearest-branch-display .branch-address {
  font-size: 0.8125rem;
  line-height: 1.25;
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

#content-body .branch-locator .find-nearest-branch-form fieldset {
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-top-style: none;
  border-top-width: medium;
  border-left-style: none;
  border-left-width: medium;
  border-right-style: none;
  border-right-width: medium;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

#content-body .branch-locator .find-nearest-branch-form input {
  border-bottom-color: rgb(206, 207, 208);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-top-color: rgb(206, 207, 208);
  border-top-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 8px;
  width: 120px;
}

#content-body .branch-locator .find-nearest-branch-form .error-message {
  color: rgb(196, 24, 12);
  font-size: 0.6875rem;
  line-height: 1.125;
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

#content-body .branch-locator .find-nearest-branch-form a.red-btn {
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 24px;
  font-weight: bold;
  padding: 0 0.5em;
}

#ie8 #content-body .branch-locator .find-nearest-branch-form a.red-btn {line-height: 1.4em; padding:0 10px;}

#content-body .find-help .branch-locator {
float: left;
padding-bottom: 6px;
padding-left: 0;
padding-right: 0;
padding-top: 6px;
width: 340px;
height: 88px;
}

#content-body .find-help  .nearest-branch-display .branch-map {
margin-bottom: 6px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
float:left;
}

#content-body .find-help  .nearest-branch-display h2 {
margin-bottom: 6px;
font-size: 1.4em;
color: #666666;
font-weight: normal;
line-height: 1;
text-transform: none;
float: right;
text-align: left;
width: 200px;
}

#content-body  .find-help  .nearest-branch-display .branch-name,
#content-body  .find-help  .nearest-branch-display .branch-address, 
#content-body  .find-help  .nearest-branch-display .branch-directions  {
font-size: 1.4em;
color: #666666;
font-weight: 100;
float: right;
width: 200px;
text-align: left;
}


#content-body  .find-help .nearest-branch-display a {
display: inline-block;
font-size: 0.75rem;
font-weight: normal;
line-height: 1;
margin-bottom: 3px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}

#content-body  .find-help  .nearest-branch-display a:last-child {
margin-left: 0;
}


#content-body .find-help .find-nearest-branch-form {padding-top: 0;}
#content-body .find-help .find-nearest-branch-form input {100px;}
#content-body .find-help .find-nearest-branch-form a.red-btn {padding:0 10px;line-height:auto;}

/* temp styles to move to style.css */

#content-body.mortgage-centre .branch-locator {
  
  background-color: #fff;
  height: 92%;
  padding: 10px;

}