@charset "UTF-8";
/* CSS Document */

/*////////////////////////////
// HTML SETUP
////////////////////////////*/

body { padding: 0px; margin: 0px; background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }
a { color: #ec008c; text-decoration: none; font-size: 12px; }
.ap { color: #c4c3c3; margin-bottom: 15px; }
.ap a { color: #999; }
.ap a:hover { color: #797979; }
a img { border: 0px none; }
a:hover { color: #ba0771; }
#Frame { width: 960px; margin: auto; text-align: left; }
#CookieFrame { width: 100%; margin: auto; text-align: left; height: 60px; border-bottom: 4px solid #ec008c; background-color: #ededed; color: #666; padding: 20px 0 20px 0; }
#CookieFrame-inner { width: 960px; margin: auto; text-align: left; position: relative; }
.cookie-left { float: left; Padding: 0 20px 0 0; width: 720px; font-size: 13px; }
.cookie-left a { font-size: 13px; }
.cookie-right { float: left; Padding: 1% 0 0 20px; width: 200px }
.cookie-right a.rollover { display: block; width: 174px; height: 35px; text-decoration: none; background: url(/image/accept2.png); }
.cookie-right a.rollover:hover { background-position: 0 35px; }
.displace { position: absolute; left: -5000px; }
.sprite { background: url(/image/sprite.jpg); background-position: 0px 0px; background-repeat: no-repeat; }
.sprite-vert { background: url(/image/sprite-vert.jpg); background-position: 0px 0px; background-repeat: no-repeat; }
.sprite-vert-trans { background: url(/image/sprite-vert-transparent.gif); background-position: 0px 0px; background-repeat: no-repeat; }
.pink { color: #ec008c; }
.input { padding: 2px 2px 2px 2px; font-size: 11px; color: #666; border: #dbdbdc 2px solid; height: 21px; width: 142px; float: left; background: #FFF; }
input.blur { color: #999; }
h1 { padding: 10px 0 0 0; font-size: 22px; color: #ec008c; line-height: 1.4em; }
h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 12px; color: #ec008c; width: auto; height: auto; position: relative; }
form { padding: 0px; margin: 0px; position: relative; }
h2 { font-size: 16px; }
.width-auto { width: auto !important; }
.overview-mortgage-left h2 { font-size: 14px; line-height: 1.4em; }
.overview-mortgage-right h2 { font-size: 12px; color: #000; margin-bottom: 10px; }
.standard-left .overview-mortgage-right h3 { margin-top: 0px; }
.standard-left .overview-mortgage-right h3 a { font-size: 15px; color: #f62b86; margin-bottom: 10px; display: block; }
.message .ui-state-highlight, .message .ui-state-error { margin-top: 20px; padding: 10px; }
.message-left { float: left; width: 90px; }
.message .ui-icon { float: left; margin-right: 0.3em; }
.message-right { float: left; width: auto; }
#apply-offline-wide { background: #FFF4FA; }
#apply-online-wide { background: #FFF4FA; }
/**************** Banner   ****************/

.list_carousel { margin: 0 0 10px 0px; width: 720px; }
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { font-size: 40px; color: #999; text-align: center; background-color: #eee; border: 5px solid #999; width: 50px; height: 50px; padding: 0; margin: 6px; display: block; float: left; }
.list_carousel.responsive { width: auto; margin-left: 0; }
.clearfix { float: none; clear: both; }
.prev { float: left; margin-left: 10px; margin-top: -20px; }
.next { float: right; margin-right: 10px; margin-top: -20px; }
a.scrollprev { display: block; width: 11px; height: 16px; text-decoration: none; background: url(/image/scroll-left.png); }
a.scrollprev:hover { background-position: 0 16px; }
a.scrollnext { display: block; width: 11px; height: 16px; text-decoration: none; background: url(/image/scroll-right.png); }
a.scrollnext:hover { background-position: 0 16px; }
.displace { position: absolute; left: -5000; }
.pager { float: left; width: 720px; text-align: center; height: 35px; }
.pager a { margin: 0 5px; text-decoration: none; display: inline-block; height: 20px; width: 23px; padding-top: 15px; }
.pager a.selected { background-image: url(/image/pager-selected.jpg); background-position: top center; background-repeat: no-repeat; }
.timer { background-color: #999; height: 6px; width: 0px; }
.winner-box { padding: 9px 0px 4px 0px; text-align: center; font-size: 15px; }
.winner-box2 { padding: 0px; }
/*////////////////////////////
// BANNER SETUP
////////////////////////////*/ 

.facebook-link { margin-top: 60px; margin-left: 20px; color: #F52C8B; font-size: 14px; width: 120px; }
.facebook-link img { float: right; }
.facebook-link p { float: left; margin: 0; padding: 7px 0 0 0; font-weight: bold; }
.main-logo { width: 265px; height: 111px; margin-top: 30px; background-position: 0px 0px; display: block; line-height: 1000em; overflow: hidden; float: right; background: url(/image/furness-logo.png) no-repeat scroll 0 0 transparent; width: 265px; }
.banner-contact { color: #8e9093; font-size: 16px; width: 300px; float: left; margin-top: 51px; line-height: normal; }
.banner-contact2 { color: #8e9093; font-size: 16px; width: 600px; float: left; margin-top: 51px; line-height: normal; padding: 0 0 20px 0; }
.banner-contact3 { color: #8e9093; font-size: 13px; width: 540px; float: left; margin-top: 51px; line-height: normal; padding: 0 0 20px 0; }
.contact-image { float: left; padding: 0 0px 0 0; }
.Contact-sec { float: left; color: #000; font-size: 12px; font-weight: bold; padding: 5px 12px 0 15px; }
.Contact-sec-number { color: #ed008c; font-weight: bold; font-size: 17px; padding: 0 0 5px 0; }
.Contact-sec-number2 { color: #ed008c; font-weight: bold; font-size: 14px; padding: 0 0 5px 0; }
.banner-contact-number { color: #ec008c; font-size: 39px; font-weight: bold; padding: 0 5px 0 0; }
.right-grey-border { border-right: solid #dddde0 1px; }
/*////////////////////////////
// NAVIGATION SETUP
////////////////////////////*/

.nav { padding: 3px 0px 0px 0px; margin: 0px; list-style-type: none; float: left; width: 695px; display: block; float: left; }
.nav li { display: inline; padding: 0 10px 0 0; margin: 0px; }
.nav a { color: #333333; font-size: 13px; }
.nav a:hover { color: #ec008c; }
.nav a.active { font-weight: bold; }
.sub-nav { width: 720px; height: 27px; background-position: 0px -423px; padding: 0px; margin: 0px; }
.sub-nav li { list-style-type: none; padding: 0px; margin: 0px; display: inline; }
.sub-nav a { width: 180px; height: 23px; padding: 4px 0px 0px 0px; display: block; float: left; text-align: center; color: #fde5f3; font-size: 14px; font-weight: bold; }
.sub-nav a:hover { color: #fff; }
/*////////////////////////////
// FULL PAGE SETUP
////////////////////////////*/

.full-hold a.highlight-link { position: relative; background-position: 0px -631px; padding: 6px 0px 0px 15px; margin-top: 10px; ; height: 21px; width: 215px; display: block; color: #FFF; }
.full-hold a.highlight-link:hover { background-position: -230px -631px; }
.highlight-link2 { position: relative; background-position: 0px -631px; padding: 6px 0px 0px 15px; margin-top: 10px; ; height: 21px; width: 215px; display: block; color: #FFF; }
.highlight-link2:hover { background-position: -230px -631px; }
/*////////////////////////////
// THREE COL SETUP
////////////////////////////*/

.threecol { width: 320px; float: left; }
.branch-list-hold { width: 296px; float: left; padding-top: 20px; }
.branch-list-hold h2 a { font-size: 14px; }
.branch-left { width: 110px; float: left; padding-top: 5px; }
.branch-right { width: 186px; float: left; padding-top: 5px; }
a.branch-link { padding-top: 5px; width: 186px; height: auto; display: block; }
.branch-serach h2 { font-size: 14px; }
.branch-serach { width: 600px; float: left; background: #fde5f3; padding: 10px; }
.branch-search-left { width: 380px; float: left; padding: 0 10px 0 0; }
.branch-search-right { width: 205px; float: left; }
.row { clear: both; }
.row-left { width: 250px; float: left; padding-top: 5px; height: auto; display: block; position: relative; padding-right: 5px; }
.row-right { width: 250px; float: left; padding-top: 5px; height: auto; display: block; position: relative; padding-left: 5px; }
.agency-list-hold { width: 296px; float: left; padding-top: 20px; }
.agency-list-hold h2 a { font-size: 14px; }
a.agency-link { padding-top: 5px; width: auto; height: auto; display: inline; }
.charity-left { width: 620px; float: left; }
.threecol.charity-right { float: right; background: #fde5f3; width: 320px; }
.charity-challenge { width: 620px; height: 1px; padding-top: 350px; overflow: hidden; }
.content { padding: 10px; font-size: 13px; }
.charity-right .content { font-size: 11px; }
#Frame .content a { font-size: 12px; }
.content .intro { font-size: 14px; line-height: 1.3em; }
.charity-terms { background: #fbf1f6; }
.charity-film { border: 1px solid #ec008c; text-align: center; }
.charity-film-top { text-align: right; padding: 13px 10px 10px; height: 14px; color: #FFF; background: url(/image/charity-film-top.jpg) 0 0 no-repeat; font-size: 11px; }
.charity-right form { padding: 10px 0px; }
#Frame .charity-right .form.odd { background: #faedf4; }
.charity-right .form { padding: 5px 10px; }
.charity-right .form label { display: block; font-weight: bold; }
.charity-right .form label.fr { font-weight: normal; }
.charity-right .form .input { width: 290px; margin: 4px 0px }
.charity-right .form .input:focus { background: #f8dded; border: #F6A2D3 2px solid; color: #000; outline: none; }
.charity-right .form .selector { width: 290px; }
.charity-right .form .selector span { width: 260px; }
.charity-right .terms { height: 400px; overflow: scroll; overflow-x: hidden; padding-right: 10px; }
.charity-right .terms ul { margin: 5px 0px 0px; padding: 0px; }
.charity-right .terms li { margin: 0px; list-style-type: none; padding: 3px 0px; }
.charity-right .terms strong { font-size: 11px; }
.name-charity { font-size: 14px; display: block; color: #EC008C; padding-bottom: 5px }
.name-charity2 { font-size: 14px; display: block; color: #EC008C; padding-top: 5px }
.name-charitydesc { font-size: 10px; color: #000; padding-bottom: 5px }
.name-charityplay { font-size: 12px; color: #EC008C; padding-bottom: 5px }
.film-list { margin: 0px; padding: 0px; }
.film-list li { margin: 0px; padding: 10px; list-style-type: none; margin: 0px; background: #faedf4; }
#Frame .film-list li.odd { background: #fde5f3; }
.film-list .fl { width: 240px; height: 129px; position: relative; }
.film-list .fl .thumb { position: absolute; top: 0px; left: 0px; width: 240px; height: 129px; display: block; }
.film-list .fl .over {
position:absolute8 top:0px; left: 0px; width: 240px; height: 129px; z-index: 100; background: url(/image/play-over.png) 0 0 no-repeat; display: block; }
.film-list .fr { width: 330px; line-height: 1.4em; }
.film-list2 { margin: 0px; padding: 0px 0; }
.film-list2 li { margin: 0px; padding: 10px 33px; list-style-type: none; margin: 0px; background: #faedf4; }
#Frame .film-list li.odd { background: #fde5f3; }
.film-list2 .fl { width: 230px; height: auto; position: relative; }
.film-list2 .fl .thumb { position: absolute; top: 0px; left: 0px; width: 230px; height: 129px; display: block; }
.film-list2 .fl .over {
position:absolute8 top:0px; left: 0px; width: 230px; height: 129px; z-index: 100; background: url(/image/play-over.png) 0 0 no-repeat; display: block; }
.film-list2 .fr { width: 230px; line-height: 1.4em; }
/*////////////////////////////
// LEFT COLUMN SETUP
////////////////////////////*/

.home-left { width: 730px; float: left; display: block; }
.front-banner { width: 720px; height: 308px; }
.front-banner-image { width: 720px; height: 308px; display: block; }
.front-banner-image a { width: 720px; height: 308px; display: block; }
.front-banner-image .rate-title { font-weight: bold; text-align: left; font-size: 13px; width: 155px; padding: 5px 5px 0px 5px; float: right; margin-right: 0px; color: #FFF; }
.front-banner-image .rate-hold { width: 123px; padding: 5px 5px 0px 5px; float: right; margin-right: 0px; color: #FFF; }
.front-banner-image .img-hold { width: 123px; float: right; margin-right: 0px; color: #FFF; }
.front-banner-image .mortgage-small-print { height: auto; line-height: 13px; min-height: inherit; }
.front-banner-image .mortgage-percent-hold { padding-top: 0px; font-size: 27px; line-height: 1.0em; font-weight: bold; width: auto; clear: both; text-align: left; }
.front-banner-image .percent-symbol { position: relative; font-size: 17px; width: 30px; bottom: 0.5em; }
.front-banner-image .mortgage-holder-right .last { margin: 0px; }
.apr { font-size: 10px; }
.grosspa { font-size: 10px; display: block; line-height: 10px; padding-bottom: 10px; }
.front-banner-savings { text-align: centre; }
.front-banner-mortgage { display: none; }
.front-banner-savings a { width: 310px; height: 298px; padding: 10px 10px 0px 400px; text-align: centre; line-height: normal; display: block; }
.front-banner-savings .savings-banner-hold { text-align: center; }
.front-banner-savings .savings-banner { color: #FFF; font-size: 18px; font-weight: bold; width: 310px; display: block; }
.front-banner-savings .savings-rate-hold { width: 255px; text-align: left; margin: auto; display: block; }
.front-banner-savings .savings-rate { width: 200px; float: left; font-size: 100px; color: #FFF; font-weight: bold; line-height: 100px; display: block; }
.front-banner-savings .savings-percentage { width: 55px; float: left; font-size: 45px; color: #FFF; font-weight: bold; display: block; }
.front-banner-savings .savings-percentage-gross { font-size: 12px; }
.front-banner-savings .savings-percentage-aer { font-size: 20px; }
.front-banner-savings .savings-banner-name { color: #FFF; font-size: 28px; width: 310px; display: block; }
.front-banner-savings .savings-banner-sub { color: #FFF; font-size: 14px; }
.front-banner-insurance { display: none; }
.front-banner-advice { display: none; }
.featured-links { width: 720px; height: 30px; background-position: 0px -539px; padding: 0px; margin: 0px; }
.featured-links li { list-style-type: none; padding: 0px; margin: 0px; display: inline; }
.featured-links a { background-position: 0px -539px; font-size: 12px; color: #ec008c; width: auto; height: 22px; display: block; float: left; padding: 8px 10px 0px 10px; cursor: pointer; }
.featured-links.blue a { color: #028ecb; }
.featured-links a:hover {/*background-position: 0px -569px;*/ color: #fff; }
.front-pod { width: 230px; padding-right: 12px; float: left; }
.mid-line { padding-right: 14px; }
.last { padding-right: 0px; }
.front-pod h6 { padding: 0px 0px 0px 0px; margin: 0px; background: #FFF; font-size: 12px; color: #ec008c; }
.standard-left h3 { color: #333; font-size: 14px; line-height: normal; }
.standard-left { width: 720px; padding-right: 10px; float: left; display: block; background-position: -360px 2px; font-size: 12px; }
.standard-left a { font-size: 12px; }
.standard-left .sub-nav { border-bottom: 0px solid #ec008c; padding-right: 10px; }
.background-mortgage { background-position: -1204px 2px; }
.background-savings { background-position: -242px 2px; }
.background-insurance { background-position: -2166px 2px; }
.background-fin-advice { background-position: 540px -960px; }
.background-mortgage .sub-nav { background-position: 0px -452px }
.background-savings .sub-nav { background-position: 0px -423px }
.background-insurance .sub-nav { background-position: 0px -481px }
.bread { list-style-type: none; padding: 0px; margin: 0px 0 12px 0; }
.bread li { list-style-type: none; padding: 0px; margin: 0px; color: #888888; display: inline; padding-right: 5px; }
.bread a { color: #666666; }
.bread a:hover { color: #ec008c; }
.content-pad { padding: 0px 10px 0px 14px; }
a.color-newsletter { width: 150px; height: 16px; background-position: 0px -169px; margin-top: 10px; padding: 5px 0px 0px 31px; display: block; }
a.color-newsletter:hover { background-position: 0px -190px; }
a.color-facebook { width: 150px; height: 16px; background-position: 0px -210px; margin-top: 10px; padding: 5px 0px 0px 31px; display: block; }
a.color-facebook:hover { background-position: 0px -232px; }
a.color-twitter { width: 140px; height: 16px; background-position: 0px -253px; margin-top: 10px; padding: 5px 0px 0px 41px; /*display:block;*/ display: none; }
a.color-twitter:hover { background-position: 0px -273px; }
.branchside { width: 475px; float: left; padding-right: 10px; }
.standard-left a.highlight-link { background-position: 0px -631px; padding: 6px 0px 0px 15px; margin-top: 10px; ; height: 21px; width: 215px; display: block; color: #FFF; }
.standard-left a.highlight-link:hover { background-position: -230px -631px; }
.inpage-calc { width: 720px; background: #fff4fa; }
.inpage-calc h2 { padding: 5px 0 0 5px; }
.inpage-calc .row-pad { padding: 10px 10px 0 10px; }
.inpage-calc .row-left { width: 105px; padding-left: 5px; }
.inpage-calc .row-right { width: 240px; }
.inpage-calc .text-pad { padding: 5px 0 0 0; color: #555555; position: relative; width: auto; }
.inpage-calc .cell-one { width: 190px; padding-left: 10px; }
.inpage-calc .cell-two { width: 145px; }
.inpage-calc .cell-three { width: 350px; }
.submit-button { background-position: 0px -631px; padding: 0px 0px 0px 0px; margin-top: 0px; ; height: 27px; width: 230px; display: block; color: #FFF; border: 0px none; }
.submit-button:hover { background-position: -230px -631px; }
.whats-next { float: left; width: 360px; }
.whats-next .row-left { width: 55px; padding-left: 5px; }
.whats-next .row-right { width: 240px; }
.color-number { color: #ec008c; font-size: 24px; font-weight: bold; }
.center-hold { text-align: center; padding: 10px 10px 0px 10px; }
.center-content { margin: auto; width: 240px; }
/*////////////////////////////
// MORTGAGE RATE SETUP
////////////////////////////*/

.mortgage-holder { clear: both; height: auto; min-height: 100px; /*background:#fde5f3;*/ padding: 20px 10px 20px 10px; }
.mortgage-holder-left { width: 260px; float: left; color: #333333; padding-right: 10px; }
.mortgage-holder-copy { line-height: 13px; padding-top: 5px; }
.mortgage-holder-right { width: 422px; background-position: 0px 0px; background-repeat: repeat-y; color: #FFF; float: left; }
a.mortgage-link { font-weight: bold; font-size: 13px; }
.rate-hold { width: 123px; padding: 5px 5px 0px 5px; float: left; margin-right: 11px; }
.mortgage-small-print { height: auto; line-height: 14px; min-height: 65px; }
.mortgage-percent-hold { padding-top: 5px; font-size: 35px; line-height: 1.0em; font-weight: bold; width: auto; clear: both; text-align: left; }
.percent-symbol { position: relative; font-size: 17px; width: 30px; bottom: 0.5em; }
.mortgage-holder-right .last { margin: 0px; }
.plus-points { list-style-type: none; margin: 0px; padding: 10px; border: 10px solid #fff4fa; width: 190px; height: auto; font-size: 12px; float: left; }
.tick { background-position: 0px -775px; display: block; height: auto; width: 165px; padding: 3px 0 0 25px }
ul.saving-tick { list-style-type: none; margin: 0px; padding: 0px; }
.saving-holder.odd ul.saving-tick .tick { background-position: 0 -836px; }
.saving-holder.even ul.saving-tick .tick { background-position: 0 -898px; }
.mortgage-full-holder { width: 480px; padding-left: 10px; float: left; position: relative; line-height: normal; }
.mortgage-background-hold { background: #fff4fa; height: auto; width: 480px; }
.mortgage-rate { background-position: 0px 0px; background-repeat: repeat-y; width: 123px; padding: 5px 5px 0px 5px; color: #FFF; font-size: 27px; line-height: 35px; font-weight: bold; float: left; }
.mortgage-rate-details { color: #333333; float: left; width: 330px; padding: 5px 10px 0 5px; font-size: 15px; }
.mortgage-overview-list { width: 460px; float: left; }
.mortgage-overview-list.full { /*background:#feebf6;*/ width: 720px }
.mortgage-overview-left { width: 230px; height: 192px; float: left; display: block; list-style-type: none; padding: 0; margin: 0; }
.mortgage-overview-list.big .mortgage-overview-left, .overview-mortgage-left { width: 210px; padding: 10px 10px 10px 0px; height: auto; }
.overview-mortgage-left, .overview-mortgage-right { float: left; padding-top: 0px; }
.overview-mortgage-right { width: 500px; }
.overview-mortgage-right ul { margin: 0px; padding: 0px; }
.overview-mortgage-right ul li { list-style-type: none; }
.mortgage-overview-left a { width: 220px; height: 30px; padding: 15px 0px 0px 10px; font-size: 14px; font-weight: bold; float: left; display: block; background: #fde5f3; border-bottom: 5px solid #fff; }
.mortgage-overview-right { font-size: 13px; line-height: normal; width: 210px; padding: 10px; height: 172px; float: left; display: block; background: #fde5f3; overflow: hidden; }
.mortgage-overview-list.big .mortgage-overview-right { width: 220px; background: transparent; height: auto; padding-top: 12px; }
.mortgage-overview-right h2 { font-size: 12px; }
.mortgage-overview-list.big .mortgage-overview-right h2 { margin-bottom: 10px; }
a.mortgage-overview-one { background: #fde5f3; }
a.mortgage-overview-two { background: #fcd9ee; }
a.mortgage-overview-three { background: #fbcee8; }
a.mortgage-overview-four { background: #fac3e4; border: 0px none; height: 27px; }
.mortgage-overview-one-disp { background: #fde5f3; }
.mortgage-overview-two-disp { background: #fcd9ee; display: none; }
.mortgage-overview-three-disp { background: #fbcee8; display: none; }
.mortgage-overview-four-disp { background: #fac3e4; display: none; }
.mortgage-block { width: 210px; height: 172px; }
.left-mortgage-tools { width: 240px; float: left; padding: 11px 0px 0px 20px; }
.left-mortgage-tools ul, .overview-mortgage-tools ul { list-style-type: none; padding: 0; margin: 0; }
.right-mortgage-tools { width: 240px; float: right; padding: 11px 0px 0px 20px; }
.mortgage-tools-fix { padding-top: 0px; }
.left-mortgage-pods { width: 460px; float: left; height: auto; }
left-mortgage-pods a:hover { color: #08608D; background: #CCFEFF }
.mortgage-offer { width: 370px; height: 248px; display: block; padding: 10px 10px 0px 340px; background: url(/image/example-offer-bg.jpg) 0 0 no-repeat; }
.mortgage-offer .mortgage-full-holder { width: 360px; padding: 10px 0px 0px 10px; float: left; position: relative; line-height: normal; }
.mortgage-offer .mortgage-background-hold { height: auto; width: 360px; background: none; padding: 10px 0px 0px 0px; clear: both; }
.mortgage-offer .mortgage-rate { width: 120px; padding: 5px 5px 0px 5px; color: #FFF; font-size: 35px; line-height: 35px; font-weight: bold; float: left; }
.mortgage-offer .mortgage-rate-details { color: #fff; float: left; width: 210px; padding: 5px 10px 0 5px; font-size: 13px; }
.mortgage-offer a { color: #FFF; }
.mortgage-offer-detail { font-size: 22px; color: #FFF; height: 50px; widows: 360px; line-height: normal; overflow: hidden; }
.monthly-repayment-hold { padding: 10px; font-size: 14px; background: #fde5f3; }
.monthly-repayment { color: #ec008c; }
.mortgage-overview-list2 { width: 460px; float: left; }
.mortgage-overview-list2.full { /*background:#feebf6;*/ width: 720px }
.mortgage-overview-left { width: 230px; height: 192px; float: left; display: block; list-style-type: none; padding: 0; margin: 0; }
.mortgage-overview-list2.big .mortgage-overview-left, .overview-mortgage-left { width: 210px; padding: 10px 10px 10px 0px; height: auto; }
.overview-mortgage-left, .overview-mortgage-right { float: left; padding-top: 0px; }
.overview-mortgage-right { width: 500px; }
.overview-mortgage-right ul { margin: 0px; padding: 0px; }
.overview-mortgage-right ul li { list-style-type: none; }
.mortgage-overview-left a { width: 220px; height: 30px; padding: 15px 0px 0px 10px; font-size: 14px; font-weight: bold; float: left; display: block; background: #fde5f3; border-bottom: 5px solid #fff; }
.mortgage-overview-right { font-size: 13px; line-height: normal; width: 210px; padding: 10px; height: 172px; float: left; display: block; background: #fde5f3; overflow: hidden; }
.mortgage-overview-list.big .mortgage-overview-right { width: 220px; background: transparent; height: auto; padding-top: 12px; }
.mortgage-overview-right h2 { font-size: 12px; }
.mortgage-overview-list.big .mortgage-overview-right h2 { margin-bottom: 10px; }
a.mortgage-overview-one { background: #fde5f3; }
a.mortgage-overview-two { background: #fcd9ee; }
a.mortgage-overview-three { background: #fbcee8; }
a.mortgage-overview-four { background: #fac3e4; border: 0px none; height: 27px; }
.mortgage-overview-one-disp { background: #fde5f3; }
.mortgage-overview-two-disp { background: #fcd9ee; display: none; }
.mortgage-overview-three-disp { background: #fbcee8; display: none; }
.mortgage-overview-four-disp { background: #fac3e4; display: none; }
.mortgage-block { width: 210px; height: 172px; }
.left-mortgage-tools { width: 240px; float: left; padding: 11px 0px 0px 20px; }
.left-mortgage-tools ul, .overview-mortgage-tools ul { list-style-type: none; padding: 0; margin: 0; }
.right-mortgage-tools { width: 240px; float: right; padding: 11px 0px 0px 20px; }
.mortgage-tools-fix { padding-top: 0px; }
.left-mortgage-pods { width: 460px; float: left; height: auto; }
left-mortgage-pods a:hover { color: #08608D; background: #CCFEFF }
.mortgage-offer { width: 370px; height: 248px; display: block; padding: 10px 10px 0px 340px; background: url(/image/example-offer-bg.jpg) 0 0 no-repeat; }
.mortgage-offer .mortgage-full-holder { width: 360px; padding: 10px 0px 0px 10px; float: left; position: relative; line-height: normal; }
.mortgage-offer .mortgage-background-hold { height: auto; width: 360px; background: none; padding: 10px 0px 0px 0px; clear: both; }
.mortgage-offer .mortgage-rate { width: 120px; padding: 5px 5px 0px 5px; color: #FFF; font-size: 35px; line-height: 35px; font-weight: bold; float: left; }
.mortgage-offer .mortgage-rate-details { color: #fff; float: left; width: 210px; padding: 5px 10px 0 5px; font-size: 13px; }
.mortgage-offer a { color: #FFF; }
.mortgage-offer-detail { font-size: 22px; color: #FFF; height: 50px; widows: 360px; line-height: normal; overflow: hidden; }
.monthly-repayment-hold { padding: 10px; font-size: 14px; background: #fde5f3; }
.monthly-repayment { color: #ec008c; }
/*////////////////////////////
// NEWS SETUP
////////////////////////////*/

.branch-news { }
.branch-news h3 { color: #333333; }
.branch-news-left { float: left; display: block; width: 232px; padding-right: 5px; }
.branch-news-right { float: left; display: block; width: 232px; }
.branch-news a.color-newsletter { width: 150px; height: 16px; background-position: -220px -113px; margin-top: 10px; padding: 5px 0px 0px 31px; display: block; }
.branch-news a.color-newsletter:hover { background-position: -220px -135px; }
.branch-news a.all-news { width: 150px; height: 16px; background-position: -423px -313px; margin-top: 10px; padding: 5px 0px 0px 31px; display: block; }
.branch-news a.all-news:hover { background-position: -423px -341px; }
.branch-news .news-date { color: #000; padding: 5px 0 5px 0; }
.branch-news a.news-title { font-size: 12px; font-weight: bold; padding-top: 0px; display: block; }
.home-right a.news-title { font-size: 13px; color: #ec008c; font-weight: bold; }
.home-right .news-date { font-size: 12px; color: #333; padding: 5px 0 0 0; height: 20px; font-weight: bold; }
.standard-right a.news-title { font-size: 12px; font-weight: bold; padding-top: 5px; display: block; }
.standard-right .news-date { color: #000; padding: 5px 0 5px 0; }
.standard-right a.news-link { color: #ec008c; }
.standard-right a.news-link:hover { color: #333333; }
.standard-right a.color-newsletter { width: 150px; height: 16px; background-position: -220px -113px; margin-top: 10px; padding: 5px 0px 0px 31px; display: block; }
.standard-right a.color-newsletter:hover { background-position: -220px -135px; }
.archive { margin: 0px; padding: 0px; background: #FFF4FA; }
.archive .article { list-style-type: none; padding: 10px; }
.archive .article.odd { background: #FDE5F3; }
.archive .article h2, h2.news { display: block; margin-bottom: 5px; float: none; font-size: 16px; }
.archive .article h2 a, h2.news { font-size: 16px; }
.news-category a.color-newsletter { background-position: -220px -113px; margin-top: 0px; }
.news-category { padding: 10px; }
.fl { float: left; }
.fr { float: right; }
a.color-rss { width: 120px; height: 16px; background-position: 0px -722px; padding: 5px 0px 0px 31px; display: block; }
a.color-rss:hover { background-position: 0px -746px; }
.fr a.color-rss { width: 160px; }
.article { border-bottom: 1px solid #FFF; }
.article img { float: left; padding-right: 10px; }
ul.pag { margin: 10px 0 0 0; padding: 0px; }
ul.pag li { display: inline-block; list-style-type: none; }
ul.pag li a, ul.pag li span { margin: 1px 1px 0 0; padding: 5px 10px; float: left; color: #FFF; }
ul.pag li span { background: #ed008c; }
ul.pag li a { background: #f466ba; color: #FFF; }
ul.pag li a.selected, ul.pag li a:hover, ul.pag li a.alt:hover { background: #f132a3; }
ul.pag li a.alt { background: #f899d1; }
/*////////////////////////////
// SAVINGS OVERVIEW
////////////////////////////*/

.saving-repayment-hold { padding: 10px; font-size: 14px; background: #fde5f3; }
.saving-calc { background: none repeat scroll 0 0 #FFF4FA; width: 460px; padding: 10px; }
.saving-calc .row-left { width: 250px; padding-top: 13px; }
.saving-calc .row-right { width: 200px; }
.saving-cta { float: left; width: 230px; }
.terms { font-size: 10px; color: #666; }
.marR10 { margin-right: 10px; }
.pdf-hold { margin: 10px 0px; }
.pdf-hold input[type="checkbox"] { margin-right: 40px; }
.pdf-hold ul { margin: 0px; padding: 5px 10px; background: #FFF4FA; }
.pdf-hold ul li { display: block; padding: 5px 0px 0 5px; list-style: none; background: url(/image/pdf_icon_small.gif) 30px 4px no-repeat; }
#reveal { display: none; }
.apply-now-hold { font-size: 11px; }
.apply-pdf.nomargin { margin-bottom: 0px; }
.apply-pdf.nomargin .pdf-hold { margin: 0px; }
/*////////////////////////////
// RATE TABLE
////////////////////////////*/

.standardtable { width: 100%; text-align: left; }
.standardtable thead tr th { background-color: #ed008c; color: #FFF; padding: 4px; border-bottom: 1px solid #FFF; }
.standardtable thead tr th.left, .standardtable tbody td.left { border-left: 1px solid #FFF; }
.standardtable tbody td { padding: 4px 10pxbread; border-bottom: 1px solid #FFF; background-color: #f9dfee; vertical-align: top; color: #000; }
.standardtable thead tr.top th { border-top: 1px solid #c90277; }
.standardtable h3 { color: #FFF; font-size: 12px; }
.standardtable tbody tr.odd td { background-color: #f9ecf4; }
.standardtable tbody tr:hover td { background: #f9c8e5; }
table.rates { width: 100%; text-align: left; }
table.rates thead tr th { background-color: #ed008c; color: #FFF; padding: 4px; border-bottom: 1px solid #FFF; }
table.rates thead tr th.left, table.rates tbody td.left { border-left: 1px solid #FFF; }
table.rates tbody td { padding: 4px; border-bottom: 1px solid #FFF; background-color: #f9dfee; vertical-align: top; color: #000; }
table.rates thead tr.top th { border-top: 1px solid #c90277; }
table.rates h3 { color: #FFF; font-size: 12px; }
table.rates tbody tr.odd td { background-color: #f9ecf4; }
table.rates tbody tr:hover td { background: #f9c8e5; }
/*////////////////////////////
// AFFINITY
////////////////////////////*/

.grid { }
.pod { width: 230px; float: left; padding: 10px 0px; }
.gridnew { background: none repeat scroll 0 0 #FDE5F3; padding: 0 10px; }
.podnew { width: 222px; float: left; padding: 10px 0px; }
.products { border-bottom: 5px solid #fde5f3; margin-bottom: 5px; }
.pod.middle { padding: 10px 13px; }
.pod.internal.fr strong { font-size: 13px; color: #ec008c; display: block; margin-bottom: 6px; }
.pod.internal { padding: 0px 13px 0px 0px; }
.pod.internal img { margin: 5px 0px 0px; }
.pod.internal.affinity img { margin: 8px 0px 4px; }
.pod.internal.fr { float: right; padding: 0 0 10px 13px; }
.pod.internal.affinity a { display: block; text-align: center; background: url(/image/affinity/strip.jpg) 0 6px repeat-x; }
.pod.internal.affinity a span { background: #FFFFFF; }
.pod h2 a { font-size: 15px; }
.pod h2 { margin-bottom: 10px; }
.pod img { margin: 8px 0px; padding: 0 0 10px; background: url(/image/affinity/shadow.jpg) right bottom no-repeat; }
.podnew img { margin: 8px 0px; padding: 0 0 22px; background: url(/image/range/shadow.jpg) left bottom no-repeat; }
.pod2 { width: 400px; float: left; padding: 10px 0px; }
.pod2.middle { padding: 10px 13px; }
.pod2.internal.fr strong { font-size: 13px; color: #ec008c; display: block; margin-bottom: 6px; }
.pod2.internal { padding: 0px 13px 0px 0px; }
.pod2.internal img { margin: 5px 0px 0px; }
.pod2.internal.affinity img { margin: 8px 0px 4px; }
.pod2.internal.fr { float: right; padding: 0 0 10px 13px; }
.pod2.internal.affinity a { display: block; text-align: center; background: url(/image/affinity/strip.jpg) 0 6px repeat-x; }
.pod2.internal.affinity a span { background: #FFFFFF; }
.pod2 h2 a { font-size: 15px; }
.pod2 h2 { margin-bottom: 10px; }
.pod2 img { margin: 8px 0px; padding: 0 0 10px; background: url(/image/affinity/shadow.jpg) right bottom no-repeat; }
.steps-to-help { }
.steps-to-help .row { }
.steps-to-help .row .row-left { width: 55px; color: #fff; font-weight: bold; height: 40px; background: url(/image/step-dot.jpg) 0 0 no-repeat; padding: 15px 0 0 8px; }
.steps-to-help .row .row-right { width: 655px; height: 40px; padding: 15px 0 0 0; }
.what-next { width: auto; height: 140px; }
.what-next .row { width: auto; }
.what-next .row .row-add { width: 150px; float: left; background: #FDE5F3; padding: 10px; font-size: 16px; color: #ec008c; font-weight: bold; border: 1px #ec008c solid; }
.what-next .row .row-add .highlight-link.sprite.fl { width: 133px; border: 1px solid #fff; margin: 0; }
.right-pad { margin: 0 10px 0 0; }
.pink-box-text { font-size: 12px; color: #666; font-weight: normal; padding: 10px 0; }
.what-next-3-col { width: auto; height: 140px; }
.what-next-3-col .row { width: auto; }
.what-next-3-col .row .row-add { width: 211px; float: left; background: #FDE5F3; font-size: 16px; color: #ec008c; font-weight: bold; border: 1px #ec008c solid; padding: 10px; }
.what-next-3-col .row .row-add .highlight-link { width: 193px; border: 1px solid #fff; margin: 0; display: block; }
/*////////////////////////////
// CONTACT
////////////////////////////*/

fieldset { border: none; padding: 10px; background: #f9ecf4; }
.row-form label { display: block; float: left; padding-top: 10px; width: 180px; }
.row-form label.half { padding-top: 5px; }
label.gap { margin-bottom: 1px; }
label.small { padding: 0px; width: 50px; }
label.med { padding: 0px; width: 100px; }
label.lar { padding: 0px; width: 150px; }
.row-form .input { margin: 5px 0px; width: 500px; }
.row-form .input.small { width: 185px; }
.row-form .input.text-area { height: 200px; }
.row-form .input.text-area:focus, .row-form .input.small:focus, .row-form .input:focus { border-color: #ed008c; background: #f166b9; color: #FFFFFF; }
.row-form .submit, .form .submit { cursor: pointer; border: none; position: relative; background-position: 0px -631px; padding: 0px 0px 0px 15px; margin-top: 10px; text-align: left; height: 27px; width: 215px; color: #FFF; }

table#fees thead td { border: 1px solid #d2027d; background: #d3027e url(images/ui-bg_highlight-soft_30_d3027e_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #fde5f3; }
table#fees td { padding: 0.6em 0.3em; margin: 0; text-align: center; line-height: 15px; }
table#fees tr { background: #fff; margin: 2px 0px; }
table#fees td input { width: 42px; }
table#fees td .currency { float: left; padding: 10px 3px; font-weight: bold; color: #EC2A8C; }
table#fees td #reset {width:auto; background: #d3027e url(images/ui-bg_highlight-soft_30_d3027e_1x100.png) 50% 50% repeat-x; color:#fff; border:0px; cursor:pointer; border-radius:4px;}
.form .submit { margin-left: 0px; }
.row-form .submit:hover, .form .submit:hover { background-position: -230px -631px; }
.alert-hold { position: relative; }
.alert:hover { background-position: 0 -30px; }
.alert { background: url(/image/question.png) 0 0 no-repeat; padding: 5px 0 0 0px; width: 30px; height: 20px; display: block; float: right; cursor: help; position: absolute; top: 0px; right: 2px; }
.alert.inputsmall { left: 343px; top: 7px; }
.alert.inputlrg { right: 10px; top: 7px; }
ul.results { list-style-type: none; margin: 0px; padding: 0px; background: #fcc9e7; }
ul.results li { font-size: 11px; padding: 10px; }
ul.results li h3 a { font-size: 14px; margin-bottom: 5px; }
#Frame ul.results li.odd { background: #FDE5F3; }
ul.results li .fl { width: 450px; float: left; }
ul.results li a.sprite { float: right; margin-top: 0px; }
.row.half { width: 360px; }
.row-hold { width: 360px; float: left; }
/*////////////////////////////
// FUNERAL PAGE SETUP
////////////////////////////*/

.funeral-container { width: 710px; height: auto; float: left; }
.funeral-col-left { width: 335px; float: left; height: auto; }
.funeral-col-right { width: 335px; float: right; height: auto; }
.funeral-tag-txt { margin: 0 0 12px 0; font-size: 22px; color: #575756; line-height: 1.3em; }
.txt-funeral-standard { color: #575756; font-size: 14px; line-height: 1.5em; }
.no-margin-funeral { margin: 0px !important; }
.quote-funeral { font-style: italic; color: #6E1364; }
.quote-style { font-size: 20px; }
.dignity-name { font-size: 16px; color: #333; font-weight: bold; font-style: italic; }
.call-style { font-size: 22px; color: #6E1364; margin-bottom: 18px; line-height: 1.2em; }
.number-funeral { font-size: 44px; color: #6E1364; margin: 0 0 25px 0; }
.dignity-margin { margin-top: 20px; border: 1px solid #e1e1e1; }
/*////////////////////////////
// RIGHT COLUMN SETUP
////////////////////////////*/

.home-right { background-position: -10px 0px; background-repeat: repeat-y; width: 230px; height: auto; padding-bottom: 10px; float: left; }
.home-right h6 { padding: 6px 10px 0px 14px; margin: 0px; background: #FFF; font-size: 12px; color: #ec008c; height: 21px; float: none; width: 210px }
.home-right .input, .standard-right .input { padding: 2px 2px 0px 2px; border-right-width: 0px; }
.search-submit { background-position: 0px -394px; border: 0px none; padding: 0px; width: 53px; height: 27px; line-height: 1000em; display: block; overflow: hidden; }
.search-submit:hover { background-position: -53px -394px; }
.standard-right { width: 230px; height: auto; float: left; overflow: hidden; background-position: -542px 2px; }
.standard-right h6 { padding: 6px 0px 0px 0px; margin: 0px; font-size: 14px; color: #ec008c; float: left; }
.standard-right a { color: #333333; }
.standard-right a:hover { color: #ec008c; }
.standard-right a.highlight-link { background-position: 0px -631px; padding: 6px 0px 0px 15px; margin-top: 10px; ; height: 21px; width: 215px; display: block; color: #FFF; }
.standard-right a.highlight-link:hover { background-position: -230px -631px; }
.standard-right ul { padding: 0px 0px 0px 0px; margin: 0px; list-style-type: none; }
.standard-right li { padding: 3px 0px 3px 0px; margin: 0px; list-style-type: none; }
.standard-right li li { background: #f9f9f9; padding: 3px 0 3px 15px; }
.standard-right .input { width: 171px !important; }
.standard-right .front-pod { width: 230px; padding-right: 0px; position: relative; }
.text-size { border-bottom: 0px solid #ec008c; height: 27px; }
.intermediaries { border-bottom: 0px solid #ec008c; height: 27px; background-position: right -1419px; }
.intermediaries a { display: block; text-align: center; height: 23px; padding: 4px 0 0 0; font-size: 12px; font-weight: bold; color: #ec008c; }
.intermediaries a:hover { color: #FFF; background: #ffe6f4; background-position: right -1419px; }
.intermed { display: block; padding: 10px 0px; color: #06618D; font-weight: bold; font-size: 13px; }
/*.intermed strong { color: #EC008C; }*/
.intermed strong { color: #06618C; }
.intermediaries-blank { border-bottom: 0px solid #ec008c; height: 27px; background-position: right -1419px; }
.intermediaries-blank div { display: block; text-align: center; height: 23px; padding: 4px 0 0 0; font-size: 12px; font-weight: bold; color: #ec008c; }
.inter-mortgage { background-position: -400px 2px }
.inter-savings { background-position: -1880px 2px }
.inter-insurance { background-position: -2880px 2px }
.text-size ul { padding: 5px 0px 0px 0px; margin: 0px; list-style-type: none; }
.text-size li { padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; list-style-type: none; display: inline; }
.text-size-text { color: #666666; font-size: 12px; width: 180px; height: auto; float: left; display: block; padding: 5px 5px 0px 0px; text-align: right; }
.text-size a.text-smaller { width: 18px; height: 17px; background-position: -162px -113px; display: block; overflow: hidden; line-height: 1000em; float: left; margin-left: 5px; }
.text-size a.text-smaller:hover { background-position: -182px -113px; }
.text-size a.text-larger { width: 18px; height: 17px; background-position: -162px -132px; display: block; overflow: hidden; line-height: 1000em; float: left; margin-left: 5px; }
.text-size a.text-larger:hover { background-position: -182px -132px; }
.tool { padding: 5px 0 0 40px; width: 190px; height: 20px; display: block; }
.tool-find { background-position: -410px -8px; }
.tool-find:hover { background-position: -410px -38px; }
.tool-calculator { background-position: -410px -68px; }
.tool-calculator:hover { background-position: -410px -98px; }
.tool-glossary { background-position: -410px -128px; }
.tool-glossary:hover { background-position: -410px -158px; }
.tool-find-nearest { background-position: -410px -188px; }
.tool-find-nearest:hover { background-position: -410px -218px; }
.tool-how-to { background-position: -410px -248px; }
.tool-how-to:hover { background-position: -410px -278px; }
.tool-quote { background-position: -633px -68px; }
.tool-quote:hover { background-position: -633px -98px; }
.text-smaller2 { font-size: 10px; color: #999999; line-height: 10px; }
/*////////////////////////////
// MAP SETUP
////////////////////////////*/

.map-details { display: none; }
.map-side { width: 473px; height: auto; background-color: #fef2f9; display: block; float: left; }
.map-side-left-container { background-color: #FEF2F9; display: block; float: left; height: auto; width: 473px; }
#map_canvas, #map_canvas_road { height: 368px; width: 473px; background: #FFF; }
.map-side-left { width: 190px; float: left; padding: 10px 0px 10px 10px; }
.map-side-right { width: 263px; float: left; padding: 10px 10px 10px 0px; }
.find-directions { background-position: 0px -631px; padding: 0px 0px 0px 0px; margin-top: 0px; ; height: 27px; width: 230px; display: block; color: #FFF; border: 0px none; }
.find-directions:hover { background-position: -230px -631px; }
/*////////////////////////////
// JARGON
////////////////////////////*/

div.head { padding: 2px; border: 1px solid #FDE5F3; }
ul.tabbed { margin: 0px; padding: 3px 3px 0 5px; height: 28px; overflow: hidden; background: url(/css/images/ui-bg_highlight-soft_0_ec008c_1x100.png) 0 0 repeat-x; }
ul.tabbed li { display: inline-block; float: left; list-style-type: none; }
ul.tabbed li a { padding: 5px; text-align: center; border: 1px solid #D2027D; color: #FDE5F3; width: 13px; margin: 1px; display: block; background: url(/css/images/ui-bg_highlight-soft_30_d3027e_1x100.png) repeat-x scroll 50% 50% #D3027E; border-bottom: 0px; }
ul.tabbed li a.selected, ul.tabbed li a:hover { color: #FFF; background: url(/css/images/ui-bg_inset-hard_0_ec008c_1x100.png) repeat-x scroll 50% 50% #EC008C; }
ul.tabbed li a:focus { background: #FDE5F3; color: #EC008C }
/*////////////////////////////
// SITEMAP
////////////////////////////*/

ul.sitemap { margin: 0px; padding: 0px; }
ul.sitemap li { display: block; list-style-type: none; }
ul.sitemap li a { padding: 5px; display: block; font-weight: bold; }
ul.sitemap li li a { font-weight: normal; }
ul.sitemap li a:hover { padding-left: 8px; }
/*////////////////////////////
// FOOTER SETUP 
////////////////////////////*/ 

.footer { padding: 10px 0 0 0; border-top: 5px solid #eeeeee; color: #666666; font-size: 11px; }
.footer ul { padding: 3px 0px 0px 0px; margin: 0px; list-style-type: none; float: left; width: 960px; display: block; }
.footer li { display: inline; padding: 0 10px 0 0; margin: 0px; }
.footer-logo { width: 170px; height: 58px; float: right; margin-left: 20px; background-position: 0px -660px; display: block; }
a.footer-facebook { background-position: -8px -295px; display: block; float: left; height: 20px; padding: 5px 0 0 21px; width: 158px; }
a.footer-facebook:hover { background-position: -7px -320px; }
a.footer-twitter { width: 140px; height: 20px; background-position: 0px -344px; padding: 5px 0px 0px 41px; /*display:block;*/ display: none; float: right; }
a.footer-twitter:hover { background-position: 0px -367px; }
/*////////////////////////////
// UNIFORM SETUP
////////////////////////////*/

/*Uniform Theme: Uniform Default Version: 1.6 By: Josh Pyles License: MIT License*/

div.selector, div.selector span { background-image: url(/image/uniform-sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; cursor: pointer; }
.selector, .selector * { margin: 0; padding: 0; }
div.selector { background-position: -483px -130px; line-height: 26px; height: 26px; }
div.selector span { background-position: right 0px; height: 26px; line-height: 26px; }
div.selector select { top: 0px; left: 0px; }
div.selector:active, div.selector.active { background-position: -483px -156px; }
div.selector:active span, div.selector.active span { background-position: right -26px; }
div.selector.focus, div.selector.hover, div.selector:hover { background-position: -483px -182px; }
div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -52px; }
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: -483px -208px; }
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -78px; }
div.selector.disabled { background-position: -483px -234px; }
div.selector.disabled span { background-position: right -104px; }
.small-inputs div.selector { width: 156px; }
div.selector { width: 190px; }
div.selector select { min-width: 190px; border: solid 1px #fff; }
div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; }
.small-inputs div.selector span { color: #666; width: 130px; text-shadow: 0 1px 0 #fff; }
div.selector span { color: #666; width: 158px; text-shadow: 0 1px 0 #fff; }
div.selector.disabled span { color: #bbb; }
.selector, .checker, .button, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline;
}
.padding-top { padding-top: 10px; }
.padding-bottom { padding-bottom: 10px; }
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; }
div.selector { position: relative; padding-left: 10px; overflow: hidden; }
div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.selector select { position: absolute; opacity: 0; filter: alpha(opacity:0);
height: 25px; border: none; background: none; }
/*////////////////////////////
// SHADOWBOX
////////////////////////////*/

body.iframe { width: 520px; overflow: hidden; background: #f9dfee; }
body.iframe h1 { margin-bottom: 10px; padding-top: 0px; }
body.iframe label { display: block; float: left; padding-top: 10px; width: 150px; }
body.iframe .input { margin: 5px 0px; width: 350px; }
body.iframe .submit { cursor: pointer; border: none; position: relative; background-position: 0px -631px; padding: 0px 0px 0px 15px; margin-top: 10px; text-align: left; height: 27px; width: 215px; display: block; color: #FFF; margin-left: 150px; }
body.iframe .submit:hover { background-position: -230px -631px; }
.iframe-hold { display: block; position: absolute; top: 0px; left: 0px; height: 100%; padding: 10px 20px; }
/*////////////////////////////
// MOSAIC SETUP
////////////////////////////*/

/*	Mosaic - Sliding Boxes and Captions jQuery Plugin Version 1.0.1	www.buildinternet.com/project/mosaic By Sam Dunn / One Mighty Roar (www.onemightyroar.com)	Released under MIT License / GPL License*/
/*General Mosaic Styles*/
.mosaic-block { float: left; position: relative; overflow: hidden; width: 230px; height: 171px; margin: 0px; background: #f9d5ea url(/image/ajax-loader.gif) no-repeat center center; }
.mosaic-backdrop { display: none; position: absolute; top: 0; height: 100%; width: 100%; background: #111; }
.mosaic-overlay { display: none; z-index: 5; position: absolute; width: 100%; height: 100%; background: url(/image/front-pod-bg.png) 0 0 no-repeat; }
.details { padding: 38px 10px 10px 10px; color: #333; display: block; }
.details .header { font-weight: bold; padding: 0; margin: 0; font-size: 13px; color: #ec008c; display: block; }
.find-out-more { color: #ec008c; }
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.hoverpod .mosaic-overlay { bottom: -100px; height: 170px; /* opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);*/ }
.hoverpod .mosaic-overlay:hover { /*opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);*/ }
/*** End Animation Styles ***/


/*////////////////////////////
// SHADOWBOX SETUP
////////////////////////////*/

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: Arial, Helvetica, sans-serif; font-weight: 200; color: #fff; }
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none; }
#sb-overlay { position: relative; height: 100%; width: 100%; }
#sb-wrapper { position: absolute; visibility: hidden; width: 100px; }
#sb-wrapper-inner { position: relative; border: 1px solid #303030; overflow: hidden; height: 100px; border: 4px solid #ed008c; }
#sb-body { position: relative; height: 100%; }
#sb-body-inner { position: absolute; height: 100%; width: 100%; }
#sb-player.html { height: 100%; overflow: auto; }
#sb-body img { border: none; }
#sb-loading { position: relative; height: 100%; }
#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center; }
#sb-loading-inner span { background: url(/script/shadowbox/loading.gif) no-repeat; padding-left: 34px; display: inline-block; }
#sb-body, #sb-loading { background-color: #060606; }
#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; }
#sb-title, #sb-title-inner { height: 26px; line-height: 26px; }
#sb-title-inner { font-size: 16px; }
#sb-info, #sb-info-inner { height: 20px; line-height: 20px; }
#sb-info-inner { font-size: 12px; }
#sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%; }
#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat; }
#sb-nav-close { background-image: url(/script/shadowbox/close.png); }
#sb-nav-next { background-image: url(/script/shadowbox/next.png); }
#sb-nav-previous { background-image: url(/script/shadowbox/previous.png); }
#sb-nav-play { background-image: url(/script/shadowbox/play.png); }
#sb-nav-pause { background-image: url(/script/shadowbox/pause.png); }
#sb-counter { float: left; width: 45%; }
#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; }
#sb-counter a.sb-counter-current { text-decoration: underline; }
div.sb-message { font-size: 12px; padding: 10px; text-align: center; }
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }
/*////////////////////////////
// SAVING
////////////////////////////*/
.text-right { text-align: right; }
.saving-offer { width: 370px; height: 248px; display: block; padding: 10px 10px 0px 340px; background: url(/image/saving-offer-bg2.jpg) 0 0 no-repeat; }
.saving-offer-rate { color: #FFF; }
.saving-offer-sum { font-size: 100px; height: 100px; width: 240px; float: left; text-align: right; display: block; line-height: normal; font-weight: bold; overflow: hidden; }
.saving-offer-percent { width: 100px; float: left; text-align: center; margin-top: 33px; }
.saving-offer-percent .percent { display: block; font-size: 55px; margin-bottom: 14px; padding-bottom: 15px; }
.saving-offer-percent .small { display: block; font-size: 11px; }
.saving-offer-percent .large { display: block; font-size: 17px; }
.saving-offer-detail { font-size: 26px; line-height: 0.9em; color: #FFF; height: auto; width: 360px; text-align: center; overflow: hidden; margin-bottom: 5px; font-weight: bold; }
.saving-offer-link a { color: #FFF; }
.saving-offer-link a:hover { color: #fde5f3; }
.saving-title { font-size: 14px; color: #FFF; text-align: center; margin-top: 5px; }
.saving-title span { font-size: 28px; display: block; padding-bottom: 10px; }
.savings-sub { color: #FFF; font-size: 14px; }
.saving-holder { /*background:#fde5f3;*/ padding: 20px 10px 20px 10px; clear: both; height: auto; min-height: 100px; }
.saving-holder-left { width: 295px; float: left; color: #333333; padding-right: 10px; }
.saving-holder-left2 { width: 535px; float: left; color: #333333; padding-right: 10px; }
.saving-holder-middle { width: 295px; float: left; color: #333333; padding-right: 10px; }
.saving-holder-middle { width: 220px; padding-left: 20px; }
.saving-holder-left-2-col { width: 460px; padding-right: 0px; }
.saving-holder-middle-2-col { width: 200px; padding-right: 0px; }
.saving-holder-copy { line-height: 13px; padding-top: 5px; }
.saving-holder-right { margin-top: 20px; width: 134px; background-position: 0px 0px; background-repeat: repeat-y; color: #FFF; float: left; }
.saving-holder-right2 { margin-top: 10px; width: 134px; background-position: 0px 0px; background-repeat: repeat-y; color: #FFF; float: left; }
.saving-small-print { height: auto; line-height: 14px; min-height: 65px; }
.saving-percent-hold { padding-top: 5px; font-size: 35px; line-height: 1.0em; font-weight: bold; width: auto; clear: both; text-align: left; }
.saving-holder-right .last { margin: 0px; }
.pod.featured p { padding-right: 10px; }
.pod.featured h2 a { font-size: 14px; }
.grid.saving .pod.featured h2, .grid.saving .pod.featured img { margin-bottom: 0px; }
.pod.featured img:hover, .archive .article img:hover { filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.grid.saving .pod.featured p { margin-top: 0px; }
/*////////////////////////////
// INSURANCE
////////////////////////////*/

.insurance-offer { width: 465px; height: 258px; display: block; padding: 0px 10px 0px 235px; background: url(/image/insurance-banner.jpg) 0 0 no-repeat; }
.insurance-offer-detail { font-size: 28px; color: #ec008c; line-height: 1.4em; height: auto; width: 450px; text-align: left; overflow: hidden; margin-bottom: 5px; }
.insurance-offer-detail.sub { font-size: 20px; margin-top: 75px; }
.insurance-offer-detail strong { font-size: 35px; display: block; }
.insurance-offer-link a { color: #ec008c; }
.insurance-offer-link a:hover { color: #ec008c; }
.important { background: #fef2f9; padding: 10px; }
.terms-cons-insurance-pro { width: 674px; height: 200px; overflow: auto; display: block; padding: 10px; background: #FFF; border: solid 2px #F6A2D3; }
/*////////////////////////////
// NAVIGATION
////////////////////////////*/

ul.top-nav, ul.top-nav li, ul.top-nav ul { list-style: none; margin: 0; padding: 0; }
ul.top-nav { position: relative; z-index: 597; float: left; }
ul.top-nav li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.top-nav li.hover, ul.top-nav li:hover { position: relative; z-index: 599; cursor: default; }
ul.top-nav ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; padding: 0px; margin: 0px; width: auto; }
ul.top-nav ul li { float: none; text-align: left; background: #ec008c; display: block; margin: 0px; padding: 0px; }
ul.top-nav ul ul { top: 1px; left: 99%; margin: 0px; padding: 0px }
ul.top-nav li:hover > ul { visibility: visible; }
ul.top-nav *.dir, ul.topnav *.dir { display: block; }
ul.top-nav a, ul.top-nav span { display: block; }
ul.top-nav, ul.top-nav li, ul.top-nav ul { list-style: none; margin: 0px; }
ul.top-nav { position: relative; z-index: 597; float: left; }
ul.top-nav li { float: left; line-height: 1.3em; vertical-align: middle;  /*zoom: 1;*/ padding: 0px; }
ul.top-nav li.hover, ul.top-nav li:hover { position: relative; z-index: 599; cursor: default; }
ul.top-nav ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 150px; padding: 0px; }
ul.top-nav li a { padding: 5px 8px 5px; }
ul.top-nav li.first a { padding-left: 0px; }
ul.top-nav li.hover a.dir { background: #ec008c; color: #FFF; }
ul.top-nav li li a { padding: 5px 8px; display: block; font-size: 11px; color: #FFF; }
ul.top-nav li li a:hover { background: #d3017e; color: #FFF; }
/*////////////////////////////
// NOTICE SETUP
////////////////////////////*/

.notice { width: 300px;  border: 10px solid #F9D5EA; background: #FFF; padding: 10px; z-index: 10; top: 10px; left: 50%; margin-left: -140px; position: absolute; font-size: 14px; }
/*////////////////////////////
// FORCE ELEMENTS SETUP
////////////////////////////*/

#Frame .no-show { display: none; }
#Frame .ui-tabs .ui-tabs-panel a { color: #ec008c; }
#Frame .ui-tabs-panel { background: #fff4fa; padding: 0; }
#mortgage-overview-list .ui-tabs-panel, #mortgage-overview-list2 .ui-tabs-panel { background: #ffe6f4; padding: 10px 15px 15px 15px; float: left; width: 314px; height: 290px; font-size: 11px; }
#Frame .ui-tabs-nav a { font-size: 14px; }
#mortgage-overview-list .ui-tabs-nav a, #mortgage-overview-list2 .ui-tabs-nav a { font-size: 12px; }
#Frame .odd { background: #fde5f3; }
#Frame .even { background: #fff4fa; }
#Frame .ui-tabs-panel .odd { background: #fde5f3; }
#Frame .ui-tabs-panel .even { background: #fff4fa; }
/*////////////////////////////
// STAFF
////////////////////////////*/

h1.nopad { padding-top: 0px; }
.film-right-pod { padding: 5px 10px 10px; background: #fcdff0; }
.film-right-pod h6 { margin-bottom: 10px; }
.attendees { margin-left: 5px; display: block; width: 200px; }
.event-details, .gallery { background: #fef2f9; }
.map-side.event { width: auto; }
.map-side.event .map-side-left { padding: 10px 15px; width: 193px; }
.gallery { padding: 10px; }
.gallery ul, .order ul { margin: 0px; padding: 0px; list-style-type: none; }
.order ul { float: right; }
.order { }
.gallery ul li, .order ul li { display: inline-block; float: left; margin: 5px; position: relative; }
.gallery ul li img { padding: 3px; background: #FFF; -moz-box-shadow: 1px 2px 3px 0 #CECECE; -webkit-box-shadow: 1px 2px 3px 0 #CECECE; box-shadow: 1px 2px 3px 0 #CECECE; }
.gallery ul li span { position: absolute; bottom: 5px; right: 2px; display: none; background: url(/image/zoom.png) 0 0 no-repeat; width: 31px; height: 31px; z-index: 100; }
.gallery ul li:hover span { display: block; }
p.quote { padding: 2px 0 3px 48px; background-position: 0 -1242px; }
p.quote span { color: #ec008c; display: block; }
.calendar-left { width: 355px; float: left; margin-right: 15px; }
.calendar-right { width: 350px; float: left; }
.film-thumb { position: relative; width: 230px; height: 149px; display: block; }
.film-thumb.small { width: 125px; height: 70px; float: left; margin-right: 10px; }
.film-thumb.right { width: 230px; height: 129px; }
.film-thumb span { position: absolute; top: 47px; left: 87px; background: url(/image/play-icon.png) 0 0 no-repeat; width: 45px; height: 45px; }
.film-thumb.small span { top: 13px; left: 37px; }
.film-thumb.right span { top: 40px; left: 90px; }
.film-thumb:hover span { background-position: 0 -45px; }
.support-material a { display: block; float: left; width: 175px; padding: 10px 10px 10px 55px; height: 28px; margin-bottom: 10px; }
.support-material a.pdf { background-position: 0 -1047px; }
.support-material a.powerpoint { background-position: 0 -1096px; }
.support-material a.excel { background-position: 0 -1144px; }
.support-material a.word { background-position: 0 -1193px; }
.film-frame { background: #fef2f9; padding: 10px; }
.film-hold { width: 640px; height: 360px; margin-left: auto; margin-right: auto; display: block; color: #FFF; border: 4px solid #FFF; background: #111 url(/image/progress.gif) center center no-repeat; }
.film-hold span { margin: 206px 0 0; text-align: center; display: block; }
.film-details { background: url(/css/images/ui-bg_highlight-soft_30_d3027e_1x100.png) repeat-x scroll 50% 50% #D3027E }
.film-details .button-set { margin-right: 3px; }
.result { padding: 5px 10px; color: #FFF; }
.transcript-hold { display: none; padding: 10px; }
ul.nav li a.pink { color: #ec008c; }
ul.people-archive { margin: 0px; padding: 0px; }
ul.people-archive li { display: inline-block; float: left; width: 230px; list-style-type: none; padding: 5px; margin: 5px 0px; }
ul.people-archive li .name { font-size: 14px; display: block; margin: 0 0 5px; }
ul.people-archive li a.more { display: block; margin: 5px 0 0 0; }
ul.people-archive li img { margin-right: 10px; }
ul.people-archive li:hover { background: #FDE5F3; }
.address-hold { background: #FEF2F9; padding: 5px; }
.address-hold .attendees.fl strong { margin-right: 5px; font-size: 11px; width: 50px }
.address-hold .attendees .fr { width: 140px; }
/*////////////////////////////
// CAROUSEL
////////////////////////////*/

#affinity { position: relative; }
.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 230px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 230px; height: 150px; }
.jcarousel-skin-tango .jcarousel-item { width: 230px; height: 150px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 65px; right: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/image/right.png) 0 0 no-repeat; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { background: none; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 65px; left: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/image/left.png) 0 0 no-repeat; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { background: none; }
.text-size ul { display: none; }
/*////////////////////////////
// Esavings 'homepages'
////////////////////////////*/

#eaffinity { width: 720px; float: left; height: auto; }
.Mainsave { width: 720px; height: auto; float: left; }
.Mainsave-list { width: 210px; height: 200px; border: 10px #FFF4FA solid; float: left; }
#apply-holder { width: 720px; height: auto; float: left; }
#apply-offline { width: 352px; height: auto; min-height: 400px; float: left; margin-right: 16px; background-color: #fff4fa; }
#apply-online { width: 352px; height: auto; min-height: 400px; float: left; background-color: #fff4fa; }
#apply-wide { width: 720px; height: auto; min-height: 100px; float: left; background-color: #fff4fa; }
.apply-header { width: 352px; float: left; height: 55px; text-align: left; font-weight: bold; background-color: #f466ba; }
.apply-header-wide { width: 720px; float: left; height: 55px; text-align: left; font-weight: bold; background-color: #f466ba; }
.apply-header p { font-weight: bold; color: #fff; font-size: 18px; padding-left: 20px; }
.apply-header-wide p { font-weight: bold; color: #fff; font-size: 18px; padding-left: 20px; }
.apply-text { float: left; height: auto; min-height: 50px; margin: 10px; width: 312px; background-color: #fff; padding: 0 10px 0 10px; }
.apply-text-wide { float: left; height: auto; min-height: 50px; margin: 10px; width: 680px; background-color: #fff; padding: 0 10px 0 10px; }
.apply-pdf { float: left; height: auto; min-height: 50px; margin: 0 10px 10px 10px; width: 332px; }
.apply-pdf-wide { float: left; height: auto; min-height: 50px; margin: 0 10px 10px 10px; width: 700px; }
.apply-button { float: left; text-align: center; height: auto; min-height: 50px; width: 292px; padding-left: 60px; }
.apply-button-wide { float: left; text-align: center; height: auto; min-height: 50px; width: 480px; padding-left: 240px; }
.apply-button-wide2 { float: left; text-align: center; height: auto; min-height: 50px; width: 720px; padding-bottom: 20px; }
.apply-login { text-align: left; height: auto; width: auto; }
.apply-login-left { width: 270px; float: left; text-align: right; padding-left: 115px; }
.apply-login-right { width: 270px; float: left; }
.privacy { position: fixed; left: 0px; top: 0px; background: #999; display: block; height: 80px; width: 260px; z-index: 1000; background: transparent url(/image/popup-bg.png) 0 0 no-repeat; }
.privacy .changes { font-size: 12px; margin-top: 32px; padding-left: 48px; position: absolute; }
.privacy .close-cookie { background: url(/image/close-bg.png) no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 13px; font-weight: bold; height: 28px; left: 227px; padding-left: 10px; padding-top: 5px; position: absolute; top: 5px; width: 28px; z-index: 1001; }
/*////////////////////////////
// Agency Tabs
////////////////////////////*/
 
#Frame .tabs.agency.ui-widget-content { border: none; padding: 0px; }
#Frame .tabs.agency.ui-widget-content.ui-tabs .ui-tabs-nav a { font-size: 12px; }
#Frame .tabs.agency.ui-widget-content .ui-tabs-panel { background: #FFF!important; padding: 10px 0px; }
/*////////////////////////////
// Scroller
////////////////////////////*/

.scroller, .scroller-savings { width: 720px; height: 308px; overflow: hidden; position: relative; }
.scroller ul, .scroller-savings ul { top: 0; list-style-type: none; padding: 0; margin: 0; z-index: 0 !important }
.scroller li, .scroller-savings li { list-style-type: none; margin: 0; text-align: left; z-index: 0 !important; line-height: 1.4em; }
.scroller-nav, .scroller-nav-2 { width: auto; z-index: 9999; position: absolute; top: 10px; left: 10px; }
.scroller-nav div, .scroller-nav-2 div { width: 10px; float: left; margin: 0 4px 0 0; }
.scroller-nav a, .scroller-nav-2 a { width: 10px; height: 10px; padding: 0px; display: block; border: 0px; background: #f689ca; }
.scroller-nav div.activeSlide a, .scroller-nav-2 div.activeSlide a { background: #ec008c; }
.scroller-nav a:focus, .scroller-nav-2 a:focus { outline: none; }
.fade { margin: 0px; padding: 0px; widdth: 230px; height: 168px!important; display: block; position: relative; }
.fade li { widdth: 230px; height: 150px; list-style-type: none; display: block; }
.fade li img { position: absolute; top: 0px; left: 0px; z-index: 10; }
.index-popup { width: 256px; height: 156px; display: block; padding: 20px; color: #EC008C; background-color: ##FDE5F3; border: #EC008C 2px solid; font-size: 18px; line-height: 1.2em; }
/*////////////////////////////
// Example Gallery
////////////////////////////*/

.home-left-gallery { display: block; float: left; height: 385px; margin-right: 10px; width: 720px; }
.gallery-section-bg { width: 718px; height: 355px; clear: both; -webkit-box-shadow: 0px 0px 3px 0px rgba(3, 3, 3, 0.1); box-shadow: 0px 0px 3px 0px rgba(3, 3, 3, 0.1); background: #E1E1E1; }
.gallery-container { width: 706px; background: #FFF; height: 331px; border: solid 6px #e1e1e1; overflow: hidden; }
.gallery-bottom { background: url(/image/gallery-bottom.png) no-repeat; width: 718px; height: 54px; }
/*////////////////////////////
// NEW NAVIGATION SETUP
////////////////////////////*/

.sub-nav-gallery { width: 708px; height: 27px; padding: 0px; margin: 0 0 0 6px; }
.sub-nav-gallery li { list-style-type: none; padding: 0px; margin: 0px; display: inline; }
.sub-nav-gallery a { width: 175px; height: 23px; margin-right: 2px; padding: 7px 0px 0px 0px; display: block; float: left; text-align: center; color: #FFFFFF; font-size: 11px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; text-transform: uppercase; font-weight: bold; }
.sub-nav-gallery a:hover { color: #fff; background: #06618d; }
.savings-pink { background: none repeat scroll 0 0 #de0385; }
.mortgage-pink { background: none repeat scroll 0 0 #ED008C; }
.insurance-pink { background: #f466ba; }
.financial-pink { background: #f899d1; }
.intermediaries a { width: 230px; height: 23px; margin-right: 2px; padding: 7px 0px 0px 0px; display: block; float: left; text-align: center; color: #FFFFFF; font-size: 13px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; text-transform: uppercase; font-weight: bold; background-image: none !important; background: #06618d; }
.intermediaries a:hover { color: #fff; background: #ED008C !important; }
/*////////////////////////////
// WINNER BACKGROUND
////////////////////////////*/
.winner-banner { width: 960px; height: 95px; }
/*////////////////////////////
// NEWS
////////////////////////////*/
.sprite-vert { background: none; }
.content-pad { padding: 0px 10px 0px 14px; }
.input { padding: 2px 2px 2px 2px; font-size: 11px; color: #666; border: #dbdbdc 2px solid; height: 21px; width: 142px; float: left; background: #FFF; }
input.blur { color: #999; }
.search-submit { background: url(/images/frontpage/search-icon.png) no-repeat; background-repeat: no-repeat; border: 0px none; padding: 0px; width: 53px; height: 27px; display: block; overflow: hidden; cursor: pointer; }
.search-submit:hover { background-position: 0 !important; }
.news-title { width: 193px; height: 30px; background: url(/images/frontpage/news-title-bg.png) no-repeat; float: left; }
.news-title-blue { width: 193px; height: 30px; background: url(/images/frontpage/news-title-bg-blue.png) no-repeat; float: left; }
.news-margin { font-size: 13px; margin: 6px 0 0 28px; }
.news-pod-style { width: 202px; background: #f6f5f6; border: 2px solid #FFFFFF; clear: both; height: auto; margin-bottom: 10px; padding: 10px 10px 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1); float: left; }
.news-pod-style p { clear: both; }
.list-style { float: left; margin-left: 0px; padding-left: 0px; color: #888787; }
.news-links { width: 193px; height: 20px; float: left; padding-top: 3px; }
.news-links a { color: #666; font-size: 12px; float: left; }
.news-links a:hover { color: #ED048C; text-decoration: underline; }
.news-links-blue { width: 193px; height: 20px; float: left; padding-top: 3px; }
.news-links-blue a { color: #666; font-size: 12px; float: left; }
.news-links-blue a:hover { color: #06618d; text-decoration: underline; }
.blue { color: #06618d; }
.search { width: 168px; }
/*////////////////////////////
// CONTENT
////////////////////////////*/
.shadow-pod { float: left; height: 20px; margin: 0; width: 230px; background: url(/images/frontpage/shadow-pod.png) no-repeat; }
.shadow-pod2 { float: left; height: 20px; margin: 0; width: 230px; background: url(/images/frontpage/shadow-pod2.png) no-repeat; }
.divider { width: 100%; border-top: 2px dotted #CCCCCC; height: 5px; float: left; }
.welcome-section { width: 960px; height: auto; background: #666; clear: both; }
.left-section { width: 610px; height: auto; float: left; }
.left-section p { font-size: 13px; color: #333; line-height: 18px; }
.right-section { width: 310px; height: auto; float: right; }
.welcome-style { color: #333333; padding: 0px; font-size: 28px; margin: 0px; font-weight: normal; }
.quote-welcome { font-size: 16px; font-style: italic; margin: 0px; padding: 5px 0 0 0; line-height: 22px; }
.form-newsletter { width: 280px; height: auto; background: #ededed; margin-top: 10px; padding: 15px; }
.form-newsletter p { font-size: 12px; padding: 0px; margin: 5px 0 5px 0; color: #555555; }
.form-newsletter h3 { color: #333; font-size: 16px; padding-top: 3px; }
.fscs { width: 310px; height: 138px; }
.bottom-section { width: 960px; height: auto; float: left; margin-top: 10px; }
.nearest-branch { width: 270px; height: 190px; float: left; background: url(/images/frontpage/branch-bg.png) no-repeat; padding: 15px; }
.nearest-branch p { font-size: 12px; padding: 0px; margin: 13px 0 15px 0; color: #555555; }
.nearest-branch h3 { color: #333; font-size: 16px; padding-top: 3px; padding-bottom: 5px; }
.search-submit-postcode { background: url(/images/frontpage/search-icon-pink.png) no-repeat; background-repeat: no-repeat; border: 0px none; padding: 0px; width: 53px; height: 29px; display: block; overflow: hidden; cursor: pointer; }
.search-submit-postcode a:hover { background-position: 0; }
.furness-update { width: 615px; height: 190px; float: right; background: url(/images/frontpage/update-film-bg.png) no-repeat; padding: 15px; }
.furness-update p { font-size: 12px; padding: 0 0 5px 0; margin: 5px 0 5px 0; color: #555555; }
.furness-update h3 { color: #333; font-size: 16px; padding-top: 3px; }
.left-float { float: left; }
.right-float { float: right; }
.black-txt { color: #000; }
.video-carousel { width: 615px; height: 130px; float: left; margin-top: 7px; }
.message .ui-state-highlight, .message .ui-state-error { margin-bottom: 10px; margin-top: 10px; padding: 15px; width:100%;   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */ }
.video-name { font-size: 12px; color: #EC008C; padding-bottom: 5px; }
.phone { font-size: 18px; }
.customer-name { font-size: 16px; }
/*////////////////////////////
// NEWS CYCLE CODE
////////////////////////////*/

.cycle-container { width: 203px; height: 118px; overflow: hidden; display: block; }
/*////////////////////////////
// FIND A BRANCH FONT FIX 
////////////////////////////*/

.branch-left a { font-size: 11px !important; }
.branch-right a { font-size: 11px !important; }
/*////////////////////////////
// DOWNLOADS BG FIX 
////////////////////////////*/

.download-bg { background: #EC008C !important; height: 40px !important; line-height: 1.4em; }
.downloads-h2 { font-size: 14px !important; }
/*////////////////////////////
// ADHOC MODIFICATIONS 
////////////////////////////*/

	/* Apply Here Button */
	/* URL: http://www.furnessbs.co.uk/insurance/furness-home-insurance-helping-you-protect-the-things-that-matter/ */
.apphere { background: url(/image/sprite.jpg) 0 -631px no-repeat; border-radius: 5px; color: #FFF; float: left; height: 20px; overflow: hidden; padding: 6px 0 0; text-align: center; width: 139px; margin: 0 5px; }
.apphere:hover { color: #fff; text-decoration: none; background-position: -231px -631px; }
/*////////////////////////////
// KFI Request
////////////////////////////*/

.hide { display: none; }
/*////////////////////////////
// FREE NESS
////////////////////////////*/
.free-ness-txt { width: 350px; float: right; text-align: right; line-height: 18px; padding-right: 10px; }
.free-ness-header { font-size: 36px; line-height: 40px; margin: 10px 0; }
.ness-colour { color: #855fa8; font-size: 56px; font-weight: normal; }
.free-size { font-size: 60px; }
.ness-img-container { width: 350px; height: auto; float: left; }
.claim-txt { font-size: 16px; line-height: 20px; }
.btn-ness { text-align: left; float: right; }
.ness-btn { margin: 0 255px 0 0; clear: both; width: auto; height: auto; }
.wobble { position: relative; display: inline-block; -webkit-animation: wobble .75s linear infinite; -moz-animation: wobble .75s linear infinite; -ms-animation: wobble .75s linear infinite; -o-animation: wobble .75s linear infinite; animation: wobble .75s linear infinite; }
 @-webkit-keyframes wobble {
0% {
-webkit-transform: rotate(-2deg);
}
 20% {
-webkit-transform: rotate(4deg);
}
 30% {
-webkit-transform: rotate(1deg);
}
 40% {
-webkit-transform: rotate(3deg);
}
 55% {
-webkit-transform: rotate(0deg);
}
 70% {
-webkit-transform: rotate(-4deg);
}
 80% {
-webkit-transform: rotate(2deg);
}
 90% {
-webkit-transform: rotate(-2deg);
}
 90% {
-webkit-transform: rotate(3deg);
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: rotate(-2deg);
}
 20% {
-moz-transform: rotate(4deg);
}
 30% {
-moz-transform: rotate(1deg);
}
 40% {
-moz-transform: rotate(3deg);
}
 55% {
-moz-transform: rotate(0deg);
}
 70% {
-moz-transform: rotate(-4deg);
}
 80% {
-moz-transform: rotate(2deg);
}
 90% {
-moz-transform: rotate(-2deg);
}
 90% {
-moz-transform: rotate(3deg);
}
}
@-ms-keyframes wobble {
0% {
-ms-transform: rotate(-2deg);
}
 20% {
-ms-transform: rotate(4deg);
}
 30% {
-ms-transform: rotate(1deg);
}
 40% {
-ms-transform: rotate(3deg);
}
 55% {
-ms-transform: rotate(0deg);
}
 70% {
-ms-transform: rotate(-4deg);
}
 80% {
-ms-transform: rotate(2deg);
}
 90% {
-ms-transform: rotate(-2deg);
}
 90% {
-ms-transform: rotate(3deg);
}
}
@-o-keyframes wobble {
0% {
-o-transform: rotate(-2deg);
}
 20% {
-o-transform: rotate(4deg);
}
 30% {
-o-transform: rotate(1deg);
}
 40% {
-o-transform: rotate(3deg);
}
 55% {
-o-transform: rotate(0deg);
}
 70% {
-o-transform: rotate(-4deg);
}
 80% {
-o-transform: rotate(2deg);
}
 90% {
-o-transform: rotate(-2deg);
}
 90% {
-o-transform: rotate(3deg);
}
}
@keyframes wobble {
0% {
transform: rotate(-2deg);
}
 20% {
transform: rotate(4deg);
}
 30% {
transform: rotate(1deg);
}
 40% {
transform: rotate(3deg);
}
 55% {
transform: rotate(0deg);
}
 70% {
transform: rotate(-4deg);
}
 80% {
transform: rotate(2deg);
}
 90% {
transform: rotate(-2deg);
}
 90% {
transform: rotate(3deg);
}
}
/*////////// CHARITY CHALLENGE /////////////////*/

.talent-header { background: url(../image/banner-image-text-guide.jpg) 0 0 no-repeat; width: 890px; height: 355px; display: block; padding: 0px 35px 35px 35px; }
.challenge-main-header-text { text-transform: uppercase; color: #F42F9F; font-size: 41px; font-weight: bold; line-height: 1em; }
.challenge-header-text { color: #973087; font-size: 30px; font-weight: bold; line-height: 1em; }
.challenge-main-text { color: #F42F9F; font-size: 12px; font-weight: bold; line-height: 1em; padding: 10px 0 10px 0; }
.purple-talent-banner-header { }
.purple-talent-banner { background: url(../image/purple-bg-stars.jpg) 0 0 no-repeat; width: 930px; height: auto; display: block; padding: 15px; color: #FFF; text-align: center; font-size: 22px; line-height: 1em; }
.middle-content { width: auto; height: auto; background: url(../image/middle-bg.jpg) 0 0 repeat-y; }
.Challenge-Info { width: 417px; height: auto; padding: 0 20px 0 0; }
.middle-content-wide h2 { padding: 20px 0 0 0; color: #943088; font-weight: normal; font-size: 24px; line-height: 1em; }
.middle-content-wide p { height: auto; float: left; font-size: 13px; color: #999; line-height: 1.5em; }
.Challenge-Info h2 { padding: 20px 0 0 0; color: #943088; font-weight: normal; font-size: 24px; line-height: 1em; }
.Challenge-Info p { height: auto; float: left; font-size: 13px; color: #999; line-height: 1.5em; }
.Challenge-Form { width: 480px; height: auto; padding: 20px; float: left; }
.Challenge-Form h2 { font-weight: normal; font-size: 22px; line-height: 1em; }
.Challenge-Form p { height: auto; float: left; font-size: 13px; color: #999; line-height: 1.5em; }
.Challenge-Form .hor-line { background: url(../image/hr.jpg) repeat-x; width: 100%; margin: 5px 0; height: 4px; display: block; }
.Challenge-Form .row .row-inner { width: 30%; padding: 0 0 5px 2%; float: left; font-weight: bold; color: #666; }
.form-left, .form-right { width: 230px; float: left; height: auto; }
.form-right { margin-left: 20px; }
.half-width-input { background-color: #FFF; border: 2px solid #CCC; width: 215px; height: 15px; margin: 0 0 10px 0; padding: 5px; }
.half-width-text-input { background-color: #FFF; border: 2px solid #CCC; width: 225px; margin: 0 0 10px 0; padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.label-text { color: #666; font-size: 12px; }
.age-input { background-color: #FFF; border: 2px solid #CCC; width: 40px; height: 15px; margin: 0 0 10px 0; padding: 5px; }
.parent-gardian { background-color: #FFF; border: 2px solid #CCC; width: 375px; height: 15px; margin: 0 0 10px 0; padding: 5px; }
.youtube { background-color: #FFF; border: 2px solid #CCC; width: 475px; height: 25px; margin: 0 0 10px 0; }
.proceed-button { width: 202px; height: 37px; display: block; background: url(../image/challenge-step-button.png) 0 0 no-repeat; text-align: center; color: #FFF; float: left; padding: 5px; border: 0; cursor: pointer; font-size: 16px; }
.proceed-button:hover { background-position: 0 -37px; }
.h-row { width: 100%; height: 4px; display: block; background: #efefef; }
.Charity-challenge-all-contestants { height: auto; float: left; font-size: 13px; color: #999; line-height: 1.5em; }
/* ------ scroll-hold -------- */ 
  
.scroll-hold { width: 960px !important; height: auto; position: relative; }
.scroll-block { width: 960px !important; height: auto; }
.scroll-single-left { width: 215px !important; height: auto; float: left; margin-left: 0; }
.scroll-single { width: 215px !important; height: auto; float: left; margin-left: 10px; }
.scroll-single-finals { width: 215px !important; height: auto; float: left; margin-left: 30px; }
.scroll-single-text { width: 215px !important; height: auto; float: left; font-size: 13px; color: #999; line-height: 1.5em; }
.challenge-image { padding: 0 0 10px 0; }
.left-prev-scroll { height: 462px; width: 25px; display: block; position: absolute; left: 0; top: 0; background: url(../image/left-pos.png); background-position: center; }
.right-next-scroll { height: 462px; width: 25px; display: block; position: absolute; right: 0; top: 0; background: url(../image/right-pos.png); background-position: center; }
.show-vid { display: none; }
.tcbox { display: block; overflow: auto; height: 570px; width: 460px; padding: 10px; }
.charitycontestantholder { font-size: 24px; color: #EC008C; }
.charitynameholder { font-size: 18px; line-height: 1em; color: #943088; }
.newspaperholder { font-size: 18px; line-height: 1em; color: #943088; }
.blended { border: 0 !important; background: none !important; }
.video-guide { color: #666; padding: 20px; float: left; font-size: 14px; width: 480px; }
.upload-vid-img { text-align: center; margin: 0 auto; padding: 10px; width: 460px; }
.number-inter { color: #999; line-height: 1.2em; }
.pods-container { display: block; float: left; font-size: 12px; padding-right: 10px; width: 720px; margin-top: 20px; }
.pod-left { width: 350px; height: 116px; float: left; margin-bottom: 20px; }
.pod-right { width: 350px; height: 116px; float: right; margin-bottom: 20px; }
.quick-links-header { width: 198px; margin-top: 23px; padding: 3px 15px 0px 15px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; color: #ffffff; font-size: 15px; border: 1px solid #06618D; background-color: #06618D; background-image: url(../image/quick-links-icon.png); background-repeat: no-repeat; background-position: right top; }
.quick-links-header p { padding: 0px; line-height: 0.1em; }
.quick-links-container { border: 1px solid #06618D; border-radius: 0 0 3px 3px; background: #e6f2fa; color: #04608D; font-size: 14px; margin-bottom: 20px; padding: 3px 15px 7px; width: 198px; }
.quick-links-container a { color: #333333; }
.quick-links-container li { list-style-position: outside; margin-left: 16px; list-style-image: url(../image/link-right-arrow.png); }
.link-title { border-bottom: 2px dotted #06618D; color: #04608D; font-size: 14px; font-weight: normal; margin-bottom: 6px; padding: 10px 0 5px; }
.inter-offer { width: 720px; text-align: center; float: left; height: 188px; display: block; padding: 18px 0 22px; background: #06618D; margin: auto; background-image: url(../image/inter-banners/inter-banners-bg.jpg); background-repeat: none; }
.inter-offer-detail { font-size: 34px; margin-bottom: 15px; color: #FFF; line-height: 1.3em; overflow: hidden; text-align: center; }
.inter-offer a:hover { color: #0c3653; background: #E6F2FA; border: 2px solid #08263B; background-image: url(../image/link-find-more-hover.png); background-repeat: no-repeat; background-position: right top; }
.find-out-more-btn { border: 2px solid #08263B; color: #FFFFFF; display: block; margin: auto; padding: 10px 10px 8px 10px; text-align: left; width: 115px; text-transform: uppercase; font-weight: bold; background-image: url(../image/link-find-more.png); background-repeat: no-repeat; background-color: #0c3653; background-position: right top; }
.btn-key { float: left; margin-bottom: 8px; width: 405px; }
.left-mortgage-pods a:hover { color: #0C3653 !important; background: #E6F2FA !important; background-image: url(../image/link-find-more-hover.png) !important; background-repeat: no-repeat !important; background-position: right top !important; }
.key-facts { background: #07608D; padding: 12px 15px 15px 15px; float: left; font-size: 18px; text-align: center; width: 430px; display: block; color: #FFF; margin-top: 20px; }
.pod-left a:hover { color: #0c3653; background: #E6F2FA; border: 2px solid #08263B; background-image: url(../image/link-find-more-hover.png); background-repeat: no-repeat; background-position: right top; }
.grey-bg { background: #EDEDED; }
.shadow-newsletter { width: auto; }
.shadow-newsletter .input { width: 320 !important; }
.left-column { width: 640px; float: left; height: auto; }
.request-title { display: block; line-height: 1.5em; }
.source-business-container { width: 700px; height: 15px; padding: 20px 10px; background-color: #08608D; background-image: url(../image/source-business-background.png); margin: 20px 0; float: left; text-align: center; color: #FFF; }
.source-business-container h2 { color: #FFF; font-size: 28px; }
.kfi-style { margin-top: 20px; float: left; display: block; }
/*///////////////////////////////////////////////////////
/ RIGHT COL
///////////////////////////////////////////////////////*/

a.side-pod { background-color: #ED2B8C; width: 230px; display: block; float: left; height: 80px; }
a.side-pod:hover { background-color: #EF67A7; width: 230px; display: block; float: left; height: 80px; }
.side-pod-left { height: 66px; width: 66px; border: 7px #ED2B8C solid; display: block; float: left; background-color: #EF67A7; }
.side-pod-right2 { height: 44px; display: block; float: left; padding: 18px 10px; color: #FFF; width: 130px; font-size: 20px; line-height: 21px; vertical-align: middle; }
.side-pod-right3 { height: 64px; display: block; float: left; padding: 8px; color: #FFF; width: 130px; font-size: 20px; line-height: 21px; vertical-align: middle; }
.overview-mortgage-right-wide { width: 720px; }
.current-range { background: url(../images/mortgages/our-range-icon.png) 0 0 no-repeat #EF67A7; background-position: center; }
.mortgage-calc { background: url(../images/mortgages/calc-icon.png) 0 0 no-repeat #EF67A7; background-position: center; }
.how-much-borrow { background: url(../images/mortgages/borrow-icon.png) 0 0 no-repeat #EF67A7; background-position: center; }
.will-you-lend { background: url(../images/mortgages/money-icon.png) 0 0 no-repeat #EF67A7; background-position: center; }
.payment-difficulties { background: url(../images/mortgages/repayment-icon.png) 0 0 no-repeat #EF67A7; background-position: center; }
.pay-off-mortgage { background: url(../images/mortgages/pay-off-icon.png) 0 0 no-repeat #EF67A7; background-position: center; }
.ideal-mort-sec-hold { padding: 20px; border-top: #CCC dashed 3px; }
.header1 { background: url(../images/mortgages/1.png) 0 0 no-repeat; padding: 7px 0 10px 40px; font-size: 21px !important; }
.header2 { background: url(../images/mortgages/2.png) 0 0 no-repeat; padding: 7px 0 10px 40px; font-size: 21px !important; }
.header3 { background: url(../images/mortgages/3.png) 0 0 no-repeat; padding: 7px 0 10px 40px; font-size: 21px !important; }
.header4 { background: url(../images/mortgages/4.png) 0 0 no-repeat; padding: 7px 0 10px 40px; font-size: 21px !important; }
.header5 { background: url(../images/mortgages/5.png) 0 0 no-repeat; padding: 7px 0 10px 40px; font-size: 21px !important; }
.light-pink { background-color: #FcF3F9; }
.LTV-deposit-box { width: 180px; height: 80px; border-left: 6px solid #ed008c; background-color: #fcd0ea; float: left; padding: 20px 10px 10px 10px; margin-right: 12px; color: #ED2B8C; text-transform: uppercase; font-size: 12px; }
.LTV-borrow-box { width: 180px; height: 90px; border-left: 6px solid #8e0355; background-color: #ed008c; float: left; padding: 10px; margin-right: 12px; color: #FFF; text-transform: uppercase; font-size: 12px; }
.LTV-equils { font-size: 30px; color: #04608D; float: left; margin-right: 10px; padding: 50px 0 0 0; }
.LTV-equils-box { width: 180px; height: 80px; border-left: 6px solid #023b57; background-color: #06618d; float: left; padding: 20px 10px 10px 10px; color: #FFF; text-transform: uppercase; font-size: 12px; }
.addgreen { color: #090; }
.addred { color: #F00; }
#calcmessage { padding: 10px; margin: 5px; color: #ED008C; border: 1px solid #ED008C; display: none; text-align: center; font-style: bold; }
.standardtable-verticalemiddle td { vertical-align: middle !important; }
/*////////// CHARITY STARS 2014 /////////////////*/

.charity-stars p { height: auto; float: left; font-size: 15px; color: #999; line-height: 1.5em; padding: 5px 0px; margin: 0; }
.charity-stars .error-message { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; text-align: center; }
.charity-stars .Challenge-Form .error-message p { color: #107dd1; font-size: 16px; font-weight: 900; }
#uploadBar { margin-top: 50px; margin-left: 60px; margin-right: 100px; }
#uploadBar h2 { margin-top: 15px; }
#uploadBar span { color: #107dd1; }
.progress.active .bar { animation: 2s linear 0s normal none infinite progress-bar-stripes; }
.progress-striped .bar { background-color: #0e90d2 !important; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }
.progress .bar { background-color: #0e90d2; background-image: -moz-linear-gradient(center top, #149bdf, #0480be); background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; box-sizing: border-box; color: #ffffff; font-size: 12px; height: 18px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0; }
.charity-stars .header { background: url(../charitystars-images/header.jpg) -15px 0 no-repeat; width: 100%; display: block; line-height: 4.00em; margin-top: 10px; height: 530px; }
.charity-stars .header-padding { padding: 20px; }
.charity-stars .header .title { font-family: "ff-cocon-web-pro", sans-serif; color: #cd1228; font-weight: bold; font-size: 5.40em; letter-spacing: -0.04em; margin-bottom: 8px; }
.charity-stars .Challenge-Form p { height: auto; float: none; font-size: 13px; color: #999; line-height: 1.5em; }
.charity-stars .header .subtitle { font-family: Arial, Helvetica, sans-serif; color: #0491b2; font-weight: bold; font-size: 3.20em; letter-spacing: -0.02em; margin: 0; }
.charity-stars .header .text { font-family: Arial, Helvetica, sans-serif; color: #0491b2; font-weight: normal; font-size: 2.30em; letter-spacing: -0.02em; margin-top: 5px; width: 490px; line-height: 32px; }
.charity-stars fieldset { background: none; ; border: none; padding: 0px; }
.charity-stars .browse-button { display: none; }
inputfile .dotted { }
.charity-stars .pause-btn { display: none; }
.charity-stars .header-list { font-family: "ff-cocon-web-pro", sans-serif; color: #cd1228; font-weight: normal; margin-top: 20px; margin-left: -10px; margin-right: 0px; font-size: 1.50em; line-height: 30px; }
.charity-stars .header-list ul { list-style: none; margin: 0; padding: 0; }
.charity-stars .header-list li { background: url(../charitystars-images/bullet-star.png) no-repeat left top; height: 30px; margin-bottom: 12px; padding-left: 35px; padding-top: -15px; }
.charity-stars .logos-section { width: 100%; margin-top: -200px; margin-left: 30px; }
.charity-stars .last-year-vid { margin-top: 0px; margin-left: -35px; float: left; background-image: url(../charitystars-images/video-big-back.png); background-position: 2px 5px; width: 600px; height: 300px; background-repeat: no-repeat; }
.dzwmagumcnyjlslbgjeq { display: none; }
.charity-stars .last-year-vid #topfilm { padding: 34px 39px; }
.charity-stars .last-year-vid .vid-front { display: none; }
.charity-stars .bay-logo { float: right; width: 200px; height: 150px; margin-top: 45px; margin-right: 70px; }
.charity-stars .button-container { width: 100%; height: 20px; margin-top: -40px; }
.charity-stars .watch-button { width: 150px; height: 40px; background-color: #f22a8a; color: #ffffff; font-size: 20px; border-radius: 10px; text-align: center; line-height: 40px; float: right; clear: both; margin-top: -75px; margin-right: 10px; }
.charity-stars .watch-button a { color: #ffffff; font-size: 20px; }
.charity-stars .Challenge-Info { width: 100%; height: auto; padding: 0 20px 0 0; }
.charity-stars .middle-content { width: auto; height: auto; background: none; }
.charity-stars .Challenge-Form { padding: 0px; margin-top: 20px; margin-bottom: 30px; width: 100%; }
.charity-stars .Challenge-Info h1 { margin-bottom: 20px; }
.charity-stars .Challenge-Info h2 { color: #943088; font-size: 22px; font-weight: normal; line-height: 1.23em; padding: 0; margin-bottom: 20px; }
.charity-stars .charity-stars-topline h2 { color: #943088; font-size: 24px; font-weight: normal; line-height: 1.23em; padding: 20px 0 0; }
.charity-stars .Challenge-Info h3 { color: #943088; font-size: 20px; font-weight: normal; line-height: 1.23em; padding: 0; margin-bottom: 20px; }
.charity-stars .Challenge-Info a { font-size: 14px; font-weight: normal; }
.charity-stars .charity-stars-topline { float: left; margin-left: -20px; height: 106px; }
.charity-stars .charity-stars-topline .logo { float: left; width: 335px; }
.charity-stars .charity-stars-topline .text { float: left; padding-top: 20px; }
.charity-stars .pink-square { background-color: #f555a1; border-radius: 15px; width: 890px; height: 100%; width: 100%; color: white; }
.charity-stars .pink-square p { color: white; font-size: 16px; }
.charity-stars .pink-square .step-one { height: 190px; }
.charity-stars .pink-square .step-two { height: 392px; }
.charity-stars .pink-square .step-three { height: 315px; }
.charity-stars .pink-square .step-three .columns { margin-top: 0px; margin-left: 3px; }
.charity-stars .steps h1, .charity-stars .steps h2 { text-align: center; color: white; }
.charity-stars .steps { padding: 40px; }
.charity-stars .step-thanks h2 { line-height: 30px; }
.charity-stars .pink-square h1 { text-align: center; color: white; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0; line-height: 25px; margin-bottom: 10px; }
.charity-stars .pink-square h2 { font-weight: normal; font-size: 18px; padding: 0; margin: 0; }
.charity-stars .pink-square .step-two h2 { font-size: 22px; margin-bottom: 5px; }
.charity-stars .pink-square .step-three h2 { font-size: 22px; margin-bottom: 5px; }
.charity-stars .pink-square .step-three .terms-select { float: right; font-size: 14px; margin-right: 30px; }
.charity-stars .pink-square .step-three .terms-scroll { float: left; width: 150px; font-size: 16px; margin-left: 30px; font-style: italic; }
.charity-stars .pink-square .columns { width: 100%; float: left; margin-top: 30px; }
.charity-stars .pink-square .column-one { width: 420px; float: left; }
.charity-stars .pink-square .column-two { float: right; width: 420px; }
.charity-stars .pink-square .step-one .column-two { margin-top: 34px; }
.charity-stars #step-two { margin-left: 300px; }
.charity-stars #step-three { margin-left: 560px; }
.charity-stars .step-button { height: 60px; }
.charity-stars .step-button .pink-step { color: #ec008c; text-transform: uppercase; font-size: 22px; width: 70px; margin-top: 35px; margin-left: 30px; float: left; font-weight: 100; }
.charity-stars .step-button .pink-tab { color: white; font-size: 30px; font-weight: 900; float: left; width: 0; height: 0; border: 33px solid #f555a1; border-top-left-radius: 33px; border-top-right-radius: 33px; margin-top: 10px; }
.charity-stars .step-button .number { margin-left: -8px; margin-top: -12px; }
.charity-stars .step-button .step-title { color: #999; float: left; font-size: 17px; margin-left: 16px; margin-top: 35px; width: 200px; }
.charity-stars .dotted-upload-square .input-file { width: 2px; height: 20px; }
.charity-stars .dotted-upload-square { border: 3px dashed #f555a1; height: 140px; border-radius: 15px; padding: 14px 0px; margin-top: 15px; }
.charity-stars .dotted-upload-square h1 { font-size: 26px; font-weight: 100; padding: 0; margin: 8px; }
.charity-stars .dotted-upload-square h2 { font-size: 18px; font-weight: 100; margin: 8px 0; }
.charity-stars .dotted-upload-square .middle { width: 200px; float: left; margin-left: 370px; text-align: center; }
.charity-stars .dotted-upload-square .drag-text { }
.charity-stars .dotted-upload-square .thanks-text { width: 300px; margin-left: -50px; }
.charity-stars .dotted-upload-square .video-icon { width: 60px; height: 60px; }
.charity-stars .dotted-upload-square .browse-button { width: 200px; height: 40px; background-color: #f22a8a; color: #ffffff; font-size: 20px; border-radius: 10px; margin-top: 7px; text-align: center; line-height: 40px; float: right; clear: both; }
.charity-stars .dotted-upload-square .browse-button a { color: #ffffff; font-size: 20px; }
#uploadFile { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; opacity: 0; z-index: 1; }
#btnSubmit { position: relative; margin: auto; right: 0; left: 0; top: 0; bottom: 0; z-index: 999999; }
.dragdrop { display: block; text-align: center; color: #f22a8a; font-size: 24px; line-height: 130%; padding-top: 13px; }
.dragdrop small { font-size: 16px; }
.browsecomputer { background: #f22a8a; color: #fff; padding: 8px 15px; margin-top: 5px; display: inline-block; font-size: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.video-icon { position: absolute; top: 15px; right: 0; }
.charity-stars .dotted-upload-square #btnSubmit { width: 184px; height: 47px; background: #f22a8a; color: #fff; padding: 8px 15px; margin-top: 5px; display: inline-block; font-size: 20px; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; border: none; position: absolute; margin: auto; right: 0; left: 0; top: 0; bottom: 0; z-index: 999999; }
.charity-stars .label-text { color: #ffffff; font-size: 14px; line-height: 28px; margin-right: 30px; }
.charity-stars .terms { color: #ffffff; font-size: 14px; line-height: 28px; margin-top: 20px; margin-bottom: 0px; margin-right: 0px; height: 170px; border: 1px solid white; padding: 10px; overflow-y: scroll; }
.charity-stars .terms-main { color: #666; font-size: 14px; line-height: 28px; }
.charity-stars .terms-main h2 { text-align: center; margin: 30px; }
.charity-stars .terms-main li { list-style: decimal; margin-bottom: 30px; }
.charity-stars .terms ul { margin-top: 0; }
.charity-stars .terms li { list-style: decimal; }
.charity-stars .label-text strong { }
.charity-stars .half-width-text-input { float: right; }
.charity-stars .pink-square .label-text a { font-size: 14px; text-decoration: underline; }
.charity-stars .pink-square .label-text a:hover { font-size: 14px; text-decoration: none; }
.charity-stars .dotted-upload-square .proceed-button { margin-top: 90px; margin-right: 30px; }
.charity-stars .step-two .proceed-button { margin-top: 10px; }
.charity-stars .proceed-button { -moz-box-shadow: inset 0px -20px 19px 0px #ffffff; -webkit-box-shadow: inset 0px -20px 19px 0px #ffffff; box-shadow: inset 0px -20px 19px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) ); background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
background-color: #f9f9f9; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topright: 20px; border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px; text-indent: 0; border: 1px solid #dcdcdc; display: inline-block; color: #666666; font-family: Arial; font-size: 15px; font-weight: bold; float: right; font-style: normal; height: 40px; line-height: 30px; width: 131px; margin-top: 30px; text-decoration: none; text-align: center; text-shadow: 1px 1px 0px #ffffff; }
.charity-stars .step-three .proceed-button { margin-top: 20px; }
.charity-stars .proceed-button:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
background-color: #e9e9e9; }
.charity-stars .proceed-button:active { position: relative; top: 1px; }
.charity-stars .form-left, .form-right { width: 430px; }
.charity-stars .half-width-input { float: right; margin-bottom: 13px; }
.charity-stars .parent-auth { width: 180px; line-height: 20px; float: left; }
.charity-stars #CharityFilmForm #uniform-Publication.selector { float: right; margin-bottom: 20px; }
.charity-stars #CharityFilmForm .small { float: right; font-size: 13px; width: 215px; }
.charity-stars .parent-auth .label-text { line-height: 20px; }
.charity-stars .label-text a { color: #ffffff; font-size: 16px; line-height: 28px; }
.charity-stars .form-right { margin-left: 0; font-size: 14px; }
input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=checkbox].css-checkbox + label.css-label { padding-left: 30px; height: 16px; display: inline-block; line-height: 16px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; }
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -16px; }
.css-label { background-image: url(http://csscheckbox.com/checkboxes/depressed.png); }
/******* ESAVINGS *********/

body.esavings { background: url("/image/icon-bg.png") no-repeat; background-position: right -60px top -140px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.esavings .logo { text-align: center; padding: 100px 0 30px; }
.esavings h1 { text-align: center; font-size: 24px; margin: 0 0 30px; }
.esavings .links { width: 300px; margin: 0 auto 30px; }
.esavings .links .btn { background: #ec008c; height: 50px; line-height: 50px; color: #fff; font-size: 22px; font-weight: 700; display: block; margin-bottom: 15px; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 0 #b7006d; -moz-box-shadow: 0 5px 0 #b7006d; -o-box-shadow: 0 5px 0 #b7006d; box-shadow: 0 5px 0 #b7006d; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
.esavings .links .btn:hover, .esavings .links .btn:focus { background: #d0007c; color: #fff; text-decoration: none; }
.esavings .contact { background: #fde5f3; width: 260px; margin: 0 auto 30px; padding: 20px 20px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.esavings .contact h2 { text-align: center; font-size: 24px; margin: 0 0 15px; }
.esavings .contact h3 { text-align: center; font-size: 20px; }
.esavings .contact p { font-size: 14px; font-weight: 700; color: #333; text-align: center; }
.esavings .contact .opening-times p { text-align: left; margin: 0 0 5px; }
.pull-right { float: right; }
.esavings .footer { padding: 15px 0 30px; text-align: center; color: #b1b1b1; border: none; font-size: 12px; }

/* GRID */

.col-3 {
	width: 228px;
	float: left;
	margin-right: 15px;
}

.col-4 {
	width: 310px;
	float: left;
	margin-right: 15px;
}

.col-3.last, .col-4.last {
	margin-right: 0;
}

/* RETENTION */

.retention-accordion .ui-accordion-content {
	padding: 1em !important;
}

.retention-accordion h1 {
	text-align: center;
	padding: 0 0 0.5em;
}


.mortgage-info {
	text-align: center;
	width: 100%;
}

.mortgage-info th {
	background: #ec008c;
	color: #fff;
	padding: 0.5em 0.4em;
}

.mortgage-info td {
	padding: 1em 0.2em;
}

.mortgage-info input {
	width: 58px;
	font-size: 15px;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.mortgage-info select {
	width: 120px;
    height: 29px;
    line-height: 29px;
    border-radius: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 13px;
}

.mortgage-info select:focus {
	outline: 0;
	border-color: #4a4a4a;
}

.mortgage-info input:focus {
	outline: 0;
	border-color: #4a4a4a;
}


.mortgage-info-calculate {
	background: #ec008c;
	border: none;
	color: #fff;
	font-size: 14px !important;
	padding: 7px 10px;
	cursor: pointer;
	height: 15px;
	width: auto;
	display: inline-block;
}

.mortgage-info-calculate:hover {
	background: #ba0771;
	color: #fff;
}

.mortgage-info-results {
	background: #fde5f3;
	padding: 1em 2em;
}


.retention-table {
	text-align: center;
}

.retention-table tbody tr:hover {
	cursor: pointer;
	background: #fde5f3;
}

.retention-table tr.alt {
	background: #e2e2e2;
}
.retention-table tr.alt2 td {
	background:none;
}
.retention-table tbody tr.alt:hover td,
.retention-table tbody tr.alt:hover td {
	cursor: pointer;
	background: #fde5f3;
}
.retention-table tr.border td {
	font-weight:bold;
	padding-left:3px;
}


.retention-table th {
	background: #4a4a4a;
	color: #fff;
	padding: 0.5em 0.4em;
}

.retention-table td {
	padding: 1em 0.2em;
}

.retention-table tr.first-border td {
	border-top:1px dotted #aaa;
}


.access-box {
	/*background: url('/image/retention-thankyou.jpg');
	height: 400px;
	color: #fff;*/
	position: relative;
}

.access-box label {
	font-size: 18px;
	display: inline-block;
	margin: 33px 0 0;
}

.access-box input {
	height: auto;
    padding: 10px 20px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    width: 100px;
	float: right;
	margin: 15px;
    /*position: absolute;
    right: 150px;
    bottom: 30px;*/
}

.access-box input:focus {
	border-color: #333;
	outline: none;
}

.success-box h1 {
	font-size: 3em;
	line-height: 1.2;
}

.success-box a {
	font-size: 18px;
}


.next-step {
	background: #ec008c;
	border: none;
	color: #fff;
	font-size: 1.2em;
	padding: 1em 1.5em;
	cursor: pointer;
	height: auto;
	width: auto;
	display: block;
	margin: 30px auto 0;
}

.next-step:disabled {
	background: #ccc;
	cursor: default;
}


.submit-button, .print-button {
	float: right;
	background: #ec008c;
	border: none;
	color: #fff;
	font-size: 1.2em;
	padding: 1em 1.5em;
	margin-top: 1em;
	cursor: pointer;
	height: auto;
	width: auto;
}

.print-button {
	background: #f9ecf4;
	color: #333;
	float: left;
}

.submit-button:disabled {
	background: #eaeaea;
	cursor: default;
}

.step-4 fieldset {
	margin: 0;
}

.step-4 fieldset h2 {
	margin: 0.3em 0 0.6em;
}

.step-4 button[name="add-name"], .step-4 button[name="remove-name"] {
	float: right;
	background: #4a4a4a;
	border: none;
	color: #fff;
	margin: -34px 1px 0 0;
	text-align: center;
	height: 29px;
	width: 29px;
	font-size: 1.5em;
	cursor: pointer;
}

.step-4 .row-form {
	position: relative;
}

.step-4 .row-form label {
	width: 170px;
	padding-right: 10px;
}

.step-4 .row-form .input {
	width: 478px;
	padding: 2px 6px;
}

.error-message, .success-message {
	color: #fff;
	padding: 1em;
}

.error-message p, .success-message p {
	margin: 0;
}

.error-message {
	background: #FF4848;
}

.success-message {
	background: #71C571;
}


.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.standard-full {
	width: 960px;
	float: left;
	display: block;
	background-position: -360px 2px;
	font-size: 12px;
}

.standard-full a {
	font-size: 12px;
}


.info-pod {
	border: 1px solid #000;
	padding: 15px;
	margin-bottom: 12px;
}

.info-pod p {
	padding-left: 2em;
}

.info-pod p:last-child {
	margin-bottom: 0;
}


.youtube-link {
	float: right;
	width: 150px;
	margin-bottom: 20px;
}

.youtube-link img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}