
/*---- bootstrap-----*/
/*---------------- Start Reset CSS ----------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small, strike,strong, tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*---------------- End Reset CSS ----------------- */


/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
@-ms-viewport{ width: auto !important;}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}



.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="invspan"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.row-fluid [class*="invspan"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="invspan"] + [class*="invspan"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .invspan12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .invspan11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .invspan10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .invspan9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .invspan8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .invspan7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .invspan6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .invspan5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .invspan4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .invspan3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .invspan2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .invspan1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

[class*="invspan"].hide,
.row-fluid [class*="invspan"].hide {
  display: none;
}

[class*="invspan"].pull-right,
.row-fluid [class*="invspan"].pull-right {
  float: right;
}

.container-fluid {
 /* padding-right: 20px;
  padding-left: 20px;*/
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.container-fluid:after {
  clear: both;
}

p {
  margin: 0 0 10px;
}


.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}


@media (min-width: 1200px) {
  
  .container-fluid {max-width:1170px;}
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="invspan"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="invspan"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="invspan"] + [class*="invspan"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .invspan12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .invspan11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .invspan10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .invspan9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .invspan8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .invspan7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .invspan6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .invspan5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .invspan4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .invspan3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .invspan2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .invspan1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;

  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  
}




@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}



@media (min-width: 768px) and (max-width: 979px) {
  
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="invspan"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="invspan"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="invspan"] + [class*="invspan"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .invspan12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .invspan11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .invspan10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .invspan9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .invspan8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .invspan7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .invspan6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .invspan5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .invspan4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .invspan3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .invspan2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .invspan1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  
  
   .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  
}

@media (max-width: 767px) {
  body {
    /*padding-right: 20px;
    padding-left: 20px;*/
  }
  
  .container-fluid {
    padding: 0;
  }
 
  
  .row-fluid {
    width: 100%;
  }
  
  .row-fluid .invspan12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
 
}


@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
 
}

/* wo=490930 */

#power-of-attorney .landing-box-wrapper{
  display: none;
}
/*---- interests-only-----*/
.interest-only-mortgage{border-collapse: separate;border-spacing: 2px;}
table.interest-only-mortgage tbody td, table.interest-only-mortgage tbody th {padding: 0 10px;}

table.interest-only-mortgage .thf2 {background-color: #a7d3f0; color: #000; padding: 15px 20px;}

/*table.interest-only-mortgage a{color: #A9144B;font-size: 1.2em;}*/


table.interest-only-mortgage strong{font-size: 1.2em;}

#boxed-text {  font-weight: normal;  border: 1px solid #e5e5e5;  padding: 10px;  margin-bottom: 20px;  /*font-size: 0.9em;*/}
/*---- invd-cm3-1-theme-----*/
/* © InvestisDigital, All rights reserved, v3.0.0 */
#__cookieWrapper {
    font-family: "AvantGarde Demi";
    font-size: 1.0rem !important;
    line-height: 2rem;
    color: #fff
}

#__cookieWrapper a {
    text-decoration: none
}

#__cookieWrapper a:hover {}

#__cookieWrapper p {
    font-family: "AvantGarde Demi";
    color: inherit;
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 95%;
}

#__cookieWrapper .ccBtn {
    box-shadow: none;
    padding: 5px 18px;
    border: 0;
    margin-left: 15px;
    cursor: pointer;
    transition: all .5s ease;
    margin-bottom: 10px;
    background: #a9144b;
    font-family: "AvantGarde Demi";
    font-size: 1.0em;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2rem;
}

#__cookieWrapper .ccBtn:hover {
    background: #676767
}

#__cookieWrapper .cookieModal {
    width: 90%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    left: 0;
    top: 0;
    z-index: 1000;
    color: #000;
    padding: 0;
    margin: 0;
    max-width: 500px;
    -webkit-overflow-scrolling: touch;
    font-family: 'AvantGarde Demi', arial;
    font-weight: 400;
    font-size: 1.0rem;
    line-height: 2rem
}

#__cookieWrapper .cookieModal .ccDescription {
    padding: 20px 20px 0
}

#__cookieWrapper .cookieModal .ccBg {
    background: rgba(0, 0, 0, .5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

#__cookieWrapper .cookieModal .ccAppInput {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 45px;
    height: 25px
}

#__cookieWrapper .cookieModal .ccAppInput:focus+.ccApp-label .slider {
    box-shadow: 0 0 5px #0075bb
}

#__cookieWrapper .cookieModal .ccAppInput:checked+.ccApp-label .slider {
    background-color: #0075bb
}

#__cookieWrapper .cookieModal .ccAppInput:checked+.ccApp-label .slider:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

#__cookieWrapper .cookieModal .ccApp-label {
    display: inline-block;
    height: 30px
}

#__cookieWrapper .cookieModal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #565767;
    transition: .4s;
    width: 45px;
    display: inline-block;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19)
}

#__cookieWrapper .cookieModal .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    transition: .4s
}

#__cookieWrapper .cookieModal .slider.round {
    border-radius: 30px
}

#__cookieWrapper .cookieModal .slider.round:before {
    border-radius: 50%
}

#__cookieWrapper .cookieModal .ccModal {
    z-index: 1001;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: auto;
    background: #fff;
    position: relative
}

#__cookieWrapper .cookieModal .ccFooter {
    padding: 20px 20px 0;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 20px
}

#__cookieWrapper .cookieModal .ccHeader {
    padding: 20px 20px 0
}

#__cookieWrapper .cookieModal .title {
    font-size: 2rem;
    display: block;
    line-height: 25px;
    font-weight: 700
}

#__cookieWrapper .cookieModal .ccBodyFooter {
    padding: 20px 20px 0;
    text-align: center;
    padding-bottom: 50px
}

#__cookieWrapper .cookieModal .ccBody {
    padding: 20px 20px 0
}

#__cookieWrapper .cookieModal .ccBody .ccApp {
    display: block;
    position: relative;
    line-height: 20px;
    min-height: 40px;
    margin-bottom: 20px
}

#__cookieWrapper .cookieModal .ccBody .ccApp:last-child {
    margin-bottom: 0
}

#__cookieWrapper .cookieModal .ccBody .ccApp .leftPart {
    width: 75%;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none
}

#__cookieWrapper .cookieModal .ccBody .ccApp .rightPart {
    width: 25%;
    float: right;
    text-align: right;
    line-height: 15px
}

#__cookieWrapper .cookieModal .ccBody .ccApp .rightPart .ccRequired {
    color: #0075bb;
    font-weight: 700
}

#__cookieWrapper .cookieModal .ccBody .ccApp .switch {
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 0;
    width: 45px
}

#__cookieWrapper .cookieModal .ccBody .ccApp .ccAppTitle {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.6rem
}

#__cookieWrapper .ccBodyTitle {
    padding: 20px 20px 0
}

#__cookieWrapper .__cookieNotice {
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    justify-content: center;
    overflow: hidden;
    left: 0;
    bottom: 0;
    z-index: 1003;
    padding: 0;
    margin: 0;
    background: #fff;
    text-align: center;
    box-shadow: 1px -2px 5px 4px rgba(0, 0, 0, .27)
}

#__cookieWrapper .__cookieNotice .__cookieNoticeBody {
    padding: 30px 0px;
    background: #a9144b;
    align-self: flex-end;
    width: 100%;
    position: relative;
    box-shadow: 1px -2px 5px 4px rgba(0, 0, 0, .27);
}

#__cookieWrapper .__cookieNotice .__cookieNoticeBody p {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 20px;
    padding-bottom: 10px;
}

#__cookieWrapper.custom-cookie a,
#__cookieWrapper.custom-cookie p {
    text-align: left
}

#__cookieWrapper.custom-cookie a {
    text-decoration: underline;
    color: #fff;
}

#__cookieWrapper.custom-cookie .__cookieNotice {
    background: rgba(255, 255, 255, .5);
    padding: 0
}

#__cookieWrapper.custom-cookie .ccBtn:after {
    display: none
}

#__cookieWrapper.custom-cookie .ccBtn {
    background: url(/~/media/Images/W/Whistletree/css/button-bg.png) no-repeat, #fff;
    background-position: right;
    text-align: left;
    padding: 10px;
    line-height: 1rem;
    min-width: 260px;
    border: 0;
    margin: 10px;
    cursor: pointer;
    transition: all .5s ease;
    margin-bottom: 10px;
    font-family: "AvantGarde Light";
    font-size: 1.0em;
    color: #a9144b;
    text-transform: uppercase;
    border-radius: unset;
}

.custom-cookie-modal .modal-footer button {
    background: url(/~/media/Images/W/Whistletree/css/button-bg.png) no-repeat, #fff;
    background-position: right;
    text-align: left;
    padding: 8px;
    border: 0;
    margin: 10px;
    cursor: pointer;
    transition: all .5s ease;
    margin-bottom: 10px;
    font-family: "AvantGarde Light";
    font-size: 1.0em;
    color: #a9144b;
    text-transform: uppercase;
    border-radius: unset;
}

.custom-cookie-modal .modal-footer button {
    min-width: 180px
}

.cookie-btn {
    display: flex;
    flex-direction: column
}

.custom-cookie-in {
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-cookie-in div {
    padding: 0 15px
}

.modal-backdrop.in {
    opacity: .8;
    z-index: 999999
}

.modal {
    z-index: 9999999 !important
}

.close {
    top: 15px;
    right: 15px;
    opacity: 1 !important
}

.close:hover {
    background: 0 0
}

.modal-title {
    color: #000 !important;
    margin: 0;
    font-size: 18px
}

.custom-cookie-modal p {
    padding-bottom: 20px !important
}

.custom-cookie-modal .modal-body,
.custom-cookie-modal .modal-body h4,
.custom-cookie-modal p {
    color: #000 !important;
    font-size: 1rem;
    line-height: 2rem;
}

#__cookieWrapper.custom-cookie .ccModal.custom-cookie-in a,
#__cookieWrapper.custom-cookie .ccModal.custom-cookie-in p {
    color: #000
}

.custom-cookie .ccModal.custom-cookie-in .ccBtn {
    background: #000 !important;
    color: #fff !important
}

.custom-cookie .ccModal.custom-cookie-in .slider {
    background: #000 !important
}

.switch {
    float: right
}

.switch input[type=checkbox] {
    display: none
}

.switch input[type=checkbox]+label {
    position: relative;
    min-width: 50px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border-radius: calc(2.375rem * .8);
    display: inline-block;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
}

.switch input[type=checkbox]+label::after,
.switch input[type=checkbox]+label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(1.8rem * .8) * 2);
    bottom: 0;
    display: block
}

.switch input[type=checkbox]:checked+label::before {
    background-color: #a9144b
}

.switch input[type=checkbox]:checked+label::after {
    background-color: #fff
}

.switch input[type=checkbox]+label::before {
    right: 0;
    background-color: #cccccc;
    border: none;
    border-radius: calc(2rem * .8);
    transition: .2s all;
    width: 50px;
}

.switch input[type=checkbox]+label::after {
    top: 5px;
    left: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .3s ease-in 0s
}

.switch input[type=checkbox]:checked+label::after {
    margin-left: calc(1.5rem * .8)
}

.switch input[type=checkbox]:focus+label::before {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 136, 221, .25)
}

.switch input[type=checkbox]:disabled+label::before {
    background-color: #a9144b;
    border-color: #a4a4a4
}

.switch input[type=checkbox]:disabled+label::after {
    background-color: #fff
}

#__cookieWrapper.custom-cookie .ccModal.custom-cookie-in a,
#__cookieWrapper.custom-cookie .ccModal.custom-cookie-in p {
    color: #000
}

.custom-cookie .ccModal.custom-cookie-in .slider {
    background: #000 !important
}

.__cookieNotice.has-access {
    height: auto !important
}

.modal-title {
    font-weight: 700
}

.modal-body h4 {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 13px
}

.gpc-box a {
    color: #ff7e0c !important
}

.gpc-close-btn {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    cursor: pointer
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px !important;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    overflow: auto !important;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0 !important;
    border: 1px solid #888;
    top: auto !important;
    width: 80%
}

.modal-header {
    padding: 15px;
    position: relative;
    border-bottom: 1px solid #ddd
}

.modal-body {
    padding: 15px
}

.modal-body h4 {
    margin-top: 0
}

.modal-footer {
    padding: 15px 0px;
    text-align: center;
    border-top: 1px solid #ddd;
    background: #a9144b;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    background: 0 0;
    border: 0;
    position: absolute;
    top: 10px
}

.close:focus,
.close:hover {
    color: #a9144b;
    text-decoration: none;
    cursor: pointer
}


/*.cookie-btn #cc-reject-Btn{display:none;}*/

@media all and (max-width:915px) {
    #__cookieWrapper .custom-cookie-in {
        flex-direction: column;
        gap: 10px;
    }

    #__cookieWrapper .cookie-btn {
        width: 96%;
        flex-direction: column;
    }

    #__cookieWrapper.custom-cookie .ccBtn {
        margin: 10px 0px !important;
    }

    /* #__cookieWrapper.custom-cookie .ccBtn {
        background-position: center !important;
        text-align: center !important;
        padding: 10px 15px !important;
    } */
    /* .custom-cookie-modal .modal-footer button, .custom-cookie-modal .modal-content .modal-footer button{
        background-position-x: center !important;
        background-position: center !important;
        text-align: center !important;
        padding: 15px !important;
    } */
}

@media all and (max-width:430px) {
    #__cookieWrapper .cookie-btn {
        width: 93%;
        flex-direction: column;
    }
    .modal{
        padding-top: 20px !important;
    }
    .modal-content{
        margin-bottom: 40px;;
    }

    /* #__cookieWrapper.custom-cookie .ccBtn{
        background-position: center !important;
        text-align: center !important;
        padding: 10px 15px !important;
    } */

    /* .custom-cookie-modal .modal-footer button {
        background-position: center !important;
        text-align: center !important;
        padding: 15px;;
    } */
}
@media all and (max-width:375px){
    #__cookieWrapper .cookie-btn {
            width: 91%;
            flex-direction: column;
        }
}

@media all and (min-width:820px) {
    #__cookieWrapper .custom-cookie-in {
        display: block
    }

    #__cookieWrapper .cookie-btn {
        margin-top: 15px;
        flex-direction: column;
    }

    #__cookieWrapper.custom-cookie .ccBtn {
        margin: 10px 5px;
    }
}

@media (min-width:1100px) {
    #__cookieWrapper .custom-cookie-in {
        display: flex
    }

    #__cookieWrapper .cookie-btn {
        margin-top: 0;
        flex-direction: column;
    }
}

@media (max-width:1024px) {
    /* #__cookieWrapper.custom-cookie .ccBtn, .custom-cookie-modal .modal-footer button {
        background-position: left !important;
        padding: 10px 15px !important;
    } */
    /* .custom-cookie-modal .modal-footer button {
        background-position: left !important;
    } */
}
/*---- magnific-popup-----*/
#subscribetoarenaSuccessContainer {
    background: none repeat scroll 0 0 #dddddd;
    border: 1px solid #666;
    color: #4d5c7e;
    font-size: 1.1em;
    font-weight: bold;
    padding: 20px 20px 5px !important; float:left; box-sizing:border-box; width:100%; margin-bottom:20px;
}


#accessibilitycontactSuccessContainer {
    background: none repeat scroll 0 0 #dddddd;
    border: 1px solid #666;
    color: #4d5c7e;
    font-size: 1.1em;
    font-weight: bold;
    padding: 20px 20px 5px !important; float:left; box-sizing:border-box; margin-bottom:20px;
}



      /* Styles for dialog window */
      #small-dialog {
        background: white;
        padding: 20px 30px;
        text-align: left;
        max-width: 400px;
        margin: 40px auto;
        position: relative;
      }


      /**
       * Fade-zoom animation for first dialog
       */
      
      /* start state */
      .my-mfp-zoom-in .zoom-anim-dialog {
        opacity: 0;

        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out; 



        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 
      }

      /* animate in */
      .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
        opacity: 1;

        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1); 
        background: #fff;
        border: 10px solid #1d3c5c;
      }

      /* animate out */
      .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
        -webkit-transform: scale(0.8); 
        -moz-transform: scale(0.8); 
        -ms-transform: scale(0.8); 
        -o-transform: scale(0.8); 
        transform: scale(0.8); 

        opacity: 0;
      }

      /* Dark overlay, start state */
      .my-mfp-zoom-in.mfp-bg {
        opacity: 0.001; /* Chrome opacity transition bug */
        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
      /* animate in */
      .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      /* animate out */
      .my-mfp-zoom-in.mfp-removing.mfp-bg {
        opacity: 0;
      }



      /**
       * Fade-move animation for second dialog
       */
      
      /* at start */
      .my-mfp-slide-bottom .zoom-anim-dialog {
        opacity: 0;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;

        -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
        transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

      }
      
      /* animate in */
      .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
        opacity: 1;
        -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
        transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
      }

      /* animate out */
      .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
        opacity: 0;

        -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
        transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
      }

      /* Dark overlay, start state */
      .my-mfp-slide-bottom.mfp-bg {
        opacity: 0.01;

        -webkit-transition: opacity 0.3s ease-out; 
        -moz-transition: opacity 0.3s ease-out; 
        -o-transition: opacity 0.3s ease-out; 
        transition: opacity 0.3s ease-out;
      }
      /* animate in */
      .my-mfp-slide-bottom.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      /* animate out */
      .my-mfp-slide-bottom.mfp-removing.mfp-bg {
        opacity: 0;
      }
    

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9042;
  overflow: hidden;
  position: fixed;
  background:#1d3c5c;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 9045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 9044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 9046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 29px;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 2.750em;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  text-transform: uppercase;
background: #1d3c5c; }

/*NM*/
.arena-popupWrap .mfp-close-btn-in .mfp-close {
  text-transform: uppercase;
background: none; }


.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 1.750em;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 1.750em;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
  

.mfp-survey .mfp-close {top:-1px;width:3%}
.mfp-survey .mfp-content {border: 10px solid #1d3c5c;}
.mfp-survey { position:fixed!important;}


#surveyiframe .mfp-close{right: -11px;top: 6px;}

.white-popup {position: relative;width: 100%;margin: 0 auto; height: 220px; background: #FFF;padding: 20px;border: 10px solid #1d3c5c;}

.white-popup a.button {background: #01b6c7 url("/~/media/Images/W/Whistletree/css/round-arrow-icon-new.png") no-repeat scroll right center; color: #fff; display: block; float: left; font-size: 1.05em; font-weight: bold; height: 30px; line-height: 30px; margin: 5px 30px 0 0; padding: 0 40px 0 12px; border-radius:15px}

.mfp-survey-popup .mfp-content{width:55%;/*height:800px;*/}
.white-popup #logo_img {margin-top:32px; margin-bottom:5px; clear:both; float:left;}
.white-popup p.pop-hd {font-size:14px; color:#333333; font-family:'ITCAvantGardeW04-Medium 1122896';}
.white-popup h2{font-size:1.333em; color:#333333;font-weight:bold}


/*IPhone portrait mode:*/
@media all and (min-width: 0px) and (max-width: 320px) {


.white-popup {width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch;overflow: auto;height:340px!important;}
/*#surveyiframe .mfp-close {top: 0px; width: 7%; right: 1px;}*/
#surveyiframe .mfp-close {top: -1px; width: 11%; right: 7px; !important;}
.mfp-survey-popup .mfp-content{width:100% !important;height:800px;}
.mfp-iframe-holder .mfp-content {margin: 0 auto;}
.mfp-wrap{margin: 0 auto;}
.mfp-iframe-scaler{}
#surveyiframe iframe{width:93% !important;height:500px !important;}

}

/*IPhone landscape mode:*/
@media all and (min-width: 421px) and (max-width: 520px) {

.white-popup {width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch;overflow: auto;padding:20px 25px;height:240px!important;}
#surveyiframe .mfp-close {top: -1px; width: 7%; right: 7px;}
.mfp-survey-popup .mfp-content{width:100% !important;height:800px; padding-top: 10px;}
.mfp-iframe-holder .mfp-content {margin: 0 auto;}
.mfp-wrap{margin: 0 auto;}
.mfp-iframe-scaler{}
#surveyiframe iframe{width:95% !important;height:500px !important;}
}


/*Samsung portrait mode:*/
@media all and (min-width: 321px) and (max-width: 420px) {
.white-popup {width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch;overflow: auto;height:330px!important;}
/*#surveyiframe .mfp-close {top: 0px; width: 7%; right: 1px;}*/
#surveyiframe .mfp-close {top: 6px; width: 7%; right: 7px; !important;}
.mfp-survey-popup .mfp-content{width:100% !important;height:800px;  padding-top:115px;}
.mfp-iframe-holder .mfp-content {margin: 0 auto;}
.mfp-wrap{margin: 0 auto;}
.mfp-iframe-scaler{}
#surveyiframe iframe{width:93% !important;height:500px !important;}
}

/*Samsung landscape mode:*/
@media all and (min-width: 521px) and (max-width: 640px) {
.white-popup {width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch;overflow: auto;height:250px!important;}
#surveyiframe .mfp-close {top: 6px; width: 7%; right: 7px;}
.mfp-survey-popup .mfp-content{width:100% !important;height:800px;  padding-top:10px;}
.mfp-iframe-holder .mfp-content {margin: 0 auto;}
.mfp-wrap{margin: 0 auto;}
.mfp-iframe-scaler{}
#surveyiframe iframe{width:95% !important;height:500px !important;}

}



/*IPad/IPad mini portrait mode:*/
@media all and (min-width: 721px) and (max-width: 840px) {
.white-popup {height:30%; width: 82%;margin: 0 auto; -webkit-overflow-scrolling: touch;overflow: auto; }
#surveyiframe .mfp-close {top: -5px; width: 4%; right: -6px;}
.mfp-survey-popup .mfp-content{width:100% !important;height:900px; padding-top:250px;}
.mfp-iframe-holder .mfp-content {margin: 0 auto;}
.mfp-wrap{margin: 0 auto;}
.mfp-iframe-scaler{}
#surveyiframe iframe{width:100% !important;height:900px; border:0px;}

#surveyiframe{border: 10px solid #1d3c5c;position:fixed;width:96% !important;height:900px;}

}


/*IPad/IPad mini landscape mode:*/
@media all and (min-width: 921px) and (max-width: 1040px) 
{
.white-popup {width: 82%;margin: 0 auto; -webkit-overflow-scrolling: touch;overflow: auto; }
#surveyiframe .mfp-close {top: 2px; width: 3%; right: 23px;}
.mfp-survey-popup .mfp-content{width:100% !important;height:700px; padding-top:200px;}
.mfp-iframe-holder .mfp-content {margin: 0 auto;}
.mfp-wrap{margin: 0 auto;}
.mfp-iframe-scaler{overflow:scroll;}
#surveyiframe iframe{width:96% !important;height:700px !important;}
}
/*---- personal-support-----*/
#personal-support .landingBox, .ip3-personal-support .landingBox, #help-and-guidance .landingBox, .help-and-guidance .landingBox 
 { position: relative; /*width: 250px;margin-right: 10px;*/
  margin-bottom: 25px;}
.imgboxcontent {position: absolute; top:0; padding: 15px 15px 0 15px; width: 100%; color:#fff;}
.imgboxcontent h2, .imgboxcontent h2 a, .imgboxcontent a h2, .imgboxcontent a, .imgboxcontent a:hover, .imgboxcontent a:active{color:#fff;}
.imgboxcontent p{font-size: 1.3em; font-family:'ITCAvantGardeW04-Medium 1122896'; font-weight:normal;}
.ip3-personal-support .landingBox a, #personal-support .landingBox a, .ip3-help-and-guidance .landingBox a, #help-and-guidance .landingBox a{width:100%;}
#personal-support .landingBox p.rad-underline, .ip3-personal-support .landingBox p.rad-underline {padding: 0px; float:left; width:100%;background: url(/~/media/Images/L/Landmark-Mortgages/css/blue-link-bg-35px.gif) right no-repeat #3f6385;}
#personal-support .landingBox p.rad-underline a, .ip3-personal-support .landingBox p.rad-underline a, #help-and-guidance .landingBox p.rad-underline a, .ip3-help-and-guidance .landingBox p.rad-underline a

 {font-weight: bold; padding: 0 20px; color: #fff; height: 28px; float: left; line-height: 28px; /*width: 285px;*/width: auto;background:none;}


.toolsbox{float: left;width: 156px;padding-right: 29px;padding-bottom:15px;min-height:265px;}
.toolsbox h3{font-size: 1.333em; margin-top:15px; min-height: 38px;line-height:1.4em}
.toolsbox p.rad-underline a{background: url(/~/media/Images/W/Whistletree/css/blue-link-bg-35px.gif) right no-repeat #3f6385;font-weight: normal; padding: 4px 34px 3px 10px; color: #fff; height: 28px; float: left; line-height: 28px;}
.toolsbox p.rad-underline a {margin-bottom: 10px;}
.toolsbox p.rad-underline a:hover {background: url(/~/media/Images/W/Whistletree/css/blue-link-bg-35px-over.gif) right no-repeat #a6adbe;  color: #fff;}
#life-events #landingBox-4 p.rad-underline{display:none;}
.ip3-life-events #banner-wrapper, .ip3-health #banner-wrapper{height: auto !important;}
.ip3-life-events #banner-wrapper .sub-heading,.ip3-personal-support #banner-wrapper .sub-heading, #personal-support #banner-wrapper .sub-heading{/*font-size:2.1em; */width:66%; }
#job-loss #helpfultools{min-height: 375px !important;}
#life-events #landingBox-4 .rad-highlight, #life-events #landingBox-4 .imgboxcontent a h2, #life-events #landingBox-4 .imgboxcontent h2{color: #2a2d60; font-weight:bold;}
#life-events #landingBox-4 .rad-highlight{line-height: 22px;}
#life-events #landingBox-4 .rad-highlight{font-size: 1.833em;}


#nblivechat{
float: left;
width: 100%;
padding-bottom: 3%;
}

.nblogo{
float: right;
padding-right: 2%;
margin-top: -1%;
}

#nblivechat p.nbchattext{
    padding-bottom: 1%;
    float: left;
	margin-top: -1%;
}
.nblivechatbtn{
float: left;
padding-top: 2%;
}

#financial-difficulties .mfp-iframe, #personal-support .mfp-iframe, #help-and-guidance .mfp-iframe{
background:  #FFF;
padding: 20px 0px;
text-align: left;
display: block;
max-width: 70%;
height: 655px;
overflow: hidden;
border: none;
left: 16%;
}

#financial-difficulties .mfp-iframe-holder .mfp-content{    top: -10%;}
#financial-difficulties .mfp-close{display:none;}
#financial-difficulties .mfp-iframe-holder{padding-top:0px !important;}

#personal-support .mfp-iframe-holder .mfp-content, #help-and-guidance .mfp-iframe-holder .mfp-content{    top: -10%;}
#personal-support .mfp-close, #help-and-guidance .mfp-close{display:none;}
#personal-support .mfp-iframe-holder, #help-and-guidance .mfp-iframe-holder{padding-top:0px !important;}

#ndchat-footer-main{
margin: 0 auto;width: 100%;clear: both; background: url(/~/media/Images/W/Whistletree/css/nblivechart-footer-bg.jpg) repeat-x #423e6f; ;height: 370px;
}

.ndchat-footer-content{margin: 0 auto; max-width: 1170px;}

#ndchat-main{
    float: left;
    width: 56%;
    margin-left: 19%;
}

#ndchat-head {
    float: left;
    width: 56%;
    margin-left: 19%;
}

.ndlogowhite{float: left; padding-right: 2%;}

.nblv-heading {
    font-size: 2em;
    line-height: 1em;
    color: #fff;
    font-family: 'ITCAvantGardeW04-Medium 1122896';
    margin-top: 10px;
    padding-bottom: 11px;
    float: left;
    margin-left: 12%;
	/*font-weight: bold;*/
}
    
.nblv-left{
float: left;
    width: 30%;
padding-right: 2%;
clear: both;
padding-top: 2%;
}

.nblv-left span{
font-size: 1.5777em;
line-height: 1em;
color: #fff;
padding-bottom: 2%;
font-family: 'ITCAvantGardeW04-Medium 1122896'; 
}

.nblv-left p{
color: #ffffff;
font-size: 1.2em;
margin-top: 1%;
}


.nblv-right{
float: right;
width: 64%;
padding-top: 2%;
}


.nblv-right span{
font-size: 1.5777em;
line-height: 1.2em;
color: #fff;
padding-bottom: 2%;
font-family: 'ITCAvantGardeW04-Medium 1122896'; 
float:left;
}

.nblv-right p{
color: #ffffff;
font-size: 1.2em;
margin-top: 1%;
}



#nbcfooterWrapper{margin: 0 auto;
    max-width: 1170px;}


.nblv-showhide{
float: right;
    width: 7%;
    height: 35px;
    padding-top: 15px;
    text-align: center;
    vertical-align: middle;
	cursor: pointer;
}

#divorce-and-separation .level1-snap-wrapper {
    margin-bottom: 6px;
}
#divorce-and-separation .level1-snap-wrapper .snapdown .snapdown-content {
    padding: 10px 15px 0px 25px;
}
/*Media Queries*/

/*IPhone portrait mode*/
@media all and (min-width: 0px) and (max-width: 320px) {

.nblv-heading{font-size:1.3em;line-height:1em;color:#fff;font-family:'ITCAvantGardeW04-Medium 1122896';margin-top:16px;padding-bottom:11px;float:left;margin-left:2%;}
#ndchat-head{float:left;width:100%;margin-left:0}
#ndchat-main {float: none;width: 98%;margin: 0 auto;}
#ndchat-footer-main{margin:0 auto;width:100%;clear:both;background:url(/~/media/Images/B/Bradford-And-Bingley-Plc/css/nblivechart-footer-bg.jpg) repeat-x #423e6f;height:352px}
.nblv-showhide{float:right;width:6%;height:35px;padding-top:15px;text-align:center;vertical-align:middle;cursor:pointer}
.nblv-left{float:left;width:35%;padding-right:2%;clear:both;padding-top:2%;padding-left:1%}
.nblv-right{float:right;width:60%;padding-top:2%}
.nblv-right p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em; padding-bottom:5px;}
.nblv-left p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em; padding-bottom:5px;}
.nblv-left span{font-size:1.1333em;line-height:1em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896'; }
.nblv-right span{font-size:1.1333em;line-height:1.2em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896';float:left}
.nblogo {float: right; padding-right: 2%; margin-top: -1%;}
.nblogo  img{ width:90%}
#nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%;}
}

/*IPhone landscape mode*/
@media all and (min-width: 421px) and (max-width: 520px) {
.nblv-heading{font-size:1.3em;line-height:1em;color:#fff;font-family:'ITCAvantGardeW04-Medium 1122896';margin-top:16px;padding-bottom:11px;float:left;margin-left:2%}
#ndchat-head{float:left;width:100%;margin-left:0}
#ndchat-main {float: none;width: 98%;margin: 0 auto;}
#ndchat-footer-main{margin:0 auto;width:100%;clear:both;background:url(/~/media/Images/B/Bradford-And-Bingley-Plc/css/nblivechart-footer-bg.jpg) repeat-x #423e6f;height:352px}
.nblv-showhide{float:right;width:6%;height:35px;padding-top:15px;text-align:center;vertical-align:middle;cursor:pointer}
.nblv-left{float:left;width:35%;padding-right:2%;clear:both;padding-top:2%;padding-left:1%}
.nblv-right{float:right;width:60%;padding-top:2%}
.nblv-right p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em}
.nblv-left p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em}
.nblv-left span{font-size:1.2333em;line-height:1em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896'}
.nblv-right span{font-size:1.2333em;line-height:1.2em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896';float:left}
.nblogo {float: right; padding-right: 2%; margin-top: -1%;}
.nblogo  img{ width:90%}
#nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%;}

}

/*Samsung portrait mode*/
@media all and (min-width: 321px) and (max-width: 420px) {
.nblv-heading{font-size:1.3em;line-height:1em;color:#fff;font-family:'ITCAvantGardeW04-Medium 1122896';margin-top:16px;padding-bottom:11px;float:left;margin-left:2%}
#ndchat-head{float:left;width:100%;margin-left:0}
#ndchat-main {float: none;width: 98%;margin: 0 auto;}
#ndchat-footer-main{margin:0 auto;width:100%;clear:both;background:url(/~/media/Images/B/Bradford-And-Bingley-Plc/css/nblivechart-footer-bg.jpg) repeat-x #423e6f;height:352px}
.nblv-showhide{float:right;width:6%;height:35px;padding-top:15px;text-align:center;vertical-align:middle;cursor:pointer}
.nblv-left{float:left;width:35%;padding-right:2%;clear:both;padding-top:2%;padding-left:1%}
.nblv-right{float:right;width:60%;padding-top:2%}
.nblv-right p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em}
.nblv-left p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em}
.nblv-left span{font-size:1.2333em;line-height:1em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896'}
.nblv-right span{font-size:1.2333em;line-height:1.2em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896';float:left}
.nblogo {float: right; padding-right: 2%; margin-top: -1%;}
.nblogo  img{ width:90%}
#nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%;}
}

/*Samsung landscape mode*/
@media all and (min-width: 521px) and (max-width: 640px) {
.nblv-heading{font-size:1.3em;line-height:1em;color:#fff;font-family:'ITCAvantGardeW04-Medium 1122896';margin-top:16px;padding-bottom:11px;float:left;margin-left:2%}
#ndchat-head{float:left;width:100%;margin-left:0}
#ndchat-main {float: none;width: 98%;margin: 0 auto;}
#ndchat-footer-main{margin:0 auto;width:100%;clear:both;background:url(/~/media/Images/B/Bradford-And-Bingley-Plc/css/nblivechart-footer-bg.jpg) repeat-x #423e6f;height:352px}
.nblv-showhide{float:right;width:6%;height:35px;padding-top:15px;text-align:center;vertical-align:middle;cursor:pointer}
.nblv-left{float:left;width:35%;padding-right:2%;clear:both;padding-top:2%;padding-left:1%}
.nblv-right{float:right;width:60%;padding-top:2%}
.nblv-right p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em}
.nblv-left p{color:#fff;font-size:1em;margin-top:1%;line-height:1.3em}
.nblv-left span{font-size:1.2333em;line-height:1em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896'}
.nblv-right span{font-size:1.2333em;line-height:1.2em;color:#fff;padding-bottom:2%;font-family:'ITCAvantGardeW04-Medium 1122896';float:left}

}

/*IPad/IPad mini portrait mode*/
@media all and (min-width: 721px) and (max-width: 840px) {
.nblv-heading{margin-left: 0;}
#ndchat-head { float: left; width: 98%; margin-left: 1%;}
#ndchat-main { float: none; width: 98%; margin: 0 auto;}
#nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%;}
#splash-box{top:110px !important}
.lightblue-darkblue #subheadpop{ width:100% !important;}
}

/*IPad/IPad mini landscape mode*/
@media all and (min-width: 921px) and (max-width: 1040px) {
.nblv-heading{margin-left: 0;}
#nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%;}
}


/*Media Queries End*/
/*---------Right Signpost-------*/
.helping-banner p.hide, .tool-calc-main p.hide{background-color: #4D5C7E;float: left;width: auto;padding: 10px 43px 10px 16px;margin-top: 30px;font-family: "ITCAvantGardeW04-Medium 1122896";font-weight: normal;line-height: 20px;position:relative;}

.helping-banner p.hide a,  .tool-calc-main p.hide a{background: transparent none repeat scroll 0% 0%;display: block;font-size: 1.2em;font-weight: normal;}
.helping-banner p.hide a::after,  .tool-calc-main p.hide a::after{border-bottom: 5px solid transparent;border-left: 7px solid #FFF;border-top: 5px solid transparent;bottom: 15px;content: "";height: 0px;position: absolute;width: 0px;z-index: 99;right:180px;}
.tool-calc-main p.hide a::after{right:180px;}
.helping-banner p.hide a.scroller::after{bottom:15px;}
.helping-banner p.hide a.scroller::after,  .tool-calc-main p.hide a.scroller::after{right:180px;}
.helping-banner p.hide a:hover,  .tool-calc-main p.hide a:hover{color:#fff;background:none;}
body#homeowners .helping-banner p.hide, body#landlords  .helping-banner p.hide{display:block;}
body#Homepage .tool-calc-main p.hide{display:block;margin-top: 0px;position: absolute;bottom: -90px;}
body#Homepage .tool-calc-main{position:relative;}
body#Homepage .tool-calc-main p.hide a{color:#fff;}
body#Homepage .tool-calc-main p.hide a:hover{color:#fff;}
/*---------Right Signpost Ends-------*/

/*.toolsbox p:first-of-type {min-height:126px;}*/


/*NDL Popup start*/
.white-popup-block {background: #404171;padding: 40px 40px;text-align: left;max-width: 440px;margin: 40px auto;position: relative;}
.ndlivechat-popup-heading {color: #fff;font-family: "ITCAvantGardeW04-Medium 1122896";font-size: 1.5777em;line-height: 1.2em;}
.ndlivechat-popup-left {float:left;padding-right: 15px;padding-top: 20px;vertical-align: top;color: #fff;}
.ndlivechat-popup-right {display: table-cell;padding-top: 20px;vertical-align: top;color: #fff;}
.ndlivechat-popup-right p {font-family: "ITCAvantGardeW04-Medium 1122896";font-size: 1.1em;}
.mfp-iframe-popup {border: medium none;height: 550px;padding: 25px 0 20px;text-align: left;width: 650px;}
.ndlivechat-iframe-content{ display:none;}
#ndlivechat-popup-main .mfp-close{ display:block;}
/*.mfp-wrap{ position:absolute !important;}*/

@media all and (min-width: 0px) and (max-width: 667px) {
.mfp-iframe-popup{ overflow: visible; padding: 0;}
.white-popup-block{padding: 20px;}
}

.toolsbox p{
    padding-top: 15px;
}
.toolsbox p.rad-underline {padding-top: 0px;}
#health #helpful-tools, #health .helpful-tools-content {display:none}
/*NDL Popup end*/


 #personal-support .landingBox, .ip3-personal-support .landingBox,  #help-and-guidance .landingBox, .ip3-help-and-guidance .landingBox  { position: relative; /*width: 250px;margin-right: 10px;*/
    margin-bottom: 25px;}

.ip3-personal-support .landingBox a, #help-and-guidance .landingBox a{width:100%;}
#help-and-guidance .landingBox p.rad-underline, .ip3-help-and-guidance .landingBox p.rad-underline {padding: 0px; float:left; width:100%;background: url(/~/media/Images/L/Landmark-Mortgages/css/blue-link-bg-35px.gif) right no-repeat #395979;}
  #help-and-guidance .landingBox p.rad-underline a, .ip3-help-and-guidance .landingBox p.rad-underline a {font-weight: bold; padding: 0 20px; color: #fff; height: 28px; float: left; line-height: 28px; /*width: 285px;*/width: auto;background:none;}

#help-and-guidance #banner-wrapper .sub-heading{/*font-size:2.1em; */width:66%; }


@media all and (min-width: 320px) and (max-width: 640px) {
.toolsbox, .ip3-personal-support .toolsbox {
    padding-right: 15px;
    width: 140px;
    min-height: 285px;
}
}

/*---- fonts-----*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=08c650a0-ea65-4905-bf1c-d367e7838e0b");
@font-face{
font-family:"ITCAvantGardeW04-Medium 1122896";
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/6922a15e-35f5-4de9-9178-bc9293e0cfa6.eot?#iefix");
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/6922a15e-35f5-4de9-9178-bc9293e0cfa6.eot?#iefix") format("eot"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/f8381748-5632-4d31-b262-fe5b7e9c9249.woff2") format("woff2"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/9a71d87c-bd3f-4928-b84e-00896d831cb3.woff") format("woff"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/07143937-e1d2-491d-9ab1-331ffbf8e380.ttf") format("truetype"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/58953c4e-dfab-4d83-9c0e-69fd479b37c9.svg#58953c4e-dfab-4d83-9c0e-69fd479b37c9") format("svg");
}
@font-face{
font-family:"AvantGarde Demi";
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/b74e5f86-4477-435a-abdf-32d8215f21bc.eot?#iefix");
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/b74e5f86-4477-435a-abdf-32d8215f21bc.eot?#iefix") format("eot"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/7e915c3f-253c-4ce7-ac60-7feecddafa80.woff2") format("woff2"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/c18aee57-7585-4a8b-9a1c-69d226301d73.woff") format("woff"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/44ccbb2b-0fbc-4d95-b1da-0aa73bd26fb0.ttf") format("truetype"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/f2de529c-11d2-43b7-be7c-05c5aaeaf133.svg#f2de529c-11d2-43b7-be7c-05c5aaeaf133") format("svg");
}
@font-face{
font-family:"AvantGarde Bold";
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/85564178-fd88-4387-9226-0e632723ca24.eot?#iefix");
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/85564178-fd88-4387-9226-0e632723ca24.eot?#iefix") format("eot"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/c3c29d12-bb1b-4770-8003-ba8e1f25c134.woff2") format("woff2"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/e9a79553-7093-47c7-8d9c-70dc3619e94b.woff") format("woff"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/7265b8d0-a67c-4a8b-84aa-273d1759270a.ttf") format("truetype"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/75d377f2-28ee-43f8-b231-44f8eba218c4.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg");
}
@font-face{
font-family:"AvantGarde Light";
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/1e30d037-d9af-467b-a8d4-4191262031c8.eot?#iefix");
src:url("/~/media/Files/W/Whistletree/fonts/fonts-new/1e30d037-d9af-467b-a8d4-4191262031c8.eot?#iefix") format("eot"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/084984c3-c4b8-4770-ae7f-8f20659825e2.woff2") format("woff2"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/db2be37b-bf66-4ea2-889b-3854e5000306.woff") format("woff"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/3d5d7666-0e36-4996-bdb8-59aab939027b.ttf") format("truetype"),url("/~/media/Files/W/Whistletree/fonts/fonts-new/431669a2-c25e-4893-afdd-628f280550d8.svg#431669a2-c25e-4893-afdd-628f280550d8") format("svg");
}


.top-nav, h1, h2, h3, h4, h5, h6, .ask-text, #content-right, #search input, .searchTextBoxContainer input, #calcHeader{ font-family:'ITCAvantGardeW04-Medium 1122896'; font-weight:normal;}




/*---- main-----*/
body{font-family:"Arial",Helvetica,sans-serif; color:#666; font-size:75%; line-height:18px;}

a:focus, a:active{border:none; outline:0; _noFocusLine:expression(this.hideFocus=true);}

h1 { clear:both; font-size:2.0em; color:#001887; padding:0 0 12px 0; font-weight:normal; line-height:normal;  font-family: "AvantGarde Demi";  }
h2 {clear:both; font-size:1.833em; color:#001887; padding:0 0 10px 0; line-height:normal;}
h3 {clear:both; font-size:1.8em; color:#001887; padding:0 0 10px 0; line-height:normal;}
h4 {clear:both; font-size:1.8em; color:#a9144b; padding:0 0 10px 0; line-height:normal;}
h5 {clear:both; font-size:1.5em; color:#001887; padding:0 0 10px 0; line-height:normal;}
h6 {clear:both; font-size:1.3em; color:#001887; padding:0 0 10px 0; line-height:normal;}

p{padding:0 0 15px 0; margin:0;}

a{text-decoration:none; color:#001887; outline:0;border:0 none;}

a:hover, #homecontent a:hover, #contentwrapper a:hover{ color:#a6adbe; }
a[href^="tel:"] {color: inherit !important; text-decoration: none; cursor:default;}
a[href^="tel:"].mobile-tel-link{color: inherit !important; cursor:pointer !important;}
.rad-small{font-size:0.9em;}
p img{float: left; padding: 0 10px 10px 0;}
.rad-notes{ font-size:0.917em; line-height:normal;}
.rightcontent a{color:#5b5454;}
.rightcontent a:hover{color:#89172b;}
.rad-underline{text-decoration:underline;}

a#auto-top-link{ background: #4D5C7E;height: 18px;  margin: 0 25px 25px 0;  width: 75px; font-size:0.917em;  color: #FFFFFF;}

table{width:100%; margin:0 0 20px;}
table thead th{text-align:left; padding:8px 10px 8px 10px;}
table tbody td, table tbody th{text-align:left; padding:8px 10px 8px 10px;}
table.rad-financial thead tr th{text-align:right; border-bottom:1px solid #cccccc; vertical-align:bottom; background-color:#CCCCCC;}
table.rad-financial tbody tr td, table.rad-financial tbody tr th{border-bottom:1px solid #CCCCCC; text-align: right;}
table.rad-financial tbody tr td:first-child, table.rad-financial tbody tr th:first-child, table.rad-financial thead tr th:first-child{text-align:left;}

.inv-responsive-header-tr td{ background-color:#CCCCCC; font-weight:bold; padding-left:5px;}
.inv-responsive-data-tr td{ border-bottom:1px solid; padding-left:5px;}
.inv-responsive-data-header{ width:60%;}
.inv-responsive-data-content{width:40%; text-align:right;}
.contentbody ul{list-style:disc outside none; padding:0 0 15px 20px;}
.contentbody ul li, .contentbody ul ul li{padding:0 0 5px 0;}
.contentbody ul ul{padding:5px 0 0 20px;}

.clear-both{clear:both;}
/* Cookie Disclaimer -------------------------------------------------------------------------- */
#_cookieConsentWrapper { background-color:#fff; padding:10px; border:#666 solid 1px; border-top:none; margin:0 0 20px 0; }
#_cookieConsentWrapper a{color:#4d5d7e; font-weight:bold;}
#_cookieConsentWrapper input{ margin:0 0 0 10px; background: url(/~/media/Images/W/Whistletree/css/blue-link-bg.gif) right no-repeat #4d5c7e; width:95px; padding:0 35px 4px 10px; color:#fff; height:28px; line-height:28px; border:0 none; cursor:pointer; }
#_cookieConsentWrapper input:hover { background: url(/~/media/Images/W/Whistletree/css/blue-link-bg-over.gif) right no-repeat #a6adbe; color:#fff;}

.contentbody ol{list-style:decimal outside none; padding:0 0 15px 30px;}
.contentbody ol li, .contentbody ol ol li{padding:0 0 5px 0;}
.contentbody ol ol{padding:5px 0 0 30px;}

#MainWrapper {
    margin: 0 auto;
    max-width: 1170px;
}

.logo{float:left; width:100%; padding: 14px 0 30px; }
.headerwrapper{padding-top:13px;}
.top-left-links{ float:left;  font-size: 0.917em;  text-transform: uppercase; color:#005587; }
.top-left-links ul{ float:left; margin:0px; padding:6px 0 0px 0;}
.top-left-links ul li, .top-right-links ul li { list-style:none !important;padding:0 12px; background:url(/~/media/Images/W/Whistletree/css/top-link-sep.gif) right no-repeat;}
.top-left-links ul li a, .top-right-links ul li a{ color:#005587;}
.top-left-links ul li a:hover, .top-right-links ul li a:hover{color:#d389a4;}
.top-left-links ul li a.current{color:#a9144b;}
.top-left-links ul li.last, .top-right-links ul li.last{ background:none;}
.top-left-links ul li.first{ padding:0 13px 0 0;}

 .top-left-links ul li{float:left; }
 .top-right-links ul li {float:right; font-size:0.917em;  height: 20px;display:table;  border-left: 1px solid #e3e3e2;background: none;}
 .top-right-links ul li:last-child{    border-left: 0px none;}
 .top-right-links ul li.last{padding-right:0px;}
.top-right-links{ float:right; }
.top-right-links ul{  float:right; margin:0px; padding:12px 0 14px 0; line-height:normal;}
.top-right-links ul li input{ background:0 none; border:0 none; padding:0px; cursor:pointer; font-size:1em; color:#999; font-family:Arial;margin:0;}
.top-right-links ul li:hover input, .top-right-links ul li a:hover{color:#d389a4;}

.mozbox{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
/* #Homepage #MainWrapper #banner-wrapper .mozbox{    background: #011888; } */
#search {float: right;width:100%;background-color: #e9e8e8;padding: 6px 0px; }
#searchtextbox {float: left; width: 93%;/*border-bottom: 1px solid #000;*/}
#searchtextbox input {background: none; border: 0px none; color: #333333; height: 18px; padding: 3px 5px 3px 11px; width:100%;  font-family: "AvantGarde Demi";}
#searchtextboxbutton{ float:right; width:7%; cursor:pointer; height:24px;/*border-bottom: 1px solid #000;*/}
#searchtextboxbutton input { cursor:pointer; width:14px; height:15px; border:0 none; background:0 none; padding-top:5px;}
body.ie7 #searchtextbox{margin:-1px 0 0 0;}

.header-right #searchTextboxContainer{float: left;    width: 93%;}
.header-right input.search-txt{background: none;border: 0px none;color: #333333;height: 18px;padding: 3px 5px 3px 11px;width: 100%;font-family: "AvantGarde Demi" !important;}
.header-right #searchButtonContainer{float: right;width: 7%;cursor: pointer;height: 24px;}
.header-right input#searchButton{cursor: pointer;width: 14px;height: 15px;border: 0 none;background: 0 none;padding-top: 5px;background-image: url(~/media/Images/W/Whistletree/css/search-btn.png);font-family: 'ITCAvantGardeW04-Medium 1122896';font-weight: normal;text-indent: -9999999px;margin-top: 5px;}

/*--Mobile header-----*/




.mobi-search{display:none;}
.mobi-search{ float:left; background:#4c5a7f; width: 100%; padding:10px; border-bottom:2px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#mobi-searchtextbox{float:left; width:94%;}
#mobi-searchtextbox input {background:#fff;color: #999999; border:0 none; height: 16px; padding: 4px 10px 4px 10px; width:100%;}
#mobi-searchtextboxbutton{ float:right; width:30px; cursor:pointer;  }
#mobi-searchtextboxbutton input {  cursor: pointer;  width: 17px;  height: 17px;  border: 0 none;  background: 0 none;  margin-left: 13px;  margin-top: 2px; }

/* 
#mobi-searchbox { height: 36px;  width: 37px; background:#4c5a7f url(/~/media/Images/W/Whistletree/css/mobi-search-button.jpg) center center no-repeat; margin-right:5px; cursor:pointer;}
.mobile-menu  a{ height: 36px;  width: 37px;  background:#4c5a7f url(/~/media/Images/W/Whistletree/css/mobi-menu-button.jpg) center center no-repeat; cursor:pointer;}
#mobi-searchbox a, .mobile-menu a{ display:block; text-indent: -999999px; height:100%;} */

#mobi-searchbox a, .mobile-menu a{ height:36px; width:36px; cursor: pointer; margin-right:5px;}
 .mobile-menu a{margin-right:0;}

/* 
#mobile-shownav{float:left; width:100%;  border:1px solid #E0E0E0;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
#mobile-shownav ul{float:left; width:100%; }
#mobile-shownav ul li{float:left; width:100%; position:relative; }
#mobile-shownav ul li a{ display:block;   line-height:20px; min-height:24px; padding:3px 45px 0 10px;  color:#4D5C7E; border-bottom:1px solid #E0E0E0;}

#mobile-shownav ul li span:hover, #mobile-shownav ul li a span:hover {background:red; color:#D489A5;}

#mobile-shownav ul li.current > span {display:block;  line-height:20px; min-height:24px;   padding:3px 45px 0 10px;  color:#4D5C7E; border-bottom:1px solid #E0E0E0;}
#mobile-shownav ul li.current ul li > span{ margin:3px 45px 0 10px; }

#mobile-shownav ul li.selected{ }
#mobile-shownav ul li.selected > a,
#mobile-shownav ul li.selected ul li.selected  > a,
#mobile-shownav ul li.selected ul li.selected  ul li.selected > a{color:red;}

#mobile-shownav  ul li.selected li a, #mobile-shownav  ul li.selected ul li.selected a{color:#4D5C7E;} */

#mobile-shownav{/* position:absolute; z-index:999999; top:124px; right:3.25%; border:1px solid #5f6f6e; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; box-shadow:2px 25px 35px -30px #5F6F6E; */ background-color:#fff;  width:100%; }
#mobile-shownav ul li{border-bottom:1px solid #c3c6c6; width:100%; padding:8px 0;float:left; position:relative;background-color: #f8f8f8;}
#mobile-shownav ul li.navopen{background-color: #fff;}
#mobile-shownav ul li a{display:block; line-height:20px; min-height:24px; margin:3px 45px 0 10px; color:#5e6665; font-weight:bold;}

#mobile-shownav ul li.current > span{display:block; line-height:20px; margin:3px 45px 0 10px; min-height:24px; color:#a9144b;}
#mobile-shownav ul li.level1.current span{font-weight:bold;}
#mobile-shownav ul li.level1.current li span{color:#5e6665; font-weight:normal;}
#mobile-shownav ul li.level1.selected a, 
#mobile-shownav ul li.level1.selected li.level2.selected a, 
#mobile-shownav ul li.level1.selected li.level2.selected li.level3.selected a{color:#a9144b;}

#mobile-shownav ul li.level1.selected a:hover, 
#mobile-shownav ul li.level1.selected li.level2.selected a:hover, 
#mobile-shownav ul li.level1.selected li.level2.selected li.level3.selected a:hover{color:#a9144b;}

#mobile-shownav ul li.level1.selected li a, #mobile-shownav ul li.level1.selected li.level2.selected li a{color:#5e6665;}
#mobile-shownav ul li.level1.last{border:0 none; margin:0 0 3px;}
#mobile-shownav ul li.level1.first{margin:3px 0 0;}

#mobile-shownav ul li ul li{border:none; width:100%; background:url("/~/media/Images/I/Investis-Rwd-Ecw-Base/css/second-level-border.jpg") bottom left repeat-x transparent; text-transform:none; position:static;}
#mobile-shownav ul li ul li.last{padding-bottom:0; background:none;}
#mobile-shownav ul li ul li a{display:block; float:none; line-height:20px; font-weight:normal; color:#5b5454;}
#mobile-shownav ul li a:hover, #mobile-shownav ul li.selected ul li a:hover{color:#a9144b;}
/* #mobile-shownav ul li ul{display:none;} */

/*--  third level  --*/

#mobile-shownav ul li ul li ul li { font-size:1em; }
#mobile-shownav ul li ul li ul li span { padding-left:20px; }
#mobile-shownav ul li ul li ul li ul li span { padding-left:30px; }
#mobile-shownav ul li ul li.current.haschildren > span {background: url("/~/media/Images/W/Whistletree/css/bottom-red-arrow.png") no-repeat scroll right 5px ;
    color: #A9144B;margin: 3px 10px 0 10px;}


#mobile-shownav ul li ul li ul li.selected.haschildren ul li a span{ color: #333333;}
#mobile-shownav ul li ul li ul li.current.haschildren ul li > span { color: #A9144B;background: none ;}
#mobile-shownav ul li ul li ul li.selected.haschildren ul li.current span{ background:none; color: #A9144B;}
#mobile-shownav ul li ul li ul li.selected.haschildren ul li a:hover span{color: #A9144B;}

#mobile-shownav .showmore, #mobile-shownav .showmore1{width:35px; height:27px; background:url("/~/media/Images/W/Whistletree/css/mobi-snap-buttons.jpg") no-repeat scroll 0 0 transparent; display:block; cursor:pointer; position:absolute; right:2px; top:8px; z-index:999; margin:0;}
#mobile-shownav .showmore.selected, #mobile-shownav .showmore1.selected{background-position:0 -27px;}

/* intentionally not displayed in left nav*/
ul#mobi-section-results-and-presentations-level4, 
ul#mobi-section-latest-news-level4, 
ul#mobi-section-corporate-reports-level4 {display:none!important;}


#mobi-helpful-tools{float: right;  background:#4D5C7E; padding: 9px 6px; font-size:1.300em; margin-right:5px;}
#mobi-helpful-tools a{ background: url("/~/media/Images/W/Whistletree/css/white-arrow-down.png") no-repeat scroll right center; color: #FFFFFF; padding: 0 15px 0 0;}

.mobi-tools { float:left; width:100%; padding:10px 0 0 0;  background:#4D5C7E;}
.mobi-tools ul{ margin:0px; padding:0 0 10px 10px; display:block; }
.mobi-tools ul li{ list-style:none !important; height:50px; font-size:1.250em; color:#fff;}
.mobi-tools ul li a{ color:#fff; display: block; padding:10px 31px 0 69px; width:100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

.mobi-tools ul li a:hover{ color:#a7d4f5;}

.mobi-tools ul li.homeowners-budget{ background:url(/~/media/Images/W/Whistletree/css/home-budget-planner-icon-new.gif) left top no-repeat;}
.mobi-tools ul li.homeowners-budget:hover{background:url(/~/media/Images/W/Whistletree/css/home-budget-planner-icon-new.gif) left bottom no-repeat;}

.mobi-tools ul li.landlords-budget{ background:url(/~/media/Images/W/Whistletree/css/landloard-budget-planner-icon-new.gif) left top no-repeat;}
.mobi-tools ul li.landlords-budget:hover{background:url(/~/media/Images/W/Whistletree/css/landloard-budget-planner-icon-new.gif) left bottom no-repeat;}

.mobi-tools ul li.rate-calc{  background:url(/~/media/Images/W/Whistletree/css/switch-icon-new.gif) left top no-repeat;}
.mobi-tools ul li.rate-calc:hover{background:url(/~/media/Images/W/Whistletree/css/switch-icon-new.gif) left bottom no-repeat;}

.mobi-tools ul li.switch{background:url(/~/media/Images/W/Whistletree/css/rate-rise-icon-new.gif) left top no-repeat;}
.mobi-tools ul li.switch:hover{background:url(/~/media/Images/W/Whistletree/css/rate-rise-icon-new.gif) left bottom no-repeat;}
	
.mobi-tools ul li.make-over{ background:url(/~/media/Images/W/Whistletree/css/make-over-icon-new.gif) left top no-repeat;}
.mobi-tools ul li.make-over:hover{background:url(/~/media/Images/W/Whistletree/css/make-over-icon-new.gif) left bottom no-repeat;}

.mobi-tools ul li.find-deal{ background:url(/~/media/Images/W/Whistletree/css/find-deal-icon-new.gif) left top no-repeat;}
.mobi-tools ul li.find-deal:hover{background:url(/~/media/Images/W/Whistletree/css/find-deal-icon-new.gif) left bottom no-repeat;}


 
/* ----------------------Top navigation----------------------- */
.top-nav{ float:left; height:31px;/*text-transform:uppercase;*/padding-bottom: 30px;  width: 100%;  font-family: "AvantGarde Demi";}
.top-nav ul { margin:0px; padding:0px;float:left;  width: 100%;}
.top-nav>ul>li{ list-style:none !important; float:left;   font-size: 1.250em;}
.top-nav ul li a{ color:#333; display:block;}
.top-nav ul li.level3 a{color:#666;}

.top-nav ul li a:hover,.top-nav ul li.selected>a{ color:#666;}
.top-nav ul li.level3 a:hover{color:#000;}
.top-nav ul li.level3.selected>a,.top-nav ul li.level3.current span{color:#000;}

.top-nav ul li span{ padding:6px 9px;  display: block;}
.top-nav>ul> li:hover>span, .top-nav>ul> li:hover>a>span{ background:#a9144b;color:#fff;}

.top-nav>ul>li>a:hover{color:#fff;}
.top-nav>ul>li.current, .top-nav>ul>li.selected>a { color:#fff; display:block;}
.top-nav>ul>li.current>span, .top-nav>ul>li.selected>a>span { background:#a9144b;color:#fff;}
.top-nav>ul>li.first span{ padding:6px 10px;}
/*.top-nav>ul>li.last span{ padding:6px 0 6px 10px;}*/

.top-nav ul li#top-nav-corporate-level1,
.top-nav ul li#top-nav-mortgage-intermediaries-level1,
.top-nav ul li#top-nav-debt-advisers-level1{display:none;} /*hidden intentionally to show as per site map*/
#working-together-with-the-debt-advice-community li.debt-advisers a, .ip3-debt-advisers li.debt-advisers a{color: #A9144B;}
#mortgage-intermediaries li.mortgage-intermediaries a, .ip3-mortgage-intermediaries li.mortgage-intermediaries a {
color: #A9144B;}
#corporate li.media-investors a, .ip3-corporate li.media-investors a {color: #A9144B;}
#Homepage li.customers a, .ip3-about-us li.customers a, #about-us li.customers a, .ip3-homeowners li.customers a, #homeowners li.customers a, .ip3-landlords li.customers a, #landlords li.customers a, .ip3-loans li.customers a, #loans li.customers a, .ip3-ppi li.customers a, #ppi li.customers a, .ip3-ask-a-question li.customers a, #ask-a-question li.customers a {color: #A9144B;}

/*-----------------Banner -------------------*/
#banner-wrapper{ font-family: 'ITCAvantGardeW04-Medium 1122896'; float:left; width:100%; padding:0; position: relative; margin-bottom: 23px;overflow:hidden; z-index:0;  height:402px;}

.nojs #banner-wrapper .banner-item{display:none;}
.nojs #banner-wrapper .banner-item.first{display:block;}
#banner-wrapper .banner-item .bannerText{ padding: 30px; position: absolute;  top: 0; width:100%; min-height: 402px;}

#banner-wrapper .banner-item .bannerText #banneralltextsection{min-height: 270px;}

#banner-wrapper .banner-item img{max-width:none; float:right;}
#banner-wrapper .bx-controls .bx-pager .bx-pager-item {float: left;}
#banner-wrapper .bx-controls .bx-pager{ position:absolute; z-index:999; top:12px; right:10px;float: right;}
#banner-wrapper .bx-controls .bx-pager a{ background:url(/~/media/Images/W/Whistletree/css/slider-dot-over.png) left bottom no-repeat; height:10px; width:10px; padding:0 7px 0 0; float:left;  text-indent: -9999px;}
#banner-wrapper .bx-controls .bx-pager a.active{ background:url(/~/media/Images/W/Whistletree/css/slider-dot.png) left bottom no-repeat;}
#banner-wrapper .heading{font-size:3.333em; color:#fff; line-height:1.0em;  width:80%;  font-family: "AvantGarde Demi";}
#being-a-carer #banner-wrapper .heading, #being-a-carer #banner-wrapper .sub-heading{color:#3a357b;}

#help-and-guidance #banner-wrapper .heading, #help-and-guidance #banner-wrapper .sub-heading{
    color: #1b1742;
}
#help-with-payment-difficulties #banner-wrapper .heading, #help-with-payment-difficulties #banner-wrapper .sub-heading{
    color: #1b1742;
}
#financial-difficulties #banner-wrapper .heading, #financial-difficulties #banner-wrapper .sub-heading{
    color: #1b1742;
}
/*#banner-wrapper p{ padding: 0 0 10px;}*/
#banner-wrapper .sub-heading{font-size:1.500em; line-height:1.2em; color:#fff; width: 65%;  padding-right: 11px;}
#banner-wrapper .sub-heading p {}
#banner-wrapper .banner-content{font-size:1.167em; font-weight:normal; line-height:1.167em; color:#fff; /*margin-bottom:25px;*/ width: 65%;}
#banner-wrapper .banner-content p{}

#banner-wrapper .banner-content ul li {list-style: disc outside none; margin: 0 0 0 15px; padding: 0 0 2px; width: 100%;}
#banner-wrapper .banner-content ul{margin:0 0 15px;}
#banner-wrapper .heading p span.rad-highlight{color:#fff;}
#banner-wrapper .banner-link{float:left; width:100%; font-size:1.083em; margin:0 0 5px;  font-family: "AvantGarde Bold";}
#banner-wrapper .banner-link a { 
background: url("/~/media/Images/W/Whistletree/css/home-blue-arrow.gif") no-repeat scroll right center transparent; color: #FFFFFF; float: left;  height: 37px;  line-height: 37px;  padding: 0 40px 0 10px;  font-weight: normal;}

.nojs #banner-wrapper .banner-link a{background: none repeat scroll 0 0 #4C5A7F; padding: 0 10px;}

#banner-wrapper #banner-static .banner-item{float:left; width:870px;}
#banner-wrapper #banner-static .banner-item .bannerText{float:left; width:870px;}

/* ----------------------Right contact----------------------- */
.right-contact{ float:left; width:100%; height:36px; padding:0 10px; margin:0 0 10px 0; background:#4c5a7f url(/~/media/Images/W/Whistletree/css/grey-contact-bg.png) right top no-repeat; }
.right-contact ul{ margin:4px 0px; padding:0px;}
.right-contact ul li{ list-style:none !important; color:#fff; line-height:1.5em; font-size:1.5em; }
.right-contact ul li a {color:#fff; background:url(/~/media/Images/W/Whistletree/css/white-arrow.png) right center no-repeat; padding:0 15px 0 0;}
.right-contact ul li a:hover{ color:#a7d4f5; background:url(/~/media/Images/W/Whistletree/css/blue-arrow.png) right center no-repeat;}


/*----------------------Helpful tools---------------------------*/
.tool-calc-main{ float:left; width:100%; background: url(/~/media/Images/W/Whistletree/css/tools-calc-bot-bg.jpg) right bottom no-repeat #4c5a7f; margin:0 0 15px;}
.tool-calc-main h2{ font-size:1.667em; color:#fff; padding:10px 0 0 10px;}
.tool-calc-main h2 a{ color:#fff; background:url(/~/media/Images/W/Whistletree/css/white-arrow.png) right 10px no-repeat; padding:0 15px 0 0;}
.tool-calc-main h2 a:hover{ color:#a7d4f5; background:url(/~/media/Images/W/Whistletree/css/blue-arrow.png) right 10px no-repeat; padding:0 15px 0 0;}

.tools { float:left; width:100%; padding:10px 0 0 0; }
.tools ul{ margin:0px; padding:0 0 20px 10px; float:left;  }
.tools ul li{ list-style:none !important; float:left; height:50px; font-size:1.250em; color:#fff;}
.tools ul li a{ color:#fff; display: block; padding:1px 31px 0 50px; width:130px;}
.tools ul li a:hover{ color:#a7d4f5;}

.tools ul li.homeowners-budget{ background:url(/~/media/Images/W/Whistletree/css/home-budget-planner-icon-new.gif) left top no-repeat;}
.tools ul li.homeowners-budget:hover{background:url(/~/media/Images/W/Whistletree/css/home-budget-planner-icon-new.gif) left bottom no-repeat;}

.tools ul li.landlords-budget{ background:url(/~/media/Images/W/Whistletree/css/landloard-budget-planner-icon-new.gif) left top no-repeat;}
.tools ul li.landlords-budget:hover{background:url(/~/media/Images/W/Whistletree/css/landloard-budget-planner-icon-new.gif) left bottom no-repeat;}

.tools ul li.rate-calc{  background:url(/~/media/Images/W/Whistletree/css/switch-icon-new.gif) left top no-repeat;}
.tools ul li.rate-calc:hover{background:url(/~/media/Images/W/Whistletree/css/switch-icon-new.gif) left bottom no-repeat;}

.tools ul li.switch{background:url(/~/media/Images/W/Whistletree/css/rate-rise-icon-new.gif) left top no-repeat;}
.tools ul li.switch:hover{background:url(/~/media/Images/W/Whistletree/css/rate-rise-icon-new.gif) left bottom no-repeat;}
	
.tools ul li.make-over{ background:url(/~/media/Images/W/Whistletree/css/make-over-icon-new.gif) left top no-repeat;}
.tools ul li.make-over:hover{background:url(/~/media/Images/W/Whistletree/css/make-over-icon-new.gif) left bottom no-repeat;}

.tools ul li.find-deal{ background:url(/~/media/Images/W/Whistletree/css/find-deal-icon-new.gif) left top no-repeat;}
.tools ul li.find-deal:hover{background:url(/~/media/Images/W/Whistletree/css/find-deal-icon-new.gif) left bottom no-repeat;}


/*-----------------Home boxes----------------*/
#home-box-main{ float:left; padding:6px 0 0 0; width:100%;}
#home-box-main h2{ padding:10px 0 3px 0;}
#home-box-main h2 a{color:#4d5c7e;}
#home-box-main h2 a:hover{ color:#a6adbe; text-decoration:underline;}

.home-box{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
/*
.home-box1{ height:208px; width:100%; background:url(/~/media/Images/W/Whistletree/css/home-box1.gif) left bottom no-repeat;}
.home-box2{ height:208px; width:100%; background:url(/~/media/Images/W/Whistletree/css/home-box2.gif) left bottom no-repeat;}
.home-box3{ height:208px; width:100%; background:url(/~/media/Images/W/Whistletree/css/home-box3.gif) left bottom no-repeat;}
*/
.home-box4{ padding:48px 0px 0 0; }
.home-box4.home-box.invspan4{margin-left:0;}

.home-box4 p {}
.home-box4 p a{ background: url(/~/media/Images/W/Whistletree/css/home-blue-arrow.gif) right no-repeat #4d5c7e; padding:0 0 0 10px; width:210px; color:#fff; height:28px; float:left; line-height:28px; }
.home-box4 p a:hover { background: url(/~/media/Images/W/Whistletree/css/home-over-blue-arrow.gif) right no-repeat #a6adbe; color:#fff;}

.home-box5{  padding:14px 0 0 0;  position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
/* .home-box5 a{ padding:11px 0 6px 10px; cursor:pointer; display:block; color:#4d5c7e;}
.home-box5 p a{background:url(/~/media/Images/W/Whistletree/css/home-drop-bg.gif) left bottom no-repeat; padding:0;} */
.custom-dropdown{border: 1px solid #868e8b;  padding: 5px 10px; }
.custom-dropdown a{color:#4d5c7e;cursor:pointer; background: url(/~/media/Images/W/Whistletree/css/blue-arrow-bottom.gif) right no-repeat; display:block;}

.home-box5 ul { display:none;  background:#fff; border:#858c89 solid 1px; border-top:0 none; float:left; position:absolute; z-index:99; width:100%;left:0; margin-top:-1px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc"); }
.home-box5 ul li{ display:block; padding:3px 10px; width:100%; float:left;}
.home-box5 ul li a{ display:block; padding:0px; color:#4d5c7e;}
.home-box5 ul li.alt{ background:#f6f6f6;}
/*.home-box5:hover ul { display:block;}*/




.home-box6{ padding:14px 0 0 0;  position: relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
/* .home-box6 a{ padding:11px 0 6px 10px; cursor:pointer; display:block; color:#4d5c7e;} */
.home-box6 ul { display:none; background:#fff; border:#858c89 solid 1px; border-top:0 none; float:left; position:absolute; z-index:99; left:0; margin-top:-1px;}
.home-box6 ul li{ display:block; padding:3px 10px; width:100%; float:left; }
.home-box6 ul li a{ display:block; padding:0px; color:#4d5c7e;}
.home-box6 ul li.alt{ background:#f6f6f6;}
/*.home-box6:hover ul { display:block;}*/




/*#splash-main{background-color:#808080;display:none;opacity:0.9;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;filter: alpha(opacity='90');}
#splash-box{display:none;left:160px;position:fixed;top:190px;visibility:visible;z-index:10000;border:5px solid #008ce3; padding:20px; background:#FFFFFF; width:890px;}
*/
#splash-main{background-color:#808080;display:none;opacity:0.9;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;filter: alpha(opacity='90');}
#splash-box{display:none;left:160px;position:absolute;top:190px;visibility:visible;z-index:10000;/*border:5px solid #008ce3; padding:20px;*/ background:#FFFFFF; width:73%;}



/*-----------------inner left part -------------------*/

.left-menu{padding:20px 20px 0 0;}




#breadcrumb {  margin:0 0 19px 0; } /*-----------    breadcrumb    -------------*/
#breadcrumb a { color:#001887; font-size:0.917em; text-decoration: underline; }
#breadcrumb span { color:#666666; font-size:0.917em;display:inline-block;}

p#sectionheader { font-size:1.583em; color:#a9144b; font-family:'ITCAvantGardeW04-Medium 1122896'; line-height:24px; padding-bottom:6px; margin:0; }

.main-content a { font-weight:bold;}
.main-content ul{ margin:0px; padding:0 0 15px 0px;}
.main-content ul li{ list-style:disc; padding:0 0 5px 0; margin:0 0 0 15px; }
.main-content ul li ul{ padding:5px 0 0 20px;}
.main-content ul li ul li{ font-size:1em; }

.main-content ol{ margin:0px; padding:0 0 0 20px;}
.main-content ol li{ list-style:lower-roman; padding:0 0 5px 0;  }


/* #left-nav ul li {float:left; width:100%;}
#left-nav ul li a{display:block; color:#333333; float:left; color:#333333;  padding:6px 0; border-bottom: 1px solid #E0E0E0;  width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#left-nav ul li a span:hover, #left-nav ul li a:hover{color: #D489A5;}
#left-nav ul li.current > span {float:left;  border-bottom: 1px solid #E0E0E0;  width:100%; color: #A9144B; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#left-nav ul li ul li{ font-size:0.917em; line-height: 14px;}
#left-nav ul li ul li a{ padding:6px 0 6px 15px;}
#left-nav ul li ul li ul li{font-size: 0.833em;}

#left-nav ul li.current > span{ padding:6px 0 6px 0px;}
#left-nav ul li.selected ul li.current > span { padding:6px 0 6px 15px;}
#left-nav ul li.selected ul li.selected ul li.current > span { padding:6px 0 6px 25px;}

#left-nav ul li.selected > a, #left-nav ul li ul li.selected > a{ color: #A9144B;} */


/*--  first level --*/

#left-nav ul li { line-height:16px; font-size:1.083em;position:relative;}
#left-nav li.level2>span,#left-nav li.level2>a>span {border-bottom:1px solid #e0e0e0;}
#left-nav li.level2.first>span, #left-nav li.level2.first>a>span {border-top: 1px solid #e0e0e0;}
#left-nav ul li a { display:block; }
#left-nav ul li a span { color:#000;  padding-right: 25px; }
#left-nav ul li span { color:#a9144b; display: block; padding: 11px 0px;border-bottom: 1px solid #e1dfe0;}
#left-nav ul li a span:hover { color:#d489a5 !important; }
#left-nav ul li.current span:hover { color:#A9144B; }
#left-nav ul li.current>span { color:#A9144B;padding-right: 25px;}
#left-nav ul li.selected a span { color:#A9144B; }
#left-nav ul li.selected a span:hover { color:#A9144B !important; }

#left-nav ul li.selected ul li a span:hover { color:#d489a5 !important; }
#left-nav ul li.level4 a span:hover { color:#d489a5 !important; }
#left-nav ul li.selected ul li.selected a span:hover { color:#d489a5 !important; }
#left-nav ul li.selected ul li.selected.haschildren a span:hover { color:#A9144B !important; }
#left-nav ul li.selected ul li.selected.haschildren ul li a span:hover { color:#d489a5 !important; }

#left-nav ul li.selected ul li a span { color:#333; }

/*--  second level --*/
#left-nav ul ul{display:none;background:#f8f7f7;  border-bottom: 1px solid #e0e0e0;}
#left-nav ul li.level3>ul{border-bottom: 0px none;}
#left-nav ul li ul li { font-size:1em;  }
#left-nav ul li ul li span { padding-left:12px;color: #666666; }
/*#left-nav ul li ul li.haschildren span { background: url("/~/media/Images/W/Whistletree/css/right-black-arrow.png") no-repeat scroll left center; }*/
#left-nav ul li ul li.haschildren ul li span { background:none; }
#left-nav ul li ul li.current.haschildren ul li span { background:none; }
#left-nav ul li ul li.current.haschildren span { /*background: url("/~/media/Images/W/Whistletree/css/bottom-red-arrow.png") no-repeat scroll left center;*/ color:#A9144B; }
#left-nav ul li ul li.selected.haschildren span { /*background: url("/~/media/Images/W/Whistletree/css/bottom-red-arrow.png") no-repeat scroll left center;*/ color:#A9144B; }
#left-nav ul li ul li.selected.haschildren ul li a span { background:none; color:#333333; }
#left-nav ul li ul li.selected.haschildren ul li span { background:none; color:#A9144B; }
#left-nav ul li ul li.current.haschildren ul li span { color:#333; }

/*--  third level  --*/

#left-nav ul li ul li ul li { font-size:1em; }
#left-nav ul li ul li ul li span { padding-left:20px;  padding-right: 20px; }


/* intentionally not displayed in left nav*/
li#nav-results-and-presentations-level3 a span, li#nav-corporate-reports-level3 a span{background:0 none !important;}
#left-nav ul#section-latest-news-level4, #left-nav ul#section-results-and-presentations-level4,  #left-nav ul#section-corporate-reports-level4{display:none;}

.left-menu-toggle{	width: 0;	height: 0;	border-top: 5px solid transparent;	border-bottom: 5px solid transparent;	border-left: 8px solid #000;    top: 2px;    position: relative;}
.left-menu-toggle-outer.opened .left-menu-toggle{border-left: 5px solid transparent;	border-right: 5px solid transparent;	border-top: 8px solid #000;}
.left-menu-toggle-outer{position:absolute;right:0;top:0px;width:20px;height:35px;  padding-top: 12px;cursor:pointer;box-sizing:border-box;}
/*--------------------------------------Footer-----------------------------------------*/

/*-----------------Footer part -------------------*/
#footer{ margin:30px 0 0 0; }
.footer-left { border-top:#e0e0e0 solid 1px;}
.footer-right{}

.footer-link{ float:left; width:100%;  padding:7px 0 15px 0;   font-size: 0.833em;}
.footer-link ul{ margin:0px; padding:0px 0 0 0;}
.footer-link ul li{ list-style:none !important; float:left;/*text-transform:uppercase;*/padding:0 11px 0 11px;  background:url(/~/media/Images/W/Whistletree/css/footer-link-sep.gif) right no-repeat;}
.footer-link ul li a{ color:#001887;font-size: 1.2em;}
.footer-link ul li a:hover{color:#a9144b;}
.footer-link ul li a.current{color:#a9144b;}
.footer-link ul li.last{ background:none;}
.footer-link ul li.first{ padding:0 8px 0 0;}

.footer-content{ float:left; width:100%;border-bottom: #e0e0e0 solid 1px;padding-top: 12px;}
.footer-content p{ font-size:0.750em; line-height:12px;}
.footer-content p:last-child{/*padding-bottom:0px;*/}
.footer-content img{ float:left; padding:0 0 30px 0px;}

.e-xt { display:none; border-top:#e0e0e0 solid 1px; }
.extrnl-dsclmr-cntnt { padding:40px; }
.extrnl-dsclmr-cntnt p { font-size:1.071em; line-height: 20px; }
.extrnl-dsclmr-cntnt a.accept-btn { background: url(/~/media/Images/W/Whistletree/css/red-link-bg.gif) right no-repeat #a9144b; padding:0 35px 0 10px; font-weight:normal; color:#fff; height:28px; float:right; line-height:28px; display:block; margin-top:20px; font-size:1em; }
.tools-calculators-wrapper #toolsBottomText{display: block; float: left; margin-top: 20px;}

.main-content h2 a{font-weight:normal;}
.landingBox{margin:0 0 20px;}

.landingBox.space0, .landingBox.space768{margin-left:0!important;}

p.rad-underline a{background: url(/~/media/Images/W/Whistletree/css/blue-link-bg.gif) right no-repeat #4d5c7e; font-weight: normal; padding: 0 35px 0 10px; color: #fff;
height: 28px; float: left; line-height: 28px;}
p.rad-underline a:hover{background: url(/~/media/Images/W/Whistletree/css/blue-link-bg-over.gif) right no-repeat #a6adbe;
color: #fff;}


.nojs #landingBox-1.landingBox.invspan6, .nojs #landingBox-3.landingBox.invspan6, .nojs #landingBox-5.landingBox.invspan6, .nojs #landingBox-7.landingBox.invspan6{margin:0 2.5641% 2.5641% 0;}
.nojs #landingBox-2.landingBox.invspan6, .nojs #landingBox-4.landingBox.invspan6, .nojs #landingBox-6.landingBox.invspan6, .nojs #landingBox-8.landingBox.invspan6{margin:0 0 2.5641% 0;}

.level1-snap-wrapper, .level2-snap-wrapper, .snapdown, .snapdown-content{float:left; width:100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
.snapdown-wrapper-bottom h2{  font-size: 1.833em; color:#666666;}
.level1-snap-wrapper{margin-bottom: 36px;}
.level1-snap-wrapper .snapdown .snapdown-content {padding:10px 15px 13px 25px;}
.level1-snap-wrapper .snapdown .snapdown-content p{padding:0 0 15px 0px;}
.level2-snap-wrapper .snapdown .snapdown-content {padding:15px 0 0 25px;}
.level2-snap-wrapper .snapdown .snapdown-content p{padding:0 0 15px 0;}
.cursorpointer{cursor:pointer;}
.level1-snap-wrapper .snapdown .snapdown-content img{float: left;  padding: 0 10px 10px 0;}

/*
.level1-snap-wrapper .snapdown-title{ background: url("/~/media/Images/W/Whistletree/css/plus-icon.png") no-repeat 9px 12px #F6F6F6; line-height: normal; color: #001887;  font-family: 'ITCAvantGardeW04-Medium 1122896';  font-size: 1.5em;  margin: 0 0 9px; padding: 5px 0 5px 25px; width: 100%;}
.level1-snap-wrapper .snapdown-title.snapopen { background: url("/~/media/Images/W/Whistletree/css/hyphen-icon.png") no-repeat 9px 16px  #F6F6F6;color: #A9144B;    margin: 0;}
*/

.level1-snap-wrapper .snapdown-title{ background: url("/~/media/Images/W/Whistletree/css/plus-icon.png") no-repeat 9px 12px #F6F6F6; line-height: normal; color: #000;  font-family: 'ITCAvantGardeW04-Medium 1122896';  font-size: 1.5em;  margin: 0 0 9px; padding: 5px 0 5px 25px; width: 100%;}
.level1-snap-wrapper .snapdown-title.snapopen { background: url("/~/media/Images/W/Whistletree/css/hyphen-icon.png") no-repeat 9px 16px  #F6F6F6;color: #000;margin: 0;}

.level1-snap-wrapper .snapdown-title span {color: #000 !important;}
.level1-snap-wrapper .snapdown-title.snapopen span {color: #000 !important;}

.nojs .level1-snap-wrapper .snapdown-title{background-image:none;}
.level1-snap-wrapper .snapdown .snapdown-content .level2-snap-wrapper .snapdown-title { padding: 5px 10px 5px 25px; width: 100%;color: #4D5C7E;
    font-family: 'ITCAvantGardeW04-Medium 1122896';  font-size: 1.333em; background: url("/~/media/Images/W/Whistletree/css/right-black-arrow.png") no-repeat scroll 9px center ;  cursor: pointer;}

.level1-snap-wrapper .snapdown .snapdown-content .level2-snap-wrapper .snapdown-title:hover{background: url("/~/media/Images/N/NRAM-V2/css/right-gray-arrow.png") no-repeat scroll 9px center;color: #a4adbc; text-decoration: underline;}
.level1-snap-wrapper .snapdown .snapdown-content .level2-snap-wrapper .snapdown-title.snapopen {background: url("/~/media/Images/W/Whistletree/css/bottom-red-arrow.png") no-repeat 9px center; cursor: pointer; color: #A9144B;  text-decoration: underline;}
.level1-snap-wrapper .snapdown .snapdown-content .level2-snap-wrapper .snapdown-title.snapopen:hover{ color: #A9144B;  text-decoration: underline;}


#adobehelp{float:left; width:100%; margin:15px 0 0;}
#adobehelp a img{float:left; font-size:0.875em; line-height:1.2em; margin: 3px 10px 5px 0;}

.results-nav-tabs {float:left; margin:0 0 10px; }
.results-nav-tabs ul{ margin:0px; padding:0px;}
.results-nav-tabs ul li { display:block; float:left; margin:0 2px 0 0; background-color:#4d5c7e; padding:0px; }
.results-nav-tabs ul li.current { background-color:#a9144b; }
.results-nav-tabs ul li span { display:block; padding:5px 10px; color:#fff; font-size:1.2em; font-weight:bold; }
.ip3-latest-news .results-nav-tabs{border-bottom:1px solid #CECFD1}


.news-wrapper {  float: left; margin: 0 0 12px;}
.news-wrapper #news-date, .news-wrapper .news-short-desc, .news-wrapper .news-title  , .news-wrapper .news-item{float:left; padding: 0 0 5px; width:100%;}
.news-wrapper .news-title { font-size:1.167em;}
.news-wrapper .news-item{margin:0 0 10px;  border-bottom: 1px solid #CECFD1;}

.email-alert p.rad-underline{float:left; width:100%;}

/*-----------------Search Result part -------------------*/
table.searchTable { margin:10px 0; width:100%; line-height:18px;}
table.searchTable th{ text-align:left; }
table.searchTable td { padding:10px 0; vertical-align: top; border-bottom:#e0e0e0 solid 1px;}
table.searchTable td a{ color:#4d5d7e;}
table.searchTable td a:hover{ text-decoration:underline;}

table.search tr th { text-align:left; vertical-align:top;}

.searchresultpage{ float:left; width:100%;}
.searchresultpage ul{ margin:0px; padding:0px;}
.searchresultpage ul li{ list-style:disc; margin:0 0 0 15px;}
.pagenav{ float:left; padding:10px 0; }
.pagenav ul{ margin:0px; padding:0px !important;}
.pagenav ul li{ list-style:none !important; padding:6px; float:left; margin:0px !important;}
.pagenav ul li a { color:#666;}
.pagenav ul li a:hover { color:#4d5d7e;}
.pagenav ul li strong { color:#4d5d7e;}

.pagenav .next { padding:5px 20px 5px 10px; border:#e0e0e0 solid 1px; background:url(/~/media/Images/W/Whistletree/css/sitemap-arrow.gif) 70px 11px no-repeat; color:#4e5b7e;}

.pagenav .previous{ padding:5px 10px 5px 20px; border:#e0e0e0 solid 1px; background:url(/~/media/Images/W/Whistletree/css/previous-arrow.gif) 7px no-repeat; color:#4e5b7e;}
.pagenav .next a, .pagenav .previous a{ color:#4d5d7e; font-weight:normal;}
.pagenav .next a:hover, .pagenav .previous a:hover{ color:#4d5d7e}

#news-filter{float:left; width:100%; margin:0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
.freetext {
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");    
    color: #404040;
    float: left;
   /*  height: 38px; */
    margin:0 1% 0 0;
    padding:6px 10px;
    width: 35%;
	 border: 1px solid #4D5C7E;
}


.filterdropdown {
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");
    position: relative;
    /*width: 23%;*/width: 26%; border: 1px solid #4D5C7E;
	min-height: 18px;
    margin-right:1%;
    /*padding:5px 10px;*/padding:5px 6px;
}

span.selectedLocation-year, span.selectedLocation-month{
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");
    background: url("/~/media/Images/W/Whistletree/css/blue-arrow-bottom.gif") no-repeat scroll right center;
    color: #404040;
    cursor: pointer;
    float: left;
    padding: 0;
    width: 100%;display: block;
}

ul.selectfilter-year, ul.selectfilter-month, ul.selectfilter  {
    
    display: none;
    list-style-type: none;
    padding: 0;
    position: absolute;
    top:28px;
    width: 100%;
    z-index: 999;
	overflow: hidden; left:-1px;
	border-top:0 none; border-left: 1px solid #4D5C7E; border-right: 1px solid #4D5C7E; border-bottom: 1px solid #4D5C7E;
	background: #fff;
	}
	
	ul.selectfilter-year li, ul.selectfilter-month li {
    background: #fff;
    color: #404040;
	font-weight: bold;
    padding: 4px 0 4px 10px;
	list-style:none outside none;
	margin:0;
    cursor: pointer;
	}
	


input#prbtnSearch.investor-update-link {
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");
    border: medium none;
	background:#A9144B;
    float: left;
	color:#fff;
	cursor:pointer;
    padding:6px 10px;
    width: 10%;
}
.invisible{visibility:hidden;}
/* -------------- Reports Landing css starts -------------- */
#reportsContainer{clear:both;padding:15px 0;}
#reportsCont ul{list-style-type:none;padding:0; margin:0;}
/* #reportsCont ul .level3 {float:left; width: 16.65%; margin:0;}
#contentwrapper #reportsCont ul .level3 a {display: block;color: #000;font-weight: bold;padding: 10px 4%;border-left: 1px solid #dcf3e0;background-color: #367c45;text-align: center;}
#contentwrapper #reportsCont ul li.level3.current a,#contentwrapper #reportsCont ul li.level3 a:hover{background-color: #dcf3e0;text-decoration:none;} */
#loadedContent{display:none;}
#content-inner-right .tableWrapper table tr th{text-align:left; }
#content-inner-right #reportsContainer table tr th.centerT{text-align:center;}
#content-inner-right .tableWrapper table tr th.centerT{text-align:center;}
#content-inner-right .tableWrapper table tr td{vertical-align:middle; border-bottom:1px solid #fff; background:#f6f6f6;}


.tableWrapper a { padding:5px 25px 5px 0;  }
.tableWrapper a.data-pdf {text-transform:uppercase; background: url("/~/media/Images/W/Whistletree/css/pdf-icon.png") no-repeat scroll right center; }
.tableWrapper a.data-pptx { text-transform:uppercase;background: url("/~/media/Images/W/Whistletree/css/ppt-icon.png") no-repeat scroll right center; }
.tableWrapper a.data-webpage {text-transform:uppercase; background: url("/~/media/Images/W/Whistletree/css/webcast-icon.png") no-repeat scroll right center; }

#content-inner-right .mobileView .itemContainer .snapHead{float:left; width:100%; padding: 5px 0 5px 25px; margin-bottom:1px ;  }
#content-inner-right .mobileView .itemContainer .snapHead{background:#9fafb8 url("/~/media/Images/W/Whistletree/css/plus-icon.png") no-repeat scroll 5px center;  }
#content-inner-right .mobileView .itemContainer .snapHead.open{  background:#9fafb8 url("/~/media/Images/W/Whistletree/css/hyphen-icon.png") no-repeat 5px center;     }

#content-inner-right .mobileView .itemContainer .snapHead a{color: #4D5C7E; display:block;}
#content-inner-right .mobileView .itemContainer .snapHead.open a{color: #A9144B;}
#content-inner-right .mobileView .itemContainer .snapHead a:hover{cursor:pointer;}

.desktopView{display:block;}
.mobileView{display:none;}
.mobileView .snapDownContainer{margin-top:5px;}

#icon-intro-content img{float:none; padding:0 0 5px;}

.nojs #loader1,.nojs #loader{display:none;}
#loader1,#loader,.loader{margin-top:30px;min-height:40px;clear:both;background:url('/~/media/Images/W/Whistletree/css/pre-loader.png') no-repeat center;;}

/* -------------- Reports Landing css ends -------------- */


table.data-table{ border:#E0E0E0 solid 1px; border-right:0px; margin:0 0 15px 0;}
table.data-table tr th{ font-weight:bold; background:#ececec; text-align:left; padding:5px; border-right:#E0E0E0 solid 1px;}
table.data-table tr th.center{  font-weight:bold; background:#ececec; text-align:center; padding:5px; border-right:#E0E0E0 solid 1px;}
table.data-table tr td{ font-weight:normal; border-top:#E0E0E0 solid 1px; border-bottom:#E0E0E0 solid 1px; border-right:#E0E0E0 solid 1px;}



.helping-banner{ float:left; width:100%; }
.helping-banner ul{float:left; margin:0px; padding:0px;width:100%;}
.helping-banner ul li{float: left; width:100%; list-style:none !important; margin:0 0 2px;  background:#4d5c7e; padding: 15px 0;  }
.helping-banner h2{ color:#fff; font-size:2.1em; padding:0px 15px 15px 15px;}
.helping-banner h3{ color:#fff; font-size:2.1em; padding:0px 15px 15px 15px;}
.helping-banner p{ padding:0 22px 4px 16px; color:#fff; line-height:16px; font-family:Arial;}
.helping-banner img{ float:left; padding:0 12px 16px 16px;}
.helping-banner p a{ background:url(/~/media/Images/W/Whistletree/css/white-arrow.png) right 5px no-repeat; padding:0 15px 0 0; color:#fff; display:block;}
.helping-banner p a:hover{color:#a7d4f5; background:url(/~/media/Images/W/Whistletree/css/blue-arrow.png) right 5px no-repeat;}
.helping-banner ul li#switching-to-a-repayment-mortgage {background: none ;  padding: 0;}
.helping-banner li#switching-to-a-repayment-mortgage img{float: left; padding: 0;}

/*-----------------Sitemap part -------------------*/
#sitemap-content{ float:left; width:100%; padding:0; margin:0 0 15px 0;}
#sitemap-content ul{padding:0px; margin:0px; width:100%; }
#sitemap-content ul li{ color:#666; height:auto !important;  padding:0px 0 10px 0; clear:both; background:0 none; margin:0px; list-style:none;}
#sitemap-content ul li a{ color:#a9144b; font-weight:bold; padding:5px 0 5px 10px; border:#e0e0e0 solid 1px; width:100%; float:left; margin:0 0 5px 0; display:block;}
#sitemap-content ul li a:hover{ color:#d489a5 !important;}

#sitemap-content ul li ul{ padding:6px 0 6px 15px; margin: 0; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
#sitemap-content ul li ul li{float:left; padding-bottom:3px !important; list-style:none !important; margin:0px; width:100%;}
#sitemap-content ul li ul li a{ color:#666; float:left;  background:url(/~/media/Images/W/Whistletree/css/sitemap-arrow.gif) left 6px no-repeat; padding:0 0 0 15px; font-weight:normal; border:0 none;}

#sitemap-content ul li ul li ul{ padding:6px 0 0 15px; margin: 0; float:left;}
#sitemap-content ul li ul li ul li{float:left; padding-bottom:3px !important;  list-style:none; width:100%;}
#sitemap-content ul li ul li ul li a{ color:#666; float:left; background:url(/~/media/Images/W/Whistletree/css/sitemap-arrow.gif) left 6px no-repeat; padding:0 0 0 15px; font-weight:normal; border:0 none;}

#sitemap-content ul li ul li ul li ul{ padding:6px 0 6px 15px; margin: 0; float:left;}
#sitemap-content ul li ul li ul li ul li{float:left; padding-bottom:3px !important;  list-style:none; width:100%;}
#sitemap-content ul li ul li ul li ul li a{ color:#666; float:left; background:url(/~/media/Images/W/Whistletree/css/sitemap-arrow.gif) left 6px no-repeat; padding:0 0 0 15px; font-weight:normal; border:0 none;}



/*Subscribe to ARena form*/

#subscribetoarenaContainer {padding:0px 0 20px 0; float:left; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#subscribetoarenalabel-your-nameLabelContainer, #subscribetoarenalabel-return-emailLabelContainer, #subscribetoarenalabel-queryLabelContainer, 
#subscribetoarenaTelephoneLabelLabelContainer, #subscribetoarenalabel-addressLabelContainer, #subscribetoarenalabel-postcodeLabelContainer, #subscribetoarenalabel-phoneLabelContainer, #subscribetoarenalabel-queryLabelContainer, #subscribetoarenacaptchalabelLabelContainer, #subscribetoarenalabel-telephoneLabelContainer{float:left; padding:5px 0; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#subscribetoarenayourname-textboxTextboxContainer, #subscribetoarenaemail-textboxTextboxContainer, #subscribetoarenaquery-textareaTextareaContainer,
#subscribetoarenaTelephoneTxtBoxTextboxContainer, #subscribetoarenaTelephoneTxtBoxTextboxContainer,
#subscribetoarenaaddress-textboxTextboxContainer, #subscribetoarenapostcode-textboxTextboxContainer, #subscribetoarenaphone-textboxTextboxContainer, 
#subscribetoarenaemail-textbox1TextboxContainer, #subscribetoarenaquery-textarea1TextareaContainer, #subscribetoarenacaptchaCaptchaContainer, #subscribetoarenatelephone-textboxTextboxContainer {float:left; padding:5px 0; width:73%; margin-left:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#subscribetoarenaFrontTextContainer{ clear:right;}

#subscribetoarenaquery-textareaTextarea { height:80px;}
#subscribetoarenaContainer input, #subscribetoarenaContainer textarea {border:1px solid #d3d3d3; padding:1px 5px; color:#666; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#subscribetoarenaquery-textareaTextarea textarea{ font-family:Arial, Helvetica, sans-serif;}

input#subscribetoarenaSubmitButton, input#subscribetoarenaResetButton {background:#4D5C7E; color:#fff; font-weight:bold; margin:0px;}
#subscribetoarenaFrontTextContainer {font-size:1.0em; padding: 0 0 10px 0;}
#subscribetoarenaFrontTextContainer{ width:100%;}
#subscribetoarenaTitleContainer{color:#4D5C7E; font-weight:bold; margin:15px 0;}


#subscribetoarenaResetButtonContainer, #subscribetoarenaSubmitButtonContainer{ float:left; padding-top:15px; width:auto;}
#subscribetoarenaSubmitButtonContainer{padding:15px 0 15px 22%; margin:0 10px 0 0;}
#subscribetoarenaSubmitButtonContainer input, #subscribetoarenaResetButtonContainer input{ width:auto; padding:3px 8px; cursor:pointer;}

#subscribetoarenaSuccessContainer{color:#4D5C7E; padding:0px 20px 10px 0px;}
#subscribetoarenaNotesLabelContainer, #subscribetoarenaFooterTextContainer{float:left; font-size: 1.075em;  padding-top:10px;width:100%;}
#subscribetoarenaFooterTextContainer {padding:25px 0 0 0;}

#subscribetoarenacaptchaCaptchaCodeError, #subscribetoarenaFailureContainer { float:left; width:185px; padding:18px 0 0 10px; color:#ff0000;}
#subscribetoarenacaptchaCaptchaCodeContainer{margin:10px 0;}

#DisclaimerButtonContainer input{  background: url("/~/media/Images/W/Whistletree/css/home-blue-arrow.gif") no-repeat scroll right center #4D5C7E; border: medium none;  color: #FFFFFF; cursor: pointer;  float: left; height: 28px; line-height: 28px; padding: 0 25px 0 10px;}



/*Accessibility Contact us form*/

#accessibilitycontactContainer {padding:0px 0 20px 0; float:left; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#accessibilitycontactlabel-date-receivedLabelContainer, #accessibilitycontactlabel-document-codeLabelContainer, #accessibilitycontactlabel-formatLabelContainer, #accessibilitycontactlabel-acc-noLabelContainer, #accessibilitycontactlabel-your-nameLabelContainer, #accessibilitycontactlabel-return-emailLabelContainer, #accessibilitycontactlabel-queryLabelContainer, 
#accessibilitycontactTelephoneLabelLabelContainer, #accessibilitycontactlabel-addressLabelContainer, #accessibilitycontactlabel-postcodeLabelContainer, #accessibilitycontactlabel-phoneLabelContainer, #accessibilitycontactlabel-queryLabelContainer, #accessibilitycontactcaptchalabelLabelContainer{float:left; padding:5px 0; width:30%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#accessibilitycontactother-textareaTextareaContainer, #accessibilitycontactdate-received-textboxTextboxContainer, #accessibilitycontactdoc-code-textboxTextboxContainer, #accessibilitycontactformat-droplistEmailListContainer, #accessibilitycontactaccountno-textboxTextboxContainer, #accessibilitycontactyourname-textboxTextboxContainer, #accessibilitycontactemail-textboxTextboxContainer, #accessibilitycontactquery-textareaTextareaContainer,
#accessibilitycontactTelephoneTxtBoxTextboxContainer, #accessibilitycontactTelephoneTxtBoxTextboxContainer,
#accessibilitycontactaddress-textboxTextboxContainer, #accessibilitycontactpostcode-textboxTextboxContainer, #accessibilitycontactphone-textboxTextboxContainer, 
#accessibilitycontactemail-textbox1TextboxContainer, #accessibilitycontactquery-textarea1TextareaContainer, #accessibilitycontactcaptchaCaptchaContainer {float:left; padding:5px 0; width:68%; margin-left:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#accessibilitycontactformat-checkCheckboxContainer {float: left; width: 100%;}
input#accessibilitycontactformat-checkCheckbox {width:5%!important;}

#accessibilitycontactFrontTextContainer{ clear:right;}

#accessibilitycontactother-textareaTextareaContainer{display:none;margin-left: 32%!important;}

select#accessibilitycontactformat-droplistEmailList {width:78%; padding:5px 0}

#accessibilitycontactquery-textareaTextarea { height:80px;}
#accessibilitycontactContainer input, #accessibilitycontactContainer textarea {border:1px solid #d3d3d3; padding:1px 5px; color:#666; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#accessibilitycontactother-textareaTextarea {min-height:100px;}

#accessibilitycontactquery-textareaTextarea textarea{ font-family:Arial, Helvetica, sans-serif;}

input#accessibilitycontactSubmitButton, input#accessibilitycontactResetButton {background:#4D5C7E; color:#fff; font-weight:bold; margin:0px;}
#accessibilitycontactFrontTextContainer {font-size:1.0em; padding: 0 0 10px 0;}
#accessibilitycontactFrontTextContainer{ width:100%;}
#accessibilitycontactTitleContainer{color:#4D5C7E; font-weight:bold; margin:15px 0;}


#accessibilitycontactResetButtonContainer, #accessibilitycontactSubmitButtonContainer{ float:left; padding-top:15px; width:auto;}
#accessibilitycontactSubmitButtonContainer{padding:15px 0 15px 32%; margin:0 10px 0 0;}
#accessibilitycontactSubmitButtonContainer input, #accessibilitycontactResetButtonContainer input{ width:auto; padding:3px 8px; cursor:pointer;}

#accessibilitycontactSuccessContainer{color:#4D5C7E; padding:0px 20px 10px 0px;}
#accessibilitycontactNotesLabelContainer, #accessibilitycontactFooterTextContainer{float:left; font-size: 1.075em;  padding-top:10px;width:100%;}
#accessibilitycontactFooterTextContainer {padding:25px 0 0 0;}

#accessibilitycontactcaptchaCaptchaCodeError, #accessibilitycontactFailureContainer { float:left; width:185px; padding:18px 0 0 10px; color:#ff0000;}
#accessibilitycontactcaptchaCaptchaCodeContainer{margin:10px 0;}

#DisclaimerButtonContainer input{  background: url("/~/media/Images/W/Whistletree/css/home-blue-arrow.gif") no-repeat scroll right center #4D5C7E; border: medium none;  color: #FFFFFF; cursor: pointer;  float: left; height: 28px; line-height: 28px; padding: 0 25px 0 10px;}

#hint-acc, #hint-doccode {background: url("/~/media/Images/W/Whistletree/css/hint-icon.gif") no-repeat; clear: both;
    display: block;
    float: right;
    height: 19px;
    text-indent: -9999px;
    width: 19px;
	cursor:pointer;}
	
#hint-pointer {background:url("/~/media/Images/W/Whistletree/css/hint-icon-mark.gif") no-repeat;left:-6px; display:block; width:5px;height:18px; position:absolute;top:3px;}

.accessibilitycontactlabel-acc-no-hintLabelContainer, .accessibilitycontactlabel-document-code-hintLabelContainer {width:50%;float: left;display:none;}
.accessibilitycontactlabel-acc-no-hintLabel, .accessibilitycontactlabel-document-code-hintLabel {padding:8px;background-color:white; border:1px solid #4c5a7f; font-family: "Arial",Helvetica,sans-serif; color: #666; font-size: 0.8em; line-height:1.3em; margin-left: 8px;position:absolute;width:30%;font-weight:bold;}
/*---broker form----------*/


#referralContainer{padding:0px 0 20px 0; float:left; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#referrallabel-nameLabelContainer, #referrallabel-addressLabelContainer, 
#referrallabel-address2LabelContainer, #referrallabel-address3LabelContainer,#referrallabel-postcodeLabelContainer,
#referrallabel-daytime-telephoneLabelContainer, #referrallabel-emailLabelContainer, #referrallabel-desired-timeLabelContainer, #referralnotesLabelContainer, #referralcaptchalabelLabelContainer, #referralSubmitButtonContainer, #referralResetButtonContainer{float:left; padding:5px 0; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc"); clear:both;}


#referraltextbox-nameTextboxContainer, #referraltextbox-adress1TextboxContainer,
#referraltextbox-adress2TextboxContainer, #referraltextbox-adress3TextboxContainer,
#referraltextbox-postcodeTextboxContainer, #referraltextbox-daytime-telephoneTextboxContainer, #referraltextbox-emailTextboxContainer, #referraltextarea-desired-timeTextareaContainer, #referralcaptchaCaptchaContainer{float:left; padding:5px 0; width:73%; margin-left:2%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}

#referralFooterTextContainer{}

#referraltextarea-desired-timeTextareaContainer { height:80px;}
#referralContainer input, #referralContainer textarea {border:1px solid #d3d3d3; padding:1px 5px; color:#666; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}


#referraltextarea-desired-timeTextareaContainer textarea{ font-family:Arial, Helvetica, sans-serif;}

#referralSubmitButtonContainer, #referralResetButtonContainer{ float:left; padding-top:15px; width:auto; clear:none;}

#referralSubmitButtonContainer{padding:15px 0 15px 22%; margin:0 10px 0 0;}

#referralSubmitButtonContainer input, #referralResetButtonContainer input{ width:auto; padding:3px 8px; cursor:pointer;}
input#referralSubmitButton, input#referralResetButton{background:#4D5C7E; color:#fff; font-weight:bold; margin:0px;}

#referralSuccessContainer{color:#4D5C7E; padding:0px 20px 10px 0px;}

#referralnotesLabelContainer, #referralFooterTextContainer{float:left; font-size: 1.075em;  padding-top:10px;width:100%;}

#referralFooterTextContainer {padding:25px 0 0 0;}

#referralcaptchaCaptchaCodeError, #referralFailureContainer { float:left; width:185px; padding:18px 0 0 10px; color:#ff0000;}
#referralcaptchaCaptchaCodeContainer{margin:10px 0;}

/*-----------------broker form---------------------*/
	
#corporate .top-nav, .ip3-corporate .top-nav,
#mortgage-intermediaries .top-nav, .ip3-mortgage-intermediaries .top-nav,
#debt-advisers .top-nav, .ip3-debt-advisers .top-nav, #securitisation-disclaimer .top-nav, #covered-bonds-disclaimer .top-nav{display:none;}

#corporate .right-contact, .ip3-corporate .right-contact, #securitisation-disclaimer .right-contact, #covered-bonds-disclaimer .right-contact{display:none;}


/*---------------Tools snapdown CSS----------*/
.tools-snapdown-wrapper{float:left; width:100%; }
.tools-snapdown-wrapper .snapdown{float:left; width:100%; margin:0 0 10px;}
.tools-snapdown-title { float:left; width:100%; padding:21px 5px 21px 75px; cursor:pointer; border:1px solid #f3f3f3; font-family:'ITCAvantGardeW04-Medium 1122896';  }
.tools-snapdown-title.active { margin:0; }
.tools-snapdown-title p { padding:0; color:#4d5c7e; font-size:1.5em; }
.tools-snapdown-title.homeowners-budget-planner{ background: url("/~/media/Images/W/Whistletree/css/budget-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }
.tools-snapdown-title.landlords-budget-planner { background: url("/~/media/Images/W/Whistletree/css/landloard-budget-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }
.tools-snapdown-title.rate-rise-calculator { background: url("/~/media/Images/W/Whistletree/css/switch-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }
.tools-snapdown-title.repayment-mortgage { background: url("/~/media/Images/W/Whistletree/css/rate-calc-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }
.tools-snapdown-title.overpaying-mortgage {background: url("/~/media/Images/W/Whistletree/css/payment-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }
.tools-snapdown-title.mortgage-deal {background: url("/~/media/Images/W/Whistletree/css/beal-snap-icon.png") no-repeat scroll 15px center #f6f6f6; }

.tools-snapdown-content { float:left; width:100%; padding:0 0 22px 19px; }
.tools-snapdown-content img { float:right !important; margin:24px 40px 0 40px; }
.tools-snapdown-content p { padding-bottom:20px; }
.tools-snapdown-content a{ font-weight:bold;}

.tools-bottom-text {float:left; padding:20px 0 0 0; }
.tools-bottom-text a{font-weight:bold;}
.tools-top-text {clear:both; padding:0 0 0 50px; }

.tools-snapdown-content p.rad-highlight a { background: url("/~/media/Images/W/Whistletree/css/red-link-bg.gif") no-repeat scroll right center #A9144B;
    color: #FFFFFF; float: left;  font-weight: normal;  height: 28px;  line-height: 28px;  padding: 0 35px 0 10px;}

	
	

/*  -------------------All Calculators------------------------- */
#budgetbox, #wrapbudgetbox1, #calcBox{float:left; width:100%;}
/* Color box ------------------------------------------------------*/
#budgetbox { margin: 0;  overflow: hidden; width: auto; }

#rate-rise-calculator #calcHeader { background: url("/~/media/Images/W/Whistletree/css/repayment-mortgage-tool-icon.jpeg") no-repeat scroll right top #001887; }
#repayment-mortgage #calcHeader{ font-family: 'ITCAvantGardeW04-Medium 1122896'; border:0 none; background: url("/~/media/Images/W/Whistletree/css/rate-rise-calc-icon.jpeg") no-repeat scroll right top #001887; width:700px;}
#landlords-budget-planner #calcHeader { background: url("/~/media/Images/W/Whistletree/css/budget-planer-lightbox-icon.gif") no-repeat scroll right top #4d5c7e; }
#calcHeader { background: url("/~/media/Images/W/Whistletree/css/budget-planner-calc-icon.jpg") no-repeat scroll right top #4d5c7e; color: #FFFFFF; height: 29px; margin: 25px 40px 25px 30px; padding: 9px 0 1px 20px;}
#calcHeader p{ font-size:1.6em;}
#bottom-textContainer3 #calcHeader { background: url("/~/media/Images/W/Whistletree/css/rate-rise-calc-icon.gif") no-repeat scroll right top #4d5c7e;}
#bottom-textContainer4 #calcHeader { background: url("/~/media/Images/W/Whistletree/css/repayment-mortgage-tool-icon.gif") no-repeat scroll right top #4d5c7e;}
#bottom-textContainer5 #calcHeader { background: url("/~/media/Images/W/Whistletree/css/make-over-calc-icon.gif") no-repeat scroll right top #4d5c7e;}

#bottom-textContainer4{ width:720px;}
#bottom-textContainer4 #calcBox{ width:720px}

#bottom-textContainer5{ width:720px;}
#bottom-textContainer5 #calcBox{ width:720px}

#bottom-textContainer5 #budgetcontrols-mo{ margin:0 50px 15px 50px; border-bottom:1px solid #4D5C7E;}
#bottom-textContainer5 #budgetcontrols-mo input{ padding:5px 10px; border:0 none; width:90px;}
#bottom-textContainer5 #budget-top-mo{ float:left; margin:0 50px;}
#bottom-textContainer5 .hidden {float:left; margin:0 50px;}

#bottom-textContainer5 .Ldata fieldset{ width:200px; vertical-align:middle; float:left; width:560px; color:#666; }
#bottom-textContainer5 .Ldata label{ width:130px; margin:12px 0 0 0; float:left; font-family: 'ITCAvantGardeW04-Medium 1122896';  color:#4d5c7e; }
#bottom-textContainer5 .Ldata img{ padding:4px 0 0 0; float:left;}
#bottom-textContainer5 .Ldata input#loanoverfld-mo, #bottom-textContainer5 .Ldata input#loanintfld-mo, #bottom-textContainer5 .Ldata input#loantermfld-mo, #bottom-textContainer5 .Ldata input#loanamtfld-mo{ width:370px; padding:5px 10px; background:#f7f8f7; border:#c6cfd9 solid 1px; margin:5px 0 0 0; float:right; color:#666;}
body.ie7 #bottom-textContainer5 .Ldata input#loanoverfld-mo, body.ie7 #bottom-textContainer5 .Ldata input#loanintfld-mo, body.ie7 #bottom-textContainer5 .Ldata input#loantermfld-mo, body.ie7 #bottom-textContainer5 .Ldata input#loanamtfld-mo{ float:none;}

#bottom-textContainer5 .budgetPlannerRightform label { width:auto; margin:12px 15px 0 0; float:left; width:78px; }
#bottom-textContainer5 .budgetPlannerRightform{ float:left; padding:15px 0 0 0;}
#bottom-textContainer5 .budgetPlannerRightform input { width:auto; padding:5px 10px; /*background:#f7f8f7; border:#c6cfd9 solid 1px;*/ margin:15px 0 0 0; color:#666;}
#bottom-textContainer5 .budgetPlannerRightform h4{ font-size:1.2em; font-weight:bold; padding:25px 0 10px 0;}

#bottom-textContainer5 .risk-warning{ float:left; width:600px; padding:15px 0 0 0;}
#calcbtn-mo.calcbutton { background: url("/~/media/Images/W/Whistletree/css/red-link-bg.gif") no-repeat scroll right center #a9144b; width:116px; }


#budgetcontrols {margin: 0 50px; border-bottom: 1px solid #4d5c7e;}
#budget-top { margin: 0 20px; overflow: hidden; padding: 15px 0 0 28px; width: 610px;}
.calcbutton { background: url("/~/media/Images/W/Whistletree/css/blue-link-bg.gif") no-repeat scroll right center #4D5C7E; border: medium none; color: #FFFFFF; float: left; height: 28px; margin: 10px 10px 10px 0; padding: 4px 35px 5px 5px; cursor:pointer; }

#calculate.calcbutton,#calculate1.calcbutton { background: url("/~/media/Images/W/Whistletree/css/red-link-bg.gif") no-repeat scroll right center #a9144b; }
#next.calcbutton { background: url("/~/media/Images/W/Whistletree/css/light-blue-arrow.gif") no-repeat scroll right center #9ebae1; }

#calcbutton2.calcbutton { background: url("/~/media/Images/W/Whistletree/css/red-link-bg.gif") no-repeat scroll right center #a9144b; }
#next2.calcbutton { background: url("/~/media/Images/W/Whistletree/css/light-blue-arrow.gif") no-repeat scroll right center #9ebae1; }

#calcbtn.calcbutton { background: url("/~/media/Images/W/Whistletree/css/red-link-bg.gif") no-repeat scroll right center #a9144b; float:right; width:102px;}
#calcbutton.calcbutton { background: url("/~/media/Images/W/Whistletree/css/red-link-bg.gif") no-repeat scroll right center #a9144b; float:left; }


#budgetcontrols input { float: none; margin: 0; padding: 5px 8px 4px 7px;}
.budgettab { cursor: pointer;}
.budgettable { margin: 0 auto; width: 100%;}
.budgettable td, .rateriseform table tr td{padding:5px 0; vertical-align: middle;}
.budgettable th { padding:10px 0 0 0 ; text-align: left; color: #436082;}



#budgetbox1 .budgettable input{ float:right; text-align:right; padding-right:3px; margin:0 0 0 8px; }
#budgetbox1 .summaryresult{ text-align:right;}

#budgetcontrols input,
#budgetbox .budgettable th,
#budgetbox1 .budgettable th,
#wrapbudgetbox1 .budgettable th,
#bottom-textContainer3 #calcHeader, #bottom-textContainer3 .budgettable th,
#bottom-textContainer4 #calcHeader, #bottom-textContainer4 .budgettable th,
#bottom-textContainer5 #calcHeader, #bottom-textContainer5 .budgettable th {font-family: 'ITCAvantGardeW04-Medium 1122896'; border:0 none;}

#budgetbox #calcHeader, #budgetbox1 #calcHeader, #wrapbudgetbox1 #calcHeader {font-family: 'ITCAvantGardeW04-Medium 1122896'; }

#calcBox h2 { font-size:1.250em; font-weight: normal; margin: 15px 0;}
.rBoxinner h2{ border-top:#eee solid 1px; padding:18px 0 0 0;}

#loanbox{ float:left; margin:0 0 0 40px; width:280px;}
#loanbox table{ float:left; width:220px;}
#loanbox table tr td{ text-align:left; vertical-align: middle;}
.rBox240{ float:left; width:300px;}
.rBox240 table{ float:left;}
.rBox240 tr td{ text-align:left; vertical-align:top;}
#resultbox{float:left; width:650px; margin:0 0 0 40px;}

p.rinp input{ height:20px; padding:5px; width:160px; background:#f7f8f7; border:#c6cfd9 solid 1px; color:#666;}
.sliderval{ float:none;}
.sliderval input{height:20px; padding:5px; margin:0 5px 0 0; width:37px; background:#f7f8f7; border:#c6cfd9 solid 1px; text-align:center; color:#666;}


#calcBox label{font-family: 'ITCAvantGardeW04-Medium 1122896';  color: #436082; padding:0 0 10px 0; float:left; /*width:220px;*/ }

#budgetexpenses-mo{ float:left; width:650px; }
#budgetexpenses-mo h2{ font-size:1.5em; padding:0 0 3px 0;}
#chartbox-mo{ float:left; height: 320px; margin-left: 5px; padding-left: 10px; width:350px; background: url("/~/media/Images/W/Whistletree/css/box422B.gif") no-repeat left 27px;}
#chartlegend-mo{ float:left; margin:0 0 10px 0;}
#chartlegend-mo table{ border-spacing:0px;}
#chartlegend-mo table td.legendLabel{ } 
#chartlegend-mo table td div{ margin: 0 5px; padding: 0 !important; position: relative; top: 2px;}
#chartlegend-mo table td div div{  margin: 0; position: static; top: 0; width: 1px !important;}

#chartholder-mo { float:left; height:317px; left:39px; position:absolute; text-align:right; top:35px; width:298px;}
#optionsbox-mo{ float:left; margin:15px 0; font-size:1.2em;}
.Odata{ float:left;}
.Odata h2{ padding:0 0 15px 0; font-size:1.7em;}
.Odata .sliderval{ float:none; font-family: 'ITCAvantGardeW04-Medium 1122896'; font-size: 1em; color: #436082; margin:0 0 15px 0;}
.Odata label{ width:415px; padding:0 0 10px 0; float:left;}
#amountslider-mo, #paymentslider-mo, #lumpslider-mo{ margin:0 30px 0 0; float:left;}
.sliderval input#lumpamt-mo{ width:70px;}

.left_paft{ float:left; width:350px; padding:0 30px 0 0;}
#bigmoney-mo, #bigyears-mo { background:#ECECEC; color:#666; font-size:1.5em; line-height: 1.500em; padding: 5px 0 5px 15px; text-align:left; margin:5px 0 20px 0;}
#summarybox-mo { float:left; width:258px;}
#summarybox-mo table td{border-bottom: 1px dashed #343434; padding:5px 0; line-height:25px;}
.innerSm{ float:left; width:250px;}
.innerSm table td{ font-size:1.2em;}
.innerSm table{ margin:0 0 18px 0;}
#repayment-mortgage .budgettable th {font-family: 'ITCAvantGardeW04-Medium 1122896'; border:0 none;}
#repayment-mortgage #calcBox{ width:720px;}
#overpaying-mortgage #calcHeader { background: url("/~/media/Images/W/Whistletree/css/make-over-calc-icon.gif") no-repeat scroll right top #001887; font-family: 'ITCAvantGardeW04-Medium 1122896'; border:0 none;}
#overpaying-mortgage .budgettable th {font-family: 'ITCAvantGardeW04-Medium 1122896'; border:0 none;}
#overpaying-mortgage #calcBox{ width:720px}
#overpaying-mortgage #budgetcontrols-mo{ margin:0 50px 15px 50px; border-bottom:1px solid #4D5C7E;}
#overpaying-mortgage #budgetcontrols-mo input{ padding:5px 10px; border:0 none; width:90px;}
#overpaying-mortgage #budget-top-mo{ float:left; margin:0 50px;}
#overpaying-mortgage .hidden {float:left; margin:0 50px;}

#overpaying-mortgage .Ldata fieldset{  width:200px; vertical-align:middle; float:left; width:560px; color:#666; }
#overpaying-mortgage .Ldata label{ width:130px; margin:12px 0 0 0; float:left; font-family: 'ITCAvantGardeW04-Medium 1122896'; font-size: 1em; color:#4d5c7e; }
#overpaying-mortgage .Ldata img{ padding:4px 0 0 0; float:left;}
#overpaying-mortgage .Ldata input#loanoverfld-mo, #overpaying-mortgage .Ldata input#loanintfld-mo, #overpaying-mortgage .Ldata input#loantermfld-mo, #overpaying-mortgage .Ldata input#loanamtfld-mo{ width:370px; padding:5px 10px; background:#f7f8f7; border:#c6cfd9 solid 1px; margin:5px 0 0 0; float:right; color:#666;}
body.ie7 #overpaying-mortgage .Ldata input#loanoverfld-mo, body.ie7 #overpaying-mortgage .Ldata input#loanintfld-mo, body.ie7 #overpaying-mortgage .Ldata input#loantermfld-mo, body.ie7 #overpaying-mortgage .Ldata input#loanamtfld-mo{ float:none;}

#overpaying-mortgage .budgetPlannerRightform label { width:auto; margin:12px 15px 0 0; float:left; width:78px;}
#overpaying-mortgage .budgetPlannerRightform{ float:left; padding:15px 0 0 0; width:100%;}
#overpaying-mortgage .budgetPlannerRightform input { width:auto; padding:5px 10px; /*background:#f7f8f7; border:#c6cfd9 solid 1px;*/ margin:15px 0 0 0; color:#666;}
#overpaying-mortgage .budgetPlannerRightform h4{ font-size:1.0em; font-weight:bold; padding:25px 0 10px 0;}
#overpaying-mortgage .risk-warning{ float:left; width:600px; padding:15px 0 0 0;}



/*--from light box-----*/
#calcBox { color: #666666; margin-bottom: 10px; width: 610px;}
#calcBox.ratesrisecalc { width:700px !important; }
.ratesrisecalc .rateriseform { padding:0 40px; }
.ratesrisecalc .rateriseform input { background-color:#f7f8f7; }
.ratesrisecalc #resultbox { padding:0 40px; float:left; margin:0; width:620px; }
.rateriseform label { color:#436082; font-family:'AvantGardeGothicITCW01M 731087'; font-size:1em; }
.ratesrisecalc #resultbox .rBoxinner h2 { border-top:1px solid #e0e0e0; padding-top:15px; }
.ratesrisecalc .rateriseform p.rinp { float:left; }
.ratesrisecalc .rateriseform table td { vertical-align:top; }

.ratesrisecalc .rateriseform p.red-que-img img { float:left; margin-left:5px; }


table#mrtable { width:100%; }
table#mrtable td { border-bottom:#e0e0e0 1px solid; padding:6px; text-align:left; }
table#mrtable th { border-bottom:#e0e0e0 1px solid; padding:6px 0; text-align:left; }
table#mrtable tr.snd-th th { font-weight:bold; color:#4d5c7e; padding:6px 5px; }
table#mrtable tr.snd-th td { font-weight:normal; padding:6px 5px; }

#make-overpayments #bottomTextContainer { position: relative; top: 0;}
.ip3-homeowners #make-overpayments #bottomTextContainer { top: -50px;}
#calcOverpaymentContainer form { margin: 0; top: 0;}
#dataContainer p.ImgTxt { margin-top: 10px;}
#mortgage-deal-finder #bottom-textContainer #wrapbudgetbox1 { display: none;}
.summaryresult {text-align: left;  padding:1px 0;}
.budgettable input { border: 1px solid #C6CFD9; margin: 3px 0 0; width: 177px; background: none repeat scroll 0 0 #F7F8F7; padding-left:3px; font-weight:normal;
    color:#666; float:left;}

#budget-top h2 { font-size:1.5em; padding:0 0 10px;}
#cboxLoadedContent iframe { width:100%; height:100%;}
p.rad-highlight a.last {display:none; }
.mozbox p.rad-highlight a.last{display:block;}
#calculate.calcbutton.pad-top { margin-top:15px; }



/*  -------------------All Calculators------------------------- */

#inv_playerContainer1{float:left;margin:0 0 15px; background-color:#000; position:relative;width:100%; height auto;}
.container-responsive{  overflow-y: hidden;  width: 100%;} /* to make div content scroll */



/*-------------- Search page CSS Starts --------------*/

#searchinnerRP { float: left; padding:5px 0 10px; width:100%; }
#searchTextBoxContainerRP{float: left; width:30%;}
#searchTextBoxContainerRP input {background: none; border: 1px solid #E3E3E3; color: #999999; height: 16px; padding: 3px 0px 3px 10px; width:94%;}
#searchButtonContainerRP{ float:left; width:30px; cursor:pointer; height:24px;}
#searchButtonContainerRP input{ cursor:pointer;width: 15px;height: 15px; border:0 none; background:0 none;     padding-top: 5px;    padding-left: 5px;}

.ip3search_highlight{font-weight:bold;}
.sitesearchpagination{padding-top:10px;}
.sitesearchpagination ul li{float:left; margin:0 10px 0 0; padding:0;}
table.searchTable{width: 100%; word-break:break-all;}
table.searchTable tbody tr th{ text-align:left; height:22px;}
#tabs.sectionTabs{float:left; position:relative; width:100%; padding:0 0 10px;}
#tabs.sectionTabs ul{border-bottom:1px solid #000; float:left; list-style:none outside none; padding:0; margin:0; width:100%;}
#tabs.sectionTabs li{float:left; padding:0; margin:0; border-left:1px solid #000; border-top:1px solid #000; list-style:none outside none;}
#tabs.sectionTabs li.lastLI{border-right:1px solid #000;}
#tabs.sectionTabs li a span{display:block; text-align:center;}
#tabs.sectionTabs li a{display:block; padding:10px; text-align:center; background-color:#4D5C7E;  color: #FFFFFF;}
#tabs.sectionTabs li.current a, #tabs.sectionTabs li a:hover{background-color:#A9144B}
#tabsDD{height:35px; font-size:1em; width:180px; font-size:0.875em; line-height:1.1em; color:#1A0D5C;}
#tabs.sectionTabs span.select{position:absolute; font-size:1em; line-height:1.1em; color:#FFFFFF; top:0; left:0; height:36px; padding:11px 15px 10px 5px; background:url("/~/media/Images/W/Whistletree/css/white-arrow-down.png") no-repeat scroll 96% 15px #4C5A7F; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
/*-------------- Search page CSS Ends --------------*/


.ui-dialog{float:left!important;}


/*----Remove 'See all helpful tools' from the top of all the pages in Corporate, Mortgage Intermediaries and Debt Adviser sections on--*/
#corporate #mobi-helpful-tools, .ip3-corporate #mobi-helpful-tools, #mortgage-intermediaries #mobi-helpful-tools, .ip3-mortgage-intermediaries #mobi-helpful-tools, #debt-advisers #mobi-helpful-tools, .ip3-debt-advisers #mobi-helpful-tools, #securitisation-disclaimer #mobi-helpful-tools,
 #covered-bonds-disclaimer #mobi-helpful-tools{display:none;}

body#homeowners .helping-banner ul li, body#making-your-monthly-mortgage-payment .helping-banner ul li, body#manage-your-mortgage .helping-banner ul li, body#contact-us .helping-banner ul li, body#ground-rent-service-charges .helping-banner ul li {padding:0!important; height:auto!important; background: none !important;}
body#homeowners .helping-banner ul li img, body#making-your-monthly-mortgage-payment .helping-banner ul li img, body#contact-us .helping-banner ul li img, body#manage-your-mortgage .helping-banner ul li img, body#ground-rent-service-charges .helping-banner ul li img{padding:0!important;}



body#landlords .helping-banner ul li, body#loans .helping-banner ul li, body#cca-to-mcob-regulation-changes .helping-banner ul li{padding:0!important; height:auto!important; background: none !important;}
body#landlords .helping-banner ul li img{padding:0!important;}

body#cca-to-mcob-regulation-changes .helping-banner p.hide, body#loans .helping-banner p.hide{ display:block!important}

body#help-with-payment-difficulties .helping-banner ul li{padding:0!important; height:auto!important; background: none !important;}
body#help-with-payment-difficulties .helping-banner ul li img{padding:0!important;}

body#helpful-tools-calculators .helping-banner ul li{padding:0!important; height:auto!important; background: none !important;}
body#helpful-tools-calculators .helping-banner ul li img{padding:0!important;}



.thf1 {background-color:#001887;color:#fff;font-weight:bold;}
.thf1 a, .thf3 a{color:#fff;}
.thf4 a {color:#292671;}
.thf1 a:hover, .thf2 a:hover, .thf3 a:hover{text-decoration:underline;}
.thf2 a{color:#000;}
.thf2 {background-color:#a7d3f0;color:#000;}
.thf3 {background-color:#cd2651;color:#fff;}
.thf4 {background-color:#00b7c8;color:#000;}
table.mortgage-table-new {border-collapse: separate;border-spacing: 2px;}

table.mortgage-table-new span.small
{
font-size:11px;
}


#payment-text {font-weight:bold; border:1px solid #e5e5e5;padding:10px;margin-bottom:20px; }

#rate-rise-popup{display:none;}

#rate-rise-popup{
padding: 0; position: fixed; bottom: 0; width: 100%; height: 145px; left: 0; z-index: 9999; background-image: url(/~/media/Images/W/Whistletree/css/rate-rise-purplegb.png); 
}

#rate-rise-popup #rate-rise-content{
min-height: 130px; width: 92%; margin: 0 auto; background-image: url(/~/media/Images/W/Whistletree/css/rate-rise-bg.png); background-position-y: 1px;
}
#rate-rise-popup #rate-rise-content #rate-rise-left{
width: 87%; float: left; padding-top: 15px;
}

#rate-rise-popup #rate-rise-content #rate-rise-right{
width: 12%; float: right;
}

#rate-rise-popup #rate-rise-content .rate-rise-close{
float: right; margin-top: 15px;
}

#rate-rise-popup #rate-rise-content  #rate-rise-left .raterise-bluetxt{
font-family: 'ITCAvantGardeW04-Medium 1122896';
font-weight: bold;
line-height: 1.0em;
color: rgb(78, 172, 194);
font-size:2.5em;
padding-bottom: 2px;
}

#rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt .raterise-whttext{
color: #ffffff;
}


#rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext{
font-family: 'ITCAvantGardeW04-Medium 1122896';
font-weight: 700;
line-height: 1.0em;
color: #ffffff;
font-size: 1.5em;
word-spacing: 5px;
}

#rate-rise-popup .raterise-banner-link a {
background: url("/~/media/Images/W/Whistletree/css/home-blue-arrow.gif") no-repeat scroll right center transparent;
color: #FFFFFF;
float: left;
height: 37px;
line-height: 37px;
padding: 0 40px 0 10px;
font-family: 'ITCAvantGardeW04-Medium 1122896';
}

#rate-rise-popup .rate-rise-close{
cursor: pointer;
}


#rate-rise #banner-wrapper .heading{
min-height: 175px;
}

#disc-msg h3{
	font-size: 1.2em !important;
	font-weight:bold;
	text-align:center;
}

/*#disc-msg {
clear: both;
padding-top: 0% !important;
}*/

#Homepage #disc-msg {
/*clear: both;
padding-top: 4% !important;
*/display:none !important;
}

table.withoutspace{margin: 0 0 10px;}
table.withoutspace tbody td{padding: 0 10px;}



body#tender-offer-disclaimer #DisclaimerAcceptButton {margin-right:15px}

table.simple td img{ padding:0 !important; vertical-align:middle; text-align:center; float:none !important;}
table.simple td {vertical-align: middle; border: 1px solid #e5e5e5; text-align:center;}
table.simple th{vertical-align: middle; border: 1px solid #e5e5e5; text-align:left;}

table.data-table1{float:left; border:#E0E0E0 solid 1px; border-right:0px; margin:0 0 15px 0;}
table.data-table1 tr th{ font-weight:bold; background:#ececec; text-align:left; padding:5px; border-right:#E0E0E0 solid 1px;}
table.data-table1 tr th.center{  font-weight:bold; background:#ececec; text-align:center; padding:5px; border-right:#E0E0E0 solid 1px;}
table.data-table1 tr td{ font-weight:normal; border-top:#E0E0E0 solid 1px; border-bottom:#E0E0E0 solid 1px; border-right:#E0E0E0 solid 1px;}

body#ground-rent-service-charges .level1-snap-wrapper {
  margin-bottom: 12px;
}

body#loans #banner-wrapper .heading {width: 100%;}
body#loans #banner-wrapper .banner-content {width: 66%;}
body#loans #banner-wrapper .banner-content ul {margin: 0;}
body#loans #banner-wrapper .sub-heading {width: 72%;}
.top-nav .level2{display:none;}

/* Snapdown signpost start*/
.helping-banner ul li.snapdown-signpost {height: auto !important;}
.snapdown-signpost-content{padding-top: 20px !important;}
.snapdown-signpost-content p{padding-bottom: 10px;}
p.snapdown-signpost-heading {font-family: "ITCAvantGardeW04-Medium 1122896" !important;font-size: 1.2em; position:relative; cursor:pointer;}
.snapdown-signpost-toggle-outer {
    box-sizing: border-box;
    cursor: pointer;
    height: 35px;
    padding-top: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.snapdown-signpost-toggle {
border-top: 5px solid #fff;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
height: 0;
position: relative;
top: 2px;
width: 0; right:8px;
}
.snapdown-signpost-heading.selected .snapdown-signpost-toggle-outer .snapdown-signpost-toggle {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
	border-top: 0px;
}

.snapdown-signpost-content p a{background: rgba(0, 0, 0, 0) url("/~/media/Images/W/Whistletree/css/white-arrow.png") no-repeat scroll right 4px; display: inline;}
.snapdown-signpost-content p a:hover{background-position:right 4px;}
/* Snapdown signpost end*/

p.link-signpost{ display:block!important; margin-top:0!important;}

#content-right{padding-top:20px;}
body#Homepage #content-right{padding-top:0px;}

.level1-snap-wrapper.ss-snapdown .snapdown .snapdown-content{display:block !important}





.foot-strip-image{margin-bottom:15px;}

.foot-strip-image{display:none;}
#Homepage .foot-strip-image{display:block;}
#contact-us .foot-strip-image{display:block;}
.foot-strip-image{min-height:160px;background-color: #2d285e;}


.foot-strip-image{position:relative;}
.foot-text{position: absolute;top: 0px;width: 65%;left: 104px;}
.foot-text .rad-big{font-size: 28px;font-family: "AvantGarde Demi";word-spacing: 1px;color: #fff;padding-top: 14px;float: left;line-height: 35px;}
.foot-text .rad-small{font-size: 17px;color: #fff;word-spacing: -2px;font-family: "AvantGarde Demi";letter-spacing: 0px;}
.foot-text .rad-big .rad-highlight{color:#4dacc2;} 
.foot-img{position:absolute;bottom:0px;}
.sky-btn{position: absolute;right: 30px;top: 71px;}
.signpost-first{margin-bottom:15px!important;}
.foot-text p{float:left;width:100%;}
.footer-top-left{margin-left:0px!important;}

/* Help and Guidance page */

.help-and-guidance-newsetion table { border-collapse: collapse; border-spacing: 0; width: 100%; }
.help-and-guidance-newsetion th, .help-and-guidance-newsetion td {  text-align: left;  padding: 8px;}
.help-and-guidance-newsetion .gray-bg { padding: 15px; background-color: #F4F5F7; border-radius: 12px; margin-top: 0px;}
.help-and-guidance-newsetion .left-text { padding: 0px; }
.help-and-guidance-newsetion .gray-bg a { color: #053DA6; }
.help-and-guidance-newsetion .gray-bg a p { padding-bottom: 10px;}
.text-center{text-align: center;}


#popupboxes .lightblue-darkblue.popupstylemain {background-size: contain;}
#being-a-carer #banner-wrapper .sub-heading { width: 95%;}


/* Fixed for Accessibility */
div#content-inner-right p a, .home-box1 p a, .home-box2 p a {
    text-decoration: underline;
}

/*---- main-other-----*/
.top-right-links .email-button{text-indent:-9999px;background:url(/~/media/Images/W/Whistletree/css/email-page-new.png) center center no-repeat;width:18px;height:12px;  display: inline-block;  display: table-cell;  vertical-align: middle;}


.top-right-links .print-button{text-indent:-9999px;background:url(/~/media/Images/W/Whistletree/css/print-page-new.png) center center no-repeat;width:15px;height:15px;  display: inline-block;  display: table-cell;  vertical-align: middle;}


.top-right-links .bookmark-button{text-indent:-9999px;background:url(/~/media/Images/W/Whistletree/css/b-page-new.png) center center no-repeat;width:15px;height:15px;  display: inline-block; /* display: table-cell;*/  vertical-align: middle;}


.footer-bottom-left{  padding-right: 5%;}
.header-right{  margin-top: 93px;padding-bottom:26px;}
#banner{position:relative;}
.landing-page-new #banner-wrapper .banner-link a{background-position:right bottom;height:auto;}
#banner-wrapper .homepage-banner .heading{width:100% !important;}
#banner-wrapper .homepage-banner .sub-heading{width:100% !important}
#banner-wrapper .homepage-banner .banner-item .bannerText #banneralltextsection{min-height:130px !important;}
.helping-box-inner>img{position:absolute;width:100%;/*height:100%;*/height:auto;bottom:0;left:0;}
.helping-box{position:relative;background-color:#01b6c7}
.helping-box-inner{padding:20px;}
.helping-box-header{  font-size: 2em;line-height: 1.083em;color:#fff;  position: relative;margin-bottom:17px;  letter-spacing: 1px;  font-family: "AvantGarde Bold";}
.helping-box-content{font-size:1.500em;color:#fff;  position: relative;line-height:1.111em}
#Homepage .helping-box-content{font-size: 1.3em; color: #4c5a7d; }
#Homepage .helping-box-header{/* color: #0070c0;  */color: #fff;
    font-size: 34px;
    line-height: 46px;
    font-family: 'AvantGarde Demi';
    letter-spacing: normal; }

.helping-box-link-container{position:relative;}
.helping-box-link-container a{  background: url(/~/media/Images/W/Whistletree/css/slant-arrow-white.png) no-repeat scroll right center transparent;  color: #FFFFFF;  float: left;  height: 37px;  line-height: 32px;  padding: 0 40px 0 10px;  color:#001887;}
.helping-box-link{width:100%;  margin-bottom: 20px;float:left;  font-family: "AvantGarde Bold";  font-size: 1.083em;}
.home-box{   padding: 20px 20px 85px;}
.home-box-outer{background-position: right bottom;  background-repeat: no-repeat;position:relative; }
.home-box1,.home-box2,.home-box3{font-size:1.750em;color:#fff;line-height:1.143em;  font-family: "AvantGarde Demi";}
.home-box a{position:absolute;width:100%;height:100%;left:0;top:0;}
#banner-wrapper .homepage-banner .banner-link {  margin-bottom: 20px !important; width: auto; margin-right: 1%; }
    #banner-wrapper .helping-box {height: 402px!important;background-color: #011888;}
.right-col-help-container{background:#a9144b no-repeat bottom right ;margin-bottom: 20px;    min-height: 402px;}
.right-col-help-inner{  padding: 15px 20px 15px;}
.right-col-help-header{font-size:1.5em;color:#fff;  font-family: "AvantGarde Bold";line-height:1.333em;}
.right-col-help-content{margin-top:5px;}
.right-col-help-content ul li{display:block;width:100%;margin-bottom: 10px;}
.right-col-help-content ul li a{width:100%;display:inline-block;/*background-color: #fff;*//*margin-bottom: 10px;*/}


.right-col-help-content .custom-dropdown-alt{  border: 1px solid #fff;}
.right-col-help-content .custom-dropdown-alt a{  background: url(/~/media/Images/W/Whistletree/css/white-arrow-down.gif) 96% center no-repeat;  color: #fff;  display: block;padding: 5px 10px;  font-family: "AvantGarde Bold";}
.right-col-help-content .custom-dropdown-alt+ul{position:absolute;left:0;top:30px;background:#fff;display:none;box-sizing:border-box;width:100%;z-index:2;  border: 1px solid #999;  border-top: 0px none;}
.right-col-help-content .custom-dropdown-alt+ul li{border-bottom:1px solid #999;}
.right-col-help-content .custom-dropdown-alt+ul li:last-child{border:0px none;}

.right-col-help-content .custom-dropdown-alt+ul a{color:#4d5c7e;display:block;padding: 5px 10px;}
.right-col-help-content>div{position:relative;/*margin-bottom:25px;*/}

.right-col-help-link a{background: url(/~/media/Images/W/Whistletree/css/slant-arrow-white-maroon.png) no-repeat right center; float: left;height: 37px;line-height: 37px;padding: 18px 40px 20px 10px;color: #a9144b;border:0px none;background-size: 100% 50%;}

#loans #banner-wrapper .banner-link {  float: left; width: auto; font-size: 1.083em; margin: 0 10px 5px 0; font-family: "AvantGarde Bold";}


/*------------- TOP NAV 2ND LEVEL ---------------*/
.top-nav>ul>li>.top-menu-wrapper>ul{display:block;position:relative;width:100%;font-size: 0.933em;  box-sizing: border-box;float:left;}

.nojs .top-nav>ul>li>ul{display:none;position:absolute;left:0;top:30px;width:100%;background:#f3f2f2;z-index:3000;padding:40px;    box-sizing: border-box;-webkit-box-shadow: 0px 20px 14px -10px rgba(0,0,0,0.24);-moz-box-shadow: 0px 20px 14px -10px rgba(0,0,0,0.24);
box-shadow: 0px 20px 14px -10px rgba(0,0,0,0.24);}

.top-menu-wrapper{display:none;position:absolute;left:0;top:30px;width:100%;background:#f3f2f2;z-index:3000;padding:40px;    box-sizing: border-box;-webkit-box-shadow: 0px 20px 14px -10px rgba(0,0,0,0.24);-moz-box-shadow: 0px 20px 14px -10px rgba(0,0,0,0.24);
box-shadow: 0px 20px 14px -10px rgba(0,0,0,0.24); min-height:422px;}


.top-nav>ul>li>.top-menu-wrapper>ul>li{float:left;  width: 40%;  padding: 0 10px 0;  box-sizing: border-box;margin-bottom:10px;    margin-left: 10%;}
.top-nav>ul{position:relative;}

.top-nav>ul>li>.top-menu-wrapper>ul>li>a>span,.top-nav>ul>li>.top-menu-wrapper>ul>li>span {font-weight: bold; border-bottom: 1px solid #ababab;padding-left:0px;}
.top-nav ul[id*='level3']{text-transform:none;font-size: 0.929em;}
.top-nav>ul>li:hover>.top-menu-wrapper{display:block;}
.nojs .top-nav>ul>li:hover>ul{display:block;}
.nojs .top-nav>ul>li>ul>li>a>span,.nojs .top-nav>ul>li>ul>li>span {font-weight: bold;text-transform:uppercase;  border-bottom: 1px solid #000;padding-left:0px;}
/*-------------- LANDING PAGE CSS -----------------*/
.landing-box-wrapper .landingbox-new{background-position:bottom right;background-repeat:no-repeat;min-height:170px;position:relative;}
.landingbox-new>a{position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;background:#fff;opacity:0;}
/*.new-landing-box-title{font-size:1.833em;color:#fff;line-height:1.136em;padding:19px 20px;font-family:	"AvantGarde Demi","ITCAvantGardeW04-Medium 1122896";}*/
.new-landing-box-title{font-size:2em;color:#fff;line-height:30px;padding:19px 25px;font-family:	"AvantGarde Bold";}
.landingbox-new:after{	width: 0;	height: 0;border-top: 5px solid transparent;	border-left: 7px solid #fff;	border-bottom: 5px solid transparent;/*content:''*/;position:absolute;bottom:37px;right:18px;}
#landingBox-1.landingbox-new{background-color:#AAD2F2;}
#landingBox-2.landingbox-new{background-color:#89D0C2;}
#landingBox-3.landingbox-new{background-color:#C2CCC4;}
#landingBox-4.landingbox-new{background-color:#7C8582;}

.landing-page-new #banner-wrapper{height:auto;margin: 0 0 4px;}
.landing-page-new #breadcrumb{margin: 0 0 6px;}
/*.landing-page-new #banner-wrapper .banner-item .bannerText #banneralltextsection{min-height:0 !important;}*/

.invisible-false{text-indent:-9999px;height:0px;width:0px;visibility:hidden;  margin: 0px;padding:0px;}
/*------------------ PAGE SPECIFIC CSS TO BE CHANGED -------------------*/
#Homepage #banner-wrapper{height:auto;}
#mobile-shownav ul li ul{display:none;}


.landing-page-new #banner-wrapper .banner-item .bannerText #banneralltextsection{min-height:0 !important;}

.banner-link-new {background: #2d295f;position: relative;float:left;padding: 11px 31px 11px 11px;margin-bottom:5px; clear:both; /*bottom:32px;*/}
.banner-link-new:after {content: "";height: 0;position: absolute;bottom: 0;right: 0;border-top: 16px solid #2d295f;border-left: 16px solid #2d295f;border-right: 16px solid #455f82;}    
.banner-link-new a{font-family: "AvantGarde Bold"; color:#FFFFFF;font-size: 1.1em; font-weight:normal; }
body#life-events .banner-link-new a{color: #121212 !important;}
.banner-link-new a:hover{color:#FFFFFF;font-size: 1.1em;}
.banner-link-new a:after {border-bottom: 5px solid rgba(0, 0, 0, 0);border-left: 7px solid rgb(255, 255, 255);border-top: 5px solid rgba(0, 0, 0, 0);bottom: 15px;
    content: "";height: 0;position: absolute;right: 13px;width: 0; z-index:99;}
body#life-events .banner-link-new a:after{border-left: 7px solid #121212 !important;}
    


.landingbox-button {background: #2d295f;position: absolute;float:left;padding: 11px 31px 11px 11px;margin-left:25px;bottom:32px;}
.landingbox-button:after {content: "";height: 0;position: absolute;bottom: 0;right: 0;border-top: 16px solid #2d295f;border-left: 16px solid #2d295f;border-right: 16px solid #AAD2F2;}    
.landingbox-button a{font-family: "AvantGarde Bold"; color:#FFFFFF;font-size: 1.1em; font-weight:normal;}
.landingbox-button a:{color:#FFFFFF;font-size: 1.1em;}
.landingbox-button a:after {border-bottom: 5px solid rgba(0, 0, 0, 0);border-left: 7px solid rgb(255, 255, 255);border-top: 5px solid rgba(0, 0, 0, 0);bottom: 15px;
    content: "";height: 0;position: absolute;right: 13px;width: 0; z-index:99;}
 
 
body#mortgages #banner-wrapper .heading { width: 100%; }
#Homepage .banner-content a, #mortgages .banner-content a, #loans .banner-content a { color: #d389a4; font-weight: normal; }
#loans .banner-content a {
    color: #ffffff;
    text-decoration: underline;
}
#Homepage .banner-content a:hover, #mortgages .banner-content a:hover, #loans .banner-content a:hover {    color: #ffffff;}
#Homepage #banner-wrapper .banner-content{width: 100%;}
body#loans #banner-wrapper .banner-content, body#mortgages #banner-wrapper .banner-content  { width: 80%; }

    
    /*--------- iPad Landscape and Desktops ---------*/
@media all and (min-width: 900px) and (max-width: 1024px) {
	.new-landing-box-title{	font-size:1.6em;}
       
    .landingbox-new { background-size: 265%;background-position: right 43px;}
}


#banner-wrapper .banner-item .bannerText #banneralltextsection{min-height:0 !important;}


#archive.ip3-results-and-presentations #reportsCont{display:none;}

#banner-home{margin-left:-2px;}

#disc-msg h3 {
    padding-top: 30px;
}

#Homepage #disc-msg {
    display: block !important; 
}

/*#Homepage .helping-box-link-container a {
    background: url(/~/media/Images/W/Whistletree/css/slant-arrow-white-new.png) no-repeat scroll right center transparent;
}*/

#Homepage .helping-box-link-container a{  background: url(/~/media/Images/W/Whistletree/css/slant-arrow-white-long.png) no-repeat scroll right center transparent;/* width:235px;*/ width: 168px; padding: 0 0 0 10px;}

#subscribetoarenaquery-textarea1Textarea{height: 100px; font-family: "Arial",Helvetica,sans-serif;}

#subscribetoarenanotesLabelContainer{float: left; width: 100%;}








.document-nav-tabs ul li span {
    display: block;
    padding: 5px 7px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}

.document-nav-tabs ul li.current {
    background-color: #a9144b;
}

.document-nav-tabs {
    float: left;
    margin: 0 0 10px;
    width: 100%;
    padding-bottom: 10px;
}

.document-nav-tabs ul li {
    display: block;
    float: left;
    margin: 0 1px 0 0;
    background-color: #4d5c7e;
    padding: 0px;
}

#document-nav-tabs-content{
width: 100%;
    float: left;

}

#document-nav-tabs-content .dtcontent{display:none;}

/*.document-nav-tabs-content .dtcontent:first-child {
  display:block;
}*/

#Homepage #banner-wrapper .homepage-banner .heading {font-size:2em !important;}

#mortgages #banner-wrapper #banner .heading {font-size:2em !important;}

#loans #banner-wrapper #banner .heading {font-size:2.1em !important;}

.extrnl-dsclmr-cntnt-covid a.accept-btn, .extrnl-dsclmr-cntnt-covid a.backtoweb-btn {
    background: url(/~/media/Images/W/Whistletree/css/red-link-bg.gif) right no-repeat #a9144b;
    padding: 0 35px 0 10px;
    font-weight: normal;
    color: #fff;
    height: 28px;
    float: left;
    line-height: 28px;
    display: block;
    margin-top: 20px;
    font-size: 1em;
}
div#extrnl-dsclmr-cntnt-covid {
    padding: 30px;position: fixed;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    max-width: 520px;
}

.covid-btn-right, .covid-btn-left{float:left;margin-right:20px;}
#mortgages #banner-wrapper .banner-link {margin: 0 10px 0 0;width: auto;}


#Homepage #banner-wrapper .banner-content {font-size: 1.07em !important;}
 
#mortgages #banner-wrapper .banner-content {font-size: 1.07em !important;}

.home-box .home-box-last-new-box .title-with-mulitiline{
    color: #fff;
    /* font-weight: 600; */
    font-size: 1.750em;
    font-family: "AvantGarde Demi";
    line-height: 1.143em;
}
.home-box .home-box-last-new-box {color:#ffffff;}
.helping-box-link.helping-box-link-a a ,.right-col-help-container-a {position:relative}
 #home-box-main .home-box-outer .home-box{
    padding: 20px 20px 52px;
}.mozbox
.right-col-help-container-a a{position: absolute;
    width: 100%;
    height: 100%;}
/*-- WO-=437032 start --*/ 
.header-btn-top {
    position: relative;
}
.header-btn-top .landingbox-button:after {
    border-right: 16px solid #ffffff;
}
.extra-learge-font {
font-size: 1.2em;
}
/*-- WO-=437032 end --*/   
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
.right-col-help-container {
    /*min-height: 154px;*/
}
}
/*--- WO=437032 hide the bottom last box end ---*/
.row-fluid .invspan3 { 
/*height: 153px !important;*/
}
.helping-box-link.helping-box-link-1.helping-box-link.helping-box-link-a a {
    display: none;
}

/*--- .home-box-outer.invspan3:last-child {display:none} ---*/

/*--- WO=437032 hide the bottom last box start ---*/



#home-box-main-newv1 {position:relative;}
#home-box-main-newv1 .home-box-outer1 {
    margin-bottom: 18px;
}
#home-box-main-newv1 .home-box12 {
    padding: 20px 20px 20px;
}

#home-box-main-newv1 .home-box1:before {
    content: "!";
    display: inline-block;
    font: normal normal normal 14px/1;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-color: #2196F3;
    width: 30px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #ffffff;
    position: absolute;
}

#home-box-main-newv1 p {
    font-size: 16px;
    line-height: 24px;
    margin-left: 50px;
}

/* Home Page green box CSS */


#home-box-main-newv2 {position:relative;}
#home-box-main-newv2 .home-box-outer2 {
    margin-bottom: 18px;
}
#home-box-main-newv2 .home-box12 {
    padding: 20px 20px 20px;
}

#home-box-main-newv2 p {
    font-size: 16px;
    line-height: 24px;
    margin-left: 50px; 
}
 #home-box-main-newv2 .home-box1:before {
    content: "";
    background:url(/~/media/Images/W/Whistletree/icon/gift-icon.png) center center no-repeat;
    width:15px;
    display: inline-block;
    font: normal normal normal 14px/1;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-color: #468175;
    width: 30px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: #ffffff;
    position: absolute;
}

#content-wrapper table.contentTableWithBgClr tr {background:#fff;}
#content-wrapper table.contentTableWithBgClr tr:nth-child(2n+1) {background:#e9e8e8;}

#home-box-main-newv2 .home-box12.third-green-box {padding: 20px 20px 5px;}
#home-box-main-newv2 .home-box12.third-green-box a:hover{color: #fff;}
#home-box-main-newv2 .home-box12.third-green-box .home-box1:before{display:none;}
#home-box-main-newv2 .home-box12.third-green-box p{margin-left:0;}



.footer-bottom-left p a {
    text-decoration: underline;
}

.box22 .banner-link-new a {
    color: #4D5C7E;
}

.box22 .banner-link-new a:after {
    border-left: 7px solid #4D5C7E;
}

.foot-text h2{
    padding: 0 0 15px 0;
    margin: 0;
    float: left;
    width: 100%;
}


#banneralltextsection .heading.mozbox
{
    padding: 0 0 15px 0;
}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


h3.callus {
    font-size: inherit;
    font-weight: bold;
    color: inherit;
    font-family: inherit;
    padding: 0 0 15px 0;
    line-height: inherit;
}


.skip-to-main {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 100;
  text-decoration: none;
  border-radius: 4px;
  transition: top 0.3s ease;
}
.skip-to-main:focus-visible {
  top: 10px;
  left: 10px; /* small margin so it's not stuck to screen edge */
  width: auto;
  height: auto;
  overflow: visible;
}
/*---- main-3-----*/
.top-menu-wrapper {min-height: 402px;}
.aboutus #banner-wrapper{margin: 0 0 4px; height: auto;}
.aboutus #breadcrumb{    margin: 0 0 6px;}
.pay-bannerlink{/*margin-top: -45px;*/}

.invspan3 p.footerlogo{float:right;}

body#homeowners .banner-item{display:none;}
body#homeowners .banner-item.first{display:block;}

#banner-wrapper .banner-item{display:none;}
#banner-wrapper .banner-item.first{display:block;}


/************* rs right signpost***********/ 
.helping-banner ul li{/*padding: 0px 0;*/height:auto!important;/*margin-bottom:20px;*/background:transparent;}
.helping-banner ul li img{padding:0px 0px 0px 0px;margin-top:0px;} 
#repayment-mortgage h1,#overpaying-mortgage h1{display:none;}

#life-events #landingBox-4 .rad-highlight{font-size: 1.333em;}
#breadcrumb{margin-top:-5px!important;}

/*************** rs *******/

#Homepage .foot-strip-image{display:none!important;}
#contact-us .foot-strip-image{display:none!important;}

.helping-box-link.helping-box-link-1.helping-box-link.helping-box-link-a a {display:block;}

.home-box-info p{   
    font-size: 12px !important;
    line-height: normal !important;
    margin-left: 45px !important;
}


/*.top-nav a:focus,
.top-nav a:focus-visible {border: 2px solid #005fcc;}
body a:focus, body a:focus-visible{border: 2px solid #005fcc;}*/



/* Reset: avoid removing focus unless replaced */
:focus {
  outline: none; /* remove default only if we define a replacement */
}

/* Global focus style */
:focus-visible {
  outline: 3px solid #005fcc;  /* Accessible blue focus ring */
  outline-offset: 3px;         /* Creates space between element & ring */
  border-radius: 4px;          /* Rounded corners for consistency */
  transition: outline 0.2s ease-in-out;
}

/* Links */
a:focus-visible {
  outline: 3px solid #005fcc;  /* Different color for links if you like */
}

/* Form elements */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #005fcc;  /* Teal focus ring for forms */
  outline-offset: 2px;
}

/* Buttons */
button:focus-visible {
  outline: 3px solid #005fcc;  /* Pink for buttons */
  outline-offset: 2px;
}

.landingbox-button:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 3px;
}


/*---- media-queries-----*/
@media (max-width: 1059px) {
    .top-nav>ul>li{font-size:1.1em;}
    .top-nav ul li span{  padding: 6px 7px;}
    }
    
    @media (max-width: 907px) {
    .top-nav>ul>li{font-size:1em;}
    .top-nav ul li span{  padding: 6px 4px;}
    .top-nav>ul>li>.top-menu-wrapper>ul>li{ width: 50%;  margin-left: 0%;}
    }
    
    
    /*Handling banner issue*/
    @media all and (min-width:767px) and (max-width: 1100px) {
    #banner-wrapper .banner-item .bannerText{padding: 30px;}
    #banner-wrapper .heading{font-size: 2.8em;}
    #Homepage .helping-box-link {font-size: 0.9em;}
    #Homepage .helping-box-link a ,#Homepage .helping-box-link-container a { width:130px; max-width:200px; font-size: 1.2em; }
    #Homepage .helping-box-content { font-size: 1.25em; }
    
    }
    
    @media all and (min-width:767px) and (max-width: 899px) {
    .foot-text {left: 68px;width: 70%;}
    }
    
    @media all and (min-width:769px) and (max-width: 1024px) {
    #accessibilitycontactlabel-date-receivedLabelContainer, #accessibilitycontactlabel-document-codeLabelContainer, #accessibilitycontactlabel-formatLabelContainer, #accessibilitycontactlabel-acc-noLabelContainer, #accessibilitycontactlabel-your-nameLabelContainer, #accessibilitycontactlabel-return-emailLabelContainer, #accessibilitycontactlabel-queryLabelContainer, #accessibilitycontactTelephoneLabelLabelContainer, #accessibilitycontactlabel-addressLabelContainer, #accessibilitycontactlabel-postcodeLabelContainer, #accessibilitycontactlabel-phoneLabelContainer, #accessibilitycontactlabel-queryLabelContainer, #accessibilitycontactcaptchalabelLabelContainer{width:35%!important;}
    
    #accessibilitycontactother-textareaTextareaContainer, #accessibilitycontactdate-received-textboxTextboxContainer, #accessibilitycontactdoc-code-textboxTextboxContainer, #accessibilitycontactformat-droplistEmailListContainer, #accessibilitycontactaccountno-textboxTextboxContainer, #accessibilitycontactyourname-textboxTextboxContainer, #accessibilitycontactemail-textboxTextboxContainer, #accessibilitycontactquery-textareaTextareaContainer,
    #accessibilitycontactTelephoneTxtBoxTextboxContainer, #accessibilitycontactTelephoneTxtBoxTextboxContainer,
    #accessibilitycontactaddress-textboxTextboxContainer, #accessibilitycontactpostcode-textboxTextboxContainer, #accessibilitycontactphone-textboxTextboxContainer, 
    #accessibilitycontactemail-textbox1TextboxContainer, #accessibilitycontactquery-textarea1TextareaContainer, #accessibilitycontactcaptchaCaptchaContainer {width:63%!important;}
    
    #accessibilitycontactother-textareaTextareaContainer {margin-left:37% !important;}	
    #accessibilitycontactSubmitButtonContainer {padding-left:37%!important;}
    
    
    
    }
    
    @media (min-width:768px) {
    #accessibilitycontactformat-checkCheckboxContainer {margin-left:30%;}
    }
    
    
    @media (min-width: 899px) and (max-width: 1263px) {
    #search{display:block;}
    #mobi-searchbox{display:none;}
    
    }
    
    @media (min-width: 1281px) {
    /*#splash-box {width:65%!important;}*/
    #splash-box {width:48%!important;}
    }
    
    @media (max-width: 1170px) {
    #MainWrapper{padding:0 5px;}
    
    .popupmain{width:90% !important ;}
    
    }
    
    /*---------  ---------*/
    @media (max-width: 898px) {
    #mobile-contact{display:block; }
    #mobile-contact .right-contact{background:0 none; float: none; height: 36px; margin: 0; padding: 0; width:auto;}
    #mobile-contact .right-contact ul {margin:0; padding:0;}
    #mobile-contact .right-contact ul li {color: #FFFFFF;list-style: none outside none !important;}
    #mobile-contact .right-contact ul li a { background: url("/~/media/Images/W/Whistletree/css/mobi-contact-new.jpg") no-repeat scroll right center rgba(0, 0, 0, 0); display: block; height: 37px; padding: 0;  text-indent: -999999px; width: 37px; margin-right: 5px;}
    
    #search{display:none;}
    #mobi-searchbox, #mobile-topnavigation, #mobi-helpful-tools{display:block;}
    .tool-calc-main{display:none;}
    
    .header-left.invspan9, .content-left.invspan9, .footer-left.invspan9{width:100%;}
    .header-right.invspan3{display:none;}
    .content-right.invspan3{margin:0 0 0 0; width:100%;  margin-top: 20px;}
    .helping-banner ul li.signpost{width:22.9282%; margin:0 2.76243% 0 0;}
    .helping-banner ul li.signpost-last{margin:0 0 0 0;}
    
    .top-nav, .top-left-links, .top-right-links{display:none;}
    .logo{width:60%; padding: 30px 0 0;}
    .all-mobi-tools{width:40%; padding: 30px 0 0;}
    #content-wrapper{margin-top: 30px;}
    
    #content-inner-wrapper #content-inner-left{display:none;}
    #content-inner-wrapper .main-content.invspan9{width:100%; margin-left:0;}
    
    }
    
    
    /*--------- iPad Landscape and Desktops ---------*/
    @media all and (min-width: 900px) and (max-width: 1024px) {
        #rate-rise-popup #rate-rise-content{
        width: 96% !important;
    }
    
    #banner-wrapper .banner-item img {
    
    float: right;
    }
    
    #banner-wrapper .heading{
            font-size: 2.8em !important;
            width: 90% !important;
            }
            
            #banner-wrapper .banner-content{
            width: 100% !important; font-size: 1.07em;
            }
    
    
    #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt{
        font-size: 2.2em;
        }
    /*.home-box1,.home-box2,.home-box3{ min-height:250px;}*/
    }
    
    
    /*--------- iPad Portrait and large Tablets Portrait ---------*/
    @media all and (min-width: 768px) and (max-width: 899px) {
        
        #banner-wrapper .heading{
            font-size: 2.8em !important;
            width: 90% !important;
            }
            
            #banner-wrapper .banner-content{
            width: 100%;/*width: 75% !important;*/ font-size:1.07em;
            }
        
        
        #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt{
        font-size: 1.6em;
        
        }
        #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext{
            font-size: 1.1em !important;
        }
        #rate-rise-popup #rate-rise-content{
        background-position-x: -244px;
        background-position-y: 1px;
        }
        
        #banner-wrapper .banner-item img {
        /* max-width: 100%; */
        float: right;
        /* width: 100%; */
        }
        
        /*.home-box1,.home-box2,.home-box3{ min-height:250px;}*/
    
    
    #personal-support .imgboxcontent, .ip3-personal-support .imgboxcontent {width:85%}
    #personal-support .landingBox, .ip3-personal-support .landingBox {width:42%}
    #personal-support .landingBox img, .ip3-personal-support .landingBox img{width:100%;}

    #help-and-guidance .imgboxcontent, .ip3-personal-support .imgboxcontent {width:85%}
    #help-and-guidance .landingBox, .ip3-personal-support .landingBox {width:42%}
    #help-and-guidance .landingBox img, .ip3-personal-support .landingBox img{width:100%;}
    
    .right-col-help-container{padding-bottom:28px;}
    }
    
    @media all and (min-width: 641px) and (max-width: 899px){
    
    #personal-support .landingBox, .ip3-personal-support .landingBox {width:42%}    
    #personal-support .landingBox img, .ip3-personal-support .landingBox img{width:100%;}

    #help-and-guidance .landingBox, .ip3-personal-support .landingBox {width:42%}    
    #help-and-guidance .landingBox img, .ip3-personal-support .landingBox img{width:100%;}
    
    .ip3-personal-support .landingBox p.rad-underline a {padding-right: 5px !important;}
    }
    @media (min-width: 320px) and (max-width: 360px) {
    #personal-support .landingBox, .ip3-personal-support .landingBox{width:95%;}

    #help-and-guidance .landingBox, .ip3-personal-support .landingBox{width:95%;}
    }
    
    @media (min-width: 320px) and (max-width: 640px) {
    #mobi-searchtextboxbutton input{margin-left: 25px;}
    
    .invspan3 p.footerlogo{float:left; padding-top: 20px; }
    
    .imgboxcontent h2 a, .imgboxcontent a h2, .imgboxcontent h2{font-size:19px;}
    #personal-support .landingBox > img, .ip3-personal-support .landingBox > img{display:none}
    #personal-support .landingBox a > img, .ip3-personal-support .landingBox a > img{display:none}

    #help-and-guidance .landingBox > img, .ip3-personal-support .landingBox > img{display:none}
    #help-and-guidance .landingBox a > img, .ip3-personal-support .landingBox a > img{display:none}


    .imgboxcontent {position:relative;min-height: 272px!important;padding:15px 15px 15px 10px!important;}
    
    #personal-support #landingBox-1 {background-color:#6c2034}
    #personal-support #landingBox-2 {background-color:#4eacc2}
    #personal-support #landingBox-3 {background-color:#cd5650}
    #personal-support #landingBox-4 {background-color:#8b8e8a}
    
    #help-and-guidance #landingBox-1 {background-color:#6c2034}
    #help-and-guidance #landingBox-2 {background-color:#4eacc2}
    #help-and-guidance #landingBox-3 {background-color:#cd5650}
    #help-and-guidance #landingBox-4 {background-color:#8b8e8a}

    #life-events #landingBox-1 {background-color:#a9144b}
    #life-events #landingBox-2 {background-color:#a99d8f}
    #life-events #landingBox-3 {background-color:#a9cfc3}
    #life-events #landingBox-4 {background-color:#a7d4f5}
    
    #health #landingBox-1 {background-color:#ca1f0e}
    #health #landingBox-2 {background-color:#4c514b}
    
    #personal-support .landingBox p.rad-underline a, .ip3-personal-support .landingBox p.rad-underline a {padding-right:2px;text-decoration: none;}
    #personal-support .toolsbox, .ip3-personal-support .toolsbox {padding-right: 15px;width:140px; min-height:285px}


    #help-and-guidance .landingBox p.rad-underline a, .ip3-personal-support .landingBox p.rad-underline a {padding-right:2px;text-decoration: none;}
    #help-and-guidance .toolsbox, .ip3-personal-support .toolsbox {padding-right: 15px;width:140px; min-height:285px}
    
    #money-advice-service-tool iframe {height:450px!important;}
    }
    
    
    /*--------- All Small Tablets and Large Phones Global CSS ---------*/
    @media (max-width: 767px) {
    
    .foot-strip-image{min-height:225px;}
    #banner,.helping-box{height: auto !important;}
    .foot-img{position:absolute;bottom:0px;}
    .foot-img img{display:none;}
    .foot-text{position: absolute;top: 0px;width: 96%;left: 10px;}
    .foot-strip-image {min-height: 225px;}
    .sky-btn {position: absolute;right: 30px;bottom: 6px;left: 9px;TOP: AUTO;}
    
      #banner-wrapper .helping-box {height: auto!important;}
    
    .landingBox.space0 {
        margin-left: 5px !important;
    }
    #banner,.helping-box{height: auto !important;}
    
    .container-responsive{overflow-x: scroll;}
    #banner-wrapper .banner-item img{float:left; max-width: none;}
    #banner-wrapper{margin: 0 0 20px;}
    #banner-wrapper .banner-item .bannerText{padding:20px 20px;}
    #banner-wrapper .heading{font-size:2.6em;}
    #banner-wrapper .sub-heading, #banner-wrapper .banner-content{ width:100%;}
    
    #home-box-main .home-box.invspan4{width:100%; margin:0 0 20px 0; background:none; height:auto;}
    .home-box1,.home-box2,.home-box3{ background:none; height:auto;}
    #home-box-main .home-box4, #home-box-main .home-box5, #home-box-main .home-box6{padding-top:0;}
    
    .footer-content .invspan9, .footer-content .invspan3{width:100%; margin-left:0;}
    
    .helping-banner ul li.signpost{width:100%; margin:0 0 2px 0; padding:5px 0;}
    
    #banner-wrapper .banner-link a{line-height:normal; height:auto; padding:5px 40px 5px 10px; }
    #Homepage .helping-box-link-container a, .helping-box-link-container a{padding: 5px 40px 5px 10px;height:auto;line-height:normal; width:auto;}
    .home-box1,.home-box2,.home-box3{ min-height:250px;}
    #home-box-main .home-box-outer{width:100%;margin-left:0px;margin-bottom:20px;}
    #home-box-main .home-box-outer:last-child{margin-bottom:0px;}
    #home-box-main .home-box{padding-bottom:20px;}
    .hasBackground{background-image:none !important;}
    .helping-box-inner>img{display:none;}
    #banner{width:100%;}
  #Homepage .helping-box {    /*background: #add2ef;*/ background: #011888;} 
    #banner-wrapper .helping-box{width:100%;margin:0;margin-top:20px;}
    .right-col-help-inner{padding:20px;}
    #breadcrumb .separator img{padding-top: 5px;vertical-align: top;}
    .landing-page-new #banner-wrapper .banner-link a{padding: 10px 40px 10px 10px;}
    }
    
    @media (min-width: 641px) and (max-width: 767px) {
        .invspan3 p.footerlogo{float:left; padding-top: 20px; }
    }
    
    
    @media (max-width: 640px){
    .landingbox-button{bottom: 15px;}
    .invspan3 p.footerlogo{float:left; padding-top: 20px; }
    .popupmain{width:80% !important;}
    .popupstylemain{padding: 15px !important; }
    .popupstyleheading{font-size: 1.2em !important;width: 100% !important;}
    .popupstylesubheading{width: 100% !important; font-size: 0.8em !important; }
    .rad-underline{padding-bottom: 30px;}
    
    
    #splash-box{
    top:30px !important;
    left:50px !important;
    
    }	
    
    /*.home-box2{min-height: 130px !important;}*/
        
    #rate-rise #banner-wrapper .heading {
    min-height: 115px;
    }	
    
    .footer-link ul li{width: 50%;padding:0 10px;background:none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url("/~/media/Files/W/Whistletree/htc-files/boxsizing.htc");}
    
    
    }
    
    
    
    /*--------- All Mobiles Portrait and Landscape Global CSS ---------*/
    
    /*
    @media (min-width: 540px) and (max-width: 570px) {
    .invspan3 p.footerlogo{float:left; padding-top: 20px; }
    .logo img{max-width:none;}
    .all-mobi-tools{padding: 30px 0 0;}
    #mobi-helpful-tools{padding:5px 5px 5px; height:26px; line-height:normal;}
    #mobi-searchtextbox{width:90%;}
    #mobi-searchtextboxbutton{float:left;}
    }
    
    @media (min-width: 321px) and (max-width: 539px) {
    .invspan3 p.footerlogo{float:left; padding-top: 20px; }
    .logo, .all-mobi-tools{width: 100%;}
    .logo img{max-width:none;}
    .all-mobi-tools{padding: 30px 0 0;}
    
    }*/
    
    @media (width: 640px) {
    #accessibilitycontactlabel-date-receivedLabelContainer, #accessibilitycontactlabel-document-codeLabelContainer, #accessibilitycontactlabel-formatLabelContainer, #accessibilitycontactlabel-acc-noLabelContainer, #accessibilitycontactlabel-your-nameLabelContainer, #accessibilitycontactlabel-return-emailLabelContainer, #accessibilitycontactlabel-queryLabelContainer, 
    #accessibilitycontactTelephoneLabelLabelContainer, #accessibilitycontactlabel-addressLabelContainer, #accessibilitycontactlabel-postcodeLabelContainer, #accessibilitycontactlabel-phoneLabelContainer, #accessibilitycontactlabel-queryLabelContainer, #accessibilitycontactcaptchalabelLabelContainer{width:32%!important;}
    
    .accessibilitycontactlabel-acc-no-hintLabel, .accessibilitycontactlabel-document-code-hintLabel{margin-left: 10px!important; width: 50%!important;}
    }
    
    @media (width: 480px) {
    .invspan3 p.footerlogo{float:left; padding-top: 20px; }
    #accessibilitycontactlabel-date-receivedLabelContainer, #accessibilitycontactlabel-document-codeLabelContainer, #accessibilitycontactlabel-formatLabelContainer, #accessibilitycontactlabel-acc-noLabelContainer, #accessibilitycontactlabel-your-nameLabelContainer, #accessibilitycontactlabel-return-emailLabelContainer, #accessibilitycontactlabel-queryLabelContainer, 
    #accessibilitycontactTelephoneLabelLabelContainer, #accessibilitycontactlabel-addressLabelContainer, #accessibilitycontactlabel-postcodeLabelContainer, #accessibilitycontactlabel-phoneLabelContainer, #accessibilitycontactlabel-queryLabelContainer, #accessibilitycontactcaptchalabelLabelContainer{width:51%!important;}
    }
    @media (min-width: 320px) and (max-width: 480px) {
    .landing-box-wrapper .landingBox{width:96% !important}
        #personal-support .landingBox, .ip3-personal-support .landingBox {width: 95%;}

        #help-and-guidance .landingBox, .ip3-personal-support .landingBox {width: 95%;}

    }
    @media (min-width: 320px) and (max-width: 640px) {
    .invspan3 p.footerlogo{float:left; padding-top: 20px; }
    /* .logo img{max-width:none;} */
    .all-mobi-tools{padding: 10px 0 0;}
    .logo, .all-mobi-tools{width: 100%;}
    #mobi-helpful-tools{float:left;}
    #mobi-searchtextboxbutton{float:left;}
    #mobi-searchtextbox{    width: 89%;}
    
    
    #banner-wrapper .banner-item .bannerText{padding: 20px 20px;}
    #banner-wrapper .heading {font-size: 2.2em;}
    #banner-wrapper .sub-heading p{padding: 0 0 10px 0;}
    #banner-wrapper .sub-heading{font-size: 1.2em;}
    #banner-wrapper .banner-content{font-size: 1.0em;}
    
    
    
    #accessibilitycontactContainer input, #accessibilitycontactContainer textarea, #subscribetoarenaContainer input, #referralContainer input, #subscribetoarenaContainer textarea, #referralContainer textarea, #landlordPortfolioFormContainer input, #landlordPortfolioFormContainer textarea {   width: 100%;}
    
    #banner-wrapper .banner-link{
        margin: 0 0 5px !important;
        width:100% !important;/*NM*/
        }
        
    #accessibilitycontactlabel-date-receivedLabelContainer, #accessibilitycontactlabel-document-codeLabelContainer, #accessibilitycontactlabel-formatLabelContainer, #accessibilitycontactlabel-acc-noLabelContainer, #accessibilitycontactlabel-your-nameLabelContainer, #accessibilitycontactlabel-return-emailLabelContainer, #accessibilitycontactlabel-queryLabelContainer, 
    #accessibilitycontactTelephoneLabelLabelContainer, #accessibilitycontactlabel-addressLabelContainer, #accessibilitycontactlabel-postcodeLabelContainer, #accessibilitycontactlabel-phoneLabelContainer, #accessibilitycontactlabel-queryLabelContainer, #accessibilitycontactcaptchalabelLabelContainer{width:65%;}
    
    #accessibilitycontactother-textareaTextareaContainer, #accessibilitycontactdate-received-textboxTextboxContainer, #accessibilitycontactdoc-code-textboxTextboxContainer, #accessibilitycontactformat-droplistEmailListContainer, #accessibilitycontactaccountno-textboxTextboxContainer, #accessibilitycontactyourname-textboxTextboxContainer, #accessibilitycontactemail-textboxTextboxContainer, #accessibilitycontactquery-textareaTextareaContainer,
    #accessibilitycontactTelephoneTxtBoxTextboxContainer, #accessibilitycontactTelephoneTxtBoxTextboxContainer,
    #accessibilitycontactaddress-textboxTextboxContainer, #accessibilitycontactpostcode-textboxTextboxContainer, #accessibilitycontactphone-textboxTextboxContainer, 
    #accessibilitycontactemail-textbox1TextboxContainer, #accessibilitycontactquery-textarea1TextareaContainer, #accessibilitycontactcaptchaCaptchaContainer {width:90%;}
    
    #accessibilitycontactother-textareaTextareaContainer {margin-left:8px !important;}	
    .accessibilitycontactlabel-acc-no-hintLabel, .accessibilitycontactlabel-document-code-hintLabel {width:80%; margin-left:30px;}
    #hint-pointer {display:none!important;}
    }
    
    @media (max-width: 320px) {
        
    .popupmain{width:80% !important;}
    .popupstylemain{padding: 15px !important; }
    .popupstyleheading{font-size: 1.2em !important;width: 100% !important;}
    .popupstylesubheading{width: 100% !important; font-size: 0.8em !important; }
    .rad-underline{padding-bottom: 30px;}
        
    #banner-wrapper .banner-item .bannerText{padding: 20px 8px;}
    
    .landing-page-new #banner-wrapper .banner-item .bannerText,#banner-wrapper .homepage-banner .banner-item .bannerText{padding: 20px 20px 90px;}
    
    #banner-wrapper .heading{font-size:2.0em; width:100%;}
    #banner-wrapper .banner-content{margin-bottom: 5px;}
    #banner-wrapper .banner-content p{padding: 0 0 5px;}
    #banner-wrapper .banner-link{font-size: 1.0em;}
    #Homepage .helping-box-link-container a, .helping-box-link-container a{padding: 5px 40px 5px 10px;height:auto;line-height:normal; width:auto;}
    .helping-box-link{font-size:1em;}
    #splash-box{
    top:30px !important;
    }
    
    #rate-rise #banner-wrapper .heading {
    min-height: 135px !important;
    }
    
    #rate-rise-popup #rate-rise-content{
    width: 94% !important;
    }
    
    #rate-rise-popup #rate-rise-content #rate-rise-left{
    width: 100% !important;
    }
    
    #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt{
        line-height: 0.9em !important;
        font-size: 1.3em !important;
    }
    #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext{
    line-height: 1.2em !important;
    font-size: 1em !important;	
    }
    
    #rate-rise-popup #rate-rise-content .rate-rise-close{
    margin-top: 10px !important;
    }
    
    
    #rate-rise-popup #rate-rise-content .raterise-banner-link{
        margin-top: -5px;
    }
    
    #rate-rise-popup #rate-rise-content{
    background-position-y: -15px !important;
    }
    
    #rate-rise-popup #rate-rise-content #rate-rise-right{
        width: 24% !important;
    }
    #rate-rise-popup .raterise-banner-link a{
        height: 27px;
        line-height: 27px;
    }
    
    #accessibilitycontactContainer input, #accessibilitycontactContainer textarea {width: 100%;}
    
    }
    
    @media (max-width: 767px) {
    #banner-wrapper{height:auto !important;}
    #banner-wrapper .banner-item img{display:none;}
    #banner-wrapper .banner-item .bannerText{position:static; padding-bottom:90px; }
    
    #rate-rise #banner-wrapper .banner-item .bannerText{padding-bottom:40px !important; }
    
    
    
    
    
    }
    
    @media (max-width: 768px) {
    div.helping-banner {display:none!important;}
    
    .popupstylemain{min-height: inherit !important; background-image:none !important;}
    
    #banner-wrapper .banner-item .bannerText #banneralltextsection{
    min-height: 255px;	
    }
    
    #banner-wrapper .banner-link{
      width: auto;
      padding-right: 1%;	
    }
    #banner-wrapper .homepage-banner  .banner-link{
      /*width: 100%;*/ width: auto;
      padding-right: 1%;	
    }
    
    
    }
    
    @media only screen and (max-width: 400px) and (orientation : portrait) {
        #splash-box{left: 34px !important;}
    }
    
    @media only screen and (max-width: 767px) {
    #rate-rise-popup #rate-rise-content{
    width: 94% !important;
    }
    
    
    
    
    #rate-rise-popup #rate-rise-content #rate-rise-left{
    width: 100% !important;
    }
    
    .home-box1{
    min-height:100px;
    }
    
    .home-box2{
    min-height:100px;
    }
    
    .home-box3{
    min-height:100px;
    }
    
    #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt{
        line-height: 0.9em !important;
        font-size: 1.4em !important;
    }
    #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext{
    line-height: 1.2em !important;
    font-size: 1em !important;	
    }
    
    #rate-rise-popup #rate-rise-content .rate-rise-close{
    margin-top: 10px !important;
    }
    
    #rate-rise-popup #rate-rise-content .raterise-banner-link{
        margin-top: -5px;
    }
    
    #rate-rise-popup #rate-rise-content{
    background-image:none !important;
    }
    
    #rate-rise-popup #rate-rise-content #rate-rise-right{
        width: 24% !important;
        margin-top: -15px;
    }
    
    #rate-rise-popup .raterise-banner-link a{
        height: 27px;
        line-height: 27px;
    }
    #rate-rise-popup{
    height: 130px !important;	
    }
    
    }
    
    
    
    @media all and (min-width: 921px) and (max-width: 1040px) {
    #banner-wrapper .banner-item .bannerText #banneralltextsection{
    min-height: 255px !important;	
    }
    #banner-wrapper .homepage-banner  .banner-item .bannerText #banneralltextsection{
    min-height: 130px !important;	
    }
    
    .sub-heading mozbox{
    width: 82%;	
    }
    
    #banner-wrapper .banner-link{
      width: auto;
      padding-right: 1%;	
    }
    
    #banner-wrapper .homepage-banner  .banner-link{
      /*width: 100%;*/width: auto;
      padding-right: 1%;	
    }
    
    
    #divorce-and-separation #banner-wrapper .banner-item .bannerText #banneralltextsection, #bereavement #banner-wrapper .banner-item .bannerText #banneralltextsection, #job-loss #banner-wrapper .banner-item .bannerText #banneralltextsection, #illness #banner-wrapper .banner-item .bannerText #banneralltextsection, #mental-health #banner-wrapper .banner-item .bannerText #banneralltextsection{
    min-height: 170px !important;
    }
    
    
    }
    
    
    
    @media all and (min-width: 721px) and (max-width: 840px) {
    #divorce-and-separation #banner-wrapper .banner-item .bannerText #banneralltextsection, #bereavement #banner-wrapper .banner-item .bannerText #banneralltextsection, #job-loss #banner-wrapper .banner-item .bannerText #banneralltextsection, #illness #banner-wrapper .banner-item .bannerText #banneralltextsection, #mental-health #banner-wrapper .banner-item .bannerText #banneralltextsection{
    min-height: 255px !important;
    } 
    }


@media all and (min-width: 320px) and (max-width: 550px) {
 .help-and-guidance-newsetion .gray-bg { padding: 10px; margin-top: 0px;}
 .help-and-guidance-newsetion .gray-bg img {max-width: 126px!important; height: auto!important;}
 .help-and-guidance-newsetion .gray-bg a p { padding-bottom: 0px;}
 .help-and-guidance-newsetion .left-text { padding: 0px; width: 120px;}
 
 
    }
    
/* @media (min-width: 899px) and (max-width: 1920px) {
#banner-wrapper .helping-box {width: 31%; margin-left: 3%; }
} */


@media (min-width: 374px) and (max-width: 390px) {

#Homepage #banner-wrapper .homepage-banner .rad-highlight {font-size: 22px!important;}

}
    
/*---- jquery-ui-----*/
/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu-item:hover {
        /*background-color:#999999;*/
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	/*margin: -1px;*/
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1em;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	/*font-size: 1.1em;*/
font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #000;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6; 
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:hover {
	/*border: 1px solid #999999;
	background-color: #aaaaaa !important;
	font-weight: normal;
	color: #212121;*/
	background-color:#4D5C7E;
    color:#fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus a:focus {
	/*border: 1px solid #999999;
	background-color: #aaaaaa;
	font-weight: normal;
	color: #212121;*/
}

.ui-state-hover  a,
.ui-state-hover  a:hover,
.ui-state-hover  a:link,
.ui-state-hover  a:visited {
/*	color: #212121;
	text-decoration: none;*/
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff; 
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee; 
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
        color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {

}
.ui-widget-header .ui-icon {

}
.ui-state-default .ui-icon {

}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {

}
.ui-state-active .ui-icon {

}
.ui-state-highlight .ui-icon {

}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {

}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa  50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa  50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.currentDomainCSS
{
    background: #D3D3D3 50% 50% repeat-x;
}

.serachTextBoxMiddle
{
    height: 18px;
    margin-left: 220px;
    right: 44px;
    width: 140px;
}
.serachButtonMiddle
{
    left: 363px;
    position: absolute;
    top: 53px!important;
}
.centerText
{
    margin-left: 195px;
}
.centerText1
{
margin:0 auto;
width: 180px;
}


.ui-menu {min-width: 150px !important; max-width: 300px !important;}
.ui-menu a{background-color:#ffffff;height:20px;width:100%;position:relative;top:0px;margin-bottom:1px;}
.ui-menu a:hover{/*background-color:#aaaaaa;*/height:20px;width:100%;position:relative;top:0px;margin-bottom:1px;}


.ui-menu .ui-menu-item {padding: 0 !important;  width: 97% !important;}

.ui-menu.ui-corner-all { line-height:1.1em;}
/*---- rate-rise-calculator-----*/
#calcBox.ratesrisecalc {
    width: 820px !important;
}
#calcBox label{padding: 10px 0 10px 0;}

#rate-rise-calculator h1{display:none;}

.ratesrisecalc #resultbox{    width: 710px;}


body#rate-rise-calculator .container-responsive {overflow-x: auto;overflow-y: hidden;width: 100%;}