! * 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; } #main_wrp { font-size: 13px; /*---- forms-----*/ /*---- interests-only-----*/ /*---- magnific-popup-----*/ /* Styles for dialog window */ /** * Fade-zoom animation for first dialog */ /* start state */ /* animate in */ /* animate out */ /* Dark overlay, start state */ /* animate in */ /* animate out */ /** * Fade-move animation for second dialog */ /* at start */ /* animate in */ /* animate out */ /* Dark overlay, start state */ /* animate in */ /* animate out */ /* Magnific Popup CSS */ /*NM*/ /* Main image in popup */ /* The shadow behind the image */ /*IPhone portrait mode:*/ /*IPhone landscape mode:*/ /*Samsung portrait mode:*/ /*Samsung landscape mode:*/ /*IPad/IPad mini portrait mode:*/ /*IPad/IPad mini landscape mode:*/ /*---- personal-support-----*/ /*Media Queries*/ /*IPhone portrait mode*/ /*IPhone landscape mode*/ /*Samsung portrait mode*/ /*Samsung landscape mode*/ /*IPad/IPad mini portrait mode*/ /*IPad/IPad mini landscape mode*/ /*Media Queries End*/ /*---------Right Signpost-------*/ /*---------Right Signpost Ends-------*/ /*.toolsbox p:first-of-type {min-height:126px;}*/ /*NDL Popup start*/ /*NDL Popup end*/ /*---- fonts-----*/ @import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=08c650a0-ea65-4905-bf1c-d367e7838e0b"); /*---- main-----*/ /* Cookie Disclaimer -------------------------------------------------------------------------- */ /*--Mobile header-----*/ /* #mobi-searchbox { height: 36px; width: 37px; background:#4c5a7f url(/~/media/Images/N/NRAM-PLC/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/N/NRAM-PLC/css/mobi-menu-button.jpg) center center no-repeat; cursor:pointer;} #mobi-searchbox a, .mobile-menu a{ display:block; text-indent: -999999px; height:100%;} */ /* #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/N/NRAM-PLC/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:#f16421; 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:#f16421; 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:#f16421;} */ /* #mobile-shownav ul li ul{display:none;} */ /*-- third level --*/ /* intentionally not displayed in left nav*/ /* ----------------------Top navigation----------------------- */ /*hidden intentionally to show as per site map*/ /*-----------------Banner -------------------*/ /*#banner-wrapper p{ padding: 0 0 10px;}*/ /* ----------------------Right contact----------------------- */ /*----------------------Helpful tools---------------------------*/ /*-----------------Home boxes----------------*/ /* .home-box1{ height:208px; width:100%; background:url(/~/media/Images/N/NRAM-PLC/css/home-box1.gif) left bottom no-repeat;} .home-box2{ height:208px; width:100%; background:url(/~/media/Images/N/NRAM-PLC/css/home-box2.gif) left bottom no-repeat;} .home-box3{ height:208px; width:100%; background:url(/~/media/Images/N/NRAM-PLC/css/home-box3.gif) left bottom no-repeat;} */ /* .home-box5 a{ padding:11px 0 6px 10px; cursor:pointer; display:block; color:#f16421;} .home-box5 p a{background:url(/~/media/Images/N/NRAM-PLC/css/home-drop-bg.gif) left bottom no-repeat; padding:0;} */ /*.home-box5:hover ul { display:block;}*/ /* .home-box6 a{ padding:11px 0 6px 10px; cursor:pointer; display:block; color:#f16421;} */ /*.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;} */ /*-----------------inner left part -------------------*/ /*----------- breadcrumb -------------*/ /* #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/N/NRAM-PLC/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/N/NRAM-PLC/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 --*/ /*-- second level --*/ /*#left-nav ul li ul li.haschildren span { background: url("/~/media/Images/N/NRAM-PLC/css/right-black-arrow.png") no-repeat scroll left center; }*/ /*-- third level --*/ /* intentionally not displayed in left nav*/ /*--------------------------------------Footer-----------------------------------------*/ /*-----------------Footer part -------------------*/ /*-----------------Search Result part -------------------*/ /* -------------- Reports Landing css starts -------------- */ /* #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;} */ /* -------------- Reports Landing css ends -------------- */ /*-----------------Sitemap part -------------------*/ /*Subscribe to ARena form*/ /*Accessibility Contact us form*/ /*---broker form----------*/ /*-----------------broker form---------------------*/ /*---------------Tools snapdown CSS----------*/ /* -------------------All Calculators------------------------- */ /* Color box ------------------------------------------------------*/ /*--from light box-----*/ /* -------------------All Calculators------------------------- */ /* to make div content scroll */ /*-------------- Search page CSS Starts --------------*/ /*-------------- Search page CSS Ends --------------*/ /*----Remove 'See all helpful tools' from the top of all the pages in Corporate, Mortgage Intermediaries and Debt Adviser sections on--*/ /*#disc-msg { clear: both; padding-top: 0% !important; }*/ /* Snapdown signpost start*/ /* Snapdown signpost end*/ /*---- main-other-----*/ /*------------- TOP NAV 2ND LEVEL ---------------*/ /*-------------- LANDING PAGE CSS -----------------*/ /*.new-landing-box-title{font-size:1.833em;color:#fff;line-height:1.136em;padding:19px 20px;font-family: "AvantGarde Demi","ITCAvantGardeW04-Medium 1122896";}*/ /*.landing-page-new #banner-wrapper .banner-item .bannerText #banneralltextsection{min-height:0 !important;}*/ /*------------------ PAGE SPECIFIC CSS TO BE CHANGED -------------------*/ /*--------- iPad Landscape and Desktops ---------*/ /*.document-nav-tabs-content .dtcontent:first-child { display:block; }*/ /*Rate change popup*/ /*foot strip*/ /*Rate change popup ends*/ /*body#transfers table.rad-datatable tr td.noborder{border-bottom: none;}*/ /*---- main-3-----*/ /*#complaint-form #subscribetoarenaContainer{display: none;}*/ /*---- media-queries-----*/ /*Handling banner issue*/ /*@media (min-width: 1281px) { #splash-box {width:65%!important;} }*/ /*--------- ---------*/ /*--------- iPad Landscape and Desktops ---------*/ /*--------- iPad Portrait and large Tablets Portrait ---------*/ /*--------- All Small Tablets and Large Phones Global CSS ---------*/ /*--------- 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;} }*/ /*---- 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 ----------------------------------*/ /* Interaction Cues ----------------------------------*/ /* Icons ----------------------------------*/ /* states and images */ /* Misc visuals ----------------------------------*/ /* Overlays */ /* to make room for the icon, a width needs to be set here */ /* button elements seem to need a little more width */ /* button text element */ /* no icon support for input elements, provide padding by default */ /* button icon element(s) */ /* button sets */ /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ /* with multiple calendars */ /* RTL support */ /* icon support */ /* left-aligned */ /* right-aligned */ /* For IE8 - See #6727 */ /* more specificity required here to overide default borders */ /* vertical centre icon */ /* TR overrides */ /* Component containers ----------------------------------*/ /* Interaction states ----------------------------------*/ /* Interaction Cues ----------------------------------*/ /* Icons ----------------------------------*/ /* states and images */ /* positioning */ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ /* Misc visuals ----------------------------------*/ /* Corner radius */ /* Overlays */ /*---- new-calculators-----*/ /* .newcalc .new-calc-row .new-calc-row-input-wrap input {background: #ffffff none repeat scroll 0 0;color: #436082; display: inline-block; font-family: "ITCAvantGardeW04-Medium 1122896"; font-size: 1em; height: 27px; line-height: 24px; position: relative; width: 50%;border: 0;box-shadow: none;margin: 10px 20px;padding-left: 0px;} */ /* #data-target-container rect.highcharts-point.highcharts-color-0 {stroke-width: 29px;} */ /*-----Overpayment-----*/ /*----Repayment-----*/ /* .repayment-table1 th:nth-child(2),.repayment-table1 td:nth-child(2){width:38%} */ /* #chart1 .highcharts-legend-item rect.highcharts-point {width: 15px !important;height: 11px !important;rx: 0 !important;ry: 0 !important;y: 5 !important;} */ /*.row-five.rm-row .hidden-popup.hiddendiv:after{top:50px}*/ /*---- CerberusWhistletree2016-----*/ /*#whistletree-landmark .box12 .landingbox-button:after { content: ""; height: 0; position: absolute; bottom: 0; right: 0; border-top: 16px solid #f16421; border-left: 16px solid #f16421; border-right: 16px solid #89d0c2;} */ /*.landingbox-button {background: #2d295f; position: relative; float: left; padding: 11px 31px 11px 11px; margin-left: 0px; bottom: 0;} .box12 .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 #89d0c2;}*/ /*---- snap-boxes-----*/ /*-----Changes starts------*/ /*------Changes ends-----*/ /* new */ } #main_wrp .clearfix { *zoom: 1; } /*#main_wrp * {*/ /* box-sizing: border-box; }*/ /*#main_wrp .clearfix:before,*/ /*#main_wrp .clearfix:after {*/ /* display: table;*/ /* line-height: 0;*/ /* content: ""; }*/ /*#main_wrp .clearfix:after {*/ /* clear: both; }*/ #main_wrp .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /*#main_wrp h1, #main_wrp h2, #main_wrp h3 {*/ /* font-weight: bold !Important; }*/ /*#main_wrp article,*/ /*#main_wrp aside,*/ /*#main_wrp details,*/ /*#main_wrp figcaption,*/ /*#main_wrp figure,*/ /*#main_wrp footer,*/ /*#main_wrp header,*/ /*#main_wrp hgroup,*/ /*#main_wrp nav,*/ /*#main_wrp section {*/ /* display: block; }*/ /*#main_wrp audio,*/ /*#main_wrp canvas,*/ /*#main_wrp video {*/ /* display: inline-block;*/ /* *display: inline;*/ /* *zoom: 1; }*/ /*#main_wrp audio:not([controls]) {*/ /* display: none; }*/ /*#main_wrp html {*/ /* font-size: 100%;*/ /* -webkit-text-size-adjust: 100%;*/ /* -ms-text-size-adjust: 100%; }*/ /*#main_wrp a:focus {*/ /* outline: thin dotted #333;*/ /* outline: 5px auto -webkit-focus-ring-color;*/ /* outline-offset: -2px; }*/ /*#main_wrp a:hover,*/ /*#main_wrp a:active {*/ /* outline: 0; }*/ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } #main_wrp sub, #main_wrp sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } #main_wrp sup { top: -0.5em; } #main_wrp sub { bottom: -0.25em; } #main_wrp img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #main_wrp #map_canvas img, #main_wrp .google-maps img { max-width: none; } #main_wrp .row-fluid { width: 100%; *zoom: 1; } #main_wrp .row-fluid:before, #main_wrp .row-fluid:after { display: table; line-height: 0; content: ""; } #main_wrp .row-fluid:after { clear: both; } #main_wrp .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; } #main_wrp .row-fluid [class*="invspan"]:first-child { margin-left: 0; } #main_wrp .row-fluid .controls-row [class*="invspan"] + [class*="invspan"] { margin-left: 2.127659574468085%; } #main_wrp .row-fluid .invspan12 { width: 100%; *width: 99.94680851063829%; } #main_wrp .row-fluid .invspan11 { width: 91.48936170212765%; *width: 91.43617021276594%; } #main_wrp .row-fluid .invspan10 { width: 82.97872340425532%; *width: 82.92553191489361%; } #main_wrp .row-fluid .invspan9 { width: 74.46808510638297%; *width: 74.41489361702126%; } #main_wrp .row-fluid .invspan8 { width: 65.95744680851064%; *width: 65.90425531914893%; } #main_wrp .row-fluid .invspan7 { width: 57.44680851063829%; *width: 57.39361702127659%; } #main_wrp .row-fluid .invspan6 { width: 48.93617021276595%; *width: 48.88297872340425%; } #main_wrp .row-fluid .invspan5 { width: 40.42553191489362%; *width: 40.37234042553192%; } #main_wrp .row-fluid .invspan4 { width: 31.914893617021278%; *width: 31.861702127659576%; } #main_wrp .row-fluid .invspan3 { width: 23.404255319148934%; *width: 23.351063829787233%; } #main_wrp .row-fluid .invspan2 { width: 14.893617021276595%; *width: 14.840425531914894%; } #main_wrp .row-fluid .invspan1 { width: 6.382978723404255%; *width: 6.329787234042553%; } #main_wrp .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } #main_wrp .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } #main_wrp .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } #main_wrp .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } #main_wrp .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } #main_wrp .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } #main_wrp .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } #main_wrp .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } #main_wrp .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } #main_wrp .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } #main_wrp .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } #main_wrp .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } #main_wrp .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } #main_wrp .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } #main_wrp .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } #main_wrp .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } #main_wrp .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } #main_wrp .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } #main_wrp .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } #main_wrp .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } #main_wrp .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } #main_wrp .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } #main_wrp .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } #main_wrp .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } #main_wrp [class*="invspan"].hide, #main_wrp .row-fluid [class*="invspan"].hide { display: none; } #main_wrp [class*="invspan"].pull-right, #main_wrp .row-fluid [class*="invspan"].pull-right { float: right; } #main_wrp .container-fluid { /* padding-right: 20px; padding-left: 20px;*/ *zoom: 1; } #main_wrp .container-fluid:before, #main_wrp .container-fluid:after { display: table; line-height: 0; content: ""; } #main_wrp .container-fluid:after { clear: both; } /*#main_wrp p {*/ /* margin: 0 0 10px; }*/ #main_wrp .pull-right { float: right; } #main_wrp .pull-left { float: left; } #main_wrp .hide { display: none; } #main_wrp .show { display: block; } #main_wrp .invisible { visibility: hidden; } #main_wrp .affix { position: fixed; } #main_wrp .hidden { display: none; visibility: hidden; } #main_wrp .visible-phone { display: none !important; } #main_wrp .visible-tablet { display: none !important; } #main_wrp .hidden-desktop { display: none !important; } #main_wrp .visible-desktop { display: inherit !important; } @media (min-width: 1200px) { #main_wrp .container-fluid { max-width: 1170px; } #main_wrp .row-fluid { width: 100%; *zoom: 1; } #main_wrp .row-fluid:before, #main_wrp .row-fluid:after { display: table; line-height: 0; content: ""; } #main_wrp .row-fluid:after { clear: both; } #main_wrp .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; } #main_wrp .row-fluid [class*="invspan"]:first-child { margin-left: 0; } #main_wrp .row-fluid .controls-row [class*="invspan"] + [class*="invspan"] { margin-left: 2.564102564102564%; } #main_wrp .row-fluid .invspan12 { width: 100%; *width: 99.94680851063829%; } #main_wrp .row-fluid .invspan11 { width: 91.45299145299145%; *width: 91.39979996362975%; } #main_wrp .row-fluid .invspan10 { width: 82.90598290598291%; *width: 82.8527914166212%; } #main_wrp .row-fluid .invspan9 { width: 74.35897435897436%; *width: 74.30578286961266%; } #main_wrp .row-fluid .invspan8 { width: 65.81196581196582%; *width: 65.75877432260411%; } #main_wrp .row-fluid .invspan7 { width: 57.26495726495726%; *width: 57.21176577559556%; } #main_wrp .row-fluid .invspan6 { width: 48.717948717948715%; *width: 48.664757228587014%; } #main_wrp .row-fluid .invspan5 { width: 40.17094017094017%; *width: 40.11774868157847%; } #main_wrp .row-fluid .invspan4 { width: 31.623931623931625%; *width: 31.570740134569924%; } #main_wrp .row-fluid .invspan3 { width: 23.076923076923077%; *width: 23.023731587561375%; } #main_wrp .row-fluid .invspan2 { width: 14.52991452991453%; *width: 14.476723040552828%; } #main_wrp .row-fluid .invspan1 { width: 5.982905982905983%; *width: 5.929714493544281%; } #main_wrp .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } #main_wrp .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } #main_wrp .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } #main_wrp .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } #main_wrp .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } #main_wrp .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } #main_wrp .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } #main_wrp .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } #main_wrp .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } #main_wrp .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } #main_wrp .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } #main_wrp .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } #main_wrp .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } #main_wrp .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } #main_wrp .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } #main_wrp .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } #main_wrp .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } #main_wrp .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } #main_wrp .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } #main_wrp .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } #main_wrp .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } #main_wrp .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } #main_wrp .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } #main_wrp .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } } @media (max-width: 767px) { #main_wrp .hidden-desktop { display: inherit !important; } #main_wrp .visible-desktop { display: none !important; } #main_wrp .visible-phone { display: inherit !important; } #main_wrp .hidden-phone { display: none !important; } } #main_wrp .visible-print { display: none !important; } @media print { #main_wrp .visible-print { display: inherit !important; } #main_wrp .hidden-print { display: none !important; } } @media (min-width: 768px) and (max-width: 979px) { #main_wrp .row-fluid { width: 100%; *zoom: 1; } #main_wrp .row-fluid:before, #main_wrp .row-fluid:after { display: table; line-height: 0; content: ""; } #main_wrp .row-fluid:after { clear: both; } #main_wrp .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; } #main_wrp .row-fluid [class*="invspan"]:first-child { margin-left: 0; } #main_wrp .row-fluid .controls-row [class*="invspan"] + [class*="invspan"] { margin-left: 2.7624309392265194%; } #main_wrp .row-fluid .invspan12 { width: 100%; *width: 99.94680851063829%; } #main_wrp .row-fluid .invspan11 { width: 91.43646408839778%; *width: 91.38327259903608%; } #main_wrp .row-fluid .invspan10 { width: 82.87292817679558%; *width: 82.81973668743387%; } #main_wrp .row-fluid .invspan9 { width: 74.30939226519337%; *width: 74.25620077583166%; } #main_wrp .row-fluid .invspan8 { width: 65.74585635359117%; *width: 65.69266486422946%; } #main_wrp .row-fluid .invspan7 { width: 57.18232044198895%; *width: 57.12912895262725%; } #main_wrp .row-fluid .invspan6 { width: 48.61878453038674%; *width: 48.56559304102504%; } #main_wrp .row-fluid .invspan5 { width: 40.05524861878453%; *width: 40.00205712942283%; } #main_wrp .row-fluid .invspan4 { width: 31.491712707182323%; *width: 31.43852121782062%; } #main_wrp .row-fluid .invspan3 { width: 22.92817679558011%; *width: 22.87498530621841%; } #main_wrp .row-fluid .invspan2 { width: 14.3646408839779%; *width: 14.311449394616199%; } #main_wrp .row-fluid .invspan1 { width: 5.801104972375691%; *width: 5.747913483013988%; } #main_wrp .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } #main_wrp .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } #main_wrp .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } #main_wrp .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } #main_wrp .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } #main_wrp .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } #main_wrp .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } #main_wrp .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } #main_wrp .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } #main_wrp .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } #main_wrp .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } #main_wrp .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } #main_wrp .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } #main_wrp .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } #main_wrp .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } #main_wrp .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } #main_wrp .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } #main_wrp .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } #main_wrp .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } #main_wrp .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } #main_wrp .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } #main_wrp .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } #main_wrp .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } #main_wrp .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } #main_wrp .hidden-desktop { display: inherit !important; } #main_wrp .visible-desktop { display: none !important; } #main_wrp .visible-tablet { display: inherit !important; } #main_wrp .hidden-tablet { display: none !important; } } @media (max-width: 767px) { #main_wrp body { /*padding-right: 20px; padding-left: 20px;*/ } #main_wrp .container-fluid { padding: 0; } #main_wrp .row-fluid { width: 100%; } #main_wrp .row-fluid .invspan12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main_wrp .row-fluid [class*="offset"]:first-child { margin-left: 0; } } @media (max-width: 979px) { #main_wrp body { padding-top: 0; } } #main_wrp .helping-banner ul li#complaints p a, #main_wrp .helping-banner ul li#ppi p a { color: #333; display: inline; text-decoration: underline; background: none; } #main_wrp .helping-banner ul li#complaints p a:hover, #main_wrp .helping-banner ul li#ppi p a:hover { text-decoration: none; } #main_wrp .main-content ol.rad-list li { list-style-type: decimal; } #main_wrp .interest-only-mortgage { border-collapse: separate; border-spacing: 2px; } #main_wrp table.interest-only-mortgage tbody td, #main_wrp table.interest-only-mortgage tbody th { padding: 0 10px; } #main_wrp table.interest-only-mortgage .thf2 { background-color: #a7d3f0; color: #000; padding: 15px 20px; } #main_wrp table.interest-only-mortgage a { color: #A9144B; font-size: 1.2em; } #main_wrp table.interest-only-mortgage strong { font-size: 1.2em; } #main_wrp #boxed-text { font-weight: normal; border: 1px solid #e5e5e5; padding: 10px; margin-bottom: 20px; /*font-size: 0.9em;*/ } #main_wrp #subscribetoarenaSuccessContainer { background: none repeat scroll 0 0 #dddddd; border: 1px solid #666; color: #f16421; font-size: 1.1em; font-weight: bold; padding: 20px 20px 5px !important; float: left; box-sizing: border-box; width: 100%; margin-bottom: 20px; } #main_wrp #accessibilitycontactSuccessContainer { background: none repeat scroll 0 0 #dddddd; border: 1px solid #666; color: #f16421; font-size: 1.1em; font-weight: bold; padding: 20px 20px 5px !important; float: left; box-sizing: border-box; margin-bottom: 20px; } #main_wrp #small-dialog { background: white; padding: 20px 30px; text-align: left; max-width: 400px; margin: 40px auto; position: relative; } #main_wrp .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); } #main_wrp .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; } #main_wrp .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; } #main_wrp .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; } #main_wrp .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } #main_wrp .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } #main_wrp .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); } #main_wrp .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); } #main_wrp .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); } #main_wrp .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; } #main_wrp .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } #main_wrp .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } #main_wrp .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); } #main_wrp .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } #main_wrp .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; } #main_wrp .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } #main_wrp .mfp-align-top .mfp-container:before { display: none; } #main_wrp .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 9045; } #main_wrp .mfp-inline-holder .mfp-content, #main_wrp .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } #main_wrp .mfp-ajax-cur { cursor: progress; } #main_wrp .mfp-zoom-out-cur, #main_wrp .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } #main_wrp .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } #main_wrp .mfp-auto-cursor .mfp-content { cursor: auto; } #main_wrp .mfp-close, #main_wrp .mfp-arrow, #main_wrp .mfp-preloader, #main_wrp .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } #main_wrp .mfp-loading.mfp-figure { display: none; } #main_wrp .mfp-hide { display: none !important; } #main_wrp .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 9044; } #main_wrp .mfp-preloader a { color: #cccccc; } #main_wrp .mfp-preloader a:hover { color: white; } #main_wrp .mfp-s-ready .mfp-preloader { display: none; } #main_wrp .mfp-s-error .mfp-content { display: none; } #main_wrp button.mfp-close, #main_wrp 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; } #main_wrp button::-moz-focus-inner { padding: 0; border: 0; } #main_wrp .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;*/ } #main_wrp .mfp-close:hover, #main_wrp .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } #main_wrp .mfp-close:active { top: 1px; } #main_wrp .mfp-close-btn-in .mfp-close { text-transform: uppercase; background: #1d3c5c; } #main_wrp .arena-popupWrap .mfp-close-btn-in .mfp-close { text-transform: uppercase; background: none; } #main_wrp .mfp-image-holder .mfp-close, #main_wrp .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } #main_wrp .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 1.750em; line-height: 18px; } #main_wrp .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); } #main_wrp .mfp-arrow:active { margin-top: -54px; } #main_wrp .mfp-arrow:hover, #main_wrp .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } #main_wrp .mfp-arrow:before, #main_wrp .mfp-arrow:after, #main_wrp .mfp-arrow .mfp-b, #main_wrp .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; } #main_wrp .mfp-arrow:after, #main_wrp .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } #main_wrp .mfp-arrow:before, #main_wrp .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } #main_wrp .mfp-arrow-left { left: 0; } #main_wrp .mfp-arrow-left:after, #main_wrp .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } #main_wrp .mfp-arrow-left:before, #main_wrp .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } #main_wrp .mfp-arrow-right { right: 0; } #main_wrp .mfp-arrow-right:after, #main_wrp .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } #main_wrp .mfp-arrow-right:before, #main_wrp .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } #main_wrp .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } #main_wrp .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } #main_wrp .mfp-iframe-holder .mfp-close { top: -40px; } #main_wrp .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } #main_wrp .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_wrp 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; } #main_wrp .mfp-figure { line-height: 0; } #main_wrp .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; } #main_wrp .mfp-figure small { color: #bdbdbd; display: block; font-size: 1.750em; line-height: 14px; } #main_wrp .mfp-figure figure { margin: 0; } #main_wrp .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } #main_wrp .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } #main_wrp .mfp-image-holder .mfp-content { max-width: 100%; } #main_wrp .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { #main_wrp { /** * Remove all paddings around the image on small screen */ } #main_wrp .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } #main_wrp .mfp-img-mobile img.mfp-img { padding: 0; } #main_wrp .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } #main_wrp .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } #main_wrp .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; } #main_wrp .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } #main_wrp .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } #main_wrp .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) { #main_wrp .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } #main_wrp .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } #main_wrp .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } #main_wrp .mfp-container { padding-left: 6px; padding-right: 6px; } } #main_wrp .mfp-ie7 .mfp-img { padding: 0; } #main_wrp .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } #main_wrp .mfp-ie7 .mfp-container { padding: 0; } #main_wrp .mfp-ie7 .mfp-content { padding-top: 44px; } #main_wrp .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } #main_wrp .mfp-survey .mfp-close { top: -1px; width: 3%; } #main_wrp .mfp-survey .mfp-content { border: 10px solid #1d3c5c; } #main_wrp .mfp-survey { position: fixed !important; } #main_wrp #surveyiframe .mfp-close { right: -11px; top: 6px; } #main_wrp .white-popup { position: relative; width: 100%; margin: 0 auto; height: 220px; background: #FFF; padding: 20px; border: 10px solid #1d3c5c; } #main_wrp .white-popup a.button { background: #f16421 url("/~/media/Images/N/NRAM-PLC/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; } #main_wrp .mfp-survey-popup .mfp-content { width: 55%; /*height:800px;*/ } #main_wrp .white-popup #logo_img { margin-top: 32px; margin-bottom: 5px; clear: both; float: left; } #main_wrp .white-popup p.pop-hd { font-size: 14px; color: #333333; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ } #main_wrp .white-popup h2 { font-size: 1.333em; color: #333333; font-weight: bold; } @media all and (min-width: 0px) and (max-width: 320px) { #main_wrp { /*#surveyiframe .mfp-close {top: 0px; width: 7%; right: 1px;}*/ } #main_wrp .white-popup { width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch; overflow: auto; height: 340px !important; } #main_wrp #surveyiframe .mfp-close { top: -1px; width: 11%; right: 7px !important; } #main_wrp .mfp-survey-popup .mfp-content { width: 100% !important; height: 800px; } #main_wrp .mfp-iframe-holder .mfp-content { margin: 0 auto; } #main_wrp .mfp-wrap { margin: 0 auto; } #main_wrp #surveyiframe iframe { width: 93% !important; height: 500px !important; } } @media all and (min-width: 421px) and (max-width: 520px) { #main_wrp .white-popup { width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch; overflow: auto; padding: 20px 25px; height: 240px !important; } #main_wrp #surveyiframe .mfp-close { top: -1px; width: 7%; right: 7px; } #main_wrp .mfp-survey-popup .mfp-content { width: 100% !important; height: 800px; padding-top: 10px; } #main_wrp .mfp-iframe-holder .mfp-content { margin: 0 auto; } #main_wrp .mfp-wrap { margin: 0 auto; } #main_wrp #surveyiframe iframe { width: 95% !important; height: 500px !important; } } @media all and (min-width: 321px) and (max-width: 420px) { #main_wrp { /*#surveyiframe .mfp-close {top: 0px; width: 7%; right: 1px;}*/ } #main_wrp .white-popup { width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch; overflow: auto; height: 330px !important; } #main_wrp #surveyiframe .mfp-close { top: 6px; width: 7%; right: 7px !important; } #main_wrp .mfp-survey-popup .mfp-content { width: 100% !important; height: 800px; padding-top: 115px; } #main_wrp .mfp-iframe-holder .mfp-content { margin: 0 auto; } #main_wrp .mfp-wrap { margin: 0 auto; } #main_wrp #surveyiframe iframe { width: 93% !important; height: 500px !important; } } @media all and (min-width: 521px) and (max-width: 640px) { #main_wrp .white-popup { width: 82%; margin-bottom: 14px; -webkit-overflow-scrolling: touch; overflow: auto; height: 250px !important; } #main_wrp #surveyiframe .mfp-close { top: 6px; width: 7%; right: 7px; } #main_wrp .mfp-survey-popup .mfp-content { width: 100% !important; height: 800px; padding-top: 10px; } #main_wrp .mfp-iframe-holder .mfp-content { margin: 0 auto; } #main_wrp .mfp-wrap { margin: 0 auto; } #main_wrp #surveyiframe iframe { width: 95% !important; height: 500px !important; } } @media all and (min-width: 721px) and (max-width: 840px) { #main_wrp .white-popup { height: 30%; width: 82%; margin: 0 auto; -webkit-overflow-scrolling: touch; overflow: auto; } #main_wrp #surveyiframe .mfp-close { top: -5px; width: 4%; right: -6px; } #main_wrp .mfp-survey-popup .mfp-content { width: 100% !important; height: 900px; padding-top: 250px; } #main_wrp .mfp-iframe-holder .mfp-content { margin: 0 auto; } #main_wrp .mfp-wrap { margin: 0 auto; } #main_wrp #surveyiframe iframe { width: 100% !important; height: 900px; border: 0px; } #main_wrp #surveyiframe { border: 10px solid #1d3c5c; position: fixed; width: 96% !important; height: 900px; } } @media all and (min-width: 921px) and (max-width: 1040px) { #main_wrp .white-popup { width: 82%; margin: 0 auto; -webkit-overflow-scrolling: touch; overflow: auto; } #main_wrp #surveyiframe .mfp-close { top: 2px; width: 3%; right: 23px; } #main_wrp .mfp-survey-popup .mfp-content { width: 100% !important; height: 700px; padding-top: 200px; } #main_wrp .mfp-iframe-holder .mfp-content { margin: 0 auto; } #main_wrp .mfp-wrap { margin: 0 auto; } #main_wrp .mfp-iframe-scaler { overflow: scroll; } #main_wrp #surveyiframe iframe { width: 96% !important; height: 700px !important; } } #main_wrp #personal-support .landingBox, #main_wrp .ip3-personal-support .landingBox { position: relative; /*width: 250px;margin-right: 10px;*/ margin-bottom: 25px; } #main_wrp .imgboxcontent { position: absolute; top: 0; padding: 15px 15px 0 15px; width: 100%; color: #fff; } #main_wrp .imgboxcontent h2, #main_wrp .imgboxcontent h2 a, #main_wrp .imgboxcontent a h2, #main_wrp .imgboxcontent a, #main_wrp .imgboxcontent a:hover, #main_wrp .imgboxcontent a:active { color: #fff; } #main_wrp .imgboxcontent p { font-size: 1.3em; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ font-weight: normal; } #main_wrp #personal-support .landingBox p.rad-underline a, #main_wrp .ip3-personal-support .landingBox p.rad-underline a { background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg-35px.gif) right no-repeat #3f6385; font-weight: bold; padding: 4px 20px 3px 12px; color: #fff; height: 28px; float: left; line-height: 28px; /*width: 285px;*/ width: 90%; } #main_wrp .toolsbox { float: left; width: 156px; padding-right: 29px; padding-bottom: 15px; min-height: 265px; } #main_wrp .toolsbox h3 { font-size: 1.333em; margin-top: 15px; min-height: 38px; line-height: 1.2em; } #main_wrp .toolsbox p.rad-underline a { background: url(/~/media/Images/N/NRAM-PLC/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; } #main_wrp .toolsbox p.rad-underline a { margin-bottom: 10px; } #main_wrp .toolsbox p.rad-underline a:hover { background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg-35px-over.gif) right no-repeat #a6adbe; color: #fff; } #main_wrp #life-events #landingBox-4 p.rad-underline { display: none; } #main_wrp .ip3-life-events #banner-wrapper, #main_wrp .ip3-health #banner-wrapper { height: auto !important; } #main_wrp .ip3-life-events #banner-wrapper .sub-heading, #main_wrp .ip3-personal-support #banner-wrapper .sub-heading, #main_wrp #personal-support #banner-wrapper .sub-heading { /*font-size:2.1em; */ width: 66%; } #main_wrp #job-loss #helpfultools { min-height: 375px !important; } #main_wrp #life-events #landingBox-4 .rad-highlight, #main_wrp #life-events #landingBox-4 .imgboxcontent a h2, #main_wrp #life-events #landingBox-4 .imgboxcontent h2 { color: #2a2d60; font-weight: bold; } #main_wrp #life-events #landingBox-4 .rad-highlight { font-size: 1.833em; } #main_wrp #nblivechat { float: left; width: 100%; padding-bottom: 3%; } #main_wrp .nblogo { float: right; padding-right: 2%; margin-top: -1%; } #main_wrp #nblivechat p.nbchattext { padding-bottom: 1%; float: left; margin-top: -1%; } #main_wrp .nblivechatbtn { float: left; padding-top: 2%; } #main_wrp #financial-difficulties .mfp-iframe, #main_wrp #personal-support .mfp-iframe { background: #FFF; padding: 20px 0px; text-align: left; display: block; max-width: 70%; height: 655px; overflow: hidden; border: none; left: 16%; } #main_wrp #financial-difficulties .mfp-iframe-holder .mfp-content { top: -10%; } #main_wrp #financial-difficulties .mfp-close { display: none; } #main_wrp #financial-difficulties .mfp-iframe-holder { padding-top: 0px !important; } #main_wrp #personal-support .mfp-iframe-holder .mfp-content { top: -10%; } #main_wrp #personal-support .mfp-close { display: none; } #main_wrp #personal-support .mfp-iframe-holder { padding-top: 0px !important; } #main_wrp #ndchat-footer-main { margin: 0 auto; width: 100%; clear: both; background: url(/~/media/Images/N/NRAM-PLC/css/nblivechart-footer-bg.jpg) repeat-x #423e6f; height: 370px; } #main_wrp .ndchat-footer-content { margin: 0 auto; max-width: 1170px; } #main_wrp #ndchat-main { float: left; width: 56%; margin-left: 19%; } #main_wrp #ndchat-head { float: left; width: 56%; margin-left: 19%; } #main_wrp .ndlogowhite { float: left; padding-right: 2%; } #main_wrp .nblv-heading { font-size: 2em; line-height: 1em; color: #fff; /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/*/ margin-top: 10px; padding-bottom: 11px; float: left; margin-left: 12%; /*font-weight: bold;*/ } #main_wrp .nblv-left { float: left; width: 30%; padding-right: 2%; clear: both; padding-top: 2%; } #main_wrp .nblv-left span { font-size: 1.5777em; line-height: 1em; color: #fff; padding-bottom: 2%; /*/*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/*/ } #main_wrp .nblv-left p { color: #ffffff; font-size: 1.2em; margin-top: 1%; } #main_wrp .nblv-right { float: right; width: 64%; padding-top: 2%; } #main_wrp .nblv-right span { font-size: 1.5777em; line-height: 1.2em; color: #fff; padding-bottom: 2%; /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/*/ float: left; } #main_wrp .nblv-right p { color: #ffffff; font-size: 1.2em; margin-top: 1%; } #main_wrp #nbcfooterWrapper { margin: 0 auto; max-width: 1170px; } #main_wrp .nblv-showhide { float: right; width: 7%; height: 35px; padding-top: 15px; text-align: center; vertical-align: middle; cursor: pointer; } #main_wrp #divorce-and-separation .level1-snap-wrapper { margin-bottom: 6px; } #main_wrp #divorce-and-separation .level1-snap-wrapper .snapdown .snapdown-content { padding: 10px 15px 0px 25px; } @media all and (min-width: 0px) and (max-width: 320px) { #main_wrp .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%; } #main_wrp #ndchat-head { float: left; width: 100%; margin-left: 0; } #main_wrp #ndchat-main { float: none; width: 98%; margin: 0 auto; } #main_wrp #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; } #main_wrp .nblv-showhide { float: right; width: 6%; height: 35px; padding-top: 15px; text-align: center; vertical-align: middle; cursor: pointer; } #main_wrp .nblv-left { float: left; width: 35%; padding-right: 2%; clear: both; padding-top: 2%; padding-left: 1%; } #main_wrp .nblv-right { float: right; width: 60%; padding-top: 2%; } #main_wrp .nblv-right p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; padding-bottom: 5px; } #main_wrp .nblv-left p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; padding-bottom: 5px; } #main_wrp .nblv-left span { font-size: 1.1333em; line-height: 1em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ } #main_wrp .nblv-right span { font-size: 1.1333em; line-height: 1.2em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ float: left; } #main_wrp .nblogo { float: right; padding-right: 2%; margin-top: -1%; } #main_wrp .nblogo img { width: 90%; } #main_wrp #nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%; } } @media all and (min-width: 421px) and (max-width: 520px) { #main_wrp .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%; } #main_wrp #ndchat-head { float: left; width: 100%; margin-left: 0; } #main_wrp #ndchat-main { float: none; width: 98%; margin: 0 auto; } #main_wrp #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; } #main_wrp .nblv-showhide { float: right; width: 6%; height: 35px; padding-top: 15px; text-align: center; vertical-align: middle; cursor: pointer; } #main_wrp .nblv-left { float: left; width: 35%; padding-right: 2%; clear: both; padding-top: 2%; padding-left: 1%; } #main_wrp .nblv-right { float: right; width: 60%; padding-top: 2%; } #main_wrp .nblv-right p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; } #main_wrp .nblv-left p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; } #main_wrp .nblv-left span { font-size: 1.2333em; line-height: 1em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ } #main_wrp .nblv-right span { font-size: 1.2333em; line-height: 1.2em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ float: left; } #main_wrp .nblogo { float: right; padding-right: 2%; margin-top: -1%; } #main_wrp .nblogo img { width: 90%; } #main_wrp #nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%; } } @media all and (min-width: 321px) and (max-width: 420px) { #main_wrp .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%; } #main_wrp #ndchat-head { float: left; width: 100%; margin-left: 0; } #main_wrp #ndchat-main { float: none; width: 98%; margin: 0 auto; } #main_wrp #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; } #main_wrp .nblv-showhide { float: right; width: 6%; height: 35px; padding-top: 15px; text-align: center; vertical-align: middle; cursor: pointer; } #main_wrp .nblv-left { float: left; width: 35%; padding-right: 2%; clear: both; padding-top: 2%; padding-left: 1%; } #main_wrp .nblv-right { float: right; width: 60%; padding-top: 2%; } #main_wrp .nblv-right p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; } #main_wrp .nblv-left p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; } #main_wrp .nblv-left span { font-size: 1.2333em; line-height: 1em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ } #main_wrp .nblv-right span { font-size: 1.2333em; line-height: 1.2em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ float: left; } #main_wrp .nblogo { float: right; padding-right: 2%; margin-top: -1%; } #main_wrp .nblogo img { width: 90%; } #main_wrp #nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%; } } @media all and (min-width: 521px) and (max-width: 640px) { #main_wrp .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%; } #main_wrp #ndchat-head { float: left; width: 100%; margin-left: 0; } #main_wrp #ndchat-main { float: none; width: 98%; margin: 0 auto; } #main_wrp #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; } #main_wrp .nblv-showhide { float: right; width: 6%; height: 35px; padding-top: 15px; text-align: center; vertical-align: middle; cursor: pointer; } #main_wrp .nblv-left { float: left; width: 35%; padding-right: 2%; clear: both; padding-top: 2%; padding-left: 1%; } #main_wrp .nblv-right { float: right; width: 60%; padding-top: 2%; } #main_wrp .nblv-right p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; } #main_wrp .nblv-left p { color: #fff; font-size: 1em; margin-top: 1%; line-height: 1.3em; } #main_wrp .nblv-left span { font-size: 1.2333em; line-height: 1em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ } #main_wrp .nblv-right span { font-size: 1.2333em; line-height: 1.2em; color: #fff; padding-bottom: 2%; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ float: left; } } @media all and (min-width: 721px) and (max-width: 840px) { #main_wrp .nblv-heading { margin-left: 0; } #main_wrp #ndchat-head { float: left; width: 98%; margin-left: 1%; } #main_wrp #ndchat-main { float: none; width: 98%; margin: 0 auto; } #main_wrp #nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%; } #main_wrp #splash-box { top: 110px !important; } #main_wrp .lightblue-darkblue #subheadpop { width: 100% !important; } } @media all and (min-width: 921px) and (max-width: 1040px) { #main_wrp .nblv-heading { margin-left: 0; } #main_wrp #nblivechat p.nbchattext { padding-bottom: 1%; float: none !important; margin-top: -1%; } } #main_wrp .helping-banner p.hide, #main_wrp .tool-calc-main p.hide { background-color: #f16421; 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; } #main_wrp .helping-banner p.hide a, #main_wrp .tool-calc-main p.hide a { background: transparent none repeat scroll 0% 0%; display: block; font-size: 1.2em; font-weight: normal; } #main_wrp .helping-banner p.hide a::after, #main_wrp .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; } #main_wrp .tool-calc-main p.hide a::after { right: 180px; } #main_wrp .helping-banner p.hide a.scroller::after { bottom: 15px; } #main_wrp .helping-banner p.hide a.scroller::after, #main_wrp .tool-calc-main p.hide a.scroller::after { right: 180px; } #main_wrp .helping-banner p.hide a:hover, #main_wrp .tool-calc-main p.hide a:hover { color: #fff; background: none; } #main_wrp body#homeowners .helping-banner p.hide, #main_wrp body#landlords .helping-banner p.hide { display: block; } #main_wrp body#Homepage .tool-calc-main p.hide { display: block; margin-top: 0px; position: absolute; bottom: -90px; } #main_wrp body#Homepage .tool-calc-main { position: relative; } #main_wrp body#Homepage .tool-calc-main p.hide a { color: #fff; } #main_wrp body#Homepage .tool-calc-main p.hide a:hover { color: #fff; } #main_wrp .white-popup-block { background: #404171; padding: 40px 40px; text-align: left; max-width: 440px; margin: 40px auto; position: relative; } #main_wrp .ndlivechat-popup-heading { color: #fff; /*font-family: "ITCAvantGardeW04-Medium 1122896";*/ font-size: 1.5777em; line-height: 1.2em; } #main_wrp .ndlivechat-popup-left { float: left; padding-right: 15px; padding-top: 20px; vertical-align: top; color: #fff; } #main_wrp .ndlivechat-popup-right { display: table-cell; padding-top: 20px; vertical-align: top; color: #fff; } #main_wrp .ndlivechat-popup-right p { /*font-family: "ITCAvantGardeW04-Medium 1122896";*/ font-size: 1.1em; } #main_wrp .mfp-iframe-popup { border: medium none; height: 550px; padding: 25px 0 20px; text-align: left; width: 650px; } #main_wrp .ndlivechat-iframe-content { display: none; } #main_wrp #ndlivechat-popup-main .mfp-close { display: block; } #main_wrp .mfp-wrap { position: absolute !important; } @media all and (min-width: 0px) and (max-width: 667px) { #main_wrp .mfp-iframe-popup { overflow: visible; padding: 0; } #main_wrp .white-popup-block { padding: 20px; } } #main_wrp .helping-banner ul li#support a { color: #333; display: inline; text-decoration: underline; background: none; } #main_wrp .helping-banner ul li#support { background: #aad2f2 none repeat scroll 0 0; } #main_wrp .helping-banner ul li#support p { color: #333; font-size: 16px; } #main_wrp .helping-banner ul li#support p:first-child { font-size: 18px; line-height: 22px; padding-bottom: 20px; } #main_wrp .helping-banner ul li#complaints p a, #main_wrp .helping-banner ul li#ppi p a, #main_wrp .helping-banner ul li#forms p a, #main_wrp .helping-banner ul li#support p a, #main_wrp .helping-banner ul li#FAQs p a, #main_wrp .helping-banner ul li#queries p a { padding: 0px; } /*@font-face {*/ /* #main_wrp {*/ /* font-family: "ITCAvantGardeW04-Medium 1122896";*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/6922a15e-35f5-4de9-9178-bc9293e0cfa6.eot?#iefix");*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/6922a15e-35f5-4de9-9178-bc9293e0cfa6.eot?#iefix") format("eot"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/f8381748-5632-4d31-b262-fe5b7e9c9249.woff2") format("woff2"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/9a71d87c-bd3f-4928-b84e-00896d831cb3.woff") format("woff"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/07143937-e1d2-491d-9ab1-331ffbf8e380.ttf") format("truetype"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/58953c4e-dfab-4d83-9c0e-69fd479b37c9.svg#58953c4e-dfab-4d83-9c0e-69fd479b37c9") format("svg"); } }*/ /*@font-face {*/ /* #main_wrp {*/ /* font-family: "AvantGarde Demi";*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/b74e5f86-4477-435a-abdf-32d8215f21bc.eot?#iefix");*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/b74e5f86-4477-435a-abdf-32d8215f21bc.eot?#iefix") format("eot"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/7e915c3f-253c-4ce7-ac60-7feecddafa80.woff2") format("woff2"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/c18aee57-7585-4a8b-9a1c-69d226301d73.woff") format("woff"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/44ccbb2b-0fbc-4d95-b1da-0aa73bd26fb0.ttf") format("truetype"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/f2de529c-11d2-43b7-be7c-05c5aaeaf133.svg#f2de529c-11d2-43b7-be7c-05c5aaeaf133") format("svg"); } }*/ /*@font-face {*/ /* #main_wrp {*/ /* font-family: "AvantGarde Bold";*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/85564178-fd88-4387-9226-0e632723ca24.eot?#iefix");*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/85564178-fd88-4387-9226-0e632723ca24.eot?#iefix") format("eot"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/c3c29d12-bb1b-4770-8003-ba8e1f25c134.woff2") format("woff2"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/e9a79553-7093-47c7-8d9c-70dc3619e94b.woff") format("woff"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/7265b8d0-a67c-4a8b-84aa-273d1759270a.ttf") format("truetype"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/75d377f2-28ee-43f8-b231-44f8eba218c4.svg#75d377f2-28ee-43f8-b231-44f8eba218c4") format("svg"); } }*/ /*@font-face {*/ /* #main_wrp {*/ /* font-family: "AvantGarde Light";*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/1e30d037-d9af-467b-a8d4-4191262031c8.eot?#iefix");*/ /* src: url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/1e30d037-d9af-467b-a8d4-4191262031c8.eot?#iefix") format("eot"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/084984c3-c4b8-4770-ae7f-8f20659825e2.woff2") format("woff2"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/db2be37b-bf66-4ea2-889b-3854e5000306.woff") format("woff"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/3d5d7666-0e36-4996-bdb8-59aab939027b.ttf") format("truetype"), url("/~/media/Files/N/NRAM-PLC/fonts/fonts-new/431669a2-c25e-4893-afdd-628f280550d8.svg#431669a2-c25e-4893-afdd-628f280550d8") format("svg"); } }*/ /*#main_wrp .top-nav, #main_wrp h1, #main_wrp h2, #main_wrp h3, #main_wrp h4, #main_wrp h5, #main_wrp h6, #main_wrp .ask-text, #main_wrp #content-right, #main_wrp #search input, #main_wrp .searchTextBoxContainer input, #main_wrp #calcHeader {*/ /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ /* font-weight: normal; }*/ /*#main_wrp body {*/ /*font-family: "Arial",Helvetica,sans-serif;*/ /* color: #666;*/ /* font-size: 12px;*/ /* line-height: 18px; }*/ /*#main_wrp a:focus, #main_wrp a:active {*/ /* border: none;*/ /* outline: 0;*/ /* _noFocusLine: expression(this.hideFocus=true); }*/ /*#main_wrp h1 {*/ /* clear: both;*/ /* font-size: 2.0em;*/ /* color: #f16421;*/ /* padding: 0 0 12px 0;*/ /* font-weight: normal;*/ /* line-height: normal;*/ /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/*/ /* }*/ /*#main_wrp h2 {*/ /* clear: both;*/ /* font-size: 1.833em;*/ /* color: #f16421;*/ /* padding: 0 0 10px 0;*/ /* line-height: normal; }*/ /*#main_wrp h3 {*/ /* clear: both;*/ /* font-size: 1.8em;*/ /* color: #f16421;*/ /* padding: 0 0 10px 0;*/ /* line-height: normal; }*/ /*#main_wrp h4 {*/ /* clear: both;*/ /* font-size: 1.8em;*/ /* color: #a9144b;*/ /* padding: 0 0 10px 0;*/ /* line-height: normal; }*/ /*#main_wrp h5 {*/ /* clear: both;*/ /* font-size: 1.5em;*/ /* color: #f16421;*/ /* padding: 0 0 10px 0;*/ /* line-height: normal; }*/ /*#main_wrp h6 {*/ /* clear: both;*/ /* font-size: 1.3em;*/ /* color: #f16421;*/ /* padding: 0 0 10px 0;*/ /* line-height: normal; }*/ #main_wrp p { padding: 0 0 15px 0; margin: 0; } /*#main_wrp a {*/ /* text-decoration: none;*/ /* color: #f16421;*/ /* outline: 0;*/ /* border: 0 none; }*/ /*#main_wrp a:hover, #main_wrp #homecontent a:hover, #main_wrp #contentwrapper a:hover {*/ /* color: #f16421; }*/ #main_wrp .rad-small { font-size: 0.9em; } #main_wrp p img { float: left; padding: 0 10px 10px 0; } #main_wrp .rad-notes { font-size: 0.917em; line-height: normal; } #main_wrp .rightcontent a { color: #5b5454; } #main_wrp .rightcontent a:hover { color: #89172b; } #main_wrp .rad-underline { text-decoration: underline; } #main_wrp a#auto-top-link { background: #f16421; height: 18px; margin: 0 25px 25px 0; width: 75px; font-size: 0.917em; color: #FFFFFF; } /*#main_wrp table {*/ /* width: 100%;*/ /* margin: 0 0 20px; }*/ /*#main_wrp table tbody td, #main_wrp table tbody th {*/ /* text-align: left;*/ /* padding: 8px 10px 8px 10px; }*/ #main_wrp table.rad-financial thead tr th { text-align: right; border-bottom: 1px solid #cccccc; vertical-align: bottom; background-color: #CCCCCC; } #main_wrp table.rad-financial tbody tr td, #main_wrp table.rad-financial tbody tr th { border-bottom: 1px solid #CCCCCC; text-align: right; } #main_wrp table.rad-financial tbody tr td:first-child, #main_wrp table.rad-financial tbody tr th:first-child, #main_wrp table.rad-financial thead tr th:first-child { text-align: left; } #main_wrp .inv-responsive-header-tr td { background-color: #CCCCCC; font-weight: bold; padding-left: 5px; } #main_wrp .inv-responsive-data-tr td { border-bottom: 1px solid; padding-left: 5px; } #main_wrp .inv-responsive-data-header { width: 60%; } #main_wrp .inv-responsive-data-content { width: 40%; text-align: right; } #main_wrp .contentbody ul { list-style: disc outside none; padding: 0 0 15px 20px; } #main_wrp .contentbody ul li, #main_wrp .contentbody ul ul li { padding: 0 0 5px 0; } #main_wrp .contentbody ul ul { padding: 5px 0 0 20px; } #main_wrp .clear-both { clear: both; } #main_wrp #_cookieConsentWrapper { background-color: #fff; padding: 10px; border: #666 solid 1px; border-top: none; margin: 0 0 20px 0; } #main_wrp #_cookieConsentWrapper a { color: #4d5d7e; font-weight: bold; } #main_wrp #_cookieConsentWrapper input { margin: 0 0 0 10px; background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg.gif) right no-repeat #f16421; width: 95px; padding: 0 35px 4px 10px; color: #fff; height: 28px; line-height: 28px; border: 0 none; cursor: pointer; } #main_wrp #_cookieConsentWrapper input:hover { background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg-over.gif) right no-repeat #a6adbe; color: #fff; } #main_wrp .contentbody ol { list-style: decimal outside none; padding: 0 0 15px 30px; } #main_wrp .contentbody ol li, #main_wrp .contentbody ol ol li { padding: 0 0 5px 0; } #main_wrp .contentbody ol ol { padding: 5px 0 0 30px; } #main_wrp #main_wrp { margin: 0 auto; max-width: 1170px; } #main_wrp .logo { float: left; width: 100%; padding: 14px 0 30px; } #main_wrp .headerwrapper { padding-top: 13px; } #main_wrp .top-left-links { float: left; font-size: 0.917em; text-transform: uppercase; color: #005587; } #main_wrp .top-left-links ul { float: left; margin: 0px; padding: 6px 0 0px 0; } #main_wrp .top-left-links ul li, #main_wrp .top-right-links ul li { list-style: none !important; padding: 0 12px; background: url(/~/media/Images/N/NRAM-PLC/css/top-link-sep.gif) right no-repeat; } #main_wrp .top-left-links ul li a, #main_wrp .top-right-links ul li a { color: #005587; } #main_wrp .top-left-links ul li a:hover, #main_wrp .top-right-links ul li a:hover { color: #d389a4; } #main_wrp .top-left-links ul li a.current { color: #a9144b; } #main_wrp .top-left-links ul li.last, #main_wrp .top-right-links ul li.last { background: none; } #main_wrp .top-left-links ul li.first { padding: 0 13px 0 0; } #main_wrp .top-left-links ul li { float: left; } #main_wrp .top-right-links ul li { float: right; font-size: 0.917em; height: 20px; display: table; border-left: 1px solid #e3e3e2; background: none; } #main_wrp .top-right-links ul li:last-child { border-left: 0px none; } #main_wrp .top-right-links ul li.last { padding-right: 0px; } #main_wrp .top-right-links { float: right; } #main_wrp .top-right-links ul { float: right; margin: 0px; padding: 12px 0 14px 0; line-height: normal; } #main_wrp .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; } #main_wrp .top-right-links ul li:hover input, #main_wrp .top-right-links ul li a:hover { color: #d389a4; } #main_wrp .mozbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #search { float: right; padding: 8px 0 0px; width: 100%; } #main_wrp #searchtextbox { float: left; width: 93%; border-bottom: 1px solid #000; } #main_wrp #searchtextbox input { background: none; border: 0px none; color: #000; height: 18px; padding: 3px 5px 3px 0px; width: 75%; /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/*/ float: left; } #main_wrp #searchtextboxbutton { float: right; width: 7%; cursor: pointer; height: 24px; border-bottom: 1px solid #000; } #main_wrp #searchtextboxbutton input { cursor: pointer; width: 14px; height: 15px; border: 0 none; background: 0 none; padding-top: 5px; } #main_wrp body.ie7 #searchtextbox { margin: -1px 0 0 0; } #main_wrp .mobi-search { display: none; } #main_wrp .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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #mobi-searchtextbox { float: left; width: 93%; } #main_wrp #mobi-searchtextbox input { background: #fff; color: #999999; border: 0 none; height: 16px; padding: 4px 10px 4px 10px; width: 100%; } #main_wrp #mobi-searchtextboxbutton { float: right; width: 30px; cursor: pointer; } #main_wrp #mobi-searchtextboxbutton input { cursor: pointer; width: 17px; height: 17px; border: 0 none; background: 0 none; margin-left: 13px; margin-top: 2px; } #main_wrp #mobi-searchbox a, #main_wrp .mobile-menu a { height: 36px; width: 36px; cursor: pointer; margin-right: 5px; } #main_wrp .mobile-menu a { margin-right: 0; } #main_wrp #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%; } #main_wrp #mobile-shownav ul li { border-bottom: 1px solid #c3c6c6; width: 100%; padding: 8px 0; text-transform: uppercase; float: left; position: relative; background-color: #f8f8f8; } #main_wrp #mobile-shownav ul li.navopen { background-color: #fff; } #main_wrp #mobile-shownav ul li a { display: block; line-height: 20px; min-height: 24px; margin: 3px 45px 0 10px; color: #5e6665; font-weight: bold; } #main_wrp #mobile-shownav ul li.current > span { display: block; line-height: 20px; margin: 3px 45px 0 10px; min-height: 24px; color: #a9144b; } #main_wrp #mobile-shownav ul li.level1.current span { font-weight: bold; } #main_wrp #mobile-shownav ul li.level1.current li span { color: #5e6665; font-weight: normal; } #main_wrp #mobile-shownav ul li.level1.selected a, #main_wrp #mobile-shownav ul li.level1.selected li.level2.selected a, #main_wrp #mobile-shownav ul li.level1.selected li.level2.selected li.level3.selected a { color: #a9144b; } #main_wrp #mobile-shownav ul li.level1.selected a:hover, #main_wrp #mobile-shownav ul li.level1.selected li.level2.selected a:hover, #main_wrp #mobile-shownav ul li.level1.selected li.level2.selected li.level3.selected a:hover { color: #a9144b; } #main_wrp #mobile-shownav ul li.level1.selected li a, #main_wrp #mobile-shownav ul li.level1.selected li.level2.selected li a { color: #5e6665; } #main_wrp #mobile-shownav ul li.level1.last { border: 0 none; margin: 0 0 3px; } #main_wrp #mobile-shownav ul li.level1.first { margin: 3px 0 0; } #main_wrp #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; } #main_wrp #mobile-shownav ul li ul li.last { padding-bottom: 0; background: none; } #main_wrp #mobile-shownav ul li ul li a { display: block; float: none; line-height: 20px; font-weight: normal; color: #5b5454; } #main_wrp #mobile-shownav ul li a:hover, #main_wrp #mobile-shownav ul li.selected ul li a:hover { color: #a9144b; } #main_wrp #mobile-shownav ul li ul li ul li { font-size: 1em; } #main_wrp #mobile-shownav ul li ul li ul li span { padding-left: 20px; } #main_wrp #mobile-shownav ul li ul li ul li ul li span { padding-left: 30px; } #main_wrp #mobile-shownav ul li ul li.current.haschildren > span { background: url("/~/media/Images/N/NRAM-PLC/css/bottom-red-arrow.png") no-repeat scroll right 5px; color: #A9144B; margin: 3px 10px 0 10px; } #main_wrp #mobile-shownav ul li ul li ul li.selected.haschildren ul li a span { color: #333333; } #main_wrp #mobile-shownav ul li ul li ul li.current.haschildren ul li > span { color: #A9144B; background: none; } #main_wrp #mobile-shownav ul li ul li ul li.selected.haschildren ul li.current span { background: none; color: #A9144B; } #main_wrp #mobile-shownav ul li ul li ul li.selected.haschildren ul li a:hover span { color: #A9144B; } #main_wrp #mobile-shownav .showmore, #main_wrp #mobile-shownav .showmore1 { width: 35px; height: 27px; background: url("/~/media/Images/N/NRAM-PLC/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; } #main_wrp #mobile-shownav .showmore.selected, #main_wrp #mobile-shownav .showmore1.selected { background-position: 0 -27px; } #main_wrp ul#mobi-section-results-and-presentations-level4, #main_wrp ul#mobi-section-latest-news-level4, #main_wrp ul#mobi-section-corporate-reports-level4 { display: none !important; } #main_wrp #mobi-helpful-tools { float: right; background: #f16421; padding: 9px 6px; font-size: 1.300em; margin-right: 5px; } #main_wrp #mobi-helpful-tools a { background: url("/~/media/Images/N/NRAM-PLC/css/white-arrow-down.png") no-repeat scroll right center; color: #FFFFFF; padding: 0 15px 0 0; } #main_wrp .mobi-tools { float: left; width: 100%; padding: 10px 0 0 0; background: #f16421; } #main_wrp .mobi-tools ul { margin: 0px; padding: 0 0 10px 10px; display: block; } #main_wrp .mobi-tools ul li { list-style: none !important; height: 50px; font-size: 1.250em; color: #fff; } #main_wrp .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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .mobi-tools ul li a:hover { color: #a7d4f5; } #main_wrp .mobi-tools ul li.homeowners-budget { background: url(/~/media/Images/N/NRAM-PLC/css/home-budget-planner-icon-new.gif) left top no-repeat; } #main_wrp .mobi-tools ul li.homeowners-budget:hover { background: url(/~/media/Images/N/NRAM-PLC/css/home-budget-planner-icon-new.gif) left bottom no-repeat; } #main_wrp .mobi-tools ul li.landlords-budget { background: url(/~/media/Images/N/NRAM-PLC/css/landloard-budget-planner-icon-new.gif) left top no-repeat; } #main_wrp .mobi-tools ul li.landlords-budget:hover { background: url(/~/media/Images/N/NRAM-PLC/css/landloard-budget-planner-icon-new.gif) left bottom no-repeat; } #main_wrp .mobi-tools ul li.rate-calc { background: url(/~/media/Images/N/NRAM-PLC/css/switch-icon-new.gif) left top no-repeat; } #main_wrp .mobi-tools ul li.rate-calc:hover { background: url(/~/media/Images/N/NRAM-PLC/css/switch-icon-new.gif) left bottom no-repeat; } #main_wrp .mobi-tools ul li.switch { background: url(/~/media/Images/N/NRAM-PLC/css/rate-rise-icon-new.gif) left top no-repeat; } #main_wrp .mobi-tools ul li.switch:hover { background: url(/~/media/Images/N/NRAM-PLC/css/rate-rise-icon-new.gif) left bottom no-repeat; } #main_wrp .mobi-tools ul li.make-over { background: url(/~/media/Images/N/NRAM-PLC/css/make-over-icon-new.gif) left top no-repeat; } #main_wrp .mobi-tools ul li.make-over:hover { background: url(/~/media/Images/N/NRAM-PLC/css/make-over-icon-new.gif) left bottom no-repeat; } #main_wrp .mobi-tools ul li.find-deal { background: url(/~/media/Images/N/NRAM-PLC/css/find-deal-icon-new.gif) left top no-repeat; } #main_wrp .mobi-tools ul li.find-deal:hover { background: url(/~/media/Images/N/NRAM-PLC/css/find-deal-icon-new.gif) left bottom no-repeat; } #main_wrp .top-nav { float: left; height: 31px; text-transform: uppercase; padding-bottom: 20px; width: 100%; /*/*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/*/ } #main_wrp .top-nav ul { margin: 0px; padding: 0px; float: left; width: 100%; } #main_wrp .top-nav > ul > li { list-style: none !important; float: left; font-size: 1.250em; } #main_wrp .top-nav ul li a { color: #333; display: block; } #main_wrp .top-nav ul li.level3 a { color: #666; } #main_wrp .top-nav ul li a:hover, #main_wrp .top-nav ul li.selected > a { color: #666; } #main_wrp .top-nav ul li.level3 a:hover { color: #000; } #main_wrp .top-nav ul li.level3.selected > a, #main_wrp .top-nav ul li.level3.current span { color: #000; } #main_wrp .top-nav ul li span { padding: 6px 9px; display: block; } #main_wrp .top-nav > ul > li:hover > span, #main_wrp .top-nav > ul > li:hover > a > span { background: #a9144b; color: #fff; } #main_wrp .top-nav > ul > li > a:hover { color: #fff; } #main_wrp .top-nav > ul > li.current, #main_wrp .top-nav > ul > li.selected > a { color: #fff; display: block; } #main_wrp .top-nav > ul > li.current > span, #main_wrp .top-nav > ul > li.selected > a > span { background: #a9144b; color: #fff; } #main_wrp .top-nav > ul > li.first span { padding: 6px 10px; } #main_wrp .top-nav > ul > li.last span { padding: 6px 0 6px 10px; } #main_wrp .top-nav ul li#top-nav-corporate-level1, #main_wrp .top-nav ul li#top-nav-mortgage-intermediaries-level1, #main_wrp .top-nav ul li#top-nav-debt-advisers-level1 { display: none; } #main_wrp #working-together-with-the-debt-advice-community li.debt-advisers a, #main_wrp .ip3-debt-advisers li.debt-advisers a { color: #A9144B; } #main_wrp #mortgage-intermediaries li.mortgage-intermediaries a, #main_wrp .ip3-mortgage-intermediaries li.mortgage-intermediaries a { color: #A9144B; } #main_wrp #corporate li.media-investors a, #main_wrp .ip3-corporate li.media-investors a { color: #A9144B; } #main_wrp #Homepage li.customers a, #main_wrp .ip3-about-us li.customers a, #main_wrp #about-us li.customers a, #main_wrp .ip3-homeowners li.customers a, #main_wrp #homeowners li.customers a, #main_wrp .ip3-landlords li.customers a, #main_wrp #landlords li.customers a, #main_wrp .ip3-loans li.customers a, #main_wrp #loans li.customers a, #main_wrp .ip3-ppi li.customers a, #main_wrp #ppi li.customers a, #main_wrp .ip3-ask-a-question li.customers a, #main_wrp #ask-a-question li.customers a { color: #A9144B; } #main_wrp #banner-wrapper { /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/*/ float: left; width: 100%; padding: 0; position: relative; margin-bottom: 23px; overflow: hidden; z-index: 0; height: 402px; } #main_wrp .nojs #banner-wrapper .banner-item { display: none; } #main_wrp .nojs #banner-wrapper .banner-item.first { display: block; } #main_wrp #banner-wrapper .banner-item .bannerText { padding: 30px; position: absolute; top: 0; width: 100%; } #main_wrp #banner-wrapper .banner-item .bannerText #banneralltextsection { min-height: 270px; } #main_wrp #banner-wrapper .banner-item img { max-width: none; float: right; } #main_wrp #banner-wrapper .bx-controls .bx-pager .bx-pager-item { float: left; } #main_wrp #banner-wrapper .bx-controls .bx-pager { position: absolute; z-index: 999; top: 12px; right: 10px; float: right; } #main_wrp #banner-wrapper .bx-controls .bx-pager a { background: url(/~/media/Images/N/NRAM-PLC/css/slider-dot-over.png) left bottom no-repeat; height: 10px; width: 10px; padding: 0 7px 0 0; float: left; text-indent: -9999px; } #main_wrp #banner-wrapper .bx-controls .bx-pager a.active { background: url(/~/media/Images/N/NRAM-PLC/css/slider-dot.png) left bottom no-repeat; } #main_wrp #banner-wrapper .heading { font-size: 3.333em; line-height: 1.0em; color: #fff; width: 80%; /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/*/ } #main_wrp #banner-wrapper .sub-heading { font-size: 1.500em; line-height: 1.2em; color: #fff; width: 65%; } #main_wrp #banner-wrapper .banner-content { font-size: 1.167em; font-weight: normal; line-height: 1.167em; color: #fff; /*margin-bottom:25px;*/ width: 65%; } #main_wrp #banner-wrapper .banner-content ul li { list-style: disc outside none; margin: 0 0 0 15px; padding: 0 0 2px; width: 100%; } #main_wrp #banner-wrapper .banner-content ul { margin: 0 0 15px; } #main_wrp #banner-wrapper .heading p span.rad-highlight { color: #fff; } #main_wrp #banner-wrapper .banner-link { float: left; width: 100%; font-size: 1.083em; margin: 0 0 5px; /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */ } #main_wrp #banner-wrapper .banner-link a { background: url("/~/media/Images/N/NRAM-PLC/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; } #main_wrp .nojs #banner-wrapper .banner-link a { background: none repeat scroll 0 0 #4C5A7F; padding: 0 10px; } #main_wrp #banner-wrapper #banner-static .banner-item { float: left; width: 870px; } #main_wrp #banner-wrapper #banner-static .banner-item .bannerText { float: left; width: 870px; } #main_wrp .right-contact { float: left; width: 100%; height: 36px; padding: 0 10px; margin: 0 0 10px 0; background: #4c5a7f url(/~/media/Images/N/NRAM-PLC/css/grey-contact-bg.png) right top no-repeat; } #main_wrp .right-contact ul { margin: 4px 0px; padding: 0px; } #main_wrp .right-contact ul li { list-style: none !important; color: #fff; line-height: 1.5em; font-size: 1.5em; } #main_wrp .right-contact ul li a { color: #fff; background: url(/~/media/Images/N/NRAM-PLC/css/white-arrow.png) right center no-repeat; padding: 0 15px 0 0; } #main_wrp .right-contact ul li a:hover { color: #a7d4f5; background: url(/~/media/Images/N/NRAM-PLC/css/blue-arrow.png) right center no-repeat; } #main_wrp .tool-calc-main { float: left; width: 100%; background: url(/~/media/Images/N/NRAM-PLC/css/tools-calc-bot-bg.jpg) right bottom no-repeat #4c5a7f; margin: 0 0 15px; } #main_wrp .tool-calc-main h2 { font-size: 1.667em; color: #fff; padding: 10px 0 0 10px; } #main_wrp .tool-calc-main h2 a { color: #fff; background: url(/~/media/Images/N/NRAM-PLC/css/white-arrow.png) right 10px no-repeat; padding: 0 15px 0 0; } #main_wrp .tool-calc-main h2 a:hover { color: #a7d4f5; background: url(/~/media/Images/N/NRAM-PLC/css/blue-arrow.png) right 10px no-repeat; padding: 0 15px 0 0; } #main_wrp .tools { float: left; width: 100%; padding: 10px 0 0 0; } #main_wrp .tools ul { margin: 0px; padding: 0 0 20px 10px; float: left; } #main_wrp .tools ul li { list-style: none !important; float: left; height: 50px; font-size: 1.250em; color: #fff; } #main_wrp .tools ul li a { color: #fff; display: block; padding: 1px 31px 0 50px; width: 130px; } #main_wrp .tools ul li a:hover { color: #a7d4f5; } #main_wrp .tools ul li.homeowners-budget { background: url(/~/media/Images/N/NRAM-PLC/css/home-budget-planner-icon-new.gif) left top no-repeat; } #main_wrp .tools ul li.homeowners-budget:hover { background: url(/~/media/Images/N/NRAM-PLC/css/home-budget-planner-icon-new.gif) left bottom no-repeat; } #main_wrp .tools ul li.landlords-budget { background: url(/~/media/Images/N/NRAM-PLC/css/landloard-budget-planner-icon-new.gif) left top no-repeat; } #main_wrp .tools ul li.landlords-budget:hover { background: url(/~/media/Images/N/NRAM-PLC/css/landloard-budget-planner-icon-new.gif) left bottom no-repeat; } #main_wrp .tools ul li.rate-calc { background: url(/~/media/Images/N/NRAM-PLC/css/switch-icon-new.gif) left top no-repeat; } #main_wrp .tools ul li.rate-calc:hover { background: url(/~/media/Images/N/NRAM-PLC/css/switch-icon-new.gif) left bottom no-repeat; } #main_wrp .tools ul li.switch { background: url(/~/media/Images/N/NRAM-PLC/css/rate-rise-icon-new.gif) left top no-repeat; } #main_wrp .tools ul li.switch:hover { background: url(/~/media/Images/N/NRAM-PLC/css/rate-rise-icon-new.gif) left bottom no-repeat; } #main_wrp .tools ul li.make-over { background: url(/~/media/Images/N/NRAM-PLC/css/make-over-icon-new.gif) left top no-repeat; } #main_wrp .tools ul li.make-over:hover { background: url(/~/media/Images/N/NRAM-PLC/css/make-over-icon-new.gif) left bottom no-repeat; } #main_wrp .tools ul li.find-deal { background: url(/~/media/Images/N/NRAM-PLC/css/find-deal-icon-new.gif) left top no-repeat; } #main_wrp .tools ul li.find-deal:hover { background: url(/~/media/Images/N/NRAM-PLC/css/find-deal-icon-new.gif) left bottom no-repeat; } #main_wrp #home-box-main { float: left; padding: 6px 0 0 0; width: 100%; } #main_wrp #home-box-main h2 { padding: 10px 0 3px 0; } #main_wrp #home-box-main h2 a { color: #f16421; } #main_wrp #home-box-main h2 a:hover { color: #a6adbe; text-decoration: underline; } #main_wrp .home-box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .home-box4 { padding: 48px 0px 0 0; } #main_wrp .home-box4.home-box.invspan4 { margin-left: 0; } #main_wrp .home-box4 p a { background: url(/~/media/Images/N/NRAM-PLC/css/home-blue-arrow.gif) right no-repeat #f16421; padding: 0 0 0 10px; width: 210px; color: #fff; height: 28px; float: left; line-height: 28px; } #main_wrp .home-box4 p a:hover { background: url(/~/media/Images/N/NRAM-PLC/css/home-over-blue-arrow.gif) right no-repeat #a6adbe; color: #fff; } #main_wrp .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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .custom-dropdown { border: 1px solid #868e8b; padding: 5px 10px; } #main_wrp .custom-dropdown a { color: #f16421; cursor: pointer; background: url(/~/media/Images/N/NRAM-PLC/css/blue-arrow-bottom.gif) right no-repeat; display: block; } #main_wrp .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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .home-box5 ul li { display: block; padding: 3px 10px; width: 100%; float: left; } #main_wrp .home-box5 ul li a { display: block; padding: 0px; color: #f16421; } #main_wrp .home-box5 ul li.alt { background: #f6f6f6; } #main_wrp .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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .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; } #main_wrp .home-box6 ul li { display: block; padding: 3px 10px; width: 100%; float: left; } #main_wrp .home-box6 ul li a { display: block; padding: 0px; color: #f16421; } #main_wrp .home-box6 ul li.alt { background: #f6f6f6; } #main_wrp #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"); } #main_wrp #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%; } #main_wrp .left-menu { padding: 1px 20px 0 0; } #main_wrp #breadcrumb { margin: 0 0 19px 0; } #main_wrp #breadcrumb a { color: #f16421; font-size: 0.917em; } #main_wrp #breadcrumb span { color: #666666; font-size: 0.917em; display: inline-block; } #main_wrp p#sectionheader { font-size: 1.583em; color: #a9144b; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ line-height: 24px; padding-bottom: 6px; margin: 0; } #main_wrp .main-content a { font-weight: bold; } #main_wrp .main-content ul { margin: 0px; padding: 0 0 15px 0px; } #main_wrp .main-content ul li { list-style: disc; padding: 0 0 5px 0; margin: 0 0 0 15px; } #main_wrp .main-content ul li ul { padding: 5px 0 0 20px; } #main_wrp .main-content ul li ul li { font-size: 1em; } #main_wrp .main-content ol { margin: 0px; padding: 0 0 0 20px; } #main_wrp .main-content ol li { list-style: lower-roman; padding: 0 0 5px 0; } #main_wrp #left-nav ul li { line-height: 16px; font-size: 1.083em; position: relative; } #main_wrp #left-nav li.level2 > span, #main_wrp #left-nav li.level2 > a > span { border-bottom: 1px solid #e0e0e0; } #main_wrp #left-nav li.level2.first > span, #main_wrp #left-nav li.level2.first > a > span { border-top: 1px solid #e0e0e0; } #main_wrp #left-nav ul li a { display: block; } #main_wrp #left-nav ul li a span { color: #000; padding-right: 25px; } #main_wrp #left-nav ul li span { color: #a9144b; display: block; padding: 11px 0px; } #main_wrp #left-nav ul li a span:hover { color: #d489a5 !important; } #main_wrp #left-nav ul li.current span:hover { color: #A9144B; } #main_wrp #left-nav ul li.current > span { color: #A9144B; padding-right: 25px; } #main_wrp #left-nav ul li.selected a span { color: #A9144B; } #main_wrp #left-nav ul li.selected a span:hover { color: #A9144B !important; } #main_wrp #left-nav ul li.selected ul li a span:hover { color: #d489a5 !important; } #main_wrp #left-nav ul li.level4 a span:hover { color: #d489a5 !important; } #main_wrp #left-nav ul li.selected ul li.selected a span:hover { color: #d489a5 !important; } #main_wrp #left-nav ul li.selected ul li.selected.haschildren a span:hover { color: #A9144B !important; } #main_wrp #left-nav ul li.selected ul li.selected.haschildren ul li a span:hover { color: #d489a5 !important; } #main_wrp #left-nav ul li.selected ul li a span { color: #333; } #main_wrp #left-nav ul ul { display: none; background: #f8f7f7; border-bottom: 1px solid #e0e0e0; } #main_wrp #left-nav ul li.level3 > ul { border-bottom: 0px none; } #main_wrp #left-nav ul li ul li { font-size: 1em; } #main_wrp #left-nav ul li ul li span { padding-left: 12px; color: #666666; } #main_wrp #left-nav ul li ul li.haschildren ul li span { background: none; } #main_wrp #left-nav ul li ul li.current.haschildren ul li span { background: none; } #main_wrp #left-nav ul li ul li.current.haschildren span { /*background: url("/~/media/Images/N/NRAM-PLC/css/bottom-red-arrow.png") no-repeat scroll left center;*/ color: #A9144B; } #main_wrp #left-nav ul li ul li.selected.haschildren span { /*background: url("/~/media/Images/N/NRAM-PLC/css/bottom-red-arrow.png") no-repeat scroll left center;*/ color: #A9144B; } #main_wrp #left-nav ul li ul li.selected.haschildren ul li a span { background: none; color: #333333; } #main_wrp #left-nav ul li ul li.selected.haschildren ul li span { background: none; color: #A9144B; } #main_wrp #left-nav ul li ul li.current.haschildren ul li span { color: #333; } #main_wrp #left-nav ul li ul li ul li { font-size: 1em; } #main_wrp #left-nav ul li ul li ul li span { padding-left: 20px; padding-right: 20px; } #main_wrp li#nav-results-and-presentations-level3 a span, #main_wrp li#nav-corporate-reports-level3 a span { background: 0 none !important; } #main_wrp #left-nav ul#section-latest-news-level4, #main_wrp #left-nav ul#section-results-and-presentations-level4, #main_wrp #left-nav ul#section-corporate-reports-level4 { display: none; } #main_wrp .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; } #main_wrp .left-menu-toggle-outer.opened .left-menu-toggle { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #000; } #main_wrp .left-menu-toggle-outer { position: absolute; right: 0; top: 0px; width: 20px; height: 35px; padding-top: 12px; cursor: pointer; box-sizing: border-box; } #main_wrp #footer { margin: 30px 0 0 0; } #main_wrp .footer-left { border-top: #e0e0e0 solid 1px; } #main_wrp .footer-link { float: left; width: 100%; padding: 3px 0 15px 0; font-size: 0.833em; } #main_wrp .footer-link ul { margin: 0px; padding: 0px 0 0 0; } #main_wrp .footer-link ul li { list-style: none !important; float: left; text-transform: uppercase; padding: 0 11px 0 11px; background: url(/~/media/Images/N/NRAM-PLC/css/footer-link-sep.gif) right no-repeat; } #main_wrp .footer-link ul li a { color: #f16421; font-size: 0.917em; } #main_wrp .footer-link ul li a:hover { color: #d389a4; } #main_wrp .footer-link ul li a.current { color: #a9144b; } #main_wrp .footer-link ul li.last { background: none; } #main_wrp .footer-link ul li.first { padding: 0 8px 0 0; } #main_wrp .footer-content { float: left; width: 100%; border-bottom: #e0e0e0 solid 1px; padding-top: 12px; } #main_wrp .footer-content p { font-size: 0.750em; line-height: 12px; } #main_wrp .footer-content p:last-child { padding-bottom: 0px; } #main_wrp .footer-content img { float: left; padding: 0 0 30px 0px; } #main_wrp .e-xt { display: none; border-top: #e0e0e0 solid 1px; } #main_wrp .extrnl-dsclmr-cntnt { padding: 40px; } #main_wrp .extrnl-dsclmr-cntnt p { font-size: 1.071em; line-height: 20px; } #main_wrp .extrnl-dsclmr-cntnt a.accept-btn { background: url(/~/media/Images/N/NRAM-PLC/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; } #main_wrp .tools-calculators-wrapper #toolsBottomText { display: block; float: left; margin-top: 20px; } #main_wrp .main-content h2 a { font-weight: normal; } #main_wrp .landingBox { margin: 0 0 20px; } #main_wrp .landingBox.space0, #main_wrp .landingBox.space768 { margin-left: 0 !important; } #main_wrp p.rad-underline a { background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg.gif) right no-repeat #f16421; font-weight: normal; padding: 0 35px 0 10px; color: #fff; height: 28px; float: left; line-height: 28px; } #main_wrp p.rad-underline a:hover { background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg-over.gif) right no-repeat #a6adbe; color: #fff; } #main_wrp .nojs #landingBox-1.landingBox.invspan6, #main_wrp .nojs #landingBox-3.landingBox.invspan6, #main_wrp .nojs #landingBox-5.landingBox.invspan6, #main_wrp .nojs #landingBox-7.landingBox.invspan6 { margin: 0 2.5641% 2.5641% 0; } #main_wrp .nojs #landingBox-2.landingBox.invspan6, #main_wrp .nojs #landingBox-4.landingBox.invspan6, #main_wrp .nojs #landingBox-6.landingBox.invspan6, #main_wrp .nojs #landingBox-8.landingBox.invspan6 { margin: 0 0 2.5641% 0; } #main_wrp .level1-snap-wrapper, #main_wrp .level2-snap-wrapper, #main_wrp .snapdown, #main_wrp .snapdown-content { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .snapdown-wrapper-bottom h2 { font-size: 1.833em; color: #666666; } #main_wrp .level1-snap-wrapper { margin-bottom: 36px; } #main_wrp .level1-snap-wrapper .snapdown .snapdown-content { padding: 10px 15px 13px 25px; } #main_wrp .level1-snap-wrapper .snapdown .snapdown-content p { padding: 0 0 15px 0px; } #main_wrp .level2-snap-wrapper .snapdown .snapdown-content { padding: 15px 0 0 25px; } #main_wrp .level2-snap-wrapper .snapdown .snapdown-content p { padding: 0 0 15px 0; } #main_wrp .cursorpointer { cursor: pointer; } #main_wrp .level1-snap-wrapper .snapdown .snapdown-content img { float: left; padding: 0 10px 10px 0; } #main_wrp .level1-snap-wrapper .snapdown-title { background: url("/~/media/Images/N/NRAM-PLC/css/plus-icon.png") no-repeat 9px 12px #F6F6F6; line-height: normal; color: #f16421; /*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/*/ font-size: 1.5em; margin: 0 0 9px; padding: 5px 0 5px 25px; width: 100%; } #main_wrp .level1-snap-wrapper .snapdown-title.snapopen { background: url("/~/media/Images/N/NRAM-PLC/css/hyphen-icon.png") no-repeat 9px 16px #F6F6F6; color: #A9144B; margin: 0; } #main_wrp .nojs .level1-snap-wrapper .snapdown-title { background-image: none; } #main_wrp .level1-snap-wrapper .snapdown .snapdown-content .level2-snap-wrapper .snapdown-title { padding: 5px 10px 5px 25px; width: 100%; color: #f16421; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 1.333em; background: url("/~/media/Images/N/NRAM-PLC/css/right-black-arrow.png") no-repeat scroll 9px center; cursor: pointer; } #main_wrp .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; } #main_wrp .level1-snap-wrapper .snapdown .snapdown-content .level2-snap-wrapper .snapdown-title.snapopen { background: url("/~/media/Images/N/NRAM-PLC/css/bottom-red-arrow.png") no-repeat 9px center; cursor: pointer; color: #A9144B; text-decoration: underline; } #main_wrp .level1-snap-wrapper .snapdown .snapdown-content .level2-snap-wrapper .snapdown-title.snapopen:hover { color: #A9144B; text-decoration: underline; } #main_wrp #adobehelp { float: left; width: 100%; margin: 15px 0 0; } #main_wrp #adobehelp a img { float: left; font-size: 0.875em; line-height: 1.2em; margin: 3px 10px 5px 0; } #main_wrp .results-nav-tabs { float: left; margin: 0 0 10px; } #main_wrp .results-nav-tabs ul { margin: 0px; padding: 0px; } #main_wrp .results-nav-tabs ul li { display: block; float: left; margin: 0 2px 0 0; background-color: #f16421; padding: 0px; } #main_wrp .results-nav-tabs ul li.current { background-color: #a9144b; } #main_wrp .results-nav-tabs ul li span { display: block; padding: 5px 10px; color: #fff; font-size: 1.2em; font-weight: bold; } #main_wrp .ip3-latest-news .results-nav-tabs { border-bottom: 1px solid #CECFD1; } #main_wrp .news-wrapper { float: left; margin: 0 0 12px; } #main_wrp .news-wrapper #news-date, #main_wrp .news-wrapper .news-short-desc, #main_wrp .news-wrapper .news-title, #main_wrp .news-wrapper .news-item { float: left; padding: 0 0 5px; width: 100%; } #main_wrp .news-wrapper .news-title { font-size: 1.167em; } #main_wrp .news-wrapper .news-item { margin: 0 0 10px; border-bottom: 1px solid #CECFD1; } #main_wrp .email-alert p.rad-underline { float: left; width: 100%; } #main_wrp table.searchTable { margin: 10px 0; width: 100%; line-height: 18px; } #main_wrp table.searchTable th { text-align: left; } #main_wrp table.searchTable td { padding: 10px 0; vertical-align: top; border-bottom: #e0e0e0 solid 1px; } #main_wrp table.searchTable td a { color: #4d5d7e; } #main_wrp table.searchTable td a:hover { text-decoration: underline; } #main_wrp table.search tr th { text-align: left; vertical-align: top; } #main_wrp .searchresultpage { float: left; width: 100%; } #main_wrp .searchresultpage ul { margin: 0px; padding: 0px; } #main_wrp .searchresultpage ul li { list-style: disc; margin: 0 0 0 15px; } #main_wrp .pagenav { float: left; padding: 10px 0; } #main_wrp .pagenav ul { margin: 0px; padding: 0px !important; } #main_wrp .pagenav ul li { list-style: none !important; padding: 6px; float: left; margin: 0px !important; } #main_wrp .pagenav ul li a { color: #666; } #main_wrp .pagenav ul li a:hover { color: #4d5d7e; } #main_wrp .pagenav ul li strong { color: #4d5d7e; } #main_wrp .pagenav .next { padding: 5px 20px 5px 10px; border: #e0e0e0 solid 1px; background: url(/~/media/Images/N/NRAM-PLC/css/sitemap-arrow.gif) 70px 11px no-repeat; color: #4e5b7e; } #main_wrp .pagenav .previous { padding: 5px 10px 5px 20px; border: #e0e0e0 solid 1px; background: url(/~/media/Images/N/NRAM-PLC/css/previous-arrow.gif) 7px no-repeat; color: #4e5b7e; } #main_wrp .pagenav .next a, #main_wrp .pagenav .previous a { color: #4d5d7e; font-weight: normal; } #main_wrp .pagenav .next a:hover, #main_wrp .pagenav .previous a:hover { color: #4d5d7e; } #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .freetext { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/N/NRAM-PLC/htc-files/boxsizing.htc"); color: #404040; float: left; /* height: 38px; */ margin: 0 1% 0 0; padding: 6px 10px; width: 35%; border: 1px solid #f16421; } #main_wrp .filterdropdown { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/N/NRAM-PLC/htc-files/boxsizing.htc"); position: relative; /*width: 23%;*/ width: 26%; border: 1px solid #f16421; min-height: 18px; margin-right: 1%; /*padding:5px 10px;*/ padding: 5px 6px; } #main_wrp span.selectedLocation-year, #main_wrp span.selectedLocation-month { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/N/NRAM-PLC/htc-files/boxsizing.htc"); background: url("/~/media/Images/N/NRAM-PLC/css/blue-arrow-bottom.gif") no-repeat scroll right center; color: #404040; cursor: pointer; float: left; padding: 0; width: 100%; display: block; } #main_wrp ul.selectfilter-year, #main_wrp ul.selectfilter-month, #main_wrp 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 #f16421; border-right: 1px solid #f16421; border-bottom: 1px solid #f16421; background: #fff; } #main_wrp ul.selectfilter-year li, #main_wrp 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; } #main_wrp input#prbtnSearch.investor-update-link { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url("/~/media/Files/N/NRAM-PLC/htc-files/boxsizing.htc"); border: medium none; background: #A9144B; float: left; color: #fff; cursor: pointer; padding: 6px 10px; width: 10%; } #main_wrp .invisible { visibility: hidden; } #main_wrp #reportsContainer { clear: both; padding: 15px 0; } #main_wrp #reportsCont ul { list-style-type: none; padding: 0; margin: 0; } #main_wrp #loadedContent { display: none; } #main_wrp #content-inner-right .tableWrapper table tr th { text-align: left; } #main_wrp #content-inner-right #reportsContainer table tr th.centerT { text-align: center; } #main_wrp #content-inner-right .tableWrapper table tr th.centerT { text-align: center; } #main_wrp #content-inner-right .tableWrapper table tr td { vertical-align: middle; border-bottom: 1px solid #fff; background: #f6f6f6; } #main_wrp .tableWrapper a { padding: 5px 25px 5px 0; } #main_wrp .tableWrapper a.data-pdf { text-transform: uppercase; background: url("/~/media/Images/N/NRAM-PLC/css/pdf-icon.png") no-repeat scroll right center; } #main_wrp .tableWrapper a.data-pptx { text-transform: uppercase; background: url("/~/media/Images/N/NRAM-PLC/css/ppt-icon.png") no-repeat scroll right center; } #main_wrp .tableWrapper a.data-webpage { text-transform: uppercase; background: url("/~/media/Images/N/NRAM-PLC/css/webcast-icon.png") no-repeat scroll right center; } #main_wrp #content-inner-right .mobileView .itemContainer .snapHead { float: left; width: 100%; padding: 5px 0 5px 25px; margin-bottom: 1px; } #main_wrp #content-inner-right .mobileView .itemContainer .snapHead { background: #9fafb8 url("/~/media/Images/N/NRAM-PLC/css/plus-icon.png") no-repeat scroll 5px center; } #main_wrp #content-inner-right .mobileView .itemContainer .snapHead.open { background: #9fafb8 url("/~/media/Images/N/NRAM-PLC/css/hyphen-icon.png") no-repeat 5px center; } #main_wrp #content-inner-right .mobileView .itemContainer .snapHead a { color: #f16421; display: block; } #main_wrp #content-inner-right .mobileView .itemContainer .snapHead.open a { color: #A9144B; } #main_wrp #content-inner-right .mobileView .itemContainer .snapHead a:hover { cursor: pointer; } #main_wrp .desktopView { display: block; } #main_wrp .mobileView { display: none; } #main_wrp .mobileView .snapDownContainer { margin-top: 5px; } #main_wrp #icon-intro-content img { float: none; padding: 0 0 5px; } #main_wrp .nojs #loader1, #main_wrp .nojs #loader { display: none; } #main_wrp #loader1, #main_wrp #loader, #main_wrp .loader { margin-top: 30px; min-height: 40px; clear: both; background: url("/~/media/Images/N/NRAM-PLC/css/pre-loader.png") no-repeat center; } #main_wrp table.data-table { border: #E0E0E0 solid 1px; border-right: 0px; margin: 0 0 15px 0; } #main_wrp table.data-table tr th { font-weight: bold; background: #ececec; text-align: left; padding: 5px; border-right: #E0E0E0 solid 1px; } #main_wrp table.data-table tr th.center { font-weight: bold; background: #ececec; text-align: center; padding: 5px; border-right: #E0E0E0 solid 1px; } #main_wrp table.data-table tr td { font-weight: normal; border-top: #E0E0E0 solid 1px; border-bottom: #E0E0E0 solid 1px; border-right: #E0E0E0 solid 1px; } #main_wrp .helping-banner { float: left; width: 100%; max-width: 270px; } #main_wrp .helping-banner ul { float: left; margin: 0px; padding: 0px; width: 100%; } #main_wrp .helping-banner ul li { float: left; width: 100%; list-style: none !important; margin: 0 0 2px; background: #f16421; padding: 15px 0; } #main_wrp .helping-banner h2 { color: #fff; font-size: 2.1em; padding: 0px 15px 15px 15px; } #main_wrp .helping-banner h3 { color: #fff; font-size: 2.1em; padding: 0px 15px 15px 15px; } #main_wrp .helping-banner p { padding: 0 22px 4px 16px; color: #fff; line-height: 16px; font-family: Arial; } #main_wrp .helping-banner img { float: left; padding: 0 12px 16px 16px; } #main_wrp .helping-banner p a { background: url(/~/media/Images/N/NRAM-PLC/css/white-arrow.png) right 5px no-repeat; padding: 0 15px 0 0; color: #fff; display: block; } #main_wrp .helping-banner p a:hover { color: #a7d4f5; background: url(/~/media/Images/N/NRAM-PLC/css/blue-arrow.png) right 5px no-repeat; } #main_wrp .helping-banner ul li#switching-to-a-repayment-mortgage { background: none; padding: 0; } #main_wrp .helping-banner li#switching-to-a-repayment-mortgage img { float: left; padding: 0; } #main_wrp #sitemap-content { float: left; width: 100%; padding: 0; margin: 0 0 15px 0; } #main_wrp #sitemap-content ul { padding: 0px; margin: 0px; width: 100%; } #main_wrp #sitemap-content ul li { color: #666; height: auto !important; padding: 0px 0 10px 0; clear: both; background: 0 none; margin: 0px; list-style: none; } #main_wrp #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; } #main_wrp #sitemap-content ul li a:hover { color: #d489a5 !important; } #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #sitemap-content ul li ul li { float: left; padding-bottom: 3px !important; list-style: none !important; margin: 0px; width: 100%; } #main_wrp #sitemap-content ul li ul li a { color: #666; float: left; background: url(/~/media/Images/N/NRAM-PLC/css/sitemap-arrow.gif) left 6px no-repeat; padding: 0 0 0 15px; font-weight: normal; border: 0 none; } #main_wrp #sitemap-content ul li ul li ul { padding: 6px 0 0 15px; margin: 0; float: left; } #main_wrp #sitemap-content ul li ul li ul li { float: left; padding-bottom: 3px !important; list-style: none; width: 100%; } #main_wrp #sitemap-content ul li ul li ul li a { color: #666; float: left; background: url(/~/media/Images/N/NRAM-PLC/css/sitemap-arrow.gif) left 6px no-repeat; padding: 0 0 0 15px; font-weight: normal; border: 0 none; } #main_wrp #sitemap-content ul li ul li ul li ul { padding: 6px 0 6px 15px; margin: 0; float: left; } #main_wrp #sitemap-content ul li ul li ul li ul li { float: left; padding-bottom: 3px !important; list-style: none; width: 100%; } #main_wrp #sitemap-content ul li ul li ul li ul li a { color: #666; float: left; background: url(/~/media/Images/N/NRAM-PLC/css/sitemap-arrow.gif) left 6px no-repeat; padding: 0 0 0 15px; font-weight: normal; border: 0 none; } #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #subscribetoarenalabel-your-nameLabelContainer, #main_wrp #subscribetoarenalabel-return-emailLabelContainer, #main_wrp #subscribetoarenalabel-queryLabelContainer, #main_wrp #subscribetoarenaTelephoneLabelLabelContainer, #main_wrp #subscribetoarenalabel-addressLabelContainer, #main_wrp #subscribetoarenalabel-postcodeLabelContainer, #main_wrp #subscribetoarenalabel-phoneLabelContainer, #main_wrp #subscribetoarenalabel-queryLabelContainer, #main_wrp #subscribetoarenacaptchalabelLabelContainer, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #subscribetoarenayourname-textboxTextboxContainer, #main_wrp #subscribetoarenaemail-textboxTextboxContainer, #main_wrp #subscribetoarenaquery-textareaTextareaContainer, #main_wrp #subscribetoarenaTelephoneTxtBoxTextboxContainer, #main_wrp #subscribetoarenaTelephoneTxtBoxTextboxContainer, #main_wrp #subscribetoarenaaddress-textboxTextboxContainer, #main_wrp #subscribetoarenapostcode-textboxTextboxContainer, #main_wrp #subscribetoarenaphone-textboxTextboxContainer, #main_wrp #subscribetoarenaemail-textbox1TextboxContainer, #main_wrp #subscribetoarenaquery-textarea1TextareaContainer, #main_wrp #subscribetoarenacaptchaCaptchaContainer, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #subscribetoarenaFrontTextContainer { clear: right; } #main_wrp #subscribetoarenaquery-textareaTextarea { height: 80px; } #main_wrp #subscribetoarenaContainer input, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #subscribetoarenaquery-textareaTextarea textarea { /*font-family: Arial, Helvetica, sans-serif; */ } #main_wrp input#subscribetoarenaSubmitButton, #main_wrp input#subscribetoarenaResetButton { background: #f16421; color: #fff; font-weight: bold; margin: 0px; } #main_wrp #subscribetoarenaFrontTextContainer { font-size: 1.0em; padding: 0 0 10px 0; } #main_wrp #subscribetoarenaFrontTextContainer { width: 100%; } #main_wrp #subscribetoarenaTitleContainer { color: #f16421; font-weight: bold; margin: 15px 0; } #main_wrp #subscribetoarenaResetButtonContainer, #main_wrp #subscribetoarenaSubmitButtonContainer { float: left; padding-top: 15px; width: auto; } #main_wrp #subscribetoarenaSubmitButtonContainer { padding: 15px 0 15px 22%; margin: 0 10px 0 0; } #main_wrp #subscribetoarenaSubmitButtonContainer input, #main_wrp #subscribetoarenaResetButtonContainer input { width: auto; padding: 3px 8px; cursor: pointer; } #main_wrp #subscribetoarenaSuccessContainer { color: #f16421; padding: 0px 20px 10px 0px; } #main_wrp #subscribetoarenaNotesLabelContainer, #main_wrp #subscribetoarenaFooterTextContainer { float: left; font-size: 1.075em; padding-top: 10px; width: 100%; } #main_wrp #subscribetoarenaFooterTextContainer { padding: 25px 0 0 0; } #main_wrp #subscribetoarenacaptchaCaptchaCodeError, #main_wrp #subscribetoarenaFailureContainer { float: left; width: 185px; padding: 18px 0 0 10px; color: #ff0000; } #main_wrp #subscribetoarenacaptchaCaptchaCodeContainer { margin: 10px 0; } #main_wrp #DisclaimerButtonContainer input { background: url("/~/media/Images/N/NRAM-PLC/css/home-blue-arrow.gif") no-repeat scroll right center #f16421; border: medium none; color: #FFFFFF; cursor: pointer; float: left; height: 28px; line-height: 28px; padding: 0 25px 0 10px; } #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #accessibilitycontactlabel-date-receivedLabelContainer, #main_wrp #accessibilitycontactlabel-document-codeLabelContainer, #main_wrp #accessibilitycontactlabel-formatLabelContainer, #main_wrp #accessibilitycontactlabel-acc-noLabelContainer, #main_wrp #accessibilitycontactlabel-your-nameLabelContainer, #main_wrp #accessibilitycontactlabel-return-emailLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactTelephoneLabelLabelContainer, #main_wrp #accessibilitycontactlabel-addressLabelContainer, #main_wrp #accessibilitycontactlabel-postcodeLabelContainer, #main_wrp #accessibilitycontactlabel-phoneLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #accessibilitycontactother-textareaTextareaContainer, #main_wrp #accessibilitycontactdate-received-textboxTextboxContainer, #main_wrp #accessibilitycontactdoc-code-textboxTextboxContainer, #main_wrp #accessibilitycontactformat-droplistEmailListContainer, #main_wrp #accessibilitycontactaccountno-textboxTextboxContainer, #main_wrp #accessibilitycontactyourname-textboxTextboxContainer, #main_wrp #accessibilitycontactemail-textboxTextboxContainer, #main_wrp #accessibilitycontactquery-textareaTextareaContainer, #main_wrp #accessibilitycontactTelephoneTxtBoxTextboxContainer, #main_wrp #accessibilitycontactTelephoneTxtBoxTextboxContainer, #main_wrp #accessibilitycontactaddress-textboxTextboxContainer, #main_wrp #accessibilitycontactpostcode-textboxTextboxContainer, #main_wrp #accessibilitycontactphone-textboxTextboxContainer, #main_wrp #accessibilitycontactemail-textbox1TextboxContainer, #main_wrp #accessibilitycontactquery-textarea1TextareaContainer, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #accessibilitycontactformat-checkCheckboxContainer { float: left; width: 100%; } #main_wrp input#accessibilitycontactformat-checkCheckbox { width: 5% !important; } #main_wrp #accessibilitycontactFrontTextContainer { clear: right; } #main_wrp #accessibilitycontactother-textareaTextareaContainer { display: none; margin-left: 32% !important; } #main_wrp select#accessibilitycontactformat-droplistEmailList { width: 78%; padding: 5px 0; } #main_wrp #accessibilitycontactquery-textareaTextarea { height: 80px; } #main_wrp #accessibilitycontactContainer input, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #accessibilitycontactother-textareaTextarea { min-height: 100px; } #main_wrp #accessibilitycontactquery-textareaTextarea textarea { /*font-family: Arial, Helvetica, sans-serif; */ /**/ } #main_wrp input#accessibilitycontactSubmitButton, #main_wrp input#accessibilitycontactResetButton { background: #f16421; color: #fff; font-weight: bold; margin: 0px; } #main_wrp #accessibilitycontactFrontTextContainer { font-size: 1.0em; padding: 0 0 10px 0; } #main_wrp #accessibilitycontactFrontTextContainer { width: 100%; } #main_wrp #accessibilitycontactTitleContainer { color: #f16421; font-weight: bold; margin: 15px 0; } #main_wrp #accessibilitycontactResetButtonContainer, #main_wrp #accessibilitycontactSubmitButtonContainer { float: left; padding-top: 15px; width: auto; } #main_wrp #accessibilitycontactSubmitButtonContainer { padding: 15px 0 15px 32%; margin: 0 10px 0 0; } #main_wrp #accessibilitycontactSubmitButtonContainer input, #main_wrp #accessibilitycontactResetButtonContainer input { width: auto; padding: 3px 8px; cursor: pointer; } #main_wrp #accessibilitycontactSuccessContainer { color: #f16421; padding: 0px 20px 10px 0px; } #main_wrp #accessibilitycontactNotesLabelContainer, #main_wrp #accessibilitycontactFooterTextContainer { float: left; font-size: 1.075em; padding-top: 10px; width: 100%; } #main_wrp #accessibilitycontactFooterTextContainer { padding: 25px 0 0 0; } #main_wrp #accessibilitycontactcaptchaCaptchaCodeError, #main_wrp #accessibilitycontactFailureContainer { float: left; width: 185px; padding: 18px 0 0 10px; color: #ff0000; } #main_wrp #accessibilitycontactcaptchaCaptchaCodeContainer { margin: 10px 0; } #main_wrp #DisclaimerButtonContainer input { background: url("/~/media/Images/N/NRAM-PLC/css/home-blue-arrow.gif") no-repeat scroll right center #f16421; border: medium none; color: #FFFFFF; cursor: pointer; float: left; height: 28px; line-height: 28px; padding: 0 25px 0 10px; } #main_wrp #hint-acc, #main_wrp #hint-doccode { background: url("/~/media/Images/N/NRAM-PLC/css/hint-icon.gif") no-repeat; clear: both; display: block; float: right; height: 19px; text-indent: -9999px; width: 19px; cursor: pointer; } #main_wrp #hint-pointer { background: url("/~/media/Images/N/NRAM-PLC/css/hint-icon-mark.gif") no-repeat; left: -6px; display: block; width: 5px; height: 18px; position: absolute; top: 3px; } #main_wrp .accessibilitycontactlabel-acc-no-hintLabelContainer, #main_wrp .accessibilitycontactlabel-document-code-hintLabelContainer { width: 50%; float: left; display: none; } #main_wrp .accessibilitycontactlabel-acc-no-hintLabel, #main_wrp .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; } #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #referrallabel-nameLabelContainer, #main_wrp #referrallabel-addressLabelContainer, #main_wrp #referrallabel-address2LabelContainer, #main_wrp #referrallabel-address3LabelContainer, #main_wrp #referrallabel-postcodeLabelContainer, #main_wrp #referrallabel-daytime-telephoneLabelContainer, #main_wrp #referrallabel-emailLabelContainer, #main_wrp #referrallabel-desired-timeLabelContainer, #main_wrp #referralnotesLabelContainer, #main_wrp #referralcaptchalabelLabelContainer, #main_wrp #referralSubmitButtonContainer, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); clear: both; } #main_wrp #referraltextbox-nameTextboxContainer, #main_wrp #referraltextbox-adress1TextboxContainer, #main_wrp #referraltextbox-adress2TextboxContainer, #main_wrp #referraltextbox-adress3TextboxContainer, #main_wrp #referraltextbox-postcodeTextboxContainer, #main_wrp #referraltextbox-daytime-telephoneTextboxContainer, #main_wrp #referraltextbox-emailTextboxContainer, #main_wrp #referraltextarea-desired-timeTextareaContainer, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #referraltextarea-desired-timeTextareaContainer { height: 80px; } #main_wrp #referralContainer input, #main_wrp #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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp #referraltextarea-desired-timeTextareaContainer textarea { /*font-family: Arial, Helvetica, sans-serif;*/ } #main_wrp #referralSubmitButtonContainer, #main_wrp #referralResetButtonContainer { float: left; padding-top: 15px; width: auto; clear: none; } #main_wrp #referralSubmitButtonContainer { padding: 15px 0 15px 22%; margin: 0 10px 0 0; } #main_wrp #referralSubmitButtonContainer input, #main_wrp #referralResetButtonContainer input { width: auto; padding: 3px 8px; cursor: pointer; } #main_wrp input#referralSubmitButton, #main_wrp input#referralResetButton { background: #f16421; color: #fff; font-weight: bold; margin: 0px; } #main_wrp #referralSuccessContainer { color: #f16421; padding: 0px 20px 10px 0px; } #main_wrp #referralnotesLabelContainer, #main_wrp #referralFooterTextContainer { float: left; font-size: 1.075em; padding-top: 10px; width: 100%; } #main_wrp #referralFooterTextContainer { padding: 25px 0 0 0; } #main_wrp #referralcaptchaCaptchaCodeError, #main_wrp #referralFailureContainer { float: left; width: 185px; padding: 18px 0 0 10px; color: #ff0000; } #main_wrp #referralcaptchaCaptchaCodeContainer { margin: 10px 0; } #main_wrp #corporate .top-nav, #main_wrp .ip3-corporate .top-nav, #main_wrp #mortgage-intermediaries .top-nav, #main_wrp .ip3-mortgage-intermediaries .top-nav, #main_wrp #debt-advisers .top-nav, #main_wrp .ip3-debt-advisers .top-nav, #main_wrp #securitisation-disclaimer .top-nav, #main_wrp #covered-bonds-disclaimer .top-nav { display: none; } #main_wrp #corporate .right-contact, #main_wrp .ip3-corporate .right-contact, #main_wrp #securitisation-disclaimer .right-contact, #main_wrp #covered-bonds-disclaimer .right-contact { display: none; } #main_wrp .tools-snapdown-wrapper { float: left; width: 100%; } #main_wrp .tools-snapdown-wrapper .snapdown { float: left; width: 100%; margin: 0 0 10px; } #main_wrp .tools-snapdown-title { float: left; width: 100%; padding: 21px 5px 21px 75px; cursor: pointer; border: 1px solid #f3f3f3; /*font-family: 'ITCAvantGardeW04-Medium 1122896';*/ } #main_wrp .tools-snapdown-title.active { margin: 0; } #main_wrp .tools-snapdown-title p { padding: 0; color: #f16421; font-size: 1.5em; } #main_wrp .tools-snapdown-title.homeowners-budget-planner { background: url("/~/media/Images/N/NRAM-PLC/css/budget-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .tools-snapdown-title.landlords-budget-planner { background: url("/~/media/Images/N/NRAM-PLC/css/landloard-budget-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .tools-snapdown-title.rate-rise-calculator { background: url("/~/media/Images/N/NRAM-PLC/css/switch-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .tools-snapdown-title.repayment-mortgage { background: url("/~/media/Images/N/NRAM-PLC/css/rate-calc-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .tools-snapdown-title.overpaying-mortgage { background: url("/~/media/Images/N/NRAM-PLC/css/payment-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .tools-snapdown-title.mortgage-deal { background: url("/~/media/Images/N/NRAM-PLC/css/beal-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .tools-snapdown-content { float: left; width: 100%; padding: 0 0 22px 19px; } #main_wrp .tools-snapdown-content img { float: right !important; margin: 24px 40px 0 40px; } #main_wrp .tools-snapdown-content p { padding-bottom: 20px; } #main_wrp .tools-snapdown-content a { font-weight: bold; } #main_wrp .tools-bottom-text { float: left; padding: 20px 0 0 0; } #main_wrp .tools-bottom-text a { font-weight: bold; } #main_wrp .tools-top-text { clear: both; padding: 0 0 0 50px; } #main_wrp .tools-snapdown-content p.rad-highlight a { background: url("/~/media/Images/N/NRAM-PLC/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; } #main_wrp #budgetbox, #main_wrp #wrapbudgetbox1, #main_wrp #calcBox { float: left; width: 100%; } #main_wrp #budgetbox { margin: 0; overflow: hidden; width: auto; } #main_wrp #rate-rise-calculator #calcHeader { background: url("/~/media/Images/N/NRAM-PLC/css/repayment-mortgage-tool-icon.gif") no-repeat scroll right top #f16421; } #main_wrp #repayment-mortgage #calcHeader { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ border: 0 none; background: url("/~/media/Images/N/NRAM-PLC/css/rate-rise-calc-icon.gif") no-repeat scroll right top #f16421; width: 700px; } #main_wrp #landlords-budget-planner #calcHeader { background: url("/~/media/Images/N/NRAM-PLC/css/budget-planer-lightbox-icon.gif") no-repeat scroll right top #f16421; } #main_wrp #calcHeader { background: url("/~/media/Images/N/NRAM-PLC/css/budget-planner-calc-icon.jpg") no-repeat scroll right top #f16421; color: #FFFFFF; height: 29px; margin: 25px 40px 25px 30px; padding: 9px 0 1px 20px; } #main_wrp #calcHeader p { font-size: 1.6em; } #main_wrp #bottom-textContainer3 #calcHeader { background: url("/~/media/Images/N/NRAM-PLC/css/rate-rise-calc-icon.gif") no-repeat scroll right top #f16421; } #main_wrp #bottom-textContainer4 #calcHeader { background: url("/~/media/Images/N/NRAM-PLC/css/repayment-mortgage-tool-icon.gif") no-repeat scroll right top #f16421; } #main_wrp #bottom-textContainer5 #calcHeader { background: url("/~/media/Images/N/NRAM-PLC/css/make-over-calc-icon.gif") no-repeat scroll right top #f16421; } #main_wrp #bottom-textContainer4 { width: 720px; } #main_wrp #bottom-textContainer4 #calcBox { width: 720px; } #main_wrp #bottom-textContainer5 { width: 720px; } #main_wrp #bottom-textContainer5 #calcBox { width: 720px; } #main_wrp #bottom-textContainer5 #budgetcontrols-mo { margin: 0 50px 15px 50px; border-bottom: 1px solid #f16421; } #main_wrp #bottom-textContainer5 #budgetcontrols-mo input { padding: 5px 10px; border: 0 none; width: 90px; } #main_wrp #bottom-textContainer5 #budget-top-mo { float: left; margin: 0 50px; } #main_wrp #bottom-textContainer5 .hidden { float: left; margin: 0 50px; } #main_wrp #bottom-textContainer5 .Ldata fieldset { width: 200px; vertical-align: middle; float: left; width: 560px; color: #666; } #main_wrp #bottom-textContainer5 .Ldata label { width: 130px; margin: 12px 0 0 0; float: left; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ color: #f16421; } #main_wrp #bottom-textContainer5 .Ldata img { padding: 4px 0 0 0; float: left; } #main_wrp #bottom-textContainer5 .Ldata input#loanoverfld-mo, #main_wrp #bottom-textContainer5 .Ldata input#loanintfld-mo, #main_wrp #bottom-textContainer5 .Ldata input#loantermfld-mo, #main_wrp #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; } #main_wrp body.ie7 #bottom-textContainer5 .Ldata input#loanoverfld-mo, #main_wrp body.ie7 #bottom-textContainer5 .Ldata input#loanintfld-mo, #main_wrp body.ie7 #bottom-textContainer5 .Ldata input#loantermfld-mo, #main_wrp body.ie7 #bottom-textContainer5 .Ldata input#loanamtfld-mo { float: none; } #main_wrp #bottom-textContainer5 .budgetPlannerRightform label { width: auto; margin: 12px 15px 0 0; float: left; width: 78px; } #main_wrp #bottom-textContainer5 .budgetPlannerRightform { float: left; padding: 15px 0 0 0; } #main_wrp #bottom-textContainer5 .budgetPlannerRightform input { width: auto; padding: 5px 10px; /*background:#f7f8f7; border:#c6cfd9 solid 1px;*/ margin: 15px 0 0 0; color: #666; } #main_wrp #bottom-textContainer5 .budgetPlannerRightform h4 { font-size: 1.2em; font-weight: bold; padding: 25px 0 10px 0; } #main_wrp #bottom-textContainer5 .risk-warning { float: left; width: 600px; padding: 15px 0 0 0; } #main_wrp #calcbtn-mo.calcbutton { background: url("/~/media/Images/N/NRAM-PLC/css/red-link-bg.gif") no-repeat scroll right center #a9144b; width: 116px; } #main_wrp #budgetcontrols { margin: 0 50px; border-bottom: 1px solid #f16421; } #main_wrp #budget-top { margin: 0 20px; overflow: hidden; padding: 15px 0 0 28px; width: 610px; } /*#main_wrp .calcbutton {*/ /* background: url("/~/media/Images/N/NRAM-PLC/css/blue-link-bg.gif") no-repeat scroll right center #f16421;*/ /* border: medium none;*/ /* color: #FFFFFF;*/ /* float: left;*/ /* height: 28px;*/ /* margin: 10px 10px 10px 0;*/ /* padding: 4px 35px 5px 5px;*/ /* cursor: pointer; }*/ #main_wrp #calculate.calcbutton, #main_wrp #calculate1.calcbutton { background: url("/~/media/Images/N/NRAM-PLC/css/red-link-bg.gif") no-repeat scroll right center #a9144b; } #main_wrp #next.calcbutton { background: url("/~/media/Images/N/NRAM-PLC/css/light-blue-arrow.gif") no-repeat scroll right center #9ebae1; } #main_wrp #calcbutton2.calcbutton { background: url("/~/media/Images/N/NRAM-PLC/css/red-link-bg.gif") no-repeat scroll right center #a9144b; } #main_wrp #next2.calcbutton { background: url("/~/media/Images/N/NRAM-PLC/css/light-blue-arrow.gif") no-repeat scroll right center #9ebae1; } #main_wrp #calcbtn.calcbutton { background: url("/~/media/Images/N/NRAM-PLC/css/red-link-bg.gif") no-repeat scroll right center #a9144b; float: right; width: 102px; } #main_wrp #calcbutton.calcbutton { background: url("/~/media/Images/N/NRAM-PLC/css/red-link-bg.gif") no-repeat scroll right center #a9144b; float: left; } #main_wrp #budgetcontrols input { float: none; margin: 0; padding: 5px 8px 4px 7px; } #main_wrp .budgettab { cursor: pointer; } #main_wrp .budgettable { margin: 0 auto; width: 100%; } #main_wrp .budgettable td, #main_wrp .rateriseform table tr td { padding: 5px 0; vertical-align: middle; } #main_wrp .budgettable th { padding: 10px 0 0 0; text-align: left; color: #436082; } #main_wrp #budgetbox1 .budgettable input { float: right; text-align: right; padding-right: 3px; margin: 0 0 0 8px; } #main_wrp #budgetbox1 .summaryresult { text-align: right; } #main_wrp #budgetcontrols input, #main_wrp #budgetbox .budgettable th, #main_wrp #budgetbox1 .budgettable th, #main_wrp #wrapbudgetbox1 .budgettable th, #main_wrp #bottom-textContainer3 #calcHeader, #main_wrp #bottom-textContainer3 .budgettable th, #main_wrp #bottom-textContainer4 #calcHeader, #main_wrp #bottom-textContainer4 .budgettable th, #main_wrp #bottom-textContainer5 #calcHeader, #main_wrp #bottom-textContainer5 .budgettable th { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ border: 0 none; } #main_wrp #budgetbox #calcHeader, #main_wrp #budgetbox1 #calcHeader, #main_wrp #wrapbudgetbox1 #calcHeader { /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp #calcBox h2 { font-size: 1.250em; font-weight: normal; margin: 15px 0; } #main_wrp .rBoxinner h2 { border-top: #eee solid 1px; padding: 18px 0 0 0; } #main_wrp #loanbox { float: left; margin: 0 0 0 40px; width: 280px; } #main_wrp #loanbox table { float: left; width: 220px; } #main_wrp #loanbox table tr td { text-align: left; vertical-align: middle; } #main_wrp .rBox240 { float: left; width: 300px; } #main_wrp .rBox240 table { float: left; } #main_wrp .rBox240 tr td { text-align: left; vertical-align: top; } #main_wrp #resultbox { float: left; width: 650px; margin: 0 0 0 40px; } #main_wrp p.rinp input { height: 20px; padding: 5px; width: 160px; background: #f7f8f7; border: #c6cfd9 solid 1px; color: #666; } #main_wrp .sliderval { float: none; } #main_wrp .sliderval input { height: 20px; padding: 5px; margin: 0 5px 0 0; width: 37px; background: #f7f8f7; border: #c6cfd9 solid 1px; text-align: center; color: #666; } #main_wrp #calcBox label { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ color: #404040; padding: 0 0 10px 0;font-weight: 600; /*width:220px;*/ } /*#main_wrp #budgetexpenses-mo {*/ /* float: left;*/ /* width: 650px; }*/ /*#main_wrp #budgetexpenses-mo h2 {*/ /* font-size: 1.5em;*/ /* padding: 0 0 3px 0; }*/ #main_wrp #chartbox-mo { float: left; height: 320px; margin-left: 5px; padding-left: 10px; width: 350px; background: url("/~/media/Images/N/NRAM-PLC/css/box422B.gif") no-repeat left 27px; } /*#main_wrp #chartlegend-mo {*/ /* float: left;*/ /* margin: 0 0 10px 0; }*/ /*#main_wrp #chartlegend-mo table {*/ /* border-spacing: 0px; }*/ /*#main_wrp #chartlegend-mo table td div {*/ /* margin: 0 5px;*/ /* padding: 0 !important;*/ /* position: relative;*/ /* top: 2px; }*/ /*#main_wrp #chartlegend-mo table td div div {*/ /* margin: 0;*/ /* position: static;*/ /* top: 0;*/ /* width: 1px !important; }*/ #main_wrp #chartholder-mo { float: left; height: 317px; left: 39px; position: absolute; text-align: right; top: 35px; width: 298px; } #main_wrp #optionsbox-mo { float: left; margin: 15px 0; font-size: 1.2em; } #main_wrp .Odata { float: left; } #main_wrp .Odata h2 { padding: 0 0 15px 0; font-size: 1.7em; } #main_wrp .Odata .sliderval { float: none; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 1em; color: #436082; margin: 0 0 15px 0; } #main_wrp .Odata label { width: 415px; padding: 0 0 10px 0; float: left; } #main_wrp #amountslider-mo, #main_wrp #paymentslider-mo, #main_wrp #lumpslider-mo { margin: 0 30px 0 0; float: left; } #main_wrp .sliderval input#lumpamt-mo { width: 70px; } #main_wrp .left_paft { float: left; width: 350px; padding: 0 30px 0 0; } #main_wrp #bigmoney-mo, #main_wrp #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; } #main_wrp #summarybox-mo { float: left; width: 258px; } #main_wrp #summarybox-mo table td { border-bottom: 1px dashed #343434; padding: 5px 0; line-height: 25px; } #main_wrp .innerSm { float: left; width: 250px; } #main_wrp .innerSm table td { font-size: 1.2em; } #main_wrp .innerSm table { margin: 0 0 18px 0; } #main_wrp #repayment-mortgage .budgettable th { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ border: 0 none; } #main_wrp #repayment-mortgage #calcBox { width: 720px; } #main_wrp #overpaying-mortgage #calcHeader { background: url("/~/media/Images/N/NRAM-PLC/css/make-over-calc-icon.gif") no-repeat scroll right top #f16421; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ border: 0 none; } #main_wrp #overpaying-mortgage .budgettable th { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ border: 0 none; } #main_wrp #overpaying-mortgage #calcBox { width: 720px; } #main_wrp #overpaying-mortgage #budgetcontrols-mo { margin: 0 50px 15px 50px; border-bottom: 1px solid #f16421; } #main_wrp #overpaying-mortgage #budgetcontrols-mo input { padding: 5px 10px; border: 0 none; width: 90px; } #main_wrp #overpaying-mortgage #budget-top-mo { float: left; margin: 0 50px; } #main_wrp #overpaying-mortgage .hidden { float: left; margin: 0 50px; } #main_wrp #overpaying-mortgage .Ldata fieldset { width: 200px; vertical-align: middle; float: left; width: 560px; color: #666; } #main_wrp #overpaying-mortgage .Ldata label { width: 130px; margin: 12px 0 0 0; float: left; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 1em; color: #f16421; } #main_wrp #overpaying-mortgage .Ldata img { padding: 4px 0 0 0; float: left; } #main_wrp #overpaying-mortgage .Ldata input#loanoverfld-mo, #main_wrp #overpaying-mortgage .Ldata input#loanintfld-mo, #main_wrp #overpaying-mortgage .Ldata input#loantermfld-mo, #main_wrp #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; } #main_wrp body.ie7 #overpaying-mortgage .Ldata input#loanoverfld-mo, #main_wrp body.ie7 #overpaying-mortgage .Ldata input#loanintfld-mo, #main_wrp body.ie7 #overpaying-mortgage .Ldata input#loantermfld-mo, #main_wrp body.ie7 #overpaying-mortgage .Ldata input#loanamtfld-mo { float: none; } #main_wrp #overpaying-mortgage .budgetPlannerRightform label { width: auto; margin: 12px 15px 0 0; float: left; width: 78px; } #main_wrp #overpaying-mortgage .budgetPlannerRightform { float: left; padding: 15px 0 0 0; width: 100%; } #main_wrp #overpaying-mortgage .budgetPlannerRightform input { width: auto; padding: 5px 10px; /*background:#f7f8f7; border:#c6cfd9 solid 1px;*/ margin: 15px 0 0 0; color: #666; } #main_wrp #overpaying-mortgage .budgetPlannerRightform h4 { font-size: 1.0em; font-weight: bold; padding: 25px 0 10px 0; } #main_wrp #overpaying-mortgage .risk-warning { float: left; width: 600px; padding: 15px 0 0 0; } #main_wrp #calcBox { color: #666666; margin-bottom: 10px; width: 610px; } #main_wrp #calcBox.ratesrisecalc { width: 700px !important; } #main_wrp .ratesrisecalc .rateriseform { padding: 0 40px; } #main_wrp .ratesrisecalc .rateriseform input { background-color: #f7f8f7; } #main_wrp .ratesrisecalc #resultbox { padding: 0 40px; float: left; margin: 0; width: 620px; } #main_wrp .rateriseform label { color: #436082; /*font-family: 'AvantGardeGothicITCW01M 731087';*/ font-size: 1em; } #main_wrp .ratesrisecalc #resultbox .rBoxinner h2 { border-top: 1px solid #e0e0e0; padding-top: 15px; } #main_wrp .ratesrisecalc .rateriseform p.rinp { float: left; } #main_wrp .ratesrisecalc .rateriseform table td { vertical-align: top; } #main_wrp .ratesrisecalc .rateriseform p.red-que-img img { float: left; margin-left: 5px; } #main_wrp table#mrtable { width: 100%; } #main_wrp table#mrtable td { border-bottom: #e0e0e0 1px solid; padding: 6px; text-align: left; } #main_wrp table#mrtable th { border-bottom: #e0e0e0 1px solid; padding: 6px 0; text-align: left; } #main_wrp table#mrtable tr.snd-th th { font-weight: bold; color: #f16421; padding: 6px 5px; } #main_wrp table#mrtable tr.snd-th td { font-weight: normal; padding: 6px 5px; } #main_wrp #make-overpayments #bottomTextContainer { position: relative; top: 0; } #main_wrp .ip3-homeowners #make-overpayments #bottomTextContainer { top: -50px; } #main_wrp #calcOverpaymentContainer form { margin: 0; top: 0; } #main_wrp #dataContainer p.ImgTxt { margin-top: 10px; } #main_wrp #mortgage-deal-finder #bottom-textContainer #wrapbudgetbox1 { display: none; } #main_wrp .summaryresult { text-align: left; padding: 1px 0; } #main_wrp .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; } #main_wrp #budget-top h2 { font-size: 1.5em; padding: 0 0 10px; } #main_wrp #cboxLoadedContent iframe { width: 100%; height: 100%; } #main_wrp p.rad-highlight a.last { display: none; } #main_wrp #calculate.calcbutton.pad-top { margin-top: 15px; } #main_wrp #inv_playerContainer1 { float: left; margin: 0 0 15px; background-color: #000; position: relative; width: 100%; height: auto; } #main_wrp .container-responsive { width: 100%; } #main_wrp #searchinnerRP { float: left; padding: 5px 0 10px; width: 100%; } #main_wrp #searchTextBoxContainerRP { float: left; width: 30%; } #main_wrp #searchTextBoxContainerRP input { background: none; border: 1px solid #E3E3E3; color: #999999; height: 16px; padding: 3px 0px 3px 10px; width: 94%; } #main_wrp #searchButtonContainerRP { float: left; width: 30px; cursor: pointer; height: 24px; } #main_wrp #searchButtonContainerRP input { cursor: pointer; width: 15px; height: 15px; border: 0 none; background: 0 none; padding-top: 5px; padding-left: 5px; } #main_wrp .ip3search_highlight { font-weight: bold; } #main_wrp .sitesearchpagination { padding-top: 10px; } #main_wrp .sitesearchpagination ul li { float: left; margin: 0 10px 0 0; padding: 0; } #main_wrp table.searchTable { width: 100%; word-break: break-all; } #main_wrp table.searchTable tbody tr th { text-align: left; height: 22px; } #main_wrp #tabs.sectionTabs { float: left; position: relative; width: 100%; padding: 0 0 10px; } #main_wrp #tabs.sectionTabs ul { border-bottom: 1px solid #000; float: left; list-style: none outside none; padding: 0; margin: 0; width: 100%; } #main_wrp #tabs.sectionTabs li { float: left; padding: 0; margin: 0; border-left: 1px solid #000; border-top: 1px solid #000; list-style: none outside none; } #main_wrp #tabs.sectionTabs li.lastLI { border-right: 1px solid #000; } #main_wrp #tabs.sectionTabs li a span { display: block; text-align: center; } #main_wrp #tabs.sectionTabs li a { display: block; padding: 10px; text-align: center; background-color: #f16421; color: #FFFFFF; } #main_wrp #tabs.sectionTabs li.current a, #main_wrp #tabs.sectionTabs li a:hover { background-color: #A9144B; } #main_wrp #tabsDD { height: 35px; font-size: 1em; width: 180px; font-size: 0.875em; line-height: 1.1em; color: #1A0D5C; } #main_wrp #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/N/NRAM-PLC/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/N/NRAM-PLC/htc-files/boxsizing.htc"); } #main_wrp .ui-dialog { float: left !important; } #main_wrp #corporate #mobi-helpful-tools, #main_wrp .ip3-corporate #mobi-helpful-tools, #main_wrp #mortgage-intermediaries #mobi-helpful-tools, #main_wrp .ip3-mortgage-intermediaries #mobi-helpful-tools, #main_wrp #debt-advisers #mobi-helpful-tools, #main_wrp .ip3-debt-advisers #mobi-helpful-tools, #main_wrp #securitisation-disclaimer #mobi-helpful-tools, #main_wrp #covered-bonds-disclaimer #mobi-helpful-tools { display: none; } #main_wrp body#homeowners .helping-banner ul li, #main_wrp body#making-your-monthly-mortgage-payment .helping-banner ul li, #main_wrp body#manage-your-mortgage .helping-banner ul li, #main_wrp body#contact-us .helping-banner ul li, #main_wrp body#ground-rent-service-charges .helping-banner ul li { padding: 0 !important; height: auto !important; background: none !important; } #main_wrp body#homeowners .helping-banner ul li img, #main_wrp body#making-your-monthly-mortgage-payment .helping-banner ul li img, #main_wrp body#contact-us .helping-banner ul li img, #main_wrp body#manage-your-mortgage .helping-banner ul li img, #main_wrp body#ground-rent-service-charges .helping-banner ul li img { padding: 0 !important; } #main_wrp body#landlords .helping-banner ul li, #main_wrp body#loans .helping-banner ul li, #main_wrp body#cca-to-mcob-regulation-changes .helping-banner ul li { padding: 0 !important; height: auto !important; background: none !important; } #main_wrp body#landlords .helping-banner ul li img { padding: 0 !important; } #main_wrp body#cca-to-mcob-regulation-changes .helping-banner p.hide, #main_wrp body#loans .helping-banner p.hide { display: block !important; } #main_wrp body#help-with-payment-difficulties .helping-banner ul li { padding: 0 !important; height: auto !important; background: none !important; } #main_wrp body#help-with-payment-difficulties .helping-banner ul li img { padding: 0 !important; } #main_wrp body#helpful-tools-calculators .helping-banner ul li { padding: 0 !important; height: auto !important; background: none !important; } #main_wrp body#helpful-tools-calculators .helping-banner ul li img { padding: 0 !important; } #main_wrp .thf1 { background-color: #3f6385; color: #fff; font-weight: bold; } #main_wrp .thf1 a, #main_wrp .thf3 a { color: #fff; } #main_wrp .thf4 a { color: #292671; } #main_wrp .thf1 a:hover, #main_wrp .thf2 a:hover, #main_wrp .thf3 a:hover { text-decoration: underline; } #main_wrp .thf2 a { color: #000; } #main_wrp .thf2 { background-color: #a7d3f0; color: #000; } #main_wrp .thf3 { background-color: #cd2651; color: #fff; } #main_wrp .thf4 { background-color: #00b7c8; color: #000; } #main_wrp table.mortgage-table-new { border-collapse: separate; border-spacing: 2px; } #main_wrp table.mortgage-table-new span.small { font-size: 11px; } #main_wrp #payment-text { font-weight: bold; border: 1px solid #e5e5e5; padding: 10px; margin-bottom: 20px; } #main_wrp #rate-rise-popup { display: none; } #main_wrp #rate-rise-popup { padding: 0; position: fixed; bottom: 0; width: 100%; height: 145px; left: 0; z-index: 9999; background-image: url(/~/media/Images/N/NRAM-PLC/css/rate-rise-purplegb.png); } #main_wrp #rate-rise-popup #rate-rise-content { min-height: 130px; width: 92%; margin: 0 auto; background-image: url(/~/media/Images/N/NRAM-PLC/css/rate-rise-bg.png); background-position-y: 1px; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left { width: 87%; float: left; padding-top: 15px; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-right { width: 12%; float: right; } #main_wrp #rate-rise-popup #rate-rise-content .rate-rise-close { float: right; margin-top: 15px; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-weight: bold; line-height: 1.0em; color: #4eacc2; font-size: 2.5em; padding-bottom: 2px; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt .raterise-whttext { color: #ffffff; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-weight: 700; line-height: 1.0em; color: #ffffff; font-size: 1.5em; word-spacing: 5px; } #main_wrp #rate-rise-popup .raterise-banner-link a { background: url("/~/media/Images/N/NRAM-PLC/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: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp #rate-rise-popup .rate-rise-close { cursor: pointer; } #main_wrp #rate-rise #banner-wrapper .heading { min-height: 175px; } #main_wrp #disc-msg h3 { font-size: 1.2em !important; font-weight: bold; text-align: center; } #main_wrp #Homepage #disc-msg { /*clear: both; padding-top: 4% !important; */ display: none !important; } #main_wrp table.withoutspace { margin: 0 0 10px; } #main_wrp table.withoutspace tbody td { padding: 0 10px; } #main_wrp body#tender-offer-disclaimer #DisclaimerAcceptButton { margin-right: 15px; } #main_wrp table.simple td img { padding: 0 !important; vertical-align: middle; text-align: center; float: none !important; } #main_wrp table.simple td { vertical-align: middle; border: 1px solid #e5e5e5; text-align: center; } #main_wrp table.simple th { vertical-align: middle; border: 1px solid #e5e5e5; text-align: left; } #main_wrp table.data-table1 { float: left; border: #E0E0E0 solid 1px; border-right: 0px; margin: 0 0 15px 0; } #main_wrp table.data-table1 tr th { font-weight: bold; background: #ececec; text-align: left; padding: 5px; border-right: #E0E0E0 solid 1px; } #main_wrp table.data-table1 tr th.center { font-weight: bold; background: #ececec; text-align: center; padding: 5px; border-right: #E0E0E0 solid 1px; } #main_wrp table.data-table1 tr td { font-weight: normal; border-top: #E0E0E0 solid 1px; border-bottom: #E0E0E0 solid 1px; border-right: #E0E0E0 solid 1px; } #main_wrp body#ground-rent-service-charges .level1-snap-wrapper { margin-bottom: 12px; } #main_wrp body#loans #banner-wrapper .heading { width: 100%; } #main_wrp body#loans #banner-wrapper .banner-content { width: 66%; } #main_wrp body#loans #banner-wrapper .banner-content ul { margin: 0; } #main_wrp body#loans #banner-wrapper .sub-heading { width: 72%; } #main_wrp .top-nav .level2 { display: none; } #main_wrp .helping-banner ul li.snapdown-signpost { height: auto !important; } #main_wrp .snapdown-signpost-content { padding-top: 20px !important; } #main_wrp .snapdown-signpost-content p { padding-bottom: 10px; } #main_wrp p.snapdown-signpost-heading { font-family: "ITCAvantGardeW04-Medium 1122896" !important; font-size: 1.2em; position: relative; cursor: pointer; } #main_wrp .snapdown-signpost-toggle-outer { box-sizing: border-box; cursor: pointer; height: 35px; padding-top: 12px; position: absolute; right: 0; top: 0; width: 20px; } #main_wrp .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; } #main_wrp .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; } #main_wrp .snapdown-signpost-content p a { background: rgba(0, 0, 0, 0) url("/~/media/Images/N/NRAM-PLC/css/white-arrow.png") no-repeat scroll right 4px; display: inline; } #main_wrp .snapdown-signpost-content p a:hover { background-position: right 4px; } #main_wrp p.link-signpost { display: block !important; margin-top: 0 !important; } #main_wrp body#contact-us table tbody td, #main_wrp body#contact-us table tbody th { padding: 8px 10px !important; text-align: left; } #main_wrp body#accessibility .helping-banner ul li { background: none; padding: 0; } #main_wrp body#accessibility .helping-banner img { padding: 0; } #main_wrp .brd-bx { border: 1px solid #333; margin-bottom: 15px; padding: 10px 10px 0; float: left; } #main_wrp .helping-banner ul li#ppi, #main_wrp .helping-banner ul li#complaints, #main_wrp .helping-banner ul li#FAQs, #main_wrp .helping-banner ul li#queries, #main_wrp .helping-banner ul li#forms { background: #aad2f2 none repeat scroll 0 0; } #main_wrp .helping-banner ul li#ppi p, #main_wrp .helping-banner ul li#complaints p, #main_wrp .helping-banner ul li#FAQs p, #main_wrp .helping-banner ul li#queries p, #main_wrp .helping-banner ul li#forms p { color: #333; font-size: 16px; } #main_wrp .helping-banner ul li#ppi p:first-child, #main_wrp .helping-banner ul li#complaints p:first-child, #main_wrp .helping-banner ul li#FAQs p:first-child, #main_wrp .helping-banner ul li#queries p:first-child, #main_wrp .helping-banner ul li#forms p:first-child { font-size: 18px; line-height: 22px; padding-bottom: 20px; } #main_wrp body#ppi .landing-box-wrapper .landingBox { min-height: 161px !important; } #main_wrp body#Homepage #home-changes-in-payment-process { margin-top: 10px; padding: 0; background: #ffdd00; float: left; text-align: center; vertical-align: middle; min-height: 153px !important; display: table; width: 100%; } #main_wrp body#Homepage #home-changes-in-payment-process > * { vertical-align: middle; display: table-cell; } #main_wrp .helping-banner ul li#forms a { color: #333; display: inline; text-decoration: underline; background: none; } #main_wrp .helping-banner ul li#FAQs a { color: #333; display: inline; text-decoration: underline; background: none; } #main_wrp .helping-banner ul li#queries a { color: #333; display: inline; text-decoration: underline; background: none; } #main_wrp label.searchlbl { float: left; width: 20%; color: #000; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 1.1em; margin-top: 4px; margin-right: 5px; } #main_wrp .snapdown-title:focus { border: 1px solid #f16421; } #main_wrp .top-nav ul li a:focus { border: 1px solid #a9144b; } #main_wrp #left-nav ul li a:focus { border: 1px solid #e0e0e0; } #main_wrp div#splash-box.popupmain { width: 48%; left: 26%; } #main_wrp #popupboxes h2.popupstyleheading { font-size: 3em; } @media (max-width: 840px) and (min-width: 721px) { #main_wrp #splash-box { top: 110px !important; width: 90%; left: 5%; } } #main_wrp .popupstylesubheading p small { font-size: 0.9em; } #main_wrp #popupboxes p.rad-underline { float: left; width: 100%; padding-bottom: 0; } #main_wrp #popupboxes p.rad-underline a { margin-bottom: 15px; } #main_wrp .ppi-box { border: 5px solid #681c36; padding: 20px 20px 0px 20px; color: #681c36; margin-bottom: 20px; background: rgba(104, 28, 54, 0.1); } #main_wrp .ppi-box .ppi-box-heading { font-size: 1.5em; margin-bottom: 10px; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .ppi-box-content p a { color: #dd4478; } #main_wrp body#being-a-carer #helpful-tools { display: none; } #main_wrp .top-right-links .email-button { text-indent: -9999px; background: url(/~/media/Images/N/NRAM-PLC/css/email-page-new.png) center center no-repeat; width: 18px; height: 12px; display: inline-block; display: table-cell; vertical-align: middle; } #main_wrp .top-right-links .print-button { text-indent: -9999px; background: url(/~/media/Images/N/NRAM-PLC/css/print-page-new.png) center center no-repeat; width: 15px; height: 15px; display: inline-block; display: table-cell; vertical-align: middle; } #main_wrp .footer-bottom-left { padding-right: 5%; } #main_wrp .header-right { margin-top: 70px; padding-bottom: 26px; } #main_wrp #banner { position: relative; } #main_wrp .landing-page-new #banner-wrapper .banner-link a { background-position: right bottom; height: auto; } #main_wrp #banner-wrapper .homepage-banner .heading { width: 100% !important; } #main_wrp #banner-wrapper .homepage-banner .sub-heading { width: 100% !important; } #main_wrp #banner-wrapper .homepage-banner .banner-item .bannerText #banneralltextsection { min-height: 130px !important; } #main_wrp .helping-box-inner > img { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; } #main_wrp .helping-box { position: relative; background-color: #f16421; } #main_wrp .helping-box-inner { padding: 20px; } #main_wrp .helping-box-header { font-size: 2em; line-height: 1.083em; color: #fff; position: relative; margin-bottom: 17px; letter-spacing: 1px; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .helping-box-content { font-size: 1.500em; color: #fff; position: relative; line-height: 1.111em; } #main_wrp .helping-box-link-container { position: relative; } #main_wrp .helping-box-link-container a { background: url(/~/media/Images/N/NRAM-PLC/css/slant-arrow-white.png) no-repeat scroll right center transparent; color: #FFFFFF; float: left; height: 37px; line-height: 37px; padding: 0 40px 0 10px; color: #455f82; } #main_wrp .helping-box-link { width: 100%; margin-bottom: 20px; float: left; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 1.083em; } #main_wrp .home-box { padding: 20px 20px 85px; } #main_wrp .home-box-outer { background-position: right bottom; background-repeat: no-repeat; position: relative; } #main_wrp .home-box1, #main_wrp .home-box2, #main_wrp .home-box3 { font-size: 1.750em; color: #4c514b; line-height: 1.143em; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .home-box a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #main_wrp #banner-wrapper .homepage-banner .banner-link { margin-bottom: 20px !important; } #main_wrp .right-col-help-container { background: #a9144b no-repeat bottom right; margin-bottom: 20px; } #main_wrp .right-col-help-inner { padding: 20px 20px 46px; } #main_wrp .right-col-help-header { font-size: 1.5em; color: #fff; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ line-height: 1.333em; } #main_wrp .right-col-help-content { margin-top: 29px; } #main_wrp .right-col-help-content .custom-dropdown-alt { border: 1px solid #fff; } #main_wrp .right-col-help-content .custom-dropdown-alt a { background: url(/~/media/Images/N/NRAM-PLC/css/white-arrow-down.gif) 96% center no-repeat; color: #fff; display: block; padding: 5px 10px; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .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; } #main_wrp .right-col-help-content .custom-dropdown-alt + ul li { border-bottom: 1px solid #999; } #main_wrp .right-col-help-content .custom-dropdown-alt + ul li:last-child { border: 0px none; } #main_wrp .right-col-help-content .custom-dropdown-alt + ul a { color: #f16421; display: block; padding: 5px 10px; } #main_wrp .right-col-help-content > div { position: relative; margin-bottom: 25px; } #main_wrp .right-col-help-link a { background: url(/~/media/Images/N/NRAM-PLC/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%; } #main_wrp .top-nav > ul > li > .top-menu-wrapper > ul { display: block; position: relative; width: 100%; font-size: 0.933em; box-sizing: border-box; float: left; } #main_wrp .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); } #main_wrp .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; } #main_wrp .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%; } #main_wrp .top-nav > ul { position: relative; } #main_wrp .top-nav > ul > li > .top-menu-wrapper > ul > li > a > span, #main_wrp .top-nav > ul > li > .top-menu-wrapper > ul > li > span { font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ababab; padding-left: 0px; } #main_wrp .top-nav ul[id*='level3'] { text-transform: none; font-size: 0.929em; } #main_wrp .top-nav > ul > li:hover > .top-menu-wrapper { display: block; } #main_wrp .nojs .top-nav > ul > li:hover > ul { display: block; } #main_wrp .nojs .top-nav > ul > li > ul > li > a > span, #main_wrp .nojs .top-nav > ul > li > ul > li > span { font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #000; padding-left: 0px; } #main_wrp .landing-box-wrapper .landingbox-new { background-position: bottom right; background-repeat: no-repeat; min-height: 170px; position: relative; } #main_wrp .landingbox-new > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; background: #fff; opacity: 0; } #main_wrp .new-landing-box-title { font-size: 2em; color: #fff; line-height: 30px; padding: 19px 25px; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .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; } #main_wrp #landingBox-1.landingbox-new { background-color: #AAD2F2; } #main_wrp #landingBox-2.landingbox-new { background-color: #89D0C2; } #main_wrp #landingBox-3.landingbox-new { background-color: #C2CCC4; } #main_wrp #landingBox-4.landingbox-new { background-color: #7C8582; } #main_wrp .landing-page-new #banner-wrapper { height: auto; margin: 0 0 4px; } #main_wrp .landing-page-new #breadcrumb { margin: 0 0 6px; } #main_wrp .invisible-false { text-indent: -9999px; height: 0px; width: 0px; visibility: hidden; margin: 0px; padding: 0px; } #main_wrp #Homepage #banner-wrapper { height: auto; } #main_wrp #mobile-shownav ul li ul { display: none; } #main_wrp .landing-page-new #banner-wrapper .banner-item .bannerText #banneralltextsection { min-height: 0 !important; } #main_wrp .banner-link-new { background: #2d295f; position: relative; float: left; padding: 11px 31px 11px 11px; margin-bottom: 5px; clear: both; /*bottom:32px;*/ } #main_wrp .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; } #main_wrp .banner-link-new a { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ color: #FFFFFF; font-size: 1.1em; font-weight: normal; } #main_wrp .banner-link-new a:hover { color: #FFFFFF; font-size: 1.1em; } #main_wrp .banner-link-new a:after { border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 7px solid white; border-top: 5px solid rgba(0, 0, 0, 0); bottom: 15px; content: ""; height: 0; position: absolute; right: 13px; width: 0; z-index: 99; } #main_wrp .landingbox-button { background: #2d295f; position: absolute; float: left; padding: 11px 31px 11px 11px; margin-left: 25px; bottom: 32px; } #main_wrp .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; } #main_wrp .landingbox-button a { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ color: #FFFFFF; font-size: 1.1em; font-weight: normal; } #main_wrp .landingbox-button a:after { border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 7px solid white; border-top: 5px solid rgba(0, 0, 0, 0); bottom: 15px; content: ""; height: 0; position: absolute; right: 13px; width: 0; z-index: 99; } @media all and (min-width: 900px) and (max-width: 1024px) { #main_wrp .new-landing-box-title { font-size: 1.6em; } #main_wrp .landingbox-new { background-size: 265%; background-position: right 43px; } } #main_wrp #banner-wrapper .banner-item .bannerText #banneralltextsection { min-height: 0 !important; } #main_wrp #archive.ip3-results-and-presentations #reportsCont { display: none; } #main_wrp #banner-home { margin-left: -2px; } #main_wrp #disc-msg h3 { padding-top: 30px; } #main_wrp #Homepage #disc-msg { display: block !important; } #main_wrp #Homepage .helping-box-link-container a { /*background: url(/~/media/Images/N/NRAM-PLC/css/slant-arrow-white-new.png) no-repeat scroll right center transparent;*/ background: url(/~/media/Images/N/NRAM-PLC/css/slant-arrow-cyan.png) no-repeat scroll right center transparent; color: #fff; } #main_wrp #Homepage .helping-box-header { color: #39abc5; } #main_wrp #Homepage .helping-box-content { color: #f16421; } #main_wrp #subscribetoarenaquery-textarea1Textarea { height: 100px; font-family: "Arial",Helvetica,sans-serif; } #main_wrp #subscribetoarenanotesLabelContainer { float: left; width: 100%; } #main_wrp .document-nav-tabs ul li span { display: block; padding: 5px 7px; color: #fff; font-size: 1em; font-weight: bold; } #main_wrp .document-nav-tabs ul li.current { background-color: #a9144b; } #main_wrp .document-nav-tabs { float: left; margin: 0 0 10px; width: 100%; padding-bottom: 10px; } #main_wrp .document-nav-tabs ul li { display: block; float: left; margin: 0 1px 0 0; background-color: #f16421; padding: 0px; } #main_wrp #document-nav-tabs-content { width: 100%; float: left; } #main_wrp #document-nav-tabs-content .dtcontent { display: none; } #main_wrp #homeowners #banner-wrapper .heading, #main_wrp #rate-change-information #banner-wrapper .heading { width: 100%; } #main_wrp #rate-change-information #banner-wrapper .banner-link { margin: 30px 0 0 0; } #main_wrp #rate-change-popup { display: none; } #main_wrp #rate-change-popup { padding: 0; position: fixed; bottom: 0; width: 100%; height: 145px; left: 0; z-index: 9999; background-image: url(/~/media/Images/N/NRAM-PLC/css/rate-rise-purplegb.png); } #main_wrp #rate-change-popup #rate-change-content { min-height: 130px; width: 92%; margin: 0 auto; background-image: url(/~/media/Images/N/NRAM-PLC/css/rate-change-popupbg.png); background-position-y: 1px; background-repeat: no-repeat; } #main_wrp #rate-change-popup #rate-change-content #rate-change-left { width: 85%; float: left; padding-top: 15px; } #main_wrp #rate-change-popup #rate-change-content #rate-change-right { width: 15%; float: right; } #main_wrp #rate-change-popup #rate-change-content .rate-change-close, #main_wrp #rate-change-popup #rate-change-content .ratechange-banner-link { float: right; margin-top: 15px; } #main_wrp #rate-change-popup #rate-change-content #rate-change-left .ratechange-bluetxt { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-weight: bold; line-height: 1.0em; color: #4eacc2; font-size: 2.5em; padding-bottom: 2px; } #main_wrp #rate-change-popup #rate-change-content #rate-change-left .ratechange-bluetxt .ratechange-whttext { color: #ffffff; } #main_wrp #rate-change-popup #rate-change-content #rate-change-left .ratechange-subtext { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-weight: 700; line-height: 1.0em; color: #ffffff; font-size: 1.5em; word-spacing: 5px; } #main_wrp #rate-change-popup .ratechange-banner-link a { background: url("/~/media/Images/N/NRAM-PLC/css/home-blue-arrow.gif") no-repeat scroll right center transparent; color: #FFFFFF; float: left; height: 28px; line-height: 28px; padding: 0px 30px 0 7px; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp #rate-change-popup .rate-change-close { cursor: pointer; } #main_wrp .foot-strip-image { margin-bottom: 15px; } #main_wrp #contact-us .foot-strip-image { display: block; } #main_wrp .foot-strip-image { min-height: 160px; background-color: #2d285e; } #main_wrp .foot-strip-image { position: relative; } #main_wrp .foot-text { position: absolute; top: 0px; width: 65%; left: 104px; } #main_wrp .foot-text .rad-big { font-size: 28px; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ word-spacing: 1px; color: #fff; padding-top: 14px; float: left; line-height: 35px; } #main_wrp .foot-text .rad-small { font-size: 17px; color: #fff; word-spacing: -2px; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ letter-spacing: 0px; } #main_wrp .foot-text .rad-big .rad-highlight { color: #4dacc2; } #main_wrp .foot-img { position: absolute; bottom: 0px; } #main_wrp .sky-btn { position: absolute; right: 30px; top: 71px; } #main_wrp .signpost-first { margin-bottom: 15px !important; } #main_wrp .foot-text p { float: left; width: 100%; } #main_wrp body#corporate #content-inner-right { min-height: 375px; } #main_wrp #ppi .helping-banner { width: 270px !important; } @media all and (min-width: 768px) and (max-width: 1024px) { #main_wrp #ppi .helping-banner { width: auto !important; } } #main_wrp body#transfers table.rad-datatable { border-top: 1px solid #e0e0e0; } #main_wrp body#transfers table.rad-datatable tr td { border-bottom: 1px solid #e0e0e0; } #main_wrp body#transfers table.rad-datatable tr td { padding: 10px; vertical-align: top; } #main_wrp body#transfers table.rad-datatable tr td img { border: 1px solid #e0e0e0; } #main_wrp .box3-parent { float: left; width: 100%; } #main_wrp .box3-box { float: left; width: 100%; margin-bottom: 20px; } #main_wrp .box3-box-image { float: left; width: 21%; min-height: 90px; margin-right: 3%; border: 1px solid #dcdcdc; } #main_wrp .box3-box-text { float: left; width: 74%; } #main_wrp .box3-box-text p strong { color: #f16421; font-size: 1.3em; margin-bottom: 3px; float: left; width: 100%; margin-top: 21px; } #main_wrp .box3-box-image img { padding-bottom: 0 !important; } #main_wrp div#banner-landloards-feesact-banner1 .heading, #main_wrp div#banner-landloards-feesact-banner2 .heading, #main_wrp div#banner-landloards-feesact-banner3 .heading { width: 98%; color: #a9cfc3; } #main_wrp #banner-landloards-feesact-banner1 .sub-heading.mozbox, #main_wrp #banner-landloards-feesact-banner2 .sub-heading.mozbox, #main_wrp #banner-landloards-feesact-banner3 .sub-heading.mozbox { width: 100%; } #main_wrp #banner-landloards-feesact-banner1 .banner-content, #main_wrp #banner-landloards-feesact-banner2 .banner-content, #main_wrp #banner-landloards-feesact-banner3 .banner-content { width: 58%; } @media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation: portrait) { #main_wrp .box3-box-image { width: 40%; margin-right: 0; } #main_wrp .box3-box-text { width: 100%; } #main_wrp .box3-box-text p strong { margin-top: 10px; } #main_wrp #Homepage .helping-box { height: auto !important; } } @media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation: landscape) { #main_wrp #Homepage .helping-box { height: auto !important; } } #main_wrp #Homepage .helping-box { background: #ddebf6; } #main_wrp #Homepage div#banner.homepage-banner { height: auto !important; } #main_wrp .top-menu-wrapper { min-height: 402px; } #main_wrp .aboutus #banner-wrapper { margin: 0 0 4px; height: auto; } #main_wrp .aboutus #breadcrumb { margin: 0 0 6px; } #main_wrp .pay-bannerlink { /*margin-top: -45px;*/ } #main_wrp .invspan3 p.footerlogo { float: right; } #main_wrp body#homeowners .banner-item { display: none; } #main_wrp body#homeowners .banner-item.first { display: block; } #main_wrp #banner-wrapper .banner-item { display: none; } #main_wrp #banner-wrapper .banner-item.first { display: block; } @media (max-width: 1059px) { #main_wrp .top-nav > ul > li { font-size: 1.1em; } #main_wrp .top-nav ul li span { padding: 6px 7px; } } @media (max-width: 907px) { #main_wrp .top-nav > ul > li { font-size: 1em; } #main_wrp .top-nav ul li span { padding: 6px 4px; } #main_wrp .top-nav > ul > li > .top-menu-wrapper > ul > li { width: 50%; margin-left: 0%; } } @media (min-width: 767px) and (max-width: 1100px) { #main_wrp #banner-wrapper .banner-item .bannerText { padding: 30px; } #main_wrp #banner-wrapper .heading { font-size: 2.8em; } #main_wrp #Homepage .helping-box-link { font-size: 0.9em; } } @media (min-width: 769px) and (max-width: 1024px) { #main_wrp #accessibilitycontactlabel-date-receivedLabelContainer, #main_wrp #accessibilitycontactlabel-document-codeLabelContainer, #main_wrp #accessibilitycontactlabel-formatLabelContainer, #main_wrp #accessibilitycontactlabel-acc-noLabelContainer, #main_wrp #accessibilitycontactlabel-your-nameLabelContainer, #main_wrp #accessibilitycontactlabel-return-emailLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactTelephoneLabelLabelContainer, #main_wrp #accessibilitycontactlabel-addressLabelContainer, #main_wrp #accessibilitycontactlabel-postcodeLabelContainer, #main_wrp #accessibilitycontactlabel-phoneLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactcaptchalabelLabelContainer { width: 35% !important; } #main_wrp #accessibilitycontactother-textareaTextareaContainer, #main_wrp #accessibilitycontactdate-received-textboxTextboxContainer, #main_wrp #accessibilitycontactdoc-code-textboxTextboxContainer, #main_wrp #accessibilitycontactformat-droplistEmailListContainer, #main_wrp #accessibilitycontactaccountno-textboxTextboxContainer, #main_wrp #accessibilitycontactyourname-textboxTextboxContainer, #main_wrp #accessibilitycontactemail-textboxTextboxContainer, #main_wrp #accessibilitycontactquery-textareaTextareaContainer, #main_wrp #accessibilitycontactTelephoneTxtBoxTextboxContainer, #main_wrp #accessibilitycontactTelephoneTxtBoxTextboxContainer, #main_wrp #accessibilitycontactaddress-textboxTextboxContainer, #main_wrp #accessibilitycontactpostcode-textboxTextboxContainer, #main_wrp #accessibilitycontactphone-textboxTextboxContainer, #main_wrp #accessibilitycontactemail-textbox1TextboxContainer, #main_wrp #accessibilitycontactquery-textarea1TextareaContainer, #main_wrp #accessibilitycontactcaptchaCaptchaContainer { width: 63% !important; } #main_wrp #accessibilitycontactother-textareaTextareaContainer { margin-left: 37% !important; } #main_wrp #accessibilitycontactSubmitButtonContainer { padding-left: 37% !important; } #main_wrp #personal-support .landingBox p.rad-underline a, #main_wrp .ip3-personal-support .landingBox p.rad-underline a { padding: 4px 16px 3px 12px; } } @media (min-width: 768px) { #main_wrp #accessibilitycontactformat-checkCheckboxContainer { margin-left: 30%; } } @media (min-width: 899px) and (max-width: 1263px) { #main_wrp #search { display: block; } #main_wrp #mobi-searchbox { display: none; } } @media (max-width: 1170px) { #main_wrp { /*.popupmain{width:90% !important ;}*/ } #main_wrp #main_wrp { padding: 0 5px; } } @media (max-width: 898px) { #main_wrp #mobile-contact { display: block; } #main_wrp #mobile-contact .right-contact { background: 0 none; float: none; height: 36px; margin: 0; padding: 0; width: auto; } #main_wrp #mobile-contact .right-contact ul { margin: 0; padding: 0; } #main_wrp #mobile-contact .right-contact ul li { color: #FFFFFF; list-style: none outside none !important; } #main_wrp #mobile-contact .right-contact ul li a { background: url("/~/media/Images/N/NRAM-PLC/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; } #main_wrp #search { display: none; } #main_wrp #mobi-searchbox, #main_wrp #mobile-topnavigation, #main_wrp #mobi-helpful-tools { display: block; } #main_wrp .tool-calc-main { display: none; } #main_wrp .header-left.invspan9, #main_wrp .content-left.invspan9, #main_wrp .footer-left.invspan9 { width: 100%; } #main_wrp .header-right.invspan3 { display: none; } #main_wrp .content-right.invspan3 { margin: 0 0 0 0; width: 100%; margin-top: 20px; } #main_wrp .helping-banner ul li.signpost { width: 22.9282%; margin: 0 2.76243% 0 0; } #main_wrp .helping-banner ul li.signpost-last { margin: 0 0 0 0; } #main_wrp .top-nav, #main_wrp .top-left-links, #main_wrp .top-right-links { display: none; } #main_wrp .logo { width: 60%; padding: 30px 0 0; } #main_wrp .all-mobi-tools { width: 40%; padding: 30px 0 0; } #main_wrp #content-wrapper { margin-top: 30px; } #main_wrp #content-inner-wrapper #content-inner-left { display: none; } #main_wrp #content-inner-wrapper .main-content.invspan9 { width: 100%; margin-left: 0; } } @media all and (min-width: 900px) and (max-width: 1024px) { #main_wrp { /*.home-box1,.home-box2,.home-box3{ min-height:250px;}*/ } #main_wrp #rate-rise-popup #rate-rise-content { width: 96% !important; } #main_wrp .foot-strip-image { z-index: 1; } #main_wrp .helping-banner { z-index: 98; } #main_wrp #banner-wrapper .banner-item img { float: right; } #main_wrp #banner-wrapper .heading { font-size: 2.8em !important; width: 90% !important; } #main_wrp #banner-wrapper .banner-content { width: 75% !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt { font-size: 2.2em; } #main_wrp body#ppi .landingbox-new { background-position-x: -435px; } } @media all and (min-width: 768px) and (max-width: 899px) { #main_wrp { /*.home-box1,.home-box2,.home-box3{ min-height:250px;}*/ } #main_wrp #banner-wrapper .heading { font-size: 2.8em !important; width: 90% !important; } #main_wrp #banner-wrapper .banner-content { width: 75% !important; } #main_wrp .foot-strip-image { position: relative; float: left; z-index: 1; } #main_wrp .foot-text { position: relative; top: 0px; width: 96%; left: 12px; } #main_wrp .foot-img { display: none; } #main_wrp .sky-btn { position: relative; float: none; clear: both; right: inherit; top: inherit; margin: 10px; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt { font-size: 1.6em; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext { font-size: 1.1em !important; } #main_wrp #rate-rise-popup #rate-rise-content { background-position-x: -244px; background-position-y: 1px; } #main_wrp #banner-wrapper .banner-item img { max-width: 100%; float: right; width: 100%; } #main_wrp #personal-support .landingBox p.rad-underline a, #main_wrp .ip3-personal-support .landingBox p.rad-underline a { width: 89%; } #main_wrp #personal-support .imgboxcontent, #main_wrp .ip3-personal-support .imgboxcontent { width: 85%; } #main_wrp #personal-support .landingBox, #main_wrp .ip3-personal-support .landingBox { width: 42%; } #main_wrp .right-col-help-container { padding-bottom: 28px; } #main_wrp .helping-banner { display: none; } } @media (min-width: 320px) and (max-width: 640px) { #main_wrp .invspan3 p.footerlogo { float: left; padding-top: 20px; } #main_wrp #personal-support .landingBox, #main_wrp .ip3-personal-support .landingBox { width: 140px !important; margin: 0 7px 15px !important; } #main_wrp .imgboxcontent h2 a, #main_wrp .imgboxcontent a h2, #main_wrp .imgboxcontent h2 { font-size: 19px; } #main_wrp #personal-support .landingBox > img, #main_wrp .ip3-personal-support .landingBox > img { display: none; } #main_wrp #personal-support .landingBox a > img, #main_wrp .ip3-personal-support .landingBox a > img { display: none; } #main_wrp .imgboxcontent { position: relative; min-height: 272px !important; padding: 15px 15px 15px 10px !important; } #main_wrp #personal-support #landingBox-1 { background-color: #6c2034; } #main_wrp #personal-support #landingBox-2 { background-color: #4eacc2; } #main_wrp #personal-support #landingBox-3 { background-color: #cd5650; } #main_wrp #personal-support #landingBox-4 { background-color: #8b8e8a; } #main_wrp #life-events #landingBox-1 { background-color: #a9144b; } #main_wrp #life-events #landingBox-2 { background-color: #a99d8f; } #main_wrp #life-events #landingBox-3 { background-color: #a9cfc3; } #main_wrp #life-events #landingBox-4 { background-color: #a7d4f5; } #main_wrp #health #landingBox-1 { background-color: #ca1f0e; } #main_wrp #health #landingBox-2 { background-color: #4c514b; } #main_wrp #personal-support .landingBox p.rad-underline a, #main_wrp .ip3-personal-support .landingBox p.rad-underline a { padding-right: 2px; text-decoration: none; } #main_wrp #personal-support .toolsbox, #main_wrp .ip3-personal-support .toolsbox { padding-right: 15px; width: 140px; min-height: 285px; } #main_wrp #money-advice-service-tool iframe { height: 450px !important; } } @media (max-width: 767px) { #main_wrp #banner-wrapper .banner-item img { float: left; max-width: none; } #main_wrp #banner-wrapper { margin: 0 0 20px; } #main_wrp #banner-wrapper .banner-item .bannerText { padding: 20px 20px; } #main_wrp #banner-wrapper .heading { font-size: 2.6em; } #main_wrp #banner-wrapper .sub-heading, #main_wrp #banner-wrapper .banner-content { width: 100%; } #main_wrp #home-box-main .home-box.invspan4 { width: 100%; margin: 0 0 20px 0; background: none; height: auto; } #main_wrp .home-box1, #main_wrp .home-box2, #main_wrp .home-box3 { background: none; height: auto; } #main_wrp #home-box-main .home-box4, #main_wrp #home-box-main .home-box5, #main_wrp #home-box-main .home-box6 { padding-top: 0; } #main_wrp .footer-content .invspan9, #main_wrp .footer-content .invspan3 { width: 100%; margin-left: 0; } #main_wrp .landing-box-wrapper .landingBox.invspan6 { width: 100%; margin-left: 0; } #main_wrp .helping-banner ul li.signpost { width: 100%; margin: 0 0 2px 0; padding: 5px 0; } #main_wrp #banner-wrapper .banner-link a { line-height: normal; height: auto; padding: 5px 40px 5px 10px; } #main_wrp .home-box1, #main_wrp .home-box2, #main_wrp .home-box3 { min-height: 250px; } #main_wrp #home-box-main .home-box-outer { width: 100%; margin-left: 0px; margin-bottom: 20px; } #main_wrp #home-box-main .home-box-outer:last-child { margin-bottom: 0px; } #main_wrp #home-box-main .home-box { padding-bottom: 20px; } #main_wrp .hasBackground { background-image: none !important; } #main_wrp .helping-box-inner > img { display: none; } #main_wrp #banner { width: 100%; } #main_wrp #banner-wrapper .helping-box { width: 100%; margin: 0; margin-top: 20px; } #main_wrp .right-col-help-inner { padding: 20px; } #main_wrp #breadcrumb .separator img { padding-top: 5px; vertical-align: top; } #main_wrp .landing-page-new #banner-wrapper .banner-link a { padding: 10px 40px 10px 10px; } } @media (min-width: 641px) and (max-width: 767px) { #main_wrp .invspan3 p.footerlogo { float: left; padding-top: 20px; } } @media (max-width: 640px) { #main_wrp { /*.home-box2{min-height: 130px !important;}*/ } #main_wrp .invspan3 p.footerlogo { float: left; padding-top: 20px; } #main_wrp .popupmain { width: 80% !important; } #main_wrp .popupstylemain { padding: 15px !important; } #main_wrp .popupstyleheading { font-size: 1.2em !important; width: 100% !important; } #main_wrp .popupstylesubheading { width: 100% !important; font-size: 0.8em !important; } #main_wrp .rad-underline { padding-bottom: 30px; } #main_wrp #splash-box { top: 30px !important; left: 50px !important; } #main_wrp #rate-rise #banner-wrapper .heading { min-height: 115px; } #main_wrp .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/N/NRAM-PLC/htc-files/boxsizing.htc"); } } @media (min-width: 640px) { #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-content { display: none !important; } } @media (max-width: 639px) { #main_wrp { /*-- snap boxes --*/ } #main_wrp .tools-snapdown-wrapper.box-snaps .snapdown { width: 100%; margin-right: 0; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-content { padding: 20px 0 20px 19px; } #main_wrp .tools-snapdown-wrapper.box-snaps .full-width { display: none !important; } } @media (width: 640px) { #main_wrp #accessibilitycontactlabel-date-receivedLabelContainer, #main_wrp #accessibilitycontactlabel-document-codeLabelContainer, #main_wrp #accessibilitycontactlabel-formatLabelContainer, #main_wrp #accessibilitycontactlabel-acc-noLabelContainer, #main_wrp #accessibilitycontactlabel-your-nameLabelContainer, #main_wrp #accessibilitycontactlabel-return-emailLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactTelephoneLabelLabelContainer, #main_wrp #accessibilitycontactlabel-addressLabelContainer, #main_wrp #accessibilitycontactlabel-postcodeLabelContainer, #main_wrp #accessibilitycontactlabel-phoneLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactcaptchalabelLabelContainer { width: 32% !important; } #main_wrp .accessibilitycontactlabel-acc-no-hintLabel, #main_wrp .accessibilitycontactlabel-document-code-hintLabel { margin-left: 10px !important; width: 50% !important; } } @media (width: 480px) { #main_wrp .invspan3 p.footerlogo { float: left; padding-top: 20px; } #main_wrp #accessibilitycontactlabel-date-receivedLabelContainer, #main_wrp #accessibilitycontactlabel-document-codeLabelContainer, #main_wrp #accessibilitycontactlabel-formatLabelContainer, #main_wrp #accessibilitycontactlabel-acc-noLabelContainer, #main_wrp #accessibilitycontactlabel-your-nameLabelContainer, #main_wrp #accessibilitycontactlabel-return-emailLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactTelephoneLabelLabelContainer, #main_wrp #accessibilitycontactlabel-addressLabelContainer, #main_wrp #accessibilitycontactlabel-postcodeLabelContainer, #main_wrp #accessibilitycontactlabel-phoneLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactcaptchalabelLabelContainer { width: 51% !important; } } @media (min-width: 320px) and (max-width: 640px) { #main_wrp { /* .logo img{max-width:none;} */ /*#mobi-searchtextboxbutton{float:left;}*/ } #main_wrp .invspan3 p.footerlogo { float: left; padding-top: 20px; } #main_wrp .all-mobi-tools { padding: 10px 0 0; } #main_wrp .logo, #main_wrp .all-mobi-tools { width: 100%; } #main_wrp #mobi-helpful-tools { float: left; } #main_wrp #mobi-searchtextbox { width: 87%; } #main_wrp #banner-wrapper .banner-item .bannerText { padding: 20px 20px; } #main_wrp #banner-wrapper .heading { font-size: 2.2em; } #main_wrp #banner-wrapper .sub-heading p { padding: 0 0 10px 0; } #main_wrp #banner-wrapper .sub-heading { font-size: 1.2em; } #main_wrp #banner-wrapper .banner-content { font-size: 1.0em; } #main_wrp #accessibilitycontactContainer input, #main_wrp #accessibilitycontactContainer textarea, #main_wrp #subscribetoarenaContainer input, #main_wrp #referralContainer input, #main_wrp #subscribetoarenaContainer textarea, #main_wrp #referralContainer textarea, #main_wrp #landlordPortfolioFormContainer input, #main_wrp #landlordPortfolioFormContainer textarea { width: 100%; } #main_wrp #banner-wrapper .banner-link { margin: 0 0 5px !important; width: 100% !important; /*NM*/ } #main_wrp #accessibilitycontactlabel-date-receivedLabelContainer, #main_wrp #accessibilitycontactlabel-document-codeLabelContainer, #main_wrp #accessibilitycontactlabel-formatLabelContainer, #main_wrp #accessibilitycontactlabel-acc-noLabelContainer, #main_wrp #accessibilitycontactlabel-your-nameLabelContainer, #main_wrp #accessibilitycontactlabel-return-emailLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactTelephoneLabelLabelContainer, #main_wrp #accessibilitycontactlabel-addressLabelContainer, #main_wrp #accessibilitycontactlabel-postcodeLabelContainer, #main_wrp #accessibilitycontactlabel-phoneLabelContainer, #main_wrp #accessibilitycontactlabel-queryLabelContainer, #main_wrp #accessibilitycontactcaptchalabelLabelContainer { width: 65%; } #main_wrp #accessibilitycontactother-textareaTextareaContainer, #main_wrp #accessibilitycontactdate-received-textboxTextboxContainer, #main_wrp #accessibilitycontactdoc-code-textboxTextboxContainer, #main_wrp #accessibilitycontactformat-droplistEmailListContainer, #main_wrp #accessibilitycontactaccountno-textboxTextboxContainer, #main_wrp #accessibilitycontactyourname-textboxTextboxContainer, #main_wrp #accessibilitycontactemail-textboxTextboxContainer, #main_wrp #accessibilitycontactquery-textareaTextareaContainer, #main_wrp #accessibilitycontactTelephoneTxtBoxTextboxContainer, #main_wrp #accessibilitycontactTelephoneTxtBoxTextboxContainer, #main_wrp #accessibilitycontactaddress-textboxTextboxContainer, #main_wrp #accessibilitycontactpostcode-textboxTextboxContainer, #main_wrp #accessibilitycontactphone-textboxTextboxContainer, #main_wrp #accessibilitycontactemail-textbox1TextboxContainer, #main_wrp #accessibilitycontactquery-textarea1TextareaContainer, #main_wrp #accessibilitycontactcaptchaCaptchaContainer { width: 90%; } #main_wrp #accessibilitycontactother-textareaTextareaContainer { margin-left: 8px !important; } #main_wrp .accessibilitycontactlabel-acc-no-hintLabel, #main_wrp .accessibilitycontactlabel-document-code-hintLabel { width: 80%; margin-left: 30px; } #main_wrp #hint-pointer { display: none !important; } } @media (max-width: 320px) { #main_wrp .popupmain { width: 80% !important; } #main_wrp .popupstylemain { padding: 15px !important; } #main_wrp .popupstyleheading { font-size: 1.2em !important; width: 100% !important; } #main_wrp .popupstylesubheading { width: 100% !important; font-size: 0.8em !important; } #main_wrp .rad-underline { padding-bottom: 30px; } #main_wrp #banner-wrapper .banner-item .bannerText { padding: 20px 8px; } #main_wrp .landing-page-new #banner-wrapper .banner-item .bannerText, #main_wrp #banner-wrapper .homepage-banner .banner-item .bannerText { padding: 20px 20px 90px; } #main_wrp #banner-wrapper .heading { font-size: 2.0em; width: 100%; } #main_wrp #banner-wrapper .banner-content { margin-bottom: 5px; } #main_wrp #banner-wrapper .banner-content p { padding: 0 0 5px; } #main_wrp #banner-wrapper .banner-link { font-size: 1.0em; } #main_wrp .helping-box-link-container a { padding: 5px 40px 5px 10px; height: auto; line-height: normal; } #main_wrp .helping-box-link { font-size: 1em; } #main_wrp #splash-box { top: 30px !important; } #main_wrp .foot-strip-image { position: relative; float: left; } #main_wrp .foot-text { position: relative; top: 0px; width: 96%; left: 12px; } #main_wrp .foot-img { display: none; } #main_wrp .sky-btn { position: relative; float: none; clear: both; right: inherit; top: inherit; margin: 10px; } #main_wrp #rate-rise #banner-wrapper .heading { min-height: 135px !important; } #main_wrp #rate-rise-popup #rate-rise-content { width: 94% !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left { width: 100% !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt { line-height: 0.9em !important; font-size: 1.3em !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext { line-height: 1.2em !important; font-size: 1em !important; } #main_wrp #rate-rise-popup #rate-rise-content .rate-rise-close { margin-top: 10px !important; } #main_wrp #rate-rise-popup #rate-rise-content .raterise-banner-link { margin-top: -5px; } #main_wrp #rate-rise-popup #rate-rise-content { background-position-y: -15px !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-right { width: 24% !important; } #main_wrp #rate-rise-popup .raterise-banner-link a { height: 27px; line-height: 27px; } #main_wrp #accessibilitycontactContainer input, #main_wrp #accessibilitycontactContainer textarea { width: 100%; } } @media (max-width: 767px) { #main_wrp #banner-wrapper { height: auto !important; } #main_wrp #banner-wrapper .banner-item img { display: none; } #main_wrp #banner-wrapper .banner-item .bannerText { position: static; padding-bottom: 90px; } #main_wrp #rate-rise #banner-wrapper .banner-item .bannerText { padding-bottom: 40px !important; } } @media (max-width: 768px) { #main_wrp div.helping-banner { display: none !important; } #main_wrp .popupstylemain { min-height: inherit; background-image: none !important; } #main_wrp #banner-wrapper .banner-item .bannerText #banneralltextsection { min-height: 255px; } #main_wrp #banner-wrapper .banner-link { width: auto; padding-right: 1%; } #main_wrp #banner-wrapper .homepage-banner .banner-link { width: 100%; padding-right: 1%; } } @media only screen and (max-width: 400px) and (orientation: portrait) { #main_wrp #splash-box { left: 34px !important; } } @media only screen and (max-width: 767px) { #main_wrp .foot-strip-image { position: relative; float: left; } #main_wrp .foot-text { position: relative; top: 0px; width: 96%; left: 12px; } #main_wrp .foot-img { display: none; } #main_wrp .sky-btn { position: relative; float: none; clear: both; right: inherit; top: inherit; margin: 10px; } #main_wrp #rate-rise-popup #rate-rise-content { width: 94% !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left { width: 100% !important; } #main_wrp .home-box1 { min-height: 100px; } #main_wrp .home-box2 { min-height: 100px; } #main_wrp .home-box3 { min-height: 100px; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-bluetxt { line-height: 0.9em !important; font-size: 1.4em !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-left .raterise-subtext { line-height: 1.2em !important; font-size: 1em !important; } #main_wrp #rate-rise-popup #rate-rise-content .rate-rise-close { margin-top: 10px !important; } #main_wrp #rate-rise-popup #rate-rise-content .raterise-banner-link { margin-top: -5px; } #main_wrp #rate-rise-popup #rate-rise-content { background-image: none !important; } #main_wrp #rate-rise-popup #rate-rise-content #rate-rise-right { width: 24% !important; margin-top: -15px; } #main_wrp #rate-rise-popup .raterise-banner-link a { height: 27px; line-height: 27px; } #main_wrp #rate-rise-popup { height: 130px !important; } } @media all and (min-width: 921px) and (max-width: 1040px) { #main_wrp #banner-wrapper .banner-item .bannerText #banneralltextsection { min-height: 255px !important; } #main_wrp #banner-wrapper .homepage-banner .banner-item .bannerText #banneralltextsection { min-height: 130px !important; } #main_wrp .sub-heading mozbox { width: 82%; } #main_wrp #banner-wrapper .banner-link { width: auto; padding-right: 1%; } #main_wrp #banner-wrapper .homepage-banner .banner-link { width: 100%; padding-right: 1%; } #main_wrp #divorce-and-separation #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #bereavement #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #job-loss #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #illness #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #mental-health #banner-wrapper .banner-item .bannerText #banneralltextsection { min-height: 170px !important; } } @media all and (min-width: 721px) and (max-width: 840px) { #main_wrp #divorce-and-separation #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #bereavement #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #job-loss #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #illness #banner-wrapper .banner-item .bannerText #banneralltextsection, #main_wrp #mental-health #banner-wrapper .banner-item .bannerText #banneralltextsection { min-height: 255px !important; } } @media all and (min-width: 721px) and (max-width: 840px) and (orientation: portrait) { #main_wrp .popupstylemain { background-image: none !important; height: 230px; } #main_wrp div#splash-box.popupmain { width: 88%; left: 6%; } } @media all and (min-width: 921px) and (max-width: 1040px) { #main_wrp div#splash-box.popupmain { width: 90%; left: 5% !important; } } @media all and (min-width: 1041px) and (max-width: 1280px) { #main_wrp div#splash-box.popupmain { width: 72%; left: 14% !important; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) { #main_wrp div#splash-box.popupmain { width: 90%; left: 5% !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) { #main_wrp .popupstylemain { min-height: 390px !important; } } @media all and (min-width: 921px) and (max-width: 1040px) { #main_wrp #banner-landloards-feesact-banner1 .banner-content { width: 44% !important; } #main_wrp #banner-landloards-feesact-banner2 .banner-content { width: 44% !important; } #main_wrp #banner-landloards-feesact-banner3 .banner-content { width: 44% !important; } } #main_wrp .ui-helper-hidden { display: none; } #main_wrp .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #main_wrp .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } #main_wrp .ui-helper-clearfix:before, #main_wrp .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } #main_wrp .ui-helper-clearfix:after { clear: both; } #main_wrp .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } #main_wrp .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } #main_wrp .ui-front { z-index: 100; } #main_wrp .ui-state-disabled { cursor: default !important; } #main_wrp .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } #main_wrp .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #main_wrp .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } #main_wrp .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } #main_wrp .ui-accordion .ui-accordion-noicons { padding-left: .7em; } #main_wrp .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } #main_wrp .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } #main_wrp .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } #main_wrp .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } #main_wrp .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 */ } #main_wrp .ui-button, #main_wrp .ui-button:link, #main_wrp .ui-button:visited, #main_wrp .ui-button:hover, #main_wrp .ui-button:active { text-decoration: none; } #main_wrp .ui-button-icon-only { width: 2.2em; } #main_wrp button.ui-button-icon-only { width: 2.4em; } #main_wrp .ui-button-icons-only { width: 3.4em; } #main_wrp button.ui-button-icons-only { width: 3.7em; } #main_wrp .ui-button .ui-button-text { display: block; line-height: normal; } #main_wrp .ui-button-text-only .ui-button-text { padding: .4em 1em; } #main_wrp .ui-button-icon-only .ui-button-text, #main_wrp .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } #main_wrp .ui-button-text-icon-primary .ui-button-text, #main_wrp .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } #main_wrp .ui-button-text-icon-secondary .ui-button-text, #main_wrp .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } #main_wrp .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } #main_wrp input.ui-button { padding: .4em 1em; } #main_wrp .ui-button-icon-only .ui-icon, #main_wrp .ui-button-text-icon-primary .ui-icon, #main_wrp .ui-button-text-icon-secondary .ui-icon, #main_wrp .ui-button-text-icons .ui-icon, #main_wrp .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } #main_wrp .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } #main_wrp .ui-button-text-icon-primary .ui-button-icon-primary, #main_wrp .ui-button-text-icons .ui-button-icon-primary, #main_wrp .ui-button-icons-only .ui-button-icon-primary { left: .5em; } #main_wrp .ui-button-text-icon-secondary .ui-button-icon-secondary, #main_wrp .ui-button-text-icons .ui-button-icon-secondary, #main_wrp .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } #main_wrp .ui-buttonset { margin-right: 7px; } #main_wrp .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } #main_wrp input.ui-button::-moz-focus-inner, #main_wrp button.ui-button::-moz-focus-inner { border: 0; padding: 0; } #main_wrp .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } #main_wrp .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } #main_wrp .ui-datepicker .ui-datepicker-prev, #main_wrp .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } #main_wrp .ui-datepicker .ui-datepicker-prev-hover, #main_wrp .ui-datepicker .ui-datepicker-next-hover { top: 1px; } #main_wrp .ui-datepicker .ui-datepicker-prev { left: 2px; } #main_wrp .ui-datepicker .ui-datepicker-next { right: 2px; } #main_wrp .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } #main_wrp .ui-datepicker .ui-datepicker-next-hover { right: 1px; } #main_wrp .ui-datepicker .ui-datepicker-prev span, #main_wrp .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } #main_wrp .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } #main_wrp .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } #main_wrp .ui-datepicker select.ui-datepicker-month-year { width: 100%; } #main_wrp .ui-datepicker select.ui-datepicker-month, #main_wrp .ui-datepicker select.ui-datepicker-year { width: 49%; } #main_wrp .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } #main_wrp .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } #main_wrp .ui-datepicker td { border: 0; padding: 1px; } #main_wrp .ui-datepicker td span, #main_wrp .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } #main_wrp .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; } #main_wrp .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } #main_wrp .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } #main_wrp .ui-datepicker.ui-datepicker-multi { width: auto; } #main_wrp .ui-datepicker-multi .ui-datepicker-group { float: left; } #main_wrp .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } #main_wrp .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } #main_wrp .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } #main_wrp .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } #main_wrp .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, #main_wrp .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } #main_wrp .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } #main_wrp .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } #main_wrp .ui-datepicker-rtl { direction: rtl; } #main_wrp .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } #main_wrp .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } #main_wrp .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } #main_wrp .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } #main_wrp .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } #main_wrp .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } #main_wrp .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, #main_wrp .ui-datepicker-rtl .ui-datepicker-group { float: right; } #main_wrp .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, #main_wrp .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } #main_wrp .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } #main_wrp .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } #main_wrp .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } #main_wrp .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } #main_wrp .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } #main_wrp .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; } #main_wrp .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } #main_wrp .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } #main_wrp .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } #main_wrp .ui-draggable .ui-dialog-titlebar { cursor: move; } #main_wrp .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } #main_wrp .ui-menu .ui-menu { margin-top: -3px; position: absolute; } #main_wrp .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } #main_wrp .ui-menu-item:hover { /*background-color:#999999;*/ } #main_wrp .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } #main_wrp .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; } #main_wrp .ui-menu .ui-menu-item a.ui-state-focus, #main_wrp .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; /*margin: -1px;*/ } #main_wrp .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } #main_wrp .ui-menu .ui-state-disabled a { cursor: default; } #main_wrp .ui-menu-icons { position: relative; } #main_wrp .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } #main_wrp .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } #main_wrp .ui-menu .ui-menu-icon { position: static; float: right; } #main_wrp .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } #main_wrp .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } #main_wrp .ui-progressbar .ui-progressbar-overlay { height: 100%; filter: alpha(opacity=25); opacity: 0.25; } #main_wrp .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } #main_wrp .ui-resizable { position: relative; } #main_wrp .ui-resizable-handle { position: absolute; font-size: 0.1em; display: block; } #main_wrp .ui-resizable-disabled .ui-resizable-handle, #main_wrp .ui-resizable-autohide .ui-resizable-handle { display: none; } #main_wrp .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } #main_wrp .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } #main_wrp .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } #main_wrp .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } #main_wrp .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } #main_wrp .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } #main_wrp .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } #main_wrp .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } #main_wrp .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } #main_wrp .ui-slider { position: relative; text-align: left; } #main_wrp .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } #main_wrp .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } #main_wrp .ui-slider.ui-state-disabled .ui-slider-handle, #main_wrp .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } #main_wrp .ui-slider-horizontal { height: .8em; } #main_wrp .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } #main_wrp .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #main_wrp .ui-slider-horizontal .ui-slider-range-min { left: 0; } #main_wrp .ui-slider-horizontal .ui-slider-range-max { right: 0; } #main_wrp .ui-slider-vertical { width: .8em; height: 100px; } #main_wrp .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } #main_wrp .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } #main_wrp .ui-slider-vertical .ui-slider-range-min { bottom: 0; } #main_wrp .ui-slider-vertical .ui-slider-range-max { top: 0; } #main_wrp .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } #main_wrp .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } #main_wrp .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; } #main_wrp .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } #main_wrp .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } #main_wrp .ui-spinner-up { top: 0; } #main_wrp .ui-spinner-down { bottom: 0; } #main_wrp .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } #main_wrp .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } #main_wrp .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } #main_wrp .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; } #main_wrp .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } #main_wrp .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } #main_wrp .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #main_wrp .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #main_wrp .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } #main_wrp .ui-tabs .ui-tabs-nav li a, #main_wrp .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } #main_wrp .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } #main_wrp .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; } #main_wrp body .ui-tooltip { border-width: 2px; } #main_wrp .ui-widget { /*font-size: 1.1em;*/ font-size: 1em; } #main_wrp .ui-widget .ui-widget { font-size: 1em; } #main_wrp .ui-widget input, #main_wrp .ui-widget select, #main_wrp .ui-widget textarea, #main_wrp .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } #main_wrp .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; } #main_wrp .ui-widget-content a { color: #000; } #main_wrp .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; } #main_wrp .ui-widget-header a { color: #222222; } #main_wrp .ui-state-default, #main_wrp .ui-widget-content .ui-state-default, #main_wrp .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; } #main_wrp .ui-state-default a, #main_wrp .ui-state-default a:link, #main_wrp .ui-state-default a:visited { color: #555555; text-decoration: none; } #main_wrp .ui-state-hover, #main_wrp .ui-widget-content .ui-state-hover, #main_wrp .ui-widget-header .ui-state-hover, #main_wrp .ui-state-focus, #main_wrp .ui-widget-content .ui-state-focus, #main_wrp .ui-widget-header .ui-state-focus a:hover { /*border: 1px solid #999999; background-color: #aaaaaa !important; font-weight: normal; color: #212121;*/ background-color: #f16421; color: #fff; } #main_wrp .ui-state-hover, #main_wrp .ui-widget-content .ui-state-hover, #main_wrp .ui-widget-header .ui-state-hover, #main_wrp .ui-state-focus, #main_wrp .ui-widget-content .ui-state-focus, #main_wrp .ui-widget-header .ui-state-focus a:focus { /*border: 1px solid #999999; background-color: #aaaaaa; font-weight: normal; color: #212121;*/ } #main_wrp .ui-state-hover a, #main_wrp .ui-state-hover a:hover, #main_wrp .ui-state-hover a:link, #main_wrp .ui-state-hover a:visited { /* color: #212121; text-decoration: none;*/ } #main_wrp .ui-state-active, #main_wrp .ui-widget-content .ui-state-active, #main_wrp .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; } #main_wrp .ui-state-active a, #main_wrp .ui-state-active a:link, #main_wrp .ui-state-active a:visited { color: #212121; text-decoration: none; } #main_wrp .ui-state-highlight, #main_wrp .ui-widget-content .ui-state-highlight, #main_wrp .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; } #main_wrp .ui-state-highlight a, #main_wrp .ui-widget-content .ui-state-highlight a, #main_wrp .ui-widget-header .ui-state-highlight a { color: #363636; } #main_wrp .ui-state-error, #main_wrp .ui-widget-content .ui-state-error, #main_wrp .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } #main_wrp .ui-state-error a, #main_wrp .ui-widget-content .ui-state-error a, #main_wrp .ui-widget-header .ui-state-error a { color: #cd0a0a; } #main_wrp .ui-state-error-text, #main_wrp .ui-widget-content .ui-state-error-text, #main_wrp .ui-widget-header .ui-state-error-text { color: #cd0a0a; } #main_wrp .ui-priority-primary, #main_wrp .ui-widget-content .ui-priority-primary, #main_wrp .ui-widget-header .ui-priority-primary { font-weight: bold; } #main_wrp .ui-priority-secondary, #main_wrp .ui-widget-content .ui-priority-secondary, #main_wrp .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } #main_wrp .ui-state-disabled, #main_wrp .ui-widget-content .ui-state-disabled, #main_wrp .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } #main_wrp .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* For IE8 - See #6059 */ } #main_wrp .ui-icon { width: 16px; height: 16px; } #main_wrp .ui-icon-blank { background-position: 16px 16px; } #main_wrp .ui-icon-carat-1-n { background-position: 0 0; } #main_wrp .ui-icon-carat-1-ne { background-position: -16px 0; } #main_wrp .ui-icon-carat-1-e { background-position: -32px 0; } #main_wrp .ui-icon-carat-1-se { background-position: -48px 0; } #main_wrp .ui-icon-carat-1-s { background-position: -64px 0; } #main_wrp .ui-icon-carat-1-sw { background-position: -80px 0; } #main_wrp .ui-icon-carat-1-w { background-position: -96px 0; } #main_wrp .ui-icon-carat-1-nw { background-position: -112px 0; } #main_wrp .ui-icon-carat-2-n-s { background-position: -128px 0; } #main_wrp .ui-icon-carat-2-e-w { background-position: -144px 0; } #main_wrp .ui-icon-triangle-1-n { background-position: 0 -16px; } #main_wrp .ui-icon-triangle-1-ne { background-position: -16px -16px; } #main_wrp .ui-icon-triangle-1-e { background-position: -32px -16px; } #main_wrp .ui-icon-triangle-1-se { background-position: -48px -16px; } #main_wrp .ui-icon-triangle-1-s { background-position: -64px -16px; } #main_wrp .ui-icon-triangle-1-sw { background-position: -80px -16px; } #main_wrp .ui-icon-triangle-1-w { background-position: -96px -16px; } #main_wrp .ui-icon-triangle-1-nw { background-position: -112px -16px; } #main_wrp .ui-icon-triangle-2-n-s { background-position: -128px -16px; } #main_wrp .ui-icon-triangle-2-e-w { background-position: -144px -16px; } #main_wrp .ui-icon-arrow-1-n { background-position: 0 -32px; } #main_wrp .ui-icon-arrow-1-ne { background-position: -16px -32px; } #main_wrp .ui-icon-arrow-1-e { background-position: -32px -32px; } #main_wrp .ui-icon-arrow-1-se { background-position: -48px -32px; } #main_wrp .ui-icon-arrow-1-s { background-position: -64px -32px; } #main_wrp .ui-icon-arrow-1-sw { background-position: -80px -32px; } #main_wrp .ui-icon-arrow-1-w { background-position: -96px -32px; } #main_wrp .ui-icon-arrow-1-nw { background-position: -112px -32px; } #main_wrp .ui-icon-arrow-2-n-s { background-position: -128px -32px; } #main_wrp .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } #main_wrp .ui-icon-arrow-2-e-w { background-position: -160px -32px; } #main_wrp .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } #main_wrp .ui-icon-arrowstop-1-n { background-position: -192px -32px; } #main_wrp .ui-icon-arrowstop-1-e { background-position: -208px -32px; } #main_wrp .ui-icon-arrowstop-1-s { background-position: -224px -32px; } #main_wrp .ui-icon-arrowstop-1-w { background-position: -240px -32px; } #main_wrp .ui-icon-arrowthick-1-n { background-position: 0 -48px; } #main_wrp .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } #main_wrp .ui-icon-arrowthick-1-e { background-position: -32px -48px; } #main_wrp .ui-icon-arrowthick-1-se { background-position: -48px -48px; } #main_wrp .ui-icon-arrowthick-1-s { background-position: -64px -48px; } #main_wrp .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } #main_wrp .ui-icon-arrowthick-1-w { background-position: -96px -48px; } #main_wrp .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } #main_wrp .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } #main_wrp .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } #main_wrp .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } #main_wrp .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } #main_wrp .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } #main_wrp .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } #main_wrp .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } #main_wrp .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } #main_wrp .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } #main_wrp .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } #main_wrp .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } #main_wrp .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } #main_wrp .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } #main_wrp .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } #main_wrp .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } #main_wrp .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } #main_wrp .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } #main_wrp .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } #main_wrp .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } #main_wrp .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } #main_wrp .ui-icon-arrow-4 { background-position: 0 -80px; } #main_wrp .ui-icon-arrow-4-diag { background-position: -16px -80px; } #main_wrp .ui-icon-extlink { background-position: -32px -80px; } #main_wrp .ui-icon-newwin { background-position: -48px -80px; } #main_wrp .ui-icon-refresh { background-position: -64px -80px; } #main_wrp .ui-icon-shuffle { background-position: -80px -80px; } #main_wrp .ui-icon-transfer-e-w { background-position: -96px -80px; } #main_wrp .ui-icon-transferthick-e-w { background-position: -112px -80px; } #main_wrp .ui-icon-folder-collapsed { background-position: 0 -96px; } #main_wrp .ui-icon-folder-open { background-position: -16px -96px; } #main_wrp .ui-icon-document { background-position: -32px -96px; } #main_wrp .ui-icon-document-b { background-position: -48px -96px; } #main_wrp .ui-icon-note { background-position: -64px -96px; } #main_wrp .ui-icon-mail-closed { background-position: -80px -96px; } #main_wrp .ui-icon-mail-open { background-position: -96px -96px; } #main_wrp .ui-icon-suitcase { background-position: -112px -96px; } #main_wrp .ui-icon-comment { background-position: -128px -96px; } #main_wrp .ui-icon-person { background-position: -144px -96px; } #main_wrp .ui-icon-print { background-position: -160px -96px; } #main_wrp .ui-icon-trash { background-position: -176px -96px; } #main_wrp .ui-icon-locked { background-position: -192px -96px; } #main_wrp .ui-icon-unlocked { background-position: -208px -96px; } #main_wrp .ui-icon-bookmark { background-position: -224px -96px; } #main_wrp .ui-icon-tag { background-position: -240px -96px; } #main_wrp .ui-icon-home { background-position: 0 -112px; } #main_wrp .ui-icon-flag { background-position: -16px -112px; } #main_wrp .ui-icon-calendar { background-position: -32px -112px; } #main_wrp .ui-icon-cart { background-position: -48px -112px; } #main_wrp .ui-icon-pencil { background-position: -64px -112px; } #main_wrp .ui-icon-clock { background-position: -80px -112px; } #main_wrp .ui-icon-disk { background-position: -96px -112px; } #main_wrp .ui-icon-calculator { background-position: -112px -112px; } #main_wrp .ui-icon-zoomin { background-position: -128px -112px; } #main_wrp .ui-icon-zoomout { background-position: -144px -112px; } #main_wrp .ui-icon-search { background-position: -160px -112px; } #main_wrp .ui-icon-wrench { background-position: -176px -112px; } #main_wrp .ui-icon-gear { background-position: -192px -112px; } #main_wrp .ui-icon-heart { background-position: -208px -112px; } #main_wrp .ui-icon-star { background-position: -224px -112px; } #main_wrp .ui-icon-link { background-position: -240px -112px; } #main_wrp .ui-icon-cancel { background-position: 0 -128px; } #main_wrp .ui-icon-plus { background-position: -16px -128px; } #main_wrp .ui-icon-plusthick { background-position: -32px -128px; } #main_wrp .ui-icon-minus { background-position: -48px -128px; } #main_wrp .ui-icon-minusthick { background-position: -64px -128px; } #main_wrp .ui-icon-close { background-position: -80px -128px; } #main_wrp .ui-icon-closethick { background-position: -96px -128px; } #main_wrp .ui-icon-key { background-position: -112px -128px; } #main_wrp .ui-icon-lightbulb { background-position: -128px -128px; } #main_wrp .ui-icon-scissors { background-position: -144px -128px; } #main_wrp .ui-icon-clipboard { background-position: -160px -128px; } #main_wrp .ui-icon-copy { background-position: -176px -128px; } #main_wrp .ui-icon-contact { background-position: -192px -128px; } #main_wrp .ui-icon-image { background-position: -208px -128px; } #main_wrp .ui-icon-video { background-position: -224px -128px; } #main_wrp .ui-icon-script { background-position: -240px -128px; } #main_wrp .ui-icon-alert { background-position: 0 -144px; } #main_wrp .ui-icon-info { background-position: -16px -144px; } #main_wrp .ui-icon-notice { background-position: -32px -144px; } #main_wrp .ui-icon-help { background-position: -48px -144px; } #main_wrp .ui-icon-check { background-position: -64px -144px; } #main_wrp .ui-icon-bullet { background-position: -80px -144px; } #main_wrp .ui-icon-radio-on { background-position: -96px -144px; } #main_wrp .ui-icon-radio-off { background-position: -112px -144px; } #main_wrp .ui-icon-pin-w { background-position: -128px -144px; } #main_wrp .ui-icon-pin-s { background-position: -144px -144px; } #main_wrp .ui-icon-play { background-position: 0 -160px; } #main_wrp .ui-icon-pause { background-position: -16px -160px; } #main_wrp .ui-icon-seek-next { background-position: -32px -160px; } #main_wrp .ui-icon-seek-prev { background-position: -48px -160px; } #main_wrp .ui-icon-seek-end { background-position: -64px -160px; } #main_wrp .ui-icon-seek-start { background-position: -80px -160px; } #main_wrp .ui-icon-seek-first { background-position: -80px -160px; } #main_wrp .ui-icon-stop { background-position: -96px -160px; } #main_wrp .ui-icon-eject { background-position: -112px -160px; } #main_wrp .ui-icon-volume-off { background-position: -128px -160px; } #main_wrp .ui-icon-volume-on { background-position: -144px -160px; } #main_wrp .ui-icon-power { background-position: 0 -176px; } #main_wrp .ui-icon-signal-diag { background-position: -16px -176px; } #main_wrp .ui-icon-signal { background-position: -32px -176px; } #main_wrp .ui-icon-battery-0 { background-position: -48px -176px; } #main_wrp .ui-icon-battery-1 { background-position: -64px -176px; } #main_wrp .ui-icon-battery-2 { background-position: -80px -176px; } #main_wrp .ui-icon-battery-3 { background-position: -96px -176px; } #main_wrp .ui-icon-circle-plus { background-position: 0 -192px; } #main_wrp .ui-icon-circle-minus { background-position: -16px -192px; } #main_wrp .ui-icon-circle-close { background-position: -32px -192px; } #main_wrp .ui-icon-circle-triangle-e { background-position: -48px -192px; } #main_wrp .ui-icon-circle-triangle-s { background-position: -64px -192px; } #main_wrp .ui-icon-circle-triangle-w { background-position: -80px -192px; } #main_wrp .ui-icon-circle-triangle-n { background-position: -96px -192px; } #main_wrp .ui-icon-circle-arrow-e { background-position: -112px -192px; } #main_wrp .ui-icon-circle-arrow-s { background-position: -128px -192px; } #main_wrp .ui-icon-circle-arrow-w { background-position: -144px -192px; } #main_wrp .ui-icon-circle-arrow-n { background-position: -160px -192px; } #main_wrp .ui-icon-circle-zoomin { background-position: -176px -192px; } #main_wrp .ui-icon-circle-zoomout { background-position: -192px -192px; } #main_wrp .ui-icon-circle-check { background-position: -208px -192px; } #main_wrp .ui-icon-circlesmall-plus { background-position: 0 -208px; } #main_wrp .ui-icon-circlesmall-minus { background-position: -16px -208px; } #main_wrp .ui-icon-circlesmall-close { background-position: -32px -208px; } #main_wrp .ui-icon-squaresmall-plus { background-position: -48px -208px; } #main_wrp .ui-icon-squaresmall-minus { background-position: -64px -208px; } #main_wrp .ui-icon-squaresmall-close { background-position: -80px -208px; } #main_wrp .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } #main_wrp .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } #main_wrp .ui-icon-grip-solid-vertical { background-position: -32px -224px; } #main_wrp .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } #main_wrp .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } #main_wrp .ui-icon-grip-diagonal-se { background-position: -80px -224px; } #main_wrp .ui-corner-all, #main_wrp .ui-corner-top, #main_wrp .ui-corner-left, #main_wrp .ui-corner-tl { border-top-left-radius: 4px; } #main_wrp .ui-corner-all, #main_wrp .ui-corner-top, #main_wrp .ui-corner-right, #main_wrp .ui-corner-tr { border-top-right-radius: 4px; } #main_wrp .ui-corner-all, #main_wrp .ui-corner-bottom, #main_wrp .ui-corner-left, #main_wrp .ui-corner-bl { border-bottom-left-radius: 4px; } #main_wrp .ui-corner-all, #main_wrp .ui-corner-bottom, #main_wrp .ui-corner-right, #main_wrp .ui-corner-br { border-bottom-right-radius: 4px; } #main_wrp .ui-widget-overlay { background: #aaaaaa 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } #main_wrp .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; } #main_wrp .currentDomainCSS { background: #D3D3D3 50% 50% repeat-x; } #main_wrp .serachTextBoxMiddle { height: 18px; margin-left: 220px; right: 44px; width: 140px; } #main_wrp .serachButtonMiddle { left: 363px; position: absolute; top: 53px !important; } #main_wrp .centerText { margin-left: 195px; } #main_wrp .centerText1 { margin: 0 auto; width: 180px; } #main_wrp .ui-menu { min-width: 150px !important; max-width: 300px !important; } #main_wrp .ui-menu a { background-color: #ffffff; height: 20px; width: 100%; position: relative; top: 0px; margin-bottom: 1px; } #main_wrp .ui-menu a:hover { /*background-color:#aaaaaa;*/ height: 20px; width: 100%; position: relative; top: 0px; margin-bottom: 1px; } #main_wrp .ui-menu .ui-menu-item { padding: 0 !important; width: 97% !important; } #main_wrp .ui-menu.ui-corner-all { line-height: 1.1em; } @font-face { #main_wrp { font-family: 'icomoon'; src: url("/~/media/Files/N/NRAM-PLC/fonts/icomoon/icomoon-eot.eot?7743s4"); src: url("/~/media/Files/N/NRAM-PLC/fonts/icomoon/icomoon-eot.eot?7743s4#iefix") format("embedded-opentype"), url("/~/media/Files/N/NRAM-PLC/fonts/icomoon/icomoon-ttf.ttf?7743s4") format("truetype"), url("/~/media/Files/N/NRAM-PLC/fonts/icomoon/icomoon-woff.woff?7743s4") format("woff"), url("/~/media/Files/N/NRAM-PLC/fonts/icomoon/icomoon-svg.svg?7743s4#icomoon") format("svg"); font-weight: normal; font-style: normal; } } #main_wrp .icon-error:before { content: "\f06a"; font-family: FontAwesome; } #main_wrp .icon-link-arrow:before { content: "\e907"; font-family: FontAwesome; } #main_wrp .icon-edit:before { content: "\f4ff"; font-family: FontAwesome; } #main_wrp .icon-info:before { content: "\f05a"; font-family: FontAwesome; } #main_wrp .icon-right-arrow:before { content: "\f054"; font-family: FontAwesome; } #main_wrp .icon-tick:before { content: "\e903"; font-family: FontAwesome; } /*#main_wrp .icon-notification:before {*/ /* content: "\f0f3";*/ /* font-family: FontAwesome; }*/ #main_wrp .icon-see-results:before { content: "\f00c"; font-family: FontAwesome; } #main_wrp .icon-play-arrow:before { content: "\f04b"; font-family: FontAwesome; } #main_wrp input::-ms-clear { display: none; } #main_wrp .rad-highlight#mortgage-deal { display: none; } #main_wrp .tools-snapdown-title.repayment-calculator { background: url("/~/media/Images/N/NRAM-PLC/css/rate-calc-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .tools-snapdown-title.overpayment-calculator { background: url("/~/media/Images/N/NRAM-PLC/css/payment-snap-icon.png") no-repeat scroll 15px center #f6f6f6; } #main_wrp .bottom-content-wrap { width: 100%; float: left; margin-top: 20px; } #main_wrp .bottom-content-wrap ol { list-style: decimal; padding: 0 0 0 15px; font-style: italic; } #main_wrp .bottom-content-wrap ol li { padding-bottom: 10px; } #main_wrp #calcBox.newcalc { width: 820px !important; } #main_wrp #calcBox label { padding: 10px 0 5px 0; } #main_wrp .calculator_th h1 { display: none; } #main_wrp .newcalc #resultbox { width: 710px; } #main_wrp .calculator_th .container-responsive { width: 100%; } #main_wrp .visible-xs { display: none; } #main_wrp .new-calc-row { /*border-bottom: 1px solid #cfd7df;*/ padding: 0px 0 20px 0px } #main_wrp .input-eg { color: #aaaaaa; font-family: "AvantGarde Light"; left: 20px; line-height: 24px; position: absolute; z-index: 3; background: #fff; } #main_wrp .newcalc .new-calc-row input { background: none; border: medium none; } #main_wrp .new-calc-row-max-width > .new-calc-row-input-wrap { max-width: 100%; } #main_wrp .new-calc-row-input-wrap { /* border: 1px solid #cfd7df; display: inline-block; position: relative; width: 100%;*/ background: #ffffff; border: 1px solid #cfd7df; color: #436082; display: inline-block; font-size: 1.667em; line-height: 24px; position: relative; width: 100%; } #main_wrp .mortgage-item-left { float: left; width: 48%; } #main_wrp .mortgage-item-right { float: left; margin-left: 2%; width: 48%; } #main_wrp .mortgage-item-full { width: 100%; } #main_wrp .calc-wrap { padding-top: 0px; /*border-top: 1px solid #e4e4e2; */ } #main_wrp .max860.head-content { padding: 0 18% 0 20px; } #main_wrp .head-content .rad-notes strong { color: #436082; } #main_wrp .head-content .rad-notes { font-size: 1em !important; line-height: 18px !important; } #main_wrp .newcalc .new-calc-row .new-calc-row-input-wrap input { background: #ffffff none repeat scroll 0 0; color: #436082; display: inline-block; font-family: "ITCAvantGardeW04-Medium 1122896"; font-size: 1em; height: 35px; line-height: 1; padding: 10px 20px; position: relative; width: 90%; border: 0; box-shadow: none; } #main_wrp .newcalc .new-calc-row.mo-row.row-five .new-calc-row-input-wrap input { width: 85%; } #main_wrp .new-calc-row.row-one .input-eg { left: 46px; } #main_wrp .new-calc-row.row-one .extra-text { display: inline-block; float: none; left: 20px; padding: 0; position: relative; z-index: 5; } #main_wrp .extra-text { color: #f16421; display: block; float: right; padding: 12px 20px 13px 0px; } #main_wrp .newcalc .new-calc-row.row-one .new-calc-row-input-wrap input { padding-left: 30px; } #main_wrp .newcalc .new-calc-row .new-calc-row-input-wrap input:focus { z-index: 4; box-shadow: none; outline: none;border: none !important;} #main_wrp .txtalign { display: block; text-align: center; } #main_wrp .calculator_th #calcHeader { background: #f16421 url(/~/media/Images/N/NRAM-PLC/css/rate-rise-calc-ttl-img.png) no-repeat scroll right center !important; height: auto; margin: 0 0 23px; padding: 11px 0 15px 20px; } #main_wrp .calculator_th .max860 { max-width: 860px; } #main_wrp .calculator_th #calcHeader p { font-size: 2em; line-height: 1; padding: 0; } #main_wrp .calculator_th .newcalc .rateriseform { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ /*font-size: 1.167em;*/ padding: 0; } #main_wrp .calculator_th p { font-size: 1.167em; line-height: 22px; } #main_wrp .calculator_th .newcalc .rateriseform .rad-notes { font-size: 1em; line-height: 18px; } #main_wrp .calculator_th .newcalc .rateriseform strong { /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-weight: 400; } #main_wrp .calculator_th #calcBox h2 { color: #212121; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 2em; font-weight: 400; line-height: 1; margin: 0px 0 16px; letter-spacing: 0;} #main_wrp .calculator_th #calcBox.newcalc { max-width: 100% !important; width: 100% !important; } #main_wrp .calculator_th .content-left.invspan12 { position: relative; } #main_wrp .calculator_th .content-right.invspan3 { color: #ffffff; float: right; margin-left: 0; right: 0; top: 36px; } #main_wrp .calculator_th .right-col-help-content { margin-top: 22px; } #main_wrp .calculator_th .signposts-wrapper .right-col-help-content { padding-right: 41px; } #main_wrp .calculator_th .right-col-help-header { color: #ffffff; font-family: "ITCAvantGardeW04-Medium 1122896"; font-size: 2em; line-height: 1; } #main_wrp .calculator_th .right-col-help-content > p { font-family: "ITCAvantGardeW04-Medium 1122896"; font-size: 1.2em; line-height: 20px; color: #fff; padding: 0; } #main_wrp .calculator_th .signposts-wrapper .right-col-help-content > p { font-size: 1.355em; line-height: 24px; } #main_wrp .calculator-top-content-left { float: left; } #main_wrp .calculator_th .right-col-container-img { background: #8a8f8b none repeat scroll 0 0; /*padding-bottom: 20px;*/ } #main_wrp #content-right .right-col-container-img { padding-bottom: 20px; } #main_wrp .calculator_th .right-col-help-inner { background: #8a8f8b url("/~/media/Images/N/NRAM-PLC/content-images/new-calculator/rate-rise-calc-useful-tools-calc.png") no-repeat scroll right bottom; padding: 27px 20px 60px; } #main_wrp .calculator-top-content-left > p { margin-bottom: 18px; padding: 0 20px; } #main_wrp .calculator-top-content-left > p.rad-notes strong { color: #f16421; } #main_wrp .calculator_th p.new-calc-row-ttl { font-size: 16px; line-height: 24px; padding-bottom: 20px; color: #212121;} #main_wrp .disabled .new-calc-row-ttl { color: #436082 !important; } #main_wrp .new-calc-row-max-width { position: relative; } #main_wrp .calculator_th .newcalc #resultbox { float: none; padding-bottom: 20px; font-family: "ITCAvantGardeW04-Medium 1122896"; padding: 0 20px; } /*#main_wrp .intre, #main_wrp .intre:focus {*/ /* background: #f6f6f6 none repeat scroll 0 0;*/ /* border: 1px solid #f16421;*/ /* color: #f16421;*/ /* font-size: 1rem;*/ /* padding: 11px 0 8px;*/ /* text-align: center;}*/ /*#main_wrp .intre.active, #main_wrp .intre.active:focus, #main_wrp .intre:hover {*/ /* background: #f16421 none repeat scroll 0 0;*/ /* border: 1px solid #f16421;*/ /* color: #ffffff; }*/ #main_wrp .icon-information-button.active .icon-info:before { content: "\e908"; } #main_wrp .trueOutstandingMortgage.icon-tick { color: #7fcbbc; display: inline-block; font-size: 2.5em; line-height: 1; padding-left: 20px; position: absolute; top: 6px; display: none; } #main_wrp .trueOutstandingMortgage { display: none; } #main_wrp .hidden-popup.hiddendiv strong { color: #177ea5; font-weight: normal; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .calculator_th .hidden-popup.hiddendiv p { font-size: 1em; line-height: 18px; padding: 0; } #main_wrp .new-calc-row.opened { background: #f6f6f6 none repeat scroll 0 0; } #main_wrp .calculator_th .errorRED p.new-calc-row-ttl, #main_wrp .calculator_th .errorRED #loanamtfldValidate, #main_wrp #yearMonthValidate, #main_wrp #intRateValidate, #main_wrp #overpayValidate .calculator_th .new-calc-row.errorRED .extra-text, #main_wrp .newcalc .new-calc-row.errorRED .new-calc-row-input-wrap input, #main_wrp .errorRED .icon-information-button, #main_wrp .errorRED .input-eg, #main_wrp .errorRED #switchpercValidate, #main_wrp .errorRED #lumpsumvalidate, #main_wrp .errorRED #overpayValidate { } #main_wrp .calculator_th .errorRED .icon-notification { color: #ff0a00 !important; font-size: 16px; } #main_wrp .errorRED .new-calc-row-input-wrap { border: 1px solid #ea554f; } #main_wrp .new-calc-row.errorRED:not(.disabled) { background: #ffeeed none repeat scroll 0 0; } #main_wrp .new-calc-row-input-wrap.makeGreen { border: 1px solid #7fcbbc; } /*#main_wrp .rate-rise-result-wrap.interest-results, #main_wrp .rate-rise-result-wrap.repayment-results {*/ /* padding-top: 74px; }*/ #main_wrp .icon-notification { padding-bottom: 16px; display: none; font: normal normal 400 14px / 120% var(--font); letter-spacing: -0.32px; color: var(--color-primary); } /*#main_wrp .icon-notification:before {*/ /* font-size: 16px;*/ /* position: relative;*/ /* top: 0;*/ /* padding-right: 7px; }*/ #main_wrp .calculator_th .calcbutton.pad-top { background: #f16421 none repeat scroll 0% 0% !important; height: auto; width: auto; font-size: 1rem; /*line-height: 16px;*/ padding: 10px 25px 10px 25px; margin: 0; font-weight: 600; border-radius: 30px; margin-top: 30px !important; } #main_wrp .signposts-wrapper .calcbutton.pad-top { padding-bottom: 8px !important; font-family: "ITCAvantGardeW04-Medium 1122896"; } #main_wrp .calculator_th .calcbutton.pad-top span { width: 24px; height: 25px; display: inline-block; overflow: hidden; line-height: 1; vertical-align: text-top; margin-left: 14px; font-size: 25px; font-family: "ITCAvantGardeW04-Medium 1122896"; } #main_wrp .calculator_th .calcbutton.pad-top span:before { width: 24px; height: 26px; display: inline-block; overflow: hidden; line-height: 1; vertical-align: text-top; margin-left: -2px; } #main_wrp .calculator_th .calcbutton.pad-top:hover { color: #ffffff; } #main_wrp .rrc-edit-details { background: #f6f6f6 none repeat scroll 0 0; color: #31abc6; display: inline-block; font-size: 1.667em; line-height: 24px; margin-right: 30px; padding: 14px 30px 14px 20px; margin-left: 20px; } #main_wrp .rrc-edit-details:hover { color: #31abc6; } #main_wrp .rrc-edit-details .icon-edit { padding-left: 10px; } #main_wrp .rrc-next-steps { background: #f16421 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 1.667em; line-height: 24px; margin-right: 30px; padding: 14px 30px 14px 20px; } #main_wrp .rrc-next-steps, #main_wrp .rrc-next-steps:hover { color: #ffffff; } #main_wrp .rrc-next-steps span.icon-link-arrow { padding-left: 20px; font-size: 0.6em; } #main_wrp .rrc-next-steps .icon-play-arrow { font-size: 0.4em; padding-left: 20px; } #main_wrp .calculator_th .pad-left-right { padding-left: 20px; padding-right: 20px; } #main_wrp .calculator_th .rate-rise-result-wrap-ttl { color: #3d3d3d; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 2em; /*line-height: 38px;*/ padding-bottom: 53px; } #main_wrp .rate-rise-result-wrap-result1 .rrc-result-int-txt { /*color: #3d3d3d;*/ font-size: 1.5em; /*line-height: 40px;*/ padding: 0 0 26px; } #main_wrp .calculator_th .interest-results .rate-rise-result-wrap-ttl, #main_wrp .calculator_th .repayment-results .rate-rise-result-wrap-ttl { padding-bottom: 31px; } #main_wrp .rate-rise-result-wrap-result1.single-block { margin-bottom: 30px; } #main_wrp .interest-results .rate-rise-result-wrap-result1.single-block, #main_wrp .repayment-results .rate-rise-result-wrap-result1.single-block { margin-bottom: 19px; } #main_wrp .three-col-block .rate-rise-result-wrap-result1 .rrc-result-int-txt { padding: 0 0 20px; } #main_wrp .interest-results .rate-rise-result-wrap-result1 .rrc-result-int-txt, #main_wrp .repayment-results .rate-rise-result-wrap-result1 .rrc-result-int-txt { padding: 0 0 18px; } #main_wrp .rate-rise-result-wrap-result1-left { position: relative; float: left; width: 62%; } #main_wrp .rate-rise-result-wrap-result1-left:after { width: 73px; height: 50px; content: "\e902"; font-family: Icomoon; color: #f16421; font-size: 6em; position: absolute; top: 30%; right: 22%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); line-height: 50px; } #main_wrp .rate-rise-result-wrap-result1-right { float: right; width: 38%; } #main_wrp .calculator_th p.rrc-result-int-fig { color: #f16421; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 5em; line-height: 65px; } #main_wrp .rate-rise-result-wrap-result1 { background: rgba(0, 0, 0, 0) url("/~/media/Images/N/NRAM-PLC/content-images/new-calculator/rate-rise-calc-home-pound-img.png") no-repeat scroll right bottom; margin-bottom: 60px; } #main_wrp .calculator_th .rrc-result-int-fig { color: #f16421; font-size: 5em; line-height: 1; padding: 0; } #main_wrp .calculator_th .mo-result-text .rrc-result-int-fig { display: block; font-size: 1.9em; /*margin-bottom: 10px;*/ word-break: break-all; } #main_wrp .rate-rise-result-wrap-result2 { padding-bottom: 80px; } #main_wrp #re-term-data > p:first-child span.small-text { display: block; text-align: right; } #main_wrp .new-calc-row-input-wrap input::-webkit-outer-spin-button, #main_wrp .new-calc-row-input-wrap input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; } /*#main_wrp input[type=number] {*/ /* -moz-appearance: textfield; }*/ #main_wrp .newcalc .new-calc-row.row-one input { width: 100%; } #main_wrp #data-target-container { margin-bottom: 60px !important; width: 100% !important; } #main_wrp .txtalign { font-size: 0.82em; } #main_wrp span.big-text { font-size: 1.67em; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ line-height: 15px; margin-left: -5px; } #main_wrp .highcharts-color-0 text { color: #f16421 !important; font-size: 1.35em; fill: #f16421 !important; line-height: 24px; font-family: "ITCAvantGardeW04-Medium 1122896"; } #main_wrp #chart-container rect.highcharts-point.highcharts-color-0 { stroke-width: 0; } #main_wrp .signposts-wrapper { padding: 61px 20px 0; border-top: 1px solid #f16421; display: none; margin-top: 30px; margin-bottom: 30px; } #main_wrp #data-target-container .highcharts-label > span { font-weight: normal !important; } #main_wrp #data-target-container .highcharts-label .txtalign { font-family: "ITCAvantGardeW04-Medium 1122896"; } #main_wrp .signpost-box { width: 47%; float: left; margin-right: 35px; margin-top: 70px; } #main_wrp .signpost-box > a { display: block; width: 100%; float: left; } #main_wrp .signpost-box:nth-child(2), #main_wrp .signpost-box:first-child { margin-top: 0; } #main_wrp .signpost-box:nth-child(2n+2) { margin-right: 0; float: right; } #main_wrp .signpost-box .right-col-help-inner { min-height: 200px; padding: 27px 20px 25px; margin-bottom: 20px; float: left; } #main_wrp .signpost-box .signpost-left { width: 60%; float: left; } #main_wrp .signpost-box .signpost-right { width: 40%; float: left; } #main_wrp .signpost-link { float: right; width: 100%; } #main_wrp .signpost-link a { background: #fff; color: #31abc6; font-size: 1.7em; line-height: 24px; padding: 15px 47px 14px 20px; margin-bottom: 20px; display: inline-block; position: relative; font-family: "ITCAvantGardeW04-Medium 1122896"; } #main_wrp .signpost-link a:after { content: "\e907"; font-family: Icomoon; color: #31abc6; font-size: 0.65em; position: absolute; right: 20px; top: 22px; line-height: 12px; } #main_wrp .signposts-wrapper h2 { color: #436082; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 2em; font-weight: 400; line-height: 1; margin-bottom: 25px; } #main_wrp .signposts-wrapper .calcbutton { background: #4d5b7e none repeat scroll 0% 0%; height: auto; width: auto; font-size: 1.7em; line-height: 24px; padding: 14px 20px 12px 19px; margin: 0; } #main_wrp .signposts-wrapper .calcbutton.pad-top span { width: 30px; height: 30px; display: inline-block; overflow: hidden; line-height: 30px; vertical-align: text-top; margin-left: 24px; font-size: 28px; top: -5px; position: relative; } #main_wrp .signposts-wrapper .calcbutton.pad-top span:before { width: 30px; height: 36px; display: inline-block; overflow: hidden; line-height: 1; vertical-align: text-top; margin-left: -3px; } #main_wrp .signposts { margin-bottom: 40px; width: 100%; float: left; } #main_wrp .disabled input { visibility: hidden; z-index: -10 !important; } #main_wrp .disabled .icon-tick { display: none !important; } #main_wrp .disabled .new-calc-row-input-wrap, #main_wrp .disabled .new-calc-row-input-wrap input, #main_wrp .disabled .input-eg { background: #f6f6f6; } #main_wrp .disabled .new-calc-row-input-wrap { border: 1px solid #cfd7df; } #main_wrp .disabled .extra-text { color: #aaaaaa; } #main_wrp .disabled { cursor: default; display: none; } #main_wrp #calcbtn-mo { display: none; } #main_wrp .three-col-block { width: 33%; float: left; } #main_wrp p.mo-result-text { font-weight: bold; color: #f16421; font-size: 1.27em; line-height: 24px; padding: 0; position: relative; padding-right: 80px; } #main_wrp .three-col-block:last-child .mo-result-text { padding-right: 0; } #main_wrp .three-col-block .mo-result-text { /*padding-bottom: 10px; */ } #main_wrp .three-col-block:last-child .mo-result-text::after { display: none; } #main_wrp .overpayments-table tr th { color: #fff; font-size: 1.4em; line-height: 20px; /* font-family: "ITCAvantGardeW04-Medium 1122896"; */ padding: 18px 20px 18px 20px; /*text-align: right;*/ vertical-align: middle; font-weight: normal;} #main_wrp .overpayments-table tr { border-bottom: 1px dashed #a6adbe; } #main_wrp .overpayments-table tbody tr td { font-weight: 500; font-size: 1.2em; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ line-height: 30px; vertical-align: middle; /*padding: 18px 20px 21px 20px;*/ text-align: right; } #main_wrp .overpayments-table tbody tr td:first-child { /*font-size: 1.5em;*/ /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ /*line-height: 30px;*/ text-align: left; } /*#main_wrp .overpayments-table tbody tr:first-child td {*/ /* color: #fff; }*/ /*#main_wrp .overpayments-table tbody tr:last-child td {*/ /* color: #fff; }*/ #main_wrp .highcharts-axis.highcharts-yaxis span { text-align: right; color: #f16421; font-size: 20em; line-height: 120%; /*font-family: "ITCAvantGardeW04-Medium 1122896" !important;*/ padding-right: 20px; } #main_wrp .datalabelInside { position: absolute; top: 40px; left: 50%; color: #ffffff; transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg); font-size: 2.727em; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ text-shadow: 1px 1px #f16421; } #main_wrp .datalabel { color: #f16421; font-size: 1.65em; line-height: 20px; text-align: center; position: relative; top: -10px; word-wrap: break-word; white-space: normal; } #main_wrp .value { display: block; } #main_wrp #chart-container { width :100%; } #main_wrp #chart-container > div { margin: 0 auto; } /*#main_wrp #chart-container {*/ /* margin-top: 35px;*/ /* margin-bottom: 35px; }*/ #main_wrp #chart-container .highcharts-xaxis-labels tspan { color: #f16421 !important; fill: #f16421 !important; font-family: "ITCAvantGardeW04-Medium 1122896" !important; font-size: 1.28em; } #main_wrp #chart-container .highcharts-yaxis-labels tspan { color: #f16421 !important; fill: #f16421 !important; font-size: 1em; font-family: "AvantGarde Demi" !important; } #main_wrp .footnote { color: #f16421; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ padding: 0 20px 15px; } #main_wrp #chart-container .highcharts-label { width: 170px; word-wrap: break-word; } #main_wrp #chart-container .highcharts-label > span, #main_wrp #chart-container .highcharts-data-labels > span { white-space: initial !important; font-weight: normal !important;font-size: 9px !important; /*font-family: "ITCAvantGardeW04-Medium 1122896" !important; */} #main_wrp #chart-container .highcharts-data-labels > span { margin-left: 15px !important; } /*#main_wrp .mo-row:not(.disabled) .lump-btn:not(.active):focus, #main_wrp .lump-btn {*/ /* background: #f6f6f6 none repeat scroll 0 0;*/ /* border-bottom: 7px solid #f6f6f6;*/ /* color: #f16421;*/ /* font-size: 1.667em;*/ /* line-height: 24px;*/ /* padding: 11px 0 5px;*/ /* text-align: center;*/ /* display: inline-block;*/ /* width: 170px;*/ /* float: left;*/ /* cursor: pointer;*/ /* margin-right: 70px; }*/ /*#main_wrp .opened .lump-btn:not(.active) {*/ /* border: 1px solid #cfd7df;*/ /* padding-bottom: 11px; }*/ /*#main_wrp .lump-btn.active {*/ /* background: #f16421 none repeat scroll 0 0;*/ /* border-bottom: 7px solid #f16421;*/ /* color: #ffffff; }*/ #main_wrp .lump-sum-input-wrap { width: 100%; float: left; } #main_wrp .show_lump_values { position: relative; float: left; width: 100%; display: none; margin-top: 40px; } #main_wrp .disabled .lump-btn { cursor: default; color: #aaaaaa; background: #f6f6f6 none repeat scroll 0 0; border-bottom: 7px solid #f6f6f6; } #main_wrp .show_lump_values .mortgage-item-right { position: relative; } #main_wrp span.in_text { position: absolute; left: -40px; top: 13px; color: #436082; font-size: 1.5em; line-height: 24px; } #main_wrp .disabled .lump-btn:focus { outline: 0 !important; } #main_wrp .disabled .show_lump_values { display: none !important; } #main_wrp .new-calc-row.disabled .new-calc-row-ttl { color: #aaa; } #main_wrp .disabled .icon-notification { display: none !important; } /*#main_wrp #re-term-data p:first-child {*/ /* float: left;*/ /* padding-right: 30px;*/ /* margin-right: 25px;*/ /* border-right: 1px solid #a6adbe; }*/ /*#main_wrp #re-term-data p {*/ /* float: left;*/ /* font-size: 1em; }*/ #main_wrp .mobile-chart-heading { display: none; } #main_wrp .mobile-chart-heading p { text-align: left; color: #f16421 !important; font-size: 1.25em !important; line-height: 20px; font-family: "ITCAvantGardeW04-Medium 1122896" !important; padding-left: 20px; padding-right: 45%; } #main_wrp .mobi-table { display: none; } #main_wrp .repayments-chart #chartbox-mo { height: 450px; padding-left: 0; width: 100%; position: relative; float: left; /*background:url(~/media/Images/N/NRAM-PLC/content-images/new-calculator/overpayment-calc/chart-bg.jpg);*/ background: none; } /*#main_wrp .repayments-chart #chartlegend-mo * {*/ /* display: block; }*/ /*#main_wrp .repayments-chart #chartlegend-mo table {*/ /* width: 100%;*/ /* font-size: 100% !important; }*/ /*#main_wrp .repayments-chart #chartlegend-mo td.legendColorBox {*/ /* display: block;*/ /* float: left;*/ /* padding-right: 5px;*/ /* padding-left: 0;*/ /* clear: left; }*/ /*#main_wrp .repayments-chart #chartlegend-mo td.legendLabel {*/ /* display: block;*/ /* float: left;*/ /* color: #f16421;*/ /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ /* font-size: 1.18em;*/ /* padding: 0;*/ /* padding-bottom: 20px; }*/ #main_wrp .repayments-chart .legendColorBox > div { border: 0 !important; top: 0; } #main_wrp .repayments-chart .legendColorBox > div > div { border-width: 1px !important; min-width: 15px !important; } #main_wrp .repayments-chart div#chartholder-mo { width: 100%; height: 400px; left: 0; top: 0; } #main_wrp .rotateup { display: inline; left: 0; position: absolute; top: 60%; color: #f16421; transform: rotate(-90deg); transform-origin: left center; font: normal normal 400 16px / 120% var(--font); letter-spacing: -0.32px; } .#main_wrp .rotateup br { display: none; } #main_wrp .repayments-chart .flot-tick-label.tickLabel { font-size: 1.1em; color: #f16421; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .repayments-chart .chart-box { width: 100%; margin: 0 auto; padding: 24px; } #main_wrp .repayments-chart #chartlegend-mo table { display: none; } /*#main_wrp .repayments-chart #chartlegend-mo {*/ /* float: right;*/ /* width: 27%; }*/ #main_wrp .repayments-chart .xaxis-title { text-align: center; margin-left: 25%; color: #f16421; font: normal normal 400 16px / 120% var(--font); letter-spacing: -0.32px; } #main_wrp .repayment-table1 td { position: relative; } #main_wrp .int-row * { color: #ea554f !important; } #main_wrp .pp-row * { color: #6b2034 !important; } #main_wrp .repay-row * { color: #a99d8f !important; } #main_wrp .repayment-table1 td { font-size: 2.5em; line-height: 20px; padding: 25px 20px 19px; vertical-align: middle; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .repayment-table1 td:first-child { font-size: 1.5em; } #main_wrp .repayment-table2 td { font-size: 2.5em; line-height: 20px; padding: 24px 20px 25px; vertical-align: middle; /*/*/*/*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ */*/*/} #main_wrp .repayment-table2 td:first-child { font-size: 1.5em; } #main_wrp .repayment-table1 .icon-information-button { text-align: left; position: relative; font-size: 1.4em; float: left; padding: 0; top: 0; } #main_wrp span.td-text { display: inline-block; float: left; width: 41%; } #main_wrp .repayment-table1 th, #main_wrp .repayment-table1 td { width: 20%; } #main_wrp .repayment-table1 th:first-child, #main_wrp .repayment-table1 td:first-child { width: 60%; } #main_wrp .repayment-table1 tr, #main_wrp .repayment-table2 tr { border-bottom: 1px dashed #a6adbe; } #main_wrp .repayment-table1 th, #main_wrp .repayment-table2 th { color: #f16421; font-size: 1.5em; line-height: 20px; padding: 22px 20px 10px; vertical-align: top; font-weight: normal; } #main_wrp .repayment-table1 th:nth-child(2), #main_wrp .repayment-table1 td:nth-child(2) { text-align: center; } #main_wrp .repayment-table1 th:last-child, #main_wrp .repayment-table1 td:last-child { text-align: right; } #main_wrp .repayment-table2 th:last-child, #main_wrp .repayment-table2 td:last-child { text-align: right; } #main_wrp td .hidden-popup.hiddendiv { position: relative; float: left; max-width: 40%; top: 0; right: 0; margin-left: 15px; font-size: 0.8em; line-height: 20px; padding: 10px 20px; } #main_wrp td .hidden-popup.hiddendiv:after { top: 6px; width: 10px; height: 10px; left: -6px; } #main_wrp div#chart1, #main_wrp div#chart2 { width: 100%; float: left; } #main_wrp #chart1 g.highcharts-legend-item.highcharts-column-series.highcharts-color-1.highcharts-series-1, #main_wrp #chart1 g.highcharts-legend-item.highcharts-column-series.highcharts-color-0.highcharts-series-1 { display: none !important; } #main_wrp #chart1 { margin-top: 110px; margin-bottom: 77px; padding-bottom: 70px; border-bottom: 1px solid #576f8e; } #main_wrp #chart1 .highcharts-point.highcharts-color-0:first-child { fill: #ea554f; } #main_wrp #chart1 .highcharts-point.highcharts-color-0:nth-child(2) { fill: #6b2034; } #main_wrp #chart1 .highcharts-point.highcharts-color-0:last-child { fill: #a99d8f; } #main_wrp #chart1 .highcharts-legend-item text, #main_wrp #chart2 .highcharts-legend-item text { color: #455f82 !important; fill: #455f82 !important; font-family: 'AvantGarde Demi' !important; font-size: 14px !important; line-height: 30px !important; font-weight: normal !important; } #main_wrp #chart1 .highcharts-xaxis-labels text { color: #455f82 !important; fill: #455f82 !important; font-family: "ITCAvantGardeW04-Medium 1122896" !important; font-size: 15px !important; line-height: 30px !important; font-weight: normal !important; } #main_wrp #chart1 .highcharts-yaxis-labels text, #main_wrp #chart2 .highcharts-yaxis-labels text { color: #455f82 !important; fill: #455f82 !important; font-family: 'AvantGarde Demi' !important; font-size: 11px !important; line-height: 30px !important; font-weight: normal !important; } #main_wrp #chart2 .highcharts-xaxis-labels text { color: #455f82 !important; fill: #455f82 !important; font-family: "ITCAvantGardeW04-Medium 1122896" !important; font-size: 15px !important; line-height: 30px !important; font-weight: normal !important; } #main_wrp #chart2 .highcharts-data-label span { color: #455f82 !important; fill: #455f82 !important; font-family: 'AvantGarde Demi' !important; font-size: 16px !important; line-height: 30px !important; font-weight: normal !important; } #main_wrp #chart2 .highcharts-data-label:last-child { display: none !important; } #main_wrp .bottom-warning .bw-wrap { float: left; background: #31abc6; color: #fff; padding: 32px 90px 35px 100px; clear: both; margin-bottom: 70px; margin-top: 65px; font-family: "ITCAvantGardeW04-Medium 1122896"; line-height: 24px; font-size: 1.34em; position: relative; } #main_wrp .bottom-warning p:before { content: "\e904"; color: #fff; font-family: Icomoon; position: absolute; top: 41px; left: 20px; font-size: 2.4em; line-height: 33px; } #main_wrp .top-wrapper { width: 100%; float: left; } #main_wrp .bottom-wrapper { width: 100%; float: left; } #main_wrp #chart2 { margin-top: 70px; } #main_wrp .bottom-wrapper .rate-rise-result-wrap-ttl.pad-left-right { padding-bottom: 0; } #main_wrp .top-wrapper .rate-rise-result-wrap-ttl.pad-left-right { padding-bottom: 40px; } #main_wrp #chart1 .highcharts-stack-labels span:nth-child(4) { display: none !important; } #main_wrp #chart1 .highcharts-stack-labels span:nth-child(5) { display: none !important; } #main_wrp #chart1 .highcharts-stack-labels span:nth-child(6) { display: none !important; } #main_wrp .top-wrapper .mobile-chart-heading p, #main_wrp .bottom-wrapper .mobile-chart-heading p { float: left; text-align: right; } #main_wrp .bottom-warning { padding-left: 20px; padding-right: 20px; width: 100%; float: left; max-width: 1130px; } #main_wrp .main-table { padding: 0 20px; } #main_wrp #repayment-mortgage #calcHeader { width: auto; } #main_wrp .bottom-content-wrap p { padding-bottom: 10px; } #main_wrp .new-calc-row.row-five.rm-row .hidden-popup.hiddendiv { max-width: 33%; } #main_wrp .show_lump_values .hidden-popup.hiddendiv { top: -30px; } @media all and (min-width: 992px) { #main_wrp .new-calc-row.row-four .hidden-popup.hiddendiv, #main_wrp .new-calc-row.row-five .hidden-popup.hiddendiv { /*top: -35px;*/ } } @media all and (max-width: 991px) { #main_wrp .calculator_th #content-right { display: none; } } @media all and (max-width: 1170px) and (min-width: 992px) { #main_wrp .signpost-box { margin-right: 45px; } } @media all and (max-width: 1024px) and (min-width: 991px) { #main_wrp { /*.signpost-box .right-col-help-inner {padding: 27px 20px 55px;}*/ } #main_wrp .repayments-chart .chart-box { width: 85%; } /*#main_wrp .repayments-chart #chartlegend-mo {*/ /* width: 23%; }*/ #main_wrp .repayments-chart #chartbox-mo { width: 100%; } #main_wrp .signpost-box .signpost-left { width: 60%; float: left; } #main_wrp .signpost-box .signpost-right { width: 40%; float: left; } #main_wrp .signpost-link a { padding: 15px 35px 14px 10px; } #main_wrp .signpost-link a:after { right: 15px; } #main_wrp .repayments-chart .xaxis-title { margin-left: 18%; } } @media all and (max-width: 991px) and (min-width: 768px) { #main_wrp { /*.signpost-box .right-col-help-inner{min-height:210px;}*/ } #main_wrp span.in_text { left: -19px; } #main_wrp .calculator_th .max860 > .max860 { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0; } #main_wrp .max860.head-content p { padding-left: 20px; padding-right: 20px; } #main_wrp .calculator_th #calcHeader p { padding-left: 20px; } #main_wrp .overpayments-table tr th, #main_wrp .overpayments-table tbody tr td { padding-left: 0; padding-right: 0; vertical-align: top; } #main_wrp .main-table { padding: 0 20px; } #main_wrp .mobile-chart-heading { display: block; margin-top: 40px; width: 100%; float: left; } #main_wrp #chart-container { margin-top: 10px; } #main_wrp .calculator_th .right-col-help-inner { background-size: contain; } #main_wrp .calculator_th .right-col-help-content { width: 82%; } #main_wrp .calculator_th .right-col-container-img { margin-bottom: 5px; } #main_wrp .mortgage-item-right, #main_wrp .mortgage-item-left { width: 300px; } #main_wrp .mortgage-item-right { margin-left: 25px; } #main_wrp .newcalc .new-calc-row .new-calc-row-input-wrap input { width: 50%; } #main_wrp .new-calc-row.row-four .hidden-popup.hiddendiv, #main_wrp .new-calc-row.row-five.mo-row .hidden-popup.hiddendiv { max-width: 340px; clear: both; } #main_wrp .new-calc-row { border-top: 1px solid #cfd7df; padding: 25px 0 30px 20px; } #main_wrp .new-calc-row.row-one .hidden-popup.hiddendiv { float: none; } #main_wrp .new-calc-row-max-width > .new-calc-row-input-wrap { max-width: 624px; } #main_wrp .calculator_th .rate-rise-result-wrap { padding-top: 55px; } #main_wrp .rate-rise-result-wrap-result1 .rrc-result-int-txt { font-size: 2.2em; padding-right: 10px; line-height: 30px; } #main_wrp .three-col-block .rate-rise-result-wrap-result1 .rrc-result-int-txt { font-size: 2em; } #main_wrp .rate-rise-result-wrap-result1-left:after { font-size: 4em; right: 8%; } #main_wrp .rate-rise-result-wrap-result1-left .rrc-result-int-txt { padding-right: 40%; } #main_wrp .rate-rise-result-wrap-result1 { padding-bottom: 110px; } #main_wrp .signpost-box { margin-right: 0; width: 100%; } #main_wrp .signposts-wrapper { padding: 53px 0 0; } #main_wrp .sign-container { padding: 0 15px; } #main_wrp .signposts-wrapper .right-col-container-img { margin-bottom: 30px; margin-top: 0; } #main_wrp .signpost-link { width: 100%; } #main_wrp .signposts { margin-bottom: 10px; } #main_wrp .rrc-edit-details { margin-left: 15px; } #main_wrp .calculator_th .mo-result-text .rrc-result-int-fig { font-size: 2.3em; line-height: 50px; } #main_wrp .mo-result-text::after { font-size: 2.5em; } #main_wrp .overpayments-table { width: 100%; overflow: scroll; } #main_wrp .overpayments-table tbody tr td { font-size: 2.2em; } #main_wrp .overpayments-table tr td, #main_wrp .overpayments-table tr th { width: 25%; } #main_wrp .footnote { padding: 20px; } #main_wrp #re-term-data p:first-child { width: 25%; padding-right: 20px; margin-right: 20px; } #main_wrp #re-term-data p:last-child { width: 45%; } #main_wrp .rm-row.row-five .hidden-popup.hiddendiv, #main_wrp .new-calc-row.row-five.rm-row .hidden-popup.hiddendiv { max-width: 340px; clear: both; } #main_wrp td .hidden-popup.hiddendiv { margin-top: 20px; max-width: 67%; margin-left: 20px; min-width: inherit; width: 100%; } #main_wrp td .hidden-popup.hiddendiv::after { top: -6px; width: 10px; height: 10px; left: 85%; } #main_wrp #chart1, #main_wrp #chart2 { margin-top: 0; } #main_wrp span.td-text { width: 65%; padding-left: 20px; } #main_wrp .repayment-table1 th:first-child, #main_wrp .repayment-table1 td:first-child { width: 50%; padding-left: 0; } #main_wrp .repayment-table1 th, #main_wrp .repayment-table1 td { width: 25%; padding-left: 0; } #main_wrp .new-calc-row-input-wrap.makeGreen, #main_wrp .new-calc-row-input-wrap.makeGreen input, #main_wrp .makeGreen .input-eg { background: #cbeae4 !important; } #main_wrp .trueOutstandingMortgage.icon-tick { display: none !important; } #main_wrp .disabled .new-calc-row-input-wrap, #main_wrp .disabled .new-calc-row-input-wrap input, #main_wrp .disabled .input-eg { background: #f6f6f6 !important; } #main_wrp .repayment-table1 td { vertical-align: top; } #main_wrp .main-repayments-table { padding: 0 15px; } #main_wrp .repayments-chart .chart-box { width: 95%; float: left; margin-left: 10px; position: relative; padding-top: 50px; } #main_wrp .repayments-chart #chartlegend-mo { float: left; position: absolute; top: 0; left: 17%; width: auto; } #main_wrp .repayments-chart #chartlegend-mo .legendColorBox { clear: none !important; } #main_wrp .repayments-chart #chartlegend-mo td:nth-child(3) { padding-left: 20px; } #main_wrp .repayments-chart #chartbox-mo { width: 100%; } #main_wrp .repayments-chart .xaxis-title { margin-left: 18%; } #main_wrp .interest-results .rate-rise-result-wrap-result1 .rrc-result-int-txt, #main_wrp .repayment-results .rate-rise-result-wrap-result1 .rrc-result-int-txt { padding: 0 0 6px; } #main_wrp .overpayments-table tr th, #main_wrp .overpayments-table tbody tr td { vertical-align: middle; } } @media all and (max-width: 767px) { #main_wrp { /* .new-calc-row.row-four .hidden-popup.hiddendiv{max-width: 48%;clear: both;} */ } #main_wrp .right-col-help-inner { background-image: none !important; } #main_wrp .new-calc-row-max-width > .new-calc-row-input-wrap { max-width: 85%; } #main_wrp .mo-row.row-three .icon-information-button, #main_wrp .show_lump_values .icon-information-button, #main_wrp .dual-input-row .icon-information-button { top: 80px; } #main_wrp .mortgage-item-left, #main_wrp .mortgage-item-right { width: 100%; margin-left: 0; } #main_wrp .mortgage-item-left { margin-bottom: 15px; } #main_wrp .new-calc-row { padding: 25px 10px 40px 10px; } #main_wrp .newcalc .new-calc-row.row-one input { width: 65%; } #main_wrp .show_lump_values { margin-top: 20px; } #main_wrp .new-calc-row.row-three .mortgage-item-left, #main_wrp .new-calc-row.row-three .mortgage-item-right, #main_wrp .new-calc-row.mo-row.row-five .mortgage-item-left, #main_wrp .show_lump_values .mortgage-item-left, #main_wrp .show_lump_values .mortgage-item-right { width: 85%; } #main_wrp .newcalc .new-calc-row .new-calc-row-input-wrap input { width: 50%; } #main_wrp .new-calc-row.row-four .mortgage-item-left, #main_wrp .row-five.rm-row .mortgage-item-left { margin-bottom: 0; width: 85%; } #main_wrp .show_lump_values .hidden-popup.hiddendiv { width: calc(100% - 40px); -ms-width: calc(100% - 40px); -webkit-width: calc(100% - 40px); } #main_wrp .new-calc-row.mo-row.row-four .hidden-popup.hiddendiv { max-width: 100%; clear: both; } #main_wrp .new-calc-row.row-one .hidden-popup.hiddendiv { float: none; } #main_wrp .icon-notification, #main_wrp .trueOutstandingMortgage.icon-tick { display: none !important; } #main_wrp .new-calc-row-ttl { color: #436082 !important; } #main_wrp .new-calc-row.errorRED { background: #fff !important; } #main_wrp .errorRED input, #main_wrp .errorRED .new-calc-row-input-wrap { background: #f7bbb9 !important; } #main_wrp .errorRED .new-calc-row-input-wrap { border: 1px solid #ea554f; } #main_wrp .errorRED .input-eg { color: #ea554f; background: #f7bbb9 !important; } #main_wrp .new-calc-row-input-wrap.makeGreen, #main_wrp .new-calc-row-input-wrap.makeGreen input, #main_wrp .makeGreen .input-eg { background: #cbeae4 !important; } #main_wrp .disabled .new-calc-row-input-wrap, #main_wrp .disabled .new-calc-row-input-wrap input, #main_wrp .disabled .input-eg { background: #f6f6f6 !important; } #main_wrp .calculator_th .rate-rise-result-wrap-ttl { font-size: 1.8em; line-height: 28px; padding-bottom: 20px; } #main_wrp .rate-rise-result-wrap-result1 .rrc-result-int-txt { /*color: #3d3d3d;*/ font-size: 0.917em; /*line-height: 15px;*/ padding: 0 0 26px; } #main_wrp .three-col-block .rrc-result-int-txt { position: relative; padding-right: 35px !important; } #main_wrp .interest-results .rate-rise-result-wrap-result1, #main_wrp .repayment-results .rate-rise-result-wrap-result1 { margin-bottom: 50px; } #main_wrp .three-col-block p.rrc-result-int-txt:after { content: '\e902'; position: absolute; right: 10px; top: 6px; font-family: Icomoon; font-size: 1.2rem; color: #f16421; } #main_wrp .three-col-block:last-child .rrc-result-int-txt { padding-right: 0; } #main_wrp .three-col-block:last-child p.rrc-result-int-txt:after { display: none; } #main_wrp .three-col-block .mo-result-text { padding-right: 0; } #main_wrp .three-col-block .mo-result-text:after { display: none; } #main_wrp .calculator_th p.rrc-result-int-fig { font-size: 2.35em; line-height: 30px; } #main_wrp .rate-rise-result-wrap-result1-left:after { font-size: 3em; right: 0; } #main_wrp .rate-rise-result-wrap-result1-left .rrc-result-int-txt { padding-right: 50%; } #main_wrp #data-target-container { display: none !important; } #main_wrp .highlight-wrap { padding: 0 10px; } #main_wrp .rad-highlight.hide.chartsTable { display: table !important; } #main_wrp .rad-highlight.hide.chartsTable td:nth-child(3), #main_wrp .rad-highlight.hide.chartsTable td:nth-child(4), #main_wrp .rad-highlight.hide.chartsTable th:nth-child(3), #main_wrp .rad-highlight.hide.chartsTable th:nth-child(4) { display: none; } #main_wrp .rad-highlight.hide.chartsTable tr { border-bottom: 1px #cfd3dc dashed; } #main_wrp .rad-highlight.hide.chartsTable tr td { padding: 15px 0; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ color: #f16421; font-size: 1.5em; line-height: 20px; } #main_wrp .rad-highlight.hide.chartsTable tr th { font-size: 1.2em; line-height: 18px; padding: 15px 10px 15px 0; } #main_wrp .calculator_th .pad-left-right { padding-left: 10px; padding-right: 10px; } #main_wrp .rrc-edit-details { margin-left: 10px; margin-bottom: 20px; margin-top: 20px; } #main_wrp .rrc-next-steps { margin-left: 10px; } #main_wrp .signpost-box { margin-right: 0; width: 100%; margin-top: 30px !important; } #main_wrp .signposts { margin-bottom: 40px; } #main_wrp .calculator_th .rate-rise-result-wrap { padding-top: 30px; } #main_wrp .rate-rise-result-wrap-result1 { margin-bottom: 40px; padding-bottom: 95px; } #main_wrp .signposts-wrapper { padding: 53px 0 0; } #main_wrp .signposts-wrapper h2 { padding: 0 10px; margin: 0; } #main_wrp .signpost-left, #main_wrp .signpost-right { width: 100% !important; } #main_wrp .signpost-link { width: 100%; } #main_wrp .signpost-right { margin-top: 35px; } #main_wrp .signposts-wrapper .calcbutton { margin-left: 20px; } #main_wrp p.mo-result-text { font-size: 0.923em; line-height: 15px; } #main_wrp .calculator_th .mo-result-text .rrc-result-int-fig { font-size: 2.2em; line-height: 30px; } #main_wrp .rate-rise-result-wrap-result1 { background-position: 94% bottom; } #main_wrp #chart-container { display: none; } #main_wrp .mobi-table { display: block; } #main_wrp .overpayments-table * { text-align: right !important; vertical-align: top !important; } #main_wrp .overpayments-table tr td.inv-responsive-data-header { font-size: 1.25em !important; line-height: 18px !important; font-family: "ITCAvantGardeW04-Medium 1122896" !important; padding-right: 20px !important; color: #f16421 !important; vertical-align: middle !important; } #main_wrp .overpayments-table #inv-responsive-table-0 td.inv-responsive-data-content { color: #f16421; } #main_wrp .overpayments-table #inv-responsive-table-1 td.inv-responsive-data-content { color: #3d3d3d; } #main_wrp .overpayments-table td { border: 0 !important; } #main_wrp .overpayments-table table { border-bottom: 1px dashed #a6adbe; } #main_wrp .overpayments-table table#inv-responsive-table-0 { border-top: 1px dashed #a6adbe; } #main_wrp .overpayments-table tr { border: 0; } #main_wrp .overpayments-table tbody tr td { padding-top: 10px; padding-bottom: 10px; padding-right: 0; padding-left: 0; } #main_wrp .main-table { padding: 0 10px; } #main_wrp .overpayments-table tbody tr:last-child td { padding-bottom: 30px; } #main_wrp #re-term-data p:first-child { width: 30%; padding-right: 5px; margin-right: 10px; } #main_wrp .footnote { padding: 0 10px; } #main_wrp .calculator-top-content-left > p { padding: 0 10px; } #main_wrp .calculator_th #calcHeader p { font-size: 1.5em; padding-left: 10px; } #main_wrp .calculator_th #calcHeader { padding-left: 0px; background: #f16421 url(/~/media/Images/N/NRAM-PLC/css/rate-rise-calc-ttl-img.png) no-repeat scroll right center/contain !important; } #main_wrp .visible-xs { display: block; } #main_wrp .calculator_th .max860 { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0; } #main_wrp .max860.head-content p { padding-left: 10px; padding-right: 10px; } #main_wrp .calculator_th #calcHeader p { padding-left: 10px; padding-right: 40px; } #main_wrp #chart1, #main_wrp #chart2 { display: none; } #main_wrp span.td-text { font-family: "ITCAvantGardeW04-Medium 1122896"; font-size: 0.7em; width: calc(100% - 30px); } #main_wrp td .icon-information-button { position: relative; float: left; top: 4px; font-size: 0.8em; padding-left: 10px; } #main_wrp .tab1 .inv-responsive-data-tr td { padding: 10px 0 0; border: 0; } #main_wrp .tab1 table:first-child * { color: #ea554f !important; } #main_wrp .tab1 table:last-child * { color: #a99d8f !important; } #main_wrp .tab1 table:nth-child(2) * { color: #6b2034 !important; } #main_wrp .tab1 .inv-responsive-data-content { font-size: 2em; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ border: 0; line-height: 24px; } #main_wrp .tab1 table .inv-responsive-data-header { color: #f16421 !important; font-size: 1.5em; } #main_wrp .tab1 table { border-top: 1px dashed #d2d6de; } #main_wrp .tab1 table:last-child { border-bottom: 1px dashed #d2d6de; } #main_wrp .repayment-table2 td { padding: 15px 0px 17px; } #main_wrp .repayment-table2 td:last-child { font-size: 1.8em; } #main_wrp .repayment-table2 thead { display: none; } #main_wrp .repayment-table2 tr:first-child { border-top: 1px dashed #a6adbe; } #main_wrp .repayment-table2 { margin-top: 40px; } #main_wrp .tab1 table tr:first-child td { padding-top: 20px; } #main_wrp .tab1 table:last-child tr:last-child td { padding-bottom: 20px; } #main_wrp .tab1.pad-left-right { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #576f8e; } #main_wrp .bottom-warning { padding-left: 10px; padding-right: 10px; width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -webkit-calc(100% - 20px); } #main_wrp .bottom-warning .bw-wrap { margin-top: 20px; padding: 60px 10px 30px 10px; margin-bottom: 30px; } #main_wrp .bottom-warning p:before { top: 20px; left: 10px; } #main_wrp .top-wrapper { margin-top: 20px; } #main_wrp .signpost-box .right-col-help-inner { min-height: inherit; padding: 27px 15px 25px; float: left; } #main_wrp td .hidden-popup.hiddendiv { position: relative; float: right; max-width: 100%; top: 0; right: 0; margin-left: 0; font-size: 0.6em; line-height: 20px; padding: 10px 10px; font-weight: normal; width: 90%; left: auto; text-align: left; } #main_wrp td .hidden-popup.hiddendiv::after { top: -6px; width: 10px; height: 10px; left: auto; right: 5px; } #main_wrp .tab1 .repayment-table1, #main_wrp .main-table .inv-responsive-table-processed, #main_wrp .main-repayments-table .inv-responsive-table-processed { display: none !important; } #main_wrp .tab1 .inv-responsive-table-wrapper, #main_wrp .main-table .inv-responsive-table-wrapper, #main_wrp .main-repayments-table .inv-responsive-table-wrapper { display: block !important; } #main_wrp #re-term-data > p:first-child span.small-text { text-align: left; } #main_wrp .repayments-chart { display: none !important; } #main_wrp .calculator_th .signposts-wrapper .right-col-help-content { padding-right: 0; } #main_wrp span.in_text { left: auto; right: -32px; top: -55px; } #main_wrp .signpost-left { height: auto !important; } } @media all and (max-width: 1130px) and (min-width: 992px) { #main_wrp .calculator-top-content-left.max860 { max-width: 76%; } #main_wrp .calculator-top-content-left.max860 .max860 { max-width: 100%; } #main_wrp .hidden-popup.hiddendiv { top: -50px; max-width: 18%; } #main_wrp .new-calc-row.row-four .hidden-popup.hiddendiv { max-width: 20%; left: 40%; } } @media all and (min-width: 430px) and (max-width: 767px) { #main_wrp .newcalc .new-calc-row .new-calc-row-input-wrap input { width: 45% !important; } #main_wrp td .hidden-popup.hiddendiv { max-width: 400px; } #main_wrp .overpayments-table tr td.inv-responsive-data-header { text-align: left !important; } } @media all and (max-width: 330px) { #main_wrp .icon-information-button { padding-left: 5px !important; } #main_wrp .newcalc .new-calc-row .new-calc-row-input-wrap input { width: 40% !important; } #main_wrp .hidden-popup.hiddendiv::after { left: calc(85% + 10px) !important; left: -ms-calc(85% + 10px) !important; left: -webkit-calc(85% + 10px) !important; } } @media all and (max-width: 1150px) and (min-width: 1129px) { #main_wrp .calculator_th .content-right.invspan3 { width: 20% !important; } #main_wrp .signpost-box .signpost-right { width: 40%; } #main_wrp .signpost-box .signpost-left { width: 60%; } } @media all and (max-width: 1160px) and (min-width: 992px) { #main_wrp { /*.signpost-box .right-col-help-inner{min-height:210px !important;}*/ } #main_wrp .calculator_th .signposts-wrapper .right-col-help-content { padding-right: 0; } #main_wrp .right-col-help-header, #main_wrp .calculator_th .signposts-wrapper .right-col-help-content > p { padding-right: 20px; } } @media all and (max-width: 1170px) and (min-width: 767px) { #main_wrp .bottom-warning { max-width: calc(100% - 40px); max-width: -ms-calc(100% - 40px); max-width: -webkit-calc(100% - 40px); } } #main_wrp #whistletree-landmark .landingBox { padding: 15px; } #main_wrp #whistletree-landmark .landingBox p { color: #f16421; padding-bottom: 5px; } #main_wrp #whistletree-landmark .box9 p.rad-underline a, #main_wrp #whistletree-landmark .box12 p.rad-underline a { background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg.gif) right no-repeat #f16421; font-weight: normal; padding: 0 35px 0 10px; color: #fff; height: 28px; float: left; line-height: 28px; } #main_wrp #whistletree-landmark .box9 p.rad-underline a:hover, #main_wrp #whistletree-landmark .box12 p.rad-underline a:hover { background: url(/~/media/Images/N/NRAM-PLC/css/blue-link-bg-over.gif) right no-repeat #a6adbe; color: #fff; } #main_wrp #whistletree-landmark .landingbox-button { background: #2d295f; position: relative; float: left; padding: 5px 31px 5px 8px; margin-left: 0px; bottom: 0; margin-right: 10px; } #main_wrp #whistletree-landmark .box9 .landingbox-button:after { content: ""; height: 0; position: absolute; bottom: 0px; right: 0; border-top: 10px solid #2d295f; border-left: 10px solid #2d295f; border-right: 10px solid #AAD2F2; } #main_wrp #whistletree-landmark .box12 .landingbox-button:after { content: ""; height: 0; position: absolute; bottom: 0; right: 0; border-top: 10px solid #2d295f; border-left: 10px solid #2d295f; border-right: 10px solid #89d0c2; } #main_wrp #whistletree-landmark .landingbox-button a:after { border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 7px solid white; border-top: 5px solid rgba(0, 0, 0, 0); bottom: 9px; content: ""; height: 0; position: absolute; right: 13px; width: 0; z-index: 99; } #main_wrp #whistletree-landmark .landingbox-button a { font-family: Arial, Helvetica, serif; } #main_wrp #whistletree-landmark .content-Box h6 { font-size: 1.2em; /*font-family: Arial, Helvetica, serif;*/ } #main_wrp #whistletree-landmark .content-Box img { max-width: 100%; height: auto; margin-bottom: 10px; } #main_wrp #Homepage #banner-wrapper .homepage-banner .heading { width: 100% !important; font-size: 2.7em; } #main_wrp #Homepage #banner-wrapper .sub-heading table tbody td { padding: 0; } #main_wrp #Homepage #banner-wrapper .banner-item img { max-width: 100%; } #main_wrp #Homepage #banner-wrapper .banner-item .sub-heading img { max-width: 80%; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading { padding-top: 40px; width: 100% !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading table { margin-top: 20px; float: left; } #main_wrp #making-your-monthly-mortgage-payment .snapdown-wrapper table.logo-links, #main_wrp #contact-us .snapdown-wrapper table { margin: 0 !important; } #main_wrp #making-your-monthly-mortgage-payment .snapdown-wrapper table.logo-links tbody td, #main_wrp #contact-us .snapdown-wrapper table tbody td { padding: 0; } #main_wrp #manage-your-mortgage #banner-wrapper .heading { width: 100%; } @media (min-width: 767px) and (max-width: 1100px) { #main_wrp #Homepage #banner-wrapper .heading { font-size: 2.3em !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading { padding-top: 40px; width: 100% !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading table { margin-top: 20px; float: left; } #main_wrp #Homepage #banner-wrapper .banner-item img { max-width: none; } } @media (max-width: 1024px) and (min-width: 900px) { #main_wrp #Homepage #banner-wrapper .heading { font-size: 2.3em !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading { padding-top: 40px; width: 100% !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading table { margin-top: 50px; float: left; } #main_wrp #Homepage #banner-wrapper .banner-item img { max-width: none; } } @media (max-width: 320px) { #main_wrp #Homepage #banner-wrapper .heading { font-size: 2.0em !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading table { display: none; } } @media (max-width: 640px) and (min-width: 320px) { #main_wrp #Homepage #banner-wrapper .heading { font-size: 2.0em !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner .sub-heading table { display: none; } } #main_wrp #Homepage #banner-wrapper .homepage-banner #homebanner-cook .sub-heading, #main_wrp #Homepage #banner-wrapper .homepage-banner #homebanner-essential-maintenane-9th-NOV .sub-heading { padding-top: 0px; width: 100% !important; } #main_wrp #Homepage #banner-wrapper .homepage-banner #homebanner-cook .heading { width: 100% !important; font-size: 3.333em; } #main_wrp .tools-snapdown-ttl { float: left; width: 100%; cursor: pointer; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ margin-top: 35px; background: #266287; } #main_wrp .tools-snapdown-ttl p { padding: 0; color: #fff; font-size: 1.4em; padding-top: 15px; } #main_wrp .tools-snapdown-wrapper.box-snaps { padding-bottom: 30px; } #main_wrp .tools-snapdown-wrapper.box-snaps .snapdown { width: 49%; margin-right: 1%; margin-bottom: 20px; } #main_wrp .tools-snapdown-wrapper.box-snaps .snap-group .snapdown { margin-bottom: 0; } #main_wrp .tools-snapdown-wrapper.box-snaps .snap-group .snapdown.last-snapdown { margin-right: 0; } #main_wrp .tools-snapdown-wrapper.box-snaps .full-width { float: left; display: none; } #main_wrp .tools-snapdown-wrapper.box-snaps .snap-group.active .full-width { margin: 30px 1% 30px 0px; background-color: #f6f6f6; padding: 45px 20px 8px 20px; position: relative; } #main_wrp .tools-snapdown-wrapper.box-snaps .snap-group.active .full-width span { background-color: #c3c3c3; border-radius: 100%; width: 25px; height: 25px; display: inline-block; font-size: 1.5em; color: #ffffff; text-align: center; position: absolute; right: 8px; top: 10px; vertical-align: middle; cursor: pointer; } #main_wrp .tools-snapdown-wrapper.box-snaps .snap-group.active .full-width span.close-button:after { content: 'x'; color: #ffffff; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-ttl p.ttl { padding: 12px 19px 12px 19px; overflow: hidden; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-ttl.snapopen p.ttl { color: #fff; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-ttl > p img { width: 100%; margin-bottom: 10px; padding: 0 0 0 0; margin-top: 15px; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-ttl.snapopen { background: #266287; position: relative; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-ttl.snapopen::after { /*background: #B8D3EE;*/ background: #266287; bottom: -8px; content: ""; display: block; height: 15px; left: 50%; margin-left: -7px; position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 15px; z-index: 1; } #main_wrp .tools-snapdown-cntnt img { float: right !important; margin: 24px 40px 0 40px; } #main_wrp .tools-snapdown-cntnt p { padding-bottom: 20px; } #main_wrp .tools-snapdown-cntnt a { font-weight: bold; } #main_wrp .box-snaps .tools-snapdown-cntnt p.rad-highlight a, #main_wrp .box-snaps .tools-snapdown-content p.rad-highlight a { background: #4d5b7e none repeat scroll 0% 0% !important; height: auto; width: auto; font-size: 1.167em; line-height: 24px; padding: 14px 20px 15px 20px; margin: 0; color: #fff; font-family: "ITCAvantGardeW04-Medium 1122896"; font-weight: normal; display: inline-block; float: none; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-ttl.snapopen p.ttl { color: #fff; } #main_wrp .mozbox.tools-snapdown-ttl.snapopen.addOpacity { opacity: 1; } #main_wrp .mozbox.tools-snapdown-ttl.addOpacity { opacity: .2; } #main_wrp #helpful-tools-calculators #content-inner-right { font-size: 1.167em; line-height: 1.571em; } #main_wrp #helpful-tools-calculators h1 { font-size: 1.714em; } #main_wrp .tools-snapdown-cntnt .rad-highlight, #main_wrp .tools-snapdown-content .rad-highlight { width: 100%; text-align: center; } #main_wrp .viewmore { background: #fff; color: #f16421; padding: 11px 10px 10px 19px; /*font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;*/ font-size: 1.2em; line-height: normal; } #main_wrp .snapopen .viewmore { background: #266287; color: #fff; } #main_wrp .tools-snapdown-ttl img { display: block; margin: 0 auto; margin-bottom: 20px; height: 200px; max-width: none; width: auto; } @media all and (min-width: 639px) { #main_wrp .tools-snapdown-content { display: none !important; } } @media (max-width: 639px) { #main_wrp { /*-- snap boxes --*/ } #main_wrp .tools-snapdown-wrapper.box-snaps .snapdown { width: 100%; margin-right: 0; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-content { padding: 20px 0 20px 19px; } #main_wrp .tools-snapdown-wrapper.box-snaps .full-width { display: none !important; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-content { display: block; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-content { margin: 30px 1% 30px 0px; background-color: #f6f6f6; padding: 45px 0 20px 19px; position: relative; display: none; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-content span { background-color: #c3c3c3; border-radius: 100%; width: 25px; height: 25px; display: inline-block; font-size: 1.5em; color: #ffffff; text-align: center; position: absolute; right: 8px; top: 10px; vertical-align: middle; cursor: pointer; } #main_wrp .tools-snapdown-wrapper.box-snaps .tools-snapdown-content span:after { content: 'x'; color: #ffffff; } } #main_wrp #homebanner-homeowners-banner-9-with6logo .sub-heading.mozbox { width: 100%; } #main_wrp #homebanner-homeowners-banner-9-with6logo .mym-banner-logo { float: left; width: 30%; margin-right: 3%; margin-bottom: 10px; } #main_wrp #homebanner-homeowners-banner-9-with6logo .mym-banner-logos { margin-top: 20px; float: left; width: 100%; } @media (max-width: 767px) { #main_wrp div#homebanner-homeowners-banner-9-with6logo { min-height: 416px; } #main_wrp #homebanner-homeowners-banner-9-with6logo .mym-banner-logo { width: 47%; } #main_wrp #homebanner-homeowners-banner-9-with6logo .mym-banner-logo a img { display: block; } } #main_wrp .rw_wrpr { display: flex; width: 100%; } #main_wrp .rw_lft { /*border-right: 1px solid #cfd7df;*/ } #main_wrp .new-rate-rice-calc-main { /*border: 1px solid #cfd7df;*/ } #main_wrp .rw_lft, #main_wrp .rw_rght { flex-basis: 50%; background: #F5EADF; padding: 30px 30px; border-radius: 15px; margin: 0 10px 0 0; } #main_wrp .new-calc-row-max-width { position: relative; display: flex; align-items: center; } #main_wrp .n_btm { border-bottom: 0px; } /*#main_wrp .icon-information-button {*/ /*background: #f16421;*/ /* font-size: 18px;*/ /* line-height: 1;*/ /* position: relative;*/ /* z-index: 50;*/ /* margin: 5px;*/ /* color: #f16421;*/ /* border-radius: 50%;*/ /* height: 25px;*/ /* width: 25px;*/ /* display: flex;*/ /* align-items: center;*/ /* justify-content: center; }*/ #main_wrp .center_flx { display: flex; align-items: center; justify-content: center; } #main_wrp a.icon-information-button { text-decoration: none; } #main_wrp a.icon-information-button::before { content: "\f059"; font-family: FontAwesome; color: #F16421; } #main_wrp .icn_wrpr { position: relative; } #main_wrp .hidden-popup.hiddendiv { background: #ffffff none repeat scroll 0 0; border: 1px solid #b2b2b1; width: 200px; padding: 8px; position: absolute; right: 170%; z-index: 999; border-radius: 6px; } #main_wrp .hidden-popup.hiddendiv p { font: normal normal 400 14px / 120% var(--font); color: var(--color-dark); text-align: left; } #main_wrp .hidden-popup.hiddendiv:after { content: ''; width: 15px; height: 15px; background: #fff; position: absolute; top: 45%; right: -8px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: 1px solid #b2b2b1; border-right: 1px solid #b2b2b1; } #main_wrp .rate-rise-result-wrap { display: none; /*padding-top: 90px;*/ /*width: 100%;*/ /*float: left;*/ /*padding: 40px !important;*/ /*background: #f9f9f9;*/ /*box-sizing: border-box;*/ } #main_wrp .new-calc-row-input-wrap { background: #ffffff; border: 1px solid #ccc; border-radius: 5px; color: #3e3e3e; display: inline-block; font-size: 1rem; line-height: 24px; position: relative; width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between; } #main_wrp .overpayments-table thead tr { border-bottom: 1px solid #fff; background: #f16421; } /*#main_wrp a#btnyes {*/ /* background: #f6f6f6 none repeat scroll 0 0;*/ /* border: 1px solid #f16421;*/ /* color: #f16421;*/ /* font-size: 1rem !important;*/ /* text-align: center;*/ /* height: 44px;*/ /* line-height: 16px !important;margin-right: 10px;*/ /* width: 48%;*/ /*}#main_wrp a#btnno {*/ /* background: #f16421 none repeat scroll 0 0;*/ /* border: 1px solid #f16421;*/ /* color: #fff;*/ /* font-size: 1rem !important;*/ /* text-align: center;*/ /* height: 44px;margin-right: 0px;*/ /* line-height: 16px !important; width: 48%;*/ /*}*/ #main_wrp .overpayments-table tbody tr td { font-weight: 500 !important; font-size: 1.2em !important; text-align: center; font-family: inherit !important;} @media only screen and (max-width:767px) { #main_wrp .rw_lft, #main_wrp .rw_rght { flex-basis: 100%; margin: 0 0 20px; padding: 0 0px; } #main_wrp .rw_wrpr { flex-wrap: wrap; overflow: hidden; } } /*# sourceMappingURL=ResourceHandlermergeall.css.map