/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } a { text-decoration: none; } ol, ul { list-style: none } h1 { font-family: 'museo_slab700' !important; } .screen-reader-only { position: absolute; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); overflow: hidden !important } .mse-masthead .mse-header { position: relative; z-index: 9; box-shadow: 0 6px 16px 0 rgba(39, 49, 86, 0.2) } .mse-masthead .mse-header__container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .mse-masthead .mse-header__top-nav { background: #273156; box-sizing: border-box; height: 37px; position: relative } .mse-masthead .mse-header__top-nav ul { margin: 0px } .mse-masthead .mse-header__top-nav li { list-style-type: none; float: right } .mse-masthead .mse-header__top-nav a { display: block; box-sizing: border-box; padding: 0 24px; height: 37px; line-height: 37px; color: #fff; text-decoration: none; font-size: 14px; border-left: 2px solid #4f5572 } .mse-masthead .mse-header__more-menu { display: none } .mse-masthead .mse-header__title-area { padding: 10px; background-color: #f6f6f6; /*max-width: 545px;*/ } .mse-masthead .mse-header__title-area .martin-image-wrapper { margin-left: 6px; margin-right: 10px } .mse-masthead .mse-header__title-area .martin-image-wrapper__image { display: block; width: 40px; height: 49px; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: transparent no-repeat bottom/contain; background-image: var(--martin-image, url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/martin-mobile.png)); } @media only screen and (max-width: 1199px) { /* Curve logo bottom on mobile */ .mse-masthead .mse-header__title-area .martin-image-wrapper__image { border-radius: 0 0 50% 50%; } } .mse-masthead .mse-header__title-area .stamp-image-wrapper__image { display: block; width: 40px; height: 49px; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: transparent no-repeat center/contain; background-image: var(--stamp-image, ('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABqCAQAAACSLl4ZAAAAY0lEQVR42u3OMQ0AAAwDoNW/6V0V0QQUkBsTYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWHhepsiAGuRvxeAAAAAAElFTkSuQmCC')); } .mse-masthead .mse-header__title-area .stamp-image-wrapper { margin-left: 10px; margin-right: 6px } @media screen and (max-width: 480px) { /* Hide stamp on smallest mobile */ .mse-masthead .mse-header__title-area .stamp-image-wrapper { display: none; } } .mse-masthead .mse-header__logo__title { display: block; width: 222px; height: 35px; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: transparent no-repeat bottom/contain; background-image: var(--mse-logo, url(https://us-noi.v-cdn.net/6031903/uploads/editor/f3/j9s4wzotktc5.png)); } .mse-masthead .mse-header__logo__subline { font-size: 10px; color: #666; display: none; } .mse-masthead .mse-navigation { position: relative; width: 100% } .mse-masthead .mse-navigation__hamburger-btn { display: block; width: 28px; height: 19px; margin: 0px auto 0px 0px; background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/top-nav-mobile-menu-hamburger.png); background-size: contain; background-position: center; background-repeat: no-repeat } .mse-masthead .mse-navigation__search-btn { display: block; box-sizing: border-box; padding: 0 24px; height: 37px; line-height: 37px; text-indent: -9999px; width: 76px; position: relative; border-left: 2px solid #4f5572; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out } .mse-masthead .mse-navigation__search-btn::before { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2-focus.svg); background-size: contain; background-position: center; background-repeat: no-repeat; content: ""; display: inline-block; width: 28px; height: 28px; margin-top: 5px; position: absolute; top: 0px; left: 20px } .mse-masthead .mse-navigation__search-btn:hover { text-decoration: underline; cursor: pointer } .mse-masthead .mse-navigation__nav-footer { background: #273156; padding-bottom: 12px } .mse-masthead .mse-navigation__section, .mse-masthead .mse-navigation__section--arrow, .mse-masthead .mse-navigation__section--arrow--top, .mse-masthead .mse-navigation__section--footer { display: block; padding: 16px 5px; margin: 0 9px; border-bottom: 1px solid #e6e6e6; color: #273156; font-size: 16px; text-decoration: none } .mse-masthead .mse-navigation__section--arrow, .mse-masthead .mse-navigation__section--arrow--top { position: relative } .mse-masthead .mse-navigation__section--arrow::after, .mse-masthead .mse-navigation__section--arrow--top::after { content: ""; display: block; width: 8px; height: 22px; background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/chevron-1.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; right: 20px; bottom: 13px } .mse-masthead .mse-navigation__section--arrow--top { padding-top: 28px } .mse-masthead .mse-navigation__section--footer { color: #fff; border-bottom: 1px solid #4f5572 } .mse-masthead .mse-navigation #topnav { position: absolute; top: -4px; left: 0; background: #f6f6f6; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out; transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; overflow-y: scroll; overflow-x: hidden; z-index: 8 } .mse-masthead .mse-navigation #topnav>div { margin-left: -15px; margin-right: -15px } .mse-masthead .mse-navigation__trigger:checked+#topnav { transition: -webkit-transform 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out; transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; -webkit-transform: translateX(0); transform: translateX(0); max-width: initial } .mse-masthead .mse-navigation__trigger:checked+.mse-navigation__hamburger-btn { height: 28px; background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2-hover.svg) } .mse-masthead #mse-search { position: absolute; top: 37px; left: 0; max-height: 0; min-height: 0; padding-top: 0; padding-bottom: 0; background: #f6f6f6; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; overflow-y: hidden; z-index: 1 } .mse-masthead .mse-search__form { position: relative; width: 100%; height: 100% } .mse-masthead .mse-search__input { position: relative; width: 100%; height: 48px; padding: 14px 16px; margin: 9px 0 13px; border: 1px solid #DDD; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px 0 rgba(44, 86, 167, 0.2); -webkit-transition: border 0.5s ease-in-out; transition: border 0.5s ease-in-out; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: none } .mse-masthead .mse-search__input:focus { border: 1px solid #2c56a7; color: #273156; outline: #2c56a7 } .mse-masthead .mse-search__input:focus+.mse-search__submit-btn { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2-focus.svg); background-color: #273156 } .mse-masthead .mse-search__submit-btn { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 33px; right: 0; display: block; width: 54px; height: 48px; background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2.svg); background-position: center; background-repeat: no-repeat; background-color: #DDD; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 0; outline: 0; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .mse-masthead .mse-search__trigger__label { display: none } .mse-masthead .mse-search__trigger:checked+#mse-search { max-height: 70px } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn { background-color: #f6f6f6 } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn::before { background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2-hover.svg) } .mse-masthead .tip-signup-notification__success { background: #412570; color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; padding: 18px 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 50 } .mse-masthead { font-family: sans-serif } .mse-masthead *, .mse-masthead *::before, .mse-masthead *::after { box-sizing: border-box } .mse-masthead .row { display: -webkit-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .mse-masthead .no-gutters { margin-right: 0; margin-left: 0 } .mse-masthead .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0 } .mse-masthead .col-1, .mse-masthead .col-2, .mse-masthead .col-3, .mse-masthead .col-4, .mse-masthead .col-5, .mse-masthead .col-6, .mse-masthead .col-7, .mse-masthead .col-8, .mse-masthead .col-9, .mse-masthead .col-10, .mse-masthead .col-11, .mse-masthead .col-12, .mse-masthead .col, .mse-masthead .col-auto, .mse-masthead .col-sm-1, .mse-masthead .col-sm-2, .mse-masthead .col-sm-3, .mse-masthead .col-sm-4, .mse-masthead .col-sm-5, .mse-masthead .col-sm-6, .mse-masthead .col-sm-7, .mse-masthead .col-sm-8, .mse-masthead .col-sm-9, .mse-masthead .col-sm-10, .mse-masthead .col-sm-11, .mse-masthead .col-sm-12, .mse-masthead .col-sm, .mse-masthead .col-sm-auto, .mse-masthead .col-md-1, .mse-masthead .col-md-2, .mse-masthead .col-md-3, .mse-masthead .col-md-4, .mse-masthead .col-md-5, .mse-masthead .col-md-6, .mse-masthead .col-md-7, .mse-masthead .col-md-8, .mse-masthead .col-md-9, .mse-masthead .col-md-10, .mse-masthead .col-md-11, .mse-masthead .col-md-12, .mse-masthead .col-md, .mse-masthead .col-md-auto, .mse-masthead .col-lg-1, .mse-masthead .col-lg-2, .mse-masthead .col-lg-3, .mse-masthead .col-lg-4, .mse-masthead .col-lg-5, .mse-masthead .col-lg-6, .mse-masthead .col-lg-7, .mse-masthead .col-lg-8, .mse-masthead .col-lg-9, .mse-masthead .col-lg-10, .mse-masthead .col-lg-11, .mse-masthead .col-lg-12, .mse-masthead .col-lg, .mse-masthead .col-lg-auto, .mse-masthead .col-xl-1, .mse-masthead .col-xl-2, .mse-masthead .col-xl-3, .mse-masthead .col-xl-4, .mse-masthead .col-xl-5, .mse-masthead .col-xl-6, .mse-masthead .col-xl-7, .mse-masthead .col-xl-8, .mse-masthead .col-xl-9, .mse-masthead .col-xl-10, .mse-masthead .col-xl-11, .mse-masthead .col-xl-12, .mse-masthead .col-xl, .mse-masthead .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .mse-masthead .col-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100% } .mse-masthead .col-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100% } .mse-masthead .order-1 { -webkit-box-ordinal-group: 2; order: 1 } .mse-masthead .order-2 { -webkit-box-ordinal-group: 3; order: 2 } .mse-masthead .order-3 { -webkit-box-ordinal-group: 4; order: 3 } .mse-masthead .d-none { display: none !important } .mse-masthead .d-flex { display: -webkit-box !important; display: flex !important } .mse-masthead .justify-content-end { -webkit-box-pack: end !important; justify-content: flex-end !important } .mse-masthead .justify-content-center { -webkit-box-pack: center !important; justify-content: center !important } .mse-masthead .justify-content-between { -webkit-box-pack: justify !important; justify-content: space-between !important } .mse-masthead .align-items-center { -webkit-box-align: center !important; align-items: center !important } .mse-masthead .align-self-center { align-self: center !important } /* Desktop ////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////*/ @media only screen and (min-width: 1200px) { .mse-masthead .mse-header { background-color: #f6f6f6; box-shadow: none } .mse-masthead .mse-header__container { width: 1150px; /* Was built with 1216px but causes scroll. if problem, try restore */ } .mse-masthead .mse-header__top-nav { height: 41px; position: absolute; top: 0px; right: 0px; background: #f6f6f6 } .mse-masthead .mse-header__top-nav a { padding: 0 20px; height: 41px; line-height: 41px; position: relative; color: #273156; border: none } .mse-masthead .mse-header__top-nav a::after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5572), to(#f6f6f6)); background: linear-gradient(to bottom, #4f5572 0, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#4f5572", endColorstr="#f6f6f6"); content: ""; position: absolute; width: 1px; top: 0; right: 0; height: 100% } .mse-masthead .mse-header__top-nav a:hover { text-decoration: underline } .mse-masthead .mse-header__top-nav a.more-btn { padding-right: 34px } .mse-masthead .mse-header__top-nav a.more-btn::after { display: none } .mse-masthead .mse-header__top-nav a.more-btn::before { background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/more-arrow.svg); background-repeat: no-repeat; content: ""; width: 8px; height: 8px; position: absolute; top: 19px; right: 20px } .mse-masthead .mse-header__top-nav a.more-btn.active::after { content: ""; display: block; height: 20px; width: 20px; position: absolute; top: 40px; right: 40px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #f6f6f6; box-shadow: 0 6px 16px 0 rgba(39, 49, 86, 0.2) } .mse-masthead .mse-header__more-menu { position: absolute; min-width: 172px; top: 30px; right: 100px; background-color: #f6f6f6; padding: 0 16px; box-shadow: -2px 16px 18px 0px rgba(39, 49, 86, 0.2); border-radius: 5px; z-index: 2 } .mse-masthead .mse-header__more-menu ul { padding: 0; margin: 0 } .mse-masthead .mse-header__more-menu li { list-style-type: none; padding: 9px 0; margin-bottom: 0; border-bottom: 1px solid #e6e6e6 } .mse-masthead .mse-header__more-menu li:last-of-type { border-bottom: none } .mse-masthead .mse-header__more-menu a { text-decoration: none; color: #273156; font-size: 14px } .mse-masthead .mse-header__more-menu a:hover { text-decoration: underline } .mse-masthead .mse-header__more-menu.active { display: block } .mse-masthead .mse-header__title-area { padding-bottom: 0 } .mse-masthead .mse-header__title-area .martin-image-wrapper { margin-right: 16px; } /* >>> Desktop Martin */ .mse-masthead .mse-header__title-area .martin-image-wrapper__image { width: 88px; height: 106px; background-image: var(--martin-image, url('https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/martin-desktop.png')); } .mse-masthead .mse-header__title-area .stamp-image-wrapper__image { width: 88px; height: 106px; background-image: var(--stamp-image, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABqCAQAAACSLl4ZAAAAY0lEQVR42u3OMQ0AAAwDoNW/6V0V0QQUkBsTYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWHhepsiAGuRvxeAAAAAAElFTkSuQmCC)) } /* >>> Desktop Logo */ .mse-masthead .mse-header__logo__title { width: 404px; height: 72px; background-image: var(--mse-logo, url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/mse-logo-desktop.png)); } .mse-masthead .mse-header__logo__subline { font-size: 12px; line-height: 14px; margin: 10px 0; display: block; /* Only show subline on larger screens */ } .mse-masthead .mse-navigation { background-color: #273156 } .mse-masthead .mse-navigation__search-btn { width: auto; height: 41px; line-height: 41px; padding: 0px 40px 0 20px; text-indent: 0px; font-size: 14px; border: none } .mse-masthead .mse-navigation__search-btn::before { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2.svg); width: 25px; height: 25px; top: 4px; left: 70px } .mse-masthead .mse-navigation__search-btn::after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5572), to(#f6f6f6)); background: linear-gradient(to bottom, #4f5572 0, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#4f5572", endColorstr="#f6f6f6"); content: ""; position: absolute; width: 1px; top: 0; left: 0; height: 100% } .mse-masthead .mse-navigation__section, .mse-masthead .mse-navigation__section--arrow, .mse-masthead .mse-navigation__section--arrow--top, .mse-masthead .mse-navigation__section--footer { color: #fff; font-size: 14px; line-height: 16px; padding: 20px 0; border-bottom: none } .mse-masthead .mse-navigation__section:hover, .mse-masthead .mse-navigation__section--arrow:hover, .mse-masthead .mse-navigation__section--arrow--top:hover, .mse-masthead .mse-navigation__section--footer:hover { text-decoration: underline; color: #fff } .mse-masthead .mse-navigation__section--arrow::after, .mse-masthead .mse-navigation__section--arrow--top::after { display: none } .mse-masthead .mse-navigation__section--arrow--top { padding-top: 20px } .mse-masthead .mse-navigation #topnav { position: relative; top: 0; left: 0; background: #273156; -webkit-transform: none; transform: none; max-height: initial; overflow-y: hidden; height: auto !important } .mse-masthead .mse-navigation #topnav .no-gutters { padding-left: 0px; padding-right: 0px } .mse-masthead #mse-search { position: relative; top: 0; background: transparent } .mse-masthead .mse-search__form { margin: 0; border-radius: 15px } .mse-masthead .mse-search__input { border: 1px solid #2c56a7; color: #273156; outline: #2c56a7 } .mse-masthead .mse-search__submit-btn { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2-focus.svg); background-color: #273156 } .mse-masthead .mse-search__trigger__label { display: block; max-height: 0px; width: 54px; background-color: #fff; color: #666; margin-bottom: 0px; border-radius: 4px; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out } .mse-masthead .mse-search__trigger__label::before { content: ""; background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2.svg); background-repeat: no-repeat; background-position: 12px 10px; display: none; width: 50px; height: 48px } .mse-masthead .mse-search__trigger__label:hover { cursor: pointer } .mse-masthead .mse-search__trigger__label:hover::before { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2-hover.svg); -webkit-transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out } .mse-masthead .mse-search__trigger__label.active { max-height: 48px } .mse-masthead .mse-search__trigger__label.active::before { display: block } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn { background-color: initial } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn::before { background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2.svg); background-size: contain; background-position: center; background-repeat: no-repeat } .mse-masthead .col-lg-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100% } .mse-masthead .col-lg-7 { -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333% } .mse-masthead .d-lg-none { display: none !important } .mse-masthead .d-lg-block { display: block !important } .mse-masthead .justify-content-lg-between { -webkit-box-pack: justify !important; justify-content: space-between !important } .mse-masthead .align-self-lg-end { align-self: flex-end !important } .mse-masthead .mse-header__title-area { max-width: 650px; } } /** Footer **/ .Container { margin: 0 auto; max-width: 1272px; padding-left: 18px; padding-right: 18px } @media screen and (max-width:768px) { .Container { padding-left: 12px; padding-right: 12px } } /* For Email Subscription box in footer.*/ form.SubscribeBox-form .Messages { display: none; padding: 5px 10px; margin: 5px 0; background-color: #eee; border: solid 1px #333; border-radius: 6px; width: 100%; text-align: left; color: #333; } form.SubscribeBox-form .Messages .Message.Error { color: #c62035; font-weight: 500; } .Footer { /* background:#fff; */ /* background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); */ color: #333; font-size: 14px; line-height: 1.5; padding: 18px 0 } .Footer a { color: #2c56a7 } .Footer a:hover { color: #125361 } .Footer .row { -ms-flex-align: center; -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin: -3px } .Footer .col { padding: 0 3px } @media screen and (max-width:768px) { .Footer .col { margin: 6px 0; text-align: center; width: 100% } .Footer .col:first-child { margin-top: 0 } .Footer .col:last-child { margin-bottom: 0 } } .Footer .col-copyRight { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start } .Footer .col-logo { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end } .Footer .col-copyRight, .Footer .col-logo { -ms-flex: 1; -webkit-box-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex: 1 } @media screen and (max-width:768px) { .Footer .col-copyRight, .Footer .col-logo { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } } .Vanilla-logo { height: 28px; opacity: .6; width: 120px } @media screen and (max-width:768px) { .Vanilla-logo { margin: 0 auto } } .Footer.MainFooter { padding-bottom: 0; padding-top: 20px } .Footer.MainFooter p { margin: 0 } @media screen and (max-width:960px) { .Footer.MainFooter { margin-bottom: 50px } } @media screen and (max-width:960px) { .UserLoggedOut .Footer.MainFooter { margin-bottom: 0 } } .FooterDisclaimer-section { margin-bottom: 20px } .FooterDisclaimer { font-size: 13px; line-height: 1.5em } .FooterDisclaimer a { font-size: inherit; line-height: inherit; text-decoration: underline } .FooterDisclaimer a:active, .FooterDisclaimer a:focus, .FooterDisclaimer a:hover { color: #003575 } .FooterDisclaimer-title { font-size: 20px; letter-spacing: -.5px; margin-bottom: 12px } .FooterDisclaimer-paragraph { margin: 0 0 12px } .FooterDisclaimer-listRow { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; margin-top: 15px } @media screen and (max-width:990px) { .FooterDisclaimer-listRow { -ms-flex-wrap: wrap; flex-wrap: wrap } } .FooterDisclaimer-listColunm { -ms-flex: 0 1 50%; -webkit-box-flex: 0; flex: 0 1 50% } @media screen and (max-width:990px) { .FooterDisclaimer-listColunm { -ms-flex: 0 1 100%; -webkit-box-flex: 0; flex: 0 1 100% } } .FooterDisclaimer-item { line-height: 1.5em; padding-left: 16px } .FooterDisclaimer-item:before { background: #666; border-radius: 100%; content: ""; display: block; height: 6px; left: -16px; position: relative; top: 12px; vertical-align: middle; width: 6px } .FooterTools { margin-bottom: 8px; margin-top: 20px } @media screen and (max-width:990px) { .FooterTools { display: none } } .FooterTools-title { line-height: 1.5; margin-bottom: 10px } .Footer-logo-img { display: inline-block; max-height: 21px; vertical-align: middle } .FooterTools-row { -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; border-bottom: 1px solid #979797; display: -webkit-box; display: -ms-flexbox; display: flex } .FooterTools-row:first-child { border-top: 1px solid #979797 } a.FooterTools-link { -ms-flex: 0 1 25%; -webkit-box-flex: 0; flex: 0 1 25%; min-height: 90px; overflow: hidden; padding: 5px; position: relative; text-decoration: none } a.FooterTools-link:active, a.FooterTools-link:focus, a.FooterTools-link:hover { color: #fff } a.FooterTools-link:active:before, a.FooterTools-link:focus:before, a.FooterTools-link:hover:before { opacity: 1; right: -16px } a.FooterTools-link:before { -o-transition: all .3s; -webkit-transition: all .3s; bottom: 12px; content: ""; height: 62px; opacity: 0; position: absolute; right: -62px; top: auto; transition: all .3s; width: 62px } a.FooterTools-link>* { text-decoration: inherit } a.FooterTools-link:active, a.FooterTools-link:focus, a.FooterTools-link:hover { text-decoration: none } a.FooterTools-link:active>*, a.FooterTools-link:focus>*, a.FooterTools-link:hover>* { text-decoration: inherit } .FooterTools-link-title { font-size: 15px; line-height: 1.6em } .FooterTools-link-paragraph { font-size: 12px; line-height: 1.6em } .FooterTools-link.calc:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/premium-bonds-calc.svg") } .FooterTools-link.calc:active, .FooterTools-link.calc:focus, .FooterTools-link.calc:hover { background-color: #f67c21 } .FooterTools-link.ebay:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/ebay-local-deals.svg") } .FooterTools-link.ebay:active, .FooterTools-link.ebay:focus, .FooterTools-link.ebay:hover { background-color: #892199 } .FooterTools-link.club:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/credit-club.svg") } .FooterTools-link.club:active, .FooterTools-link.club:focus, .FooterTools-link.club:hover { background-color: #33d4a7 } .FooterTools-link.card:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/credit-card.svg") } .FooterTools-link.card:active, .FooterTools-link.card:focus, .FooterTools-link.card:hover { background-color: #22b1e7 } .FooterTools-link.energy:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/cheap-energy.svg") } .FooterTools-link.energy:active, .FooterTools-link.energy:focus, .FooterTools-link.energy:hover { background-color: #2495a2 } .FooterTools-link.travel:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/travel-money.svg") } .FooterTools-link.travel:active, .FooterTools-link.travel:focus, .FooterTools-link.travel:hover { background-color: #f0b902 } .FooterTools-link.deals:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/mega-shop-bots.svg") } .FooterTools-link.deals:active, .FooterTools-link.deals:focus, .FooterTools-link.deals:hover { background-color: #d32e36 } .FooterTools-link.income:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/budget-planner.svg") } .FooterTools-link.income:active, .FooterTools-link.income:focus, .FooterTools-link.income:hover { background-color: #8ec92b } .SubFooter { background-color: #273257; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 120px; padding-bottom: 20px; text-align: center } .SubFooter .Vanilla-logo { color: grey; margin: 10px auto; opacity: 1 } .SubFooter-navigation { font-size: 10px; font-weight: 700; line-height: 18px; margin-left: auto; margin-right: auto; max-width: 1110px; padding: 27px 0 15px; text-align: center } .SubFooter-navigation-link.SubFooter-navigation-link { color: #fff; display: inline-block; font-size: inherit; font-weight: inherit; line-height: 2.4em; padding: 0 10px; text-transform: uppercase } .SubFooter-navigation-link.SubFooter-navigation-link:active, .SubFooter-navigation-link.SubFooter-navigation-link:focus, .SubFooter-navigation-link.SubFooter-navigation-link:hover { color: #fff } @media screen and (max-width:990px) { .SubFooter-navigation-link.SubFooter-navigation-link { font-size: 12px; line-height: 2.7em; padding: 0 20px } } p.SubFooter-trademark.SubFooter-trademark { color: grey; display: inline; font-size: 13px; line-height: 1.5em; margin-bottom: 24px; text-align: center } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /** Footer /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/ .component { margin-bottom: 0; } .paragraphSystem:before { content: " "; display: table; } .paragraphSystem:after { clear: both; } .component-content { margin-right: auto; margin-left: auto; max-width: 1216px; position: relative; } .box.tip-box-spacing { margin-top: 40px; } .box.email-tip-mini-box-background { background-image: url(../../assets/img/backgrounds/background-mini-email-tip-box-desktop.svg); background-position: right; padding-top: 27px !important; padding-bottom: 16px !important; } .box.email-tip-box-background, .box.email-tip-mini-box-background, .box.weekly-poll-background { background-size: cover; } .component { margin-bottom: 20px; } @media (min-width: 768px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 8px !important; padding-right: 8px !important; } } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 4px !important; padding-right: 4px !important; } .col-xs-12 { width: 100%; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box.email-tip-mini-box-background>.component-content:before { content: ''; background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/27px 21px no-repeat; position: absolute; width: 27px; height: 21px; right: 60px; top: -38px; -webkit-transform: rotate(-64deg); transform: rotate(-64deg); } .box.email-tip-mini-box-background>.component-content:after { content: ''; background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/27px 21px no-repeat; position: absolute; width: 27px; height: 21px; bottom: 8px; right: 160px; -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } .box.email-tip-mini-box-background { background-image: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/backgrounds/background-mini-email-tip-box-desktop.svg); background-position: right; padding-top: 27px !important; padding-bottom: 16px !important; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description)::after { content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjEiIGhlaWdodD0iOTMiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTg2LjI4Ni41MzhjMS4wNS0uMjUxIDIuMTEzLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkyLTg4LjkwOCAyMy43NWMtLjcuMTY4LTYuNDAzLTIxLjUxOC0xNy4xMTItNjUuMDU5LS4yNjMtMS4wOC4zNzYtMi4xNiAxLjQyNS0yLjQxTDg2LjI4Ni41Mzh6Ii8+PHBhdGggZmlsbD0iI0ZDNEI0RCIgZD0iTTk0LjU4OCA1LjI0YzEuMDUtLjI1IDIuMTEyLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkzYy4xNzQuNzItMjkuNDYyIDguNjM2LTg4LjkwOCAyMy43NS0uNy4xNjctNi40MDMtMjEuNTE5LTE3LjExMi02NS4wNi0uMjYzLTEuMDguMzc1LTIuMTU5IDEuNDI1LTIuNDFMOTQuNTg4IDUuMjQxeiIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwMC40NDQgNS42NzJMNjkuNjIyIDU0Ljg0NSAxMi4wMDcgMjYuNDEyeiIvPjxwYXRoIGZpbGw9IiNGQzRCNEQiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIgZD0iTTk1LjQxMy44ODlMNjQuNTkzIDUwLjA2IDYuOTc1IDIxLjYyN3oiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi40ODQiIGQ9Ik0xMDIuODY4IDMuMDM1TDczLjExNSA1MC41IDE3LjU2OCAyMy4wOWEuODI3LjgyNyAwIDAxLjE3Ny0xLjU0OUwxMDEuOTc4IDEuNzlhLjgyOC44MjggMCAwMS44OSAxLjI0NnoiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi4wNyIgZD0iTTk5LjAxNyAyLjI2NmMxLjA1LS4yNSAyLjExMi40MiAyLjM3NSAxLjVsMTcuNjU2IDYyLjQ5MmMuMTc0LjcyLTI5LjQ2MiA4LjYzNy04OC45MDggMjMuNzUtLjcuMTY4LTYuNDAzLTIxLjUxOS0xNy4xMTItNjUuMDYtLjI2My0xLjA4LjM3Ni0yLjE1OSAxLjQyNS0yLjQxTDk5LjAxNyAyLjI2NnoiLz48L2c+PC9zdmc+) 0 0/118px 90px no-repeat; position: absolute; width: 118px; height: 104px; right: 8px; bottom: -8px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section { width: 38%; } @media screen and (max-width: 767px) { .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form { padding-left: 0; margin-bottom: 0; width: 100%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section { width: 100%; } } .paragraphSystem:before { content: " "; display: table; } .paragraphSystem:after { clear: both; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-subheading { position: static; } .tipListBox .tip-box-main .tip-box-main-subheading { max-width: 640px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-subheading div { top: -42px; } .tipListBox .tip-box-main .tip-box-main-subheading>div { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -42px; background-color: #c62035; border-radius: 2px; padding: 4px 8px; } .tipListBox .tip-box-main .tip-box-main-subheading p { margin: 0; margin-bottom: 0 !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #fff; font-size: 14px; line-height: 20px; display: inline; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading, .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a { display: inline; background-color: #485279; -webkit-box-shadow: 8px 0 0 #485279, -8px 0 0 #485279; box-shadow: 8px 0 0 #485279, -8px 0 0 #485279; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 32px; font-size: 24px; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 0 0 8px; } .tipListBox .tip-box-main .tip-box-main-heading { padding: 6px 0; font-size: 28px; line-height: 40px; font-weight: 700; letter-spacing: -.6px; margin: 8px 8px 26px; } h2 { color: #4a4a4a; font-family: museo_slab900; font-size: 34px; font-weight: 400; letter-spacing: -.85px; line-height: 38px; margin: 0; } .tipListBox .tip-box-main .tip-box-main-heading a { display: inline; -webkit-box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #273156; color: #fff; font-family: museo_slab700; margin: 0; text-decoration: none; } .tipListBox .tip-box-main .tip-box-main-heading b { color: #ffda2c; } b, strong { font-weight: bolder; } .tipListBox .tip-box-main .tip-box-main-expand { display: none; margin-bottom: 18px; border-radius: 0 0 2px 2px; } .is-hidden { display: none !important; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form { width: 62%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 112px; margin-bottom: 0 !important; max-width: 64%; } .tipListBox .tip-box-main .tip-box-main-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 6px; text-align: right; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form .inputs { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .tipListBox .tip-box-main .tip-box-main-form form { text-align: right; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form [type=email] { max-width: 332px; } .tipListBox .tip-box-main .tip-box-main-form [type=email] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 11px; width: 306px; border-radius: 4px 0 0 4px; border: 0; } .tipListBox .tip-box-main .tip-box-main-inputs-links a:not(:last-of-type) { margin-right: 24px; } .tipListBox .tip-box-main .tip-box-main-inputs-links a { color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; position: relative; text-decoration: underline; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links { display: block; text-align: left; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; padding-top: 16px; } button, input { overflow: visible; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } .tipListBox .tip-box-main .tip-box-main-form [type=submit] { cursor: pointer; font-weight: 700; background: #c62035; color: #fff; font-size: 16px; line-height: 20px; border: 0; border-radius: 0 4px 4px 0; padding: 14px; width: 150px; margin-right: 4px; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } button, input { overflow: visible; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a::after { margin: 0 16px; height: 12px; } .tipListBox .tip-box-main .tip-box-main-inputs-links a::after { bottom: 0; content: ''; width: 1px; background-color: #fff; display: inline-block; vertical-align: middle; position: absolute; } .tipListBox .tip-box-main .tip-box-main-inputs-links a:last-of-type::after { display: none; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links.home { display: none; } @media screen and (max-width: 1199px) { .component-content { max-width: 1016px; } } @media screen and (max-width: 991px) { .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description)::after { background-size: 68px 52px; width: 68px; height: 52px; right: 6px; bottom: 0; } .tipListBox .tip-box-main .tip-box-main-form [type=email] { display: inline-block; margin-right: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } .tipListBox .tip-box-main .tip-box-main-form [type=submit] { display: inline-block; margin: 0 0 10px; width: 99px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form { padding-left: 34px; padding-top: 20px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a { font-size: 12px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a::after { margin: 0 13px; } } @media screen and (max-width: 767px) { .box.email-tip-mini-box-background { background-image: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/backgrounds/background-mini-email-tip-box-mobile.svg); background-position: right; border-radius: 4px; } .box.email-tip-mini-box-background { padding: 16px !important; margin-left: 8px; margin-right: 8px; width: calc(100% - 16px); z-index: 2; background-size: cover; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section { padding-right: 120px; position: relative; width: 100%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading { width: 100%; box-sizing: border-box; margin: 0; padding: 0 0 0 8px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a { display: inline; background-color: #273156; -webkit-box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-size: 22px; padding: 5px 0; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a::before { background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/29px 24px; background-repeat: no-repeat; background-size: 18px 13px; width: 18px; height: 13px; -webkit-transform: rotate(-64deg); transform: rotate(-64deg); right: 50px; top: auto; bottom: 98px; content: ''; position: absolute; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a::after { background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/38px 31px; background-repeat: no-repeat; background-size: 18px 13px; width: 18px; height: 13px; -webkit-transform: rotate(-14deg); transform: rotate(-14deg); right: 16px; bottom: -5px; content: ''; position: absolute; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section::after { position: absolute; content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjEiIGhlaWdodD0iOTMiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTg2LjI4Ni41MzhjMS4wNS0uMjUxIDIuMTEzLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkyLTg4LjkwOCAyMy43NWMtLjcuMTY4LTYuNDAzLTIxLjUxOC0xNy4xMTItNjUuMDU5LS4yNjMtMS4wOC4zNzYtMi4xNiAxLjQyNS0yLjQxTDg2LjI4Ni41Mzh6Ii8+PHBhdGggZmlsbD0iI0ZDNEI0RCIgZD0iTTk0LjU4OCA1LjI0YzEuMDUtLjI1IDIuMTEyLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkzYy4xNzQuNzItMjkuNDYyIDguNjM2LTg4LjkwOCAyMy43NS0uNy4xNjctNi40MDMtMjEuNTE5LTE3LjExMi02NS4wNi0uMjYzLTEuMDguMzc1LTIuMTU5IDEuNDI1LTIuNDFMOTQuNTg4IDUuMjQxeiIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwMC40NDQgNS42NzJMNjkuNjIyIDU0Ljg0NSAxMi4wMDcgMjYuNDEyeiIvPjxwYXRoIGZpbGw9IiNGQzRCNEQiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIgZD0iTTk1LjQxMy44ODlMNjQuNTkzIDUwLjA2IDYuOTc1IDIxLjYyN3oiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi40ODQiIGQ9Ik0xMDIuODY4IDMuMDM1TDczLjExNSA1MC41IDE3LjU2OCAyMy4wOWEuODI3LjgyNyAwIDAxLjE3Ny0xLjU0OUwxMDEuOTc4IDEuNzlhLjgyOC44MjggMCAwMS44OSAxLjI0NnoiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi4wNyIgZD0iTTk5LjAxNyAyLjI2NmMxLjA1LS4yNSAyLjExMi40MiAyLjM3NSAxLjVsMTcuNjU2IDYyLjQ5MmMuMTc0LjcyLTI5LjQ2MiA4LjYzNy04OC45MDggMjMuNzUtLjcuMTY4LTYuNDAzLTIxLjUxOS0xNy4xMTItNjUuMDYtLjI2My0xLjA4LjM3Ni0yLjE1OSAxLjQyNS0yLjQxTDk5LjAxNyAyLjI2NnoiLz48L2c+PC9zdmc+) 0 0/92px 68px no-repeat; width: 92px; height: 68px; bottom: 8px; right: 0; } .box.email-tip-mini-box-background>.component-content:before, .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description)::after, .box.email-tip-mini-box-background>.component-content:after { content: ""; display: table; background: none; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form { padding-left: 0; margin-bottom: 0; width: 100%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form { padding-left: 0; max-width: 100%; } .tipListBox .tip-box-main .tip-box-main-form [type=email] { padding: 7px 11px; font-size: 14px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form [type=email] { max-width: none; } .tipListBox .tip-box-main .tip-box-main-form [type=submit] { width: 90px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links { padding-top: 0; } .tipListBox .tip-box-main .tip-box-main-inputs-links a { font-weight: 400; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a::after { margin: 0 7px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a:not(:last-of-type) { margin-right: 10px; } } /*# sourceMappingURL=styles.css.map */ /* Special Occassion Logo Blocks pasted below this Line */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

Search

MoneySavingExpert Chair, Martin Lewis · Editor, Marcus Herbert

HM hoi sin sauce

Zziggi

Zziggi Forumite Posts: 2,485 Forumite

30 April 2010 at 10:09PM in Old style MoneySaving

Does anyone know how to make homemade Hoi Sin sauce please?

0

Comments

Pink. Forumite Posts: 17,675

Forumite

30 April 2010 at 10:20PM edited 30 April 2010 at 10:24PM

Hi Zziggi,

This one sounds good: Hoisin sauce recipe and a couple of simpler recipes here: homemade hoi sin sauce and homemade hoisin sauce

Pink

0
Zziggi Forumite Posts: 2,485 Forumite

2 May 2010 at 3:45PM

That's brilliant pink-winged! Worked a treat for tea last night. Yummy!

0

This discussion has been closed.

★ ★ ★ Meet your Ambassadors

Categories

All Categories
338.9K Banking & Borrowing
248.7K Reduce Debt & Boost Income
447.6K Spending & Discounts
230.8K Work, Benefits & Business
601K Mortgages, Homes & Bills
171.1K Life & Family
244.1K Travel & Transport
1.5M Hobbies & Leisure
15.9K Discuss & Feedback
15.1K Coronavirus Support Boards

MSE News

E.on Next to cut winter bills by up to 50% for some customers on low incomes – here's what's happening
E.on Next is launching a new support scheme for some of its existing customers on low incomes or with medical needs.
Amazon Prime Big Deal Days – when it starts, our predictions & tips
Amazon will be pumping out thousands of deals from 0.01am on Tuesday 10 October until 11.59pm on Wednesday 11 October for what it's dubbed 'Prime Big Deal Days' – try saying that quickly three times.
E.on Next to cut winter bills by up to 50% for some customers on low incomes – here's what's happening
If you're an E.on Next customer, look out for a message from the firm offering you up to 50% off your bills this winter, as the supplier is launching a new support scheme.
E.on Next to cut winter bills by up to 50% for some existing customers on low incomes – here's what's happening
If you're an E.on Next customer on its standard tariff, look out for a message from the firm offering you up to 50% off your bills this winter, as the supplier is launching a new support scheme.
EDF Energy to cut bills for some by £30 this winter – Martin Lewis welcomes move but says 'it's not a game-changer'
EDF Energy will cut bills by £30 for some 260,000 of its customers who get the Government's Warm Home Discount this winter.
Martin and MSE among organisations calling for energy social tariff as millions expected to struggle with bills this winter
The Government must urgently introduce an energy social tariff to prevent millions of households from falling into fuel poverty this winter, consumer organisations including MoneySavingExpert have said.
Train strike refund rights as Northern, Southeastern, Thameslink and more set for week of disruption
Rail users in England, Scotland and Wales face disruption over the coming week as workers across multiple train operators, including Northern, Southeastern, Thameslink and more, take strike action and refuse to work overtime.
Mortgage rates fall as Bank of England unexpectedly holds UK rates – so should you fix?
Interest rates on fixed mortgage deals have been edging down over the past few weeks with some five and 10-year fixes now at below 5%. Mortgage experts have told MoneySavingExpert.com that further cuts are possible in the short-term after the base rate was held at 5.25% this month, following 14 consecutive rises.
Water bills to rise by less than planned from April 2024 as firms hit with £114 million penalty – here's what we know
Some water bills in England and Wales could rise by less than planned from April 2024, as 12 water companies have been hit with a collective £114 million penalty for missing targets on pollution, leaks and customer service.

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } a { text-decoration: none; } ol, ul { list-style: none } h1 { font-family: 'museo_slab700' !important; } .screen-reader-only { position: absolute; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px); -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); overflow: hidden !important } .mse-masthead .mse-header { position: relative; z-index: 9; box-shadow: 0 6px 16px 0 rgba(39, 49, 86, 0.2) } .mse-masthead .mse-header__container { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .mse-masthead .mse-header__top-nav { background: #273156; box-sizing: border-box; height: 37px; position: relative } .mse-masthead .mse-header__top-nav ul { margin: 0px } .mse-masthead .mse-header__top-nav li { list-style-type: none; float: right } .mse-masthead .mse-header__top-nav a { display: block; box-sizing: border-box; padding: 0 24px; height: 37px; line-height: 37px; color: #fff; text-decoration: none; font-size: 14px; border-left: 2px solid #4f5572 } .mse-masthead .mse-header__more-menu { display: none } .mse-masthead .mse-header__title-area { padding: 10px; background-color: #f6f6f6; /*max-width: 545px;*/ } .mse-masthead .mse-header__title-area .martin-image-wrapper { margin-left: 6px; margin-right: 10px } .mse-masthead .mse-header__title-area .martin-image-wrapper__image { display: block; width: 40px; height: 49px; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: transparent no-repeat bottom/contain; background-image: var(--martin-image, url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/martin-mobile.png)); } @media only screen and (max-width: 1199px) { /* Curve logo bottom on mobile */ .mse-masthead .mse-header__title-area .martin-image-wrapper__image { border-radius: 0 0 50% 50%; } } .mse-masthead .mse-header__title-area .stamp-image-wrapper__image { display: block; width: 40px; height: 49px; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: transparent no-repeat center/contain; background-image: var(--stamp-image, ('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABqCAQAAACSLl4ZAAAAY0lEQVR42u3OMQ0AAAwDoNW/6V0V0QQUkBsTYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWHhepsiAGuRvxeAAAAAAElFTkSuQmCC')); } .mse-masthead .mse-header__title-area .stamp-image-wrapper { margin-left: 10px; margin-right: 6px } @media screen and (max-width: 480px) { /* Hide stamp on smallest mobile */ .mse-masthead .mse-header__title-area .stamp-image-wrapper { display: none; } } .mse-masthead .mse-header__logo__title { display: block; width: 222px; height: 35px; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: transparent no-repeat bottom/contain; background-image: var(--mse-logo, url(https://us-noi.v-cdn.net/6031903/uploads/editor/f3/j9s4wzotktc5.png)); } .mse-masthead .mse-header__logo__subline { font-size: 10px; color: #666; display: none; } .mse-masthead .mse-navigation { position: relative; width: 100% } .mse-masthead .mse-navigation__hamburger-btn { display: block; width: 28px; height: 19px; margin: 0px auto 0px 0px; background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/top-nav-mobile-menu-hamburger.png); background-size: contain; background-position: center; background-repeat: no-repeat } .mse-masthead .mse-navigation__search-btn { display: block; box-sizing: border-box; padding: 0 24px; height: 37px; line-height: 37px; text-indent: -9999px; width: 76px; position: relative; border-left: 2px solid #4f5572; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out } .mse-masthead .mse-navigation__search-btn::before { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2-focus.svg); background-size: contain; background-position: center; background-repeat: no-repeat; content: ""; display: inline-block; width: 28px; height: 28px; margin-top: 5px; position: absolute; top: 0px; left: 20px } .mse-masthead .mse-navigation__search-btn:hover { text-decoration: underline; cursor: pointer } .mse-masthead .mse-navigation__nav-footer { background: #273156; padding-bottom: 12px } .mse-masthead .mse-navigation__section, .mse-masthead .mse-navigation__section--arrow, .mse-masthead .mse-navigation__section--arrow--top, .mse-masthead .mse-navigation__section--footer { display: block; padding: 16px 5px; margin: 0 9px; border-bottom: 1px solid #e6e6e6; color: #273156; font-size: 16px; text-decoration: none } .mse-masthead .mse-navigation__section--arrow, .mse-masthead .mse-navigation__section--arrow--top { position: relative } .mse-masthead .mse-navigation__section--arrow::after, .mse-masthead .mse-navigation__section--arrow--top::after { content: ""; display: block; width: 8px; height: 22px; background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/chevron-1.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; right: 20px; bottom: 13px } .mse-masthead .mse-navigation__section--arrow--top { padding-top: 28px } .mse-masthead .mse-navigation__section--footer { color: #fff; border-bottom: 1px solid #4f5572 } .mse-masthead .mse-navigation #topnav { position: absolute; top: -4px; left: 0; background: #f6f6f6; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out; transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; overflow-y: scroll; overflow-x: hidden; z-index: 8 } .mse-masthead .mse-navigation #topnav>div { margin-left: -15px; margin-right: -15px } .mse-masthead .mse-navigation__trigger:checked+#topnav { transition: -webkit-transform 0.5s ease-out; -webkit-transition: -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out; transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; -webkit-transform: translateX(0); transform: translateX(0); max-width: initial } .mse-masthead .mse-navigation__trigger:checked+.mse-navigation__hamburger-btn { height: 28px; background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2-hover.svg) } .mse-masthead #mse-search { position: absolute; top: 37px; left: 0; max-height: 0; min-height: 0; padding-top: 0; padding-bottom: 0; background: #f6f6f6; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; overflow-y: hidden; z-index: 1 } .mse-masthead .mse-search__form { position: relative; width: 100%; height: 100% } .mse-masthead .mse-search__input { position: relative; width: 100%; height: 48px; padding: 14px 16px; margin: 9px 0 13px; border: 1px solid #DDD; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px 0 rgba(44, 86, 167, 0.2); -webkit-transition: border 0.5s ease-in-out; transition: border 0.5s ease-in-out; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: none } .mse-masthead .mse-search__input:focus { border: 1px solid #2c56a7; color: #273156; outline: #2c56a7 } .mse-masthead .mse-search__input:focus+.mse-search__submit-btn { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2-focus.svg); background-color: #273156 } .mse-masthead .mse-search__submit-btn { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; position: absolute; top: 33px; right: 0; display: block; width: 54px; height: 48px; background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2.svg); background-position: center; background-repeat: no-repeat; background-color: #DDD; -webkit-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 0; outline: 0; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .mse-masthead .mse-search__trigger__label { display: none } .mse-masthead .mse-search__trigger:checked+#mse-search { max-height: 70px } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn { background-color: #f6f6f6 } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn::before { background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2-hover.svg) } .mse-masthead .tip-signup-notification__success { background: #412570; color: #fff; font-size: 16px; font-weight: 700; line-height: 24px; padding: 18px 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 50 } .mse-masthead { font-family: sans-serif } .mse-masthead *, .mse-masthead *::before, .mse-masthead *::after { box-sizing: border-box } .mse-masthead .row { display: -webkit-box; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .mse-masthead .no-gutters { margin-right: 0; margin-left: 0 } .mse-masthead .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0 } .mse-masthead .col-1, .mse-masthead .col-2, .mse-masthead .col-3, .mse-masthead .col-4, .mse-masthead .col-5, .mse-masthead .col-6, .mse-masthead .col-7, .mse-masthead .col-8, .mse-masthead .col-9, .mse-masthead .col-10, .mse-masthead .col-11, .mse-masthead .col-12, .mse-masthead .col, .mse-masthead .col-auto, .mse-masthead .col-sm-1, .mse-masthead .col-sm-2, .mse-masthead .col-sm-3, .mse-masthead .col-sm-4, .mse-masthead .col-sm-5, .mse-masthead .col-sm-6, .mse-masthead .col-sm-7, .mse-masthead .col-sm-8, .mse-masthead .col-sm-9, .mse-masthead .col-sm-10, .mse-masthead .col-sm-11, .mse-masthead .col-sm-12, .mse-masthead .col-sm, .mse-masthead .col-sm-auto, .mse-masthead .col-md-1, .mse-masthead .col-md-2, .mse-masthead .col-md-3, .mse-masthead .col-md-4, .mse-masthead .col-md-5, .mse-masthead .col-md-6, .mse-masthead .col-md-7, .mse-masthead .col-md-8, .mse-masthead .col-md-9, .mse-masthead .col-md-10, .mse-masthead .col-md-11, .mse-masthead .col-md-12, .mse-masthead .col-md, .mse-masthead .col-md-auto, .mse-masthead .col-lg-1, .mse-masthead .col-lg-2, .mse-masthead .col-lg-3, .mse-masthead .col-lg-4, .mse-masthead .col-lg-5, .mse-masthead .col-lg-6, .mse-masthead .col-lg-7, .mse-masthead .col-lg-8, .mse-masthead .col-lg-9, .mse-masthead .col-lg-10, .mse-masthead .col-lg-11, .mse-masthead .col-lg-12, .mse-masthead .col-lg, .mse-masthead .col-lg-auto, .mse-masthead .col-xl-1, .mse-masthead .col-xl-2, .mse-masthead .col-xl-3, .mse-masthead .col-xl-4, .mse-masthead .col-xl-5, .mse-masthead .col-xl-6, .mse-masthead .col-xl-7, .mse-masthead .col-xl-8, .mse-masthead .col-xl-9, .mse-masthead .col-xl-10, .mse-masthead .col-xl-11, .mse-masthead .col-xl-12, .mse-masthead .col-xl, .mse-masthead .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .mse-masthead .col-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100% } .mse-masthead .col-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100% } .mse-masthead .order-1 { -webkit-box-ordinal-group: 2; order: 1 } .mse-masthead .order-2 { -webkit-box-ordinal-group: 3; order: 2 } .mse-masthead .order-3 { -webkit-box-ordinal-group: 4; order: 3 } .mse-masthead .d-none { display: none !important } .mse-masthead .d-flex { display: -webkit-box !important; display: flex !important } .mse-masthead .justify-content-end { -webkit-box-pack: end !important; justify-content: flex-end !important } .mse-masthead .justify-content-center { -webkit-box-pack: center !important; justify-content: center !important } .mse-masthead .justify-content-between { -webkit-box-pack: justify !important; justify-content: space-between !important } .mse-masthead .align-items-center { -webkit-box-align: center !important; align-items: center !important } .mse-masthead .align-self-center { align-self: center !important } /* Desktop ////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////*/ @media only screen and (min-width: 1200px) { .mse-masthead .mse-header { background-color: #f6f6f6; box-shadow: none } .mse-masthead .mse-header__container { width: 1150px; /* Was built with 1216px but causes scroll. if problem, try restore */ } .mse-masthead .mse-header__top-nav { height: 41px; position: absolute; top: 0px; right: 0px; background: #f6f6f6 } .mse-masthead .mse-header__top-nav a { padding: 0 20px; height: 41px; line-height: 41px; position: relative; color: #273156; border: none } .mse-masthead .mse-header__top-nav a::after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5572), to(#f6f6f6)); background: linear-gradient(to bottom, #4f5572 0, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#4f5572", endColorstr="#f6f6f6"); content: ""; position: absolute; width: 1px; top: 0; right: 0; height: 100% } .mse-masthead .mse-header__top-nav a:hover { text-decoration: underline } .mse-masthead .mse-header__top-nav a.more-btn { padding-right: 34px } .mse-masthead .mse-header__top-nav a.more-btn::after { display: none } .mse-masthead .mse-header__top-nav a.more-btn::before { background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/more-arrow.svg); background-repeat: no-repeat; content: ""; width: 8px; height: 8px; position: absolute; top: 19px; right: 20px } .mse-masthead .mse-header__top-nav a.more-btn.active::after { content: ""; display: block; height: 20px; width: 20px; position: absolute; top: 40px; right: 40px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #f6f6f6; box-shadow: 0 6px 16px 0 rgba(39, 49, 86, 0.2) } .mse-masthead .mse-header__more-menu { position: absolute; min-width: 172px; top: 30px; right: 100px; background-color: #f6f6f6; padding: 0 16px; box-shadow: -2px 16px 18px 0px rgba(39, 49, 86, 0.2); border-radius: 5px; z-index: 2 } .mse-masthead .mse-header__more-menu ul { padding: 0; margin: 0 } .mse-masthead .mse-header__more-menu li { list-style-type: none; padding: 9px 0; margin-bottom: 0; border-bottom: 1px solid #e6e6e6 } .mse-masthead .mse-header__more-menu li:last-of-type { border-bottom: none } .mse-masthead .mse-header__more-menu a { text-decoration: none; color: #273156; font-size: 14px } .mse-masthead .mse-header__more-menu a:hover { text-decoration: underline } .mse-masthead .mse-header__more-menu.active { display: block } .mse-masthead .mse-header__title-area { padding-bottom: 0 } .mse-masthead .mse-header__title-area .martin-image-wrapper { margin-right: 16px; } /* >>> Desktop Martin */ .mse-masthead .mse-header__title-area .martin-image-wrapper__image { width: 88px; height: 106px; background-image: var(--martin-image, url('https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/martin-desktop.png')); } .mse-masthead .mse-header__title-area .stamp-image-wrapper__image { width: 88px; height: 106px; background-image: var(--stamp-image, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABqCAQAAACSLl4ZAAAAY0lEQVR42u3OMQ0AAAwDoNW/6V0V0QQUkBsTYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWHhepsiAGuRvxeAAAAAAElFTkSuQmCC)) } /* >>> Desktop Logo */ .mse-masthead .mse-header__logo__title { width: 404px; height: 72px; background-image: var(--mse-logo, url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/mse-logo-desktop.png)); } .mse-masthead .mse-header__logo__subline { font-size: 12px; line-height: 14px; margin: 10px 0; display: block; /* Only show subline on larger screens */ } .mse-masthead .mse-navigation { background-color: #273156 } .mse-masthead .mse-navigation__search-btn { width: auto; height: 41px; line-height: 41px; padding: 0px 40px 0 20px; text-indent: 0px; font-size: 14px; border: none } .mse-masthead .mse-navigation__search-btn::before { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2.svg); width: 25px; height: 25px; top: 4px; left: 70px } .mse-masthead .mse-navigation__search-btn::after { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f5572), to(#f6f6f6)); background: linear-gradient(to bottom, #4f5572 0, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#4f5572", endColorstr="#f6f6f6"); content: ""; position: absolute; width: 1px; top: 0; left: 0; height: 100% } .mse-masthead .mse-navigation__section, .mse-masthead .mse-navigation__section--arrow, .mse-masthead .mse-navigation__section--arrow--top, .mse-masthead .mse-navigation__section--footer { color: #fff; font-size: 14px; line-height: 16px; padding: 20px 0; border-bottom: none } .mse-masthead .mse-navigation__section:hover, .mse-masthead .mse-navigation__section--arrow:hover, .mse-masthead .mse-navigation__section--arrow--top:hover, .mse-masthead .mse-navigation__section--footer:hover { text-decoration: underline; color: #fff } .mse-masthead .mse-navigation__section--arrow::after, .mse-masthead .mse-navigation__section--arrow--top::after { display: none } .mse-masthead .mse-navigation__section--arrow--top { padding-top: 20px } .mse-masthead .mse-navigation #topnav { position: relative; top: 0; left: 0; background: #273156; -webkit-transform: none; transform: none; max-height: initial; overflow-y: hidden; height: auto !important } .mse-masthead .mse-navigation #topnav .no-gutters { padding-left: 0px; padding-right: 0px } .mse-masthead #mse-search { position: relative; top: 0; background: transparent } .mse-masthead .mse-search__form { margin: 0; border-radius: 15px } .mse-masthead .mse-search__input { border: 1px solid #2c56a7; color: #273156; outline: #2c56a7 } .mse-masthead .mse-search__submit-btn { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2-focus.svg); background-color: #273156 } .mse-masthead .mse-search__trigger__label { display: block; max-height: 0px; width: 54px; background-color: #fff; color: #666; margin-bottom: 0px; border-radius: 4px; -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out } .mse-masthead .mse-search__trigger__label::before { content: ""; background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2.svg); background-repeat: no-repeat; background-position: 12px 10px; display: none; width: 50px; height: 48px } .mse-masthead .mse-search__trigger__label:hover { cursor: pointer } .mse-masthead .mse-search__trigger__label:hover::before { background-image: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/close-icon-v2-hover.svg); -webkit-transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out } .mse-masthead .mse-search__trigger__label.active { max-height: 48px } .mse-masthead .mse-search__trigger__label.active::before { display: block } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn { background-color: initial } .mse-masthead .mse-search__trigger:checked+.mse-navigation__search-btn::before { background: url(https://cdn.moneysavingexpert.com/masthead-and-footer/masthead/static/images/search-icon-v2.svg); background-size: contain; background-position: center; background-repeat: no-repeat } .mse-masthead .col-lg-auto { -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100% } .mse-masthead .col-lg-7 { -webkit-box-flex: 0; flex: 0 0 58.33333%; max-width: 58.33333% } .mse-masthead .d-lg-none { display: none !important } .mse-masthead .d-lg-block { display: block !important } .mse-masthead .justify-content-lg-between { -webkit-box-pack: justify !important; justify-content: space-between !important } .mse-masthead .align-self-lg-end { align-self: flex-end !important } .mse-masthead .mse-header__title-area { max-width: 650px; } } /** Footer **/ .Container { margin: 0 auto; max-width: 1272px; padding-left: 18px; padding-right: 18px } @media screen and (max-width:768px) { .Container { padding-left: 12px; padding-right: 12px } } /* For Email Subscription box in footer.*/ form.SubscribeBox-form .Messages { display: none; padding: 5px 10px; margin: 5px 0; background-color: #eee; border: solid 1px #333; border-radius: 6px; width: 100%; text-align: left; color: #333; } form.SubscribeBox-form .Messages .Message.Error { color: #c62035; font-weight: 500; } .Footer { /* background:#fff; */ /* background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); */ color: #333; font-size: 14px; line-height: 1.5; padding: 18px 0 } .Footer a { color: #2c56a7 } .Footer a:hover { color: #125361 } .Footer .row { -ms-flex-align: center; -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin: -3px } .Footer .col { padding: 0 3px } @media screen and (max-width:768px) { .Footer .col { margin: 6px 0; text-align: center; width: 100% } .Footer .col:first-child { margin-top: 0 } .Footer .col:last-child { margin-bottom: 0 } } .Footer .col-copyRight { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start } .Footer .col-logo { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end } .Footer .col-copyRight, .Footer .col-logo { -ms-flex: 1; -webkit-box-flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex: 1 } @media screen and (max-width:768px) { .Footer .col-copyRight, .Footer .col-logo { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center } } .Vanilla-logo { height: 28px; opacity: .6; width: 120px } @media screen and (max-width:768px) { .Vanilla-logo { margin: 0 auto } } .Footer.MainFooter { padding-bottom: 0; padding-top: 20px } .Footer.MainFooter p { margin: 0 } @media screen and (max-width:960px) { .Footer.MainFooter { margin-bottom: 50px } } @media screen and (max-width:960px) { .UserLoggedOut .Footer.MainFooter { margin-bottom: 0 } } .FooterDisclaimer-section { margin-bottom: 20px } .FooterDisclaimer { font-size: 13px; line-height: 1.5em } .FooterDisclaimer a { font-size: inherit; line-height: inherit; text-decoration: underline } .FooterDisclaimer a:active, .FooterDisclaimer a:focus, .FooterDisclaimer a:hover { color: #003575 } .FooterDisclaimer-title { font-size: 20px; letter-spacing: -.5px; margin-bottom: 12px } .FooterDisclaimer-paragraph { margin: 0 0 12px } .FooterDisclaimer-listRow { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; margin-top: 15px } @media screen and (max-width:990px) { .FooterDisclaimer-listRow { -ms-flex-wrap: wrap; flex-wrap: wrap } } .FooterDisclaimer-listColunm { -ms-flex: 0 1 50%; -webkit-box-flex: 0; flex: 0 1 50% } @media screen and (max-width:990px) { .FooterDisclaimer-listColunm { -ms-flex: 0 1 100%; -webkit-box-flex: 0; flex: 0 1 100% } } .FooterDisclaimer-item { line-height: 1.5em; padding-left: 16px } .FooterDisclaimer-item:before { background: #666; border-radius: 100%; content: ""; display: block; height: 6px; left: -16px; position: relative; top: 12px; vertical-align: middle; width: 6px } .FooterTools { margin-bottom: 8px; margin-top: 20px } @media screen and (max-width:990px) { .FooterTools { display: none } } .FooterTools-title { line-height: 1.5; margin-bottom: 10px } .Footer-logo-img { display: inline-block; max-height: 21px; vertical-align: middle } .FooterTools-row { -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; border-bottom: 1px solid #979797; display: -webkit-box; display: -ms-flexbox; display: flex } .FooterTools-row:first-child { border-top: 1px solid #979797 } a.FooterTools-link { -ms-flex: 0 1 25%; -webkit-box-flex: 0; flex: 0 1 25%; min-height: 90px; overflow: hidden; padding: 5px; position: relative; text-decoration: none } a.FooterTools-link:active, a.FooterTools-link:focus, a.FooterTools-link:hover { color: #fff } a.FooterTools-link:active:before, a.FooterTools-link:focus:before, a.FooterTools-link:hover:before { opacity: 1; right: -16px } a.FooterTools-link:before { -o-transition: all .3s; -webkit-transition: all .3s; bottom: 12px; content: ""; height: 62px; opacity: 0; position: absolute; right: -62px; top: auto; transition: all .3s; width: 62px } a.FooterTools-link>* { text-decoration: inherit } a.FooterTools-link:active, a.FooterTools-link:focus, a.FooterTools-link:hover { text-decoration: none } a.FooterTools-link:active>*, a.FooterTools-link:focus>*, a.FooterTools-link:hover>* { text-decoration: inherit } .FooterTools-link-title { font-size: 15px; line-height: 1.6em } .FooterTools-link-paragraph { font-size: 12px; line-height: 1.6em } .FooterTools-link.calc:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/premium-bonds-calc.svg") } .FooterTools-link.calc:active, .FooterTools-link.calc:focus, .FooterTools-link.calc:hover { background-color: #f67c21 } .FooterTools-link.ebay:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/ebay-local-deals.svg") } .FooterTools-link.ebay:active, .FooterTools-link.ebay:focus, .FooterTools-link.ebay:hover { background-color: #892199 } .FooterTools-link.club:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/credit-club.svg") } .FooterTools-link.club:active, .FooterTools-link.club:focus, .FooterTools-link.club:hover { background-color: #33d4a7 } .FooterTools-link.card:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/credit-card.svg") } .FooterTools-link.card:active, .FooterTools-link.card:focus, .FooterTools-link.card:hover { background-color: #22b1e7 } .FooterTools-link.energy:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/cheap-energy.svg") } .FooterTools-link.energy:active, .FooterTools-link.energy:focus, .FooterTools-link.energy:hover { background-color: #2495a2 } .FooterTools-link.travel:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/travel-money.svg") } .FooterTools-link.travel:active, .FooterTools-link.travel:focus, .FooterTools-link.travel:hover { background-color: #f0b902 } .FooterTools-link.deals:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/mega-shop-bots.svg") } .FooterTools-link.deals:active, .FooterTools-link.deals:focus, .FooterTools-link.deals:hover { background-color: #d32e36 } .FooterTools-link.income:before { background: url("https://forums.moneysavingexpert.com/themes/mse2/design/images/footer/budget-planner.svg") } .FooterTools-link.income:active, .FooterTools-link.income:focus, .FooterTools-link.income:hover { background-color: #8ec92b } .SubFooter { background-color: #273257; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 120px; padding-bottom: 20px; text-align: center } .SubFooter .Vanilla-logo { color: grey; margin: 10px auto; opacity: 1 } .SubFooter-navigation { font-size: 10px; font-weight: 700; line-height: 18px; margin-left: auto; margin-right: auto; max-width: 1110px; padding: 27px 0 15px; text-align: center } .SubFooter-navigation-link.SubFooter-navigation-link { color: #fff; display: inline-block; font-size: inherit; font-weight: inherit; line-height: 2.4em; padding: 0 10px; text-transform: uppercase } .SubFooter-navigation-link.SubFooter-navigation-link:active, .SubFooter-navigation-link.SubFooter-navigation-link:focus, .SubFooter-navigation-link.SubFooter-navigation-link:hover { color: #fff } @media screen and (max-width:990px) { .SubFooter-navigation-link.SubFooter-navigation-link { font-size: 12px; line-height: 2.7em; padding: 0 20px } } p.SubFooter-trademark.SubFooter-trademark { color: grey; display: inline; font-size: 13px; line-height: 1.5em; margin-bottom: 24px; text-align: center } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /** Footer /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/ .component { margin-bottom: 0; } .paragraphSystem:before { content: " "; display: table; } .paragraphSystem:after { clear: both; } .component-content { margin-right: auto; margin-left: auto; max-width: 1216px; position: relative; } .box.tip-box-spacing { margin-top: 40px; } .box.email-tip-mini-box-background { background-image: url(../../assets/img/backgrounds/background-mini-email-tip-box-desktop.svg); background-position: right; padding-top: 27px !important; padding-bottom: 16px !important; } .box.email-tip-box-background, .box.email-tip-mini-box-background, .box.weekly-poll-background { background-size: cover; } .component { margin-bottom: 20px; } @media (min-width: 768px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 8px !important; padding-right: 8px !important; } } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 4px !important; padding-right: 4px !important; } .col-xs-12 { width: 100%; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .box.email-tip-mini-box-background>.component-content:before { content: ''; background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/27px 21px no-repeat; position: absolute; width: 27px; height: 21px; right: 60px; top: -38px; -webkit-transform: rotate(-64deg); transform: rotate(-64deg); } .box.email-tip-mini-box-background>.component-content:after { content: ''; background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/27px 21px no-repeat; position: absolute; width: 27px; height: 21px; bottom: 8px; right: 160px; -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } .box.email-tip-mini-box-background { background-image: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/backgrounds/background-mini-email-tip-box-desktop.svg); background-position: right; padding-top: 27px !important; padding-bottom: 16px !important; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description)::after { content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjEiIGhlaWdodD0iOTMiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTg2LjI4Ni41MzhjMS4wNS0uMjUxIDIuMTEzLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkyLTg4LjkwOCAyMy43NWMtLjcuMTY4LTYuNDAzLTIxLjUxOC0xNy4xMTItNjUuMDU5LS4yNjMtMS4wOC4zNzYtMi4xNiAxLjQyNS0yLjQxTDg2LjI4Ni41Mzh6Ii8+PHBhdGggZmlsbD0iI0ZDNEI0RCIgZD0iTTk0LjU4OCA1LjI0YzEuMDUtLjI1IDIuMTEyLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkzYy4xNzQuNzItMjkuNDYyIDguNjM2LTg4LjkwOCAyMy43NS0uNy4xNjctNi40MDMtMjEuNTE5LTE3LjExMi02NS4wNi0uMjYzLTEuMDguMzc1LTIuMTU5IDEuNDI1LTIuNDFMOTQuNTg4IDUuMjQxeiIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwMC40NDQgNS42NzJMNjkuNjIyIDU0Ljg0NSAxMi4wMDcgMjYuNDEyeiIvPjxwYXRoIGZpbGw9IiNGQzRCNEQiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIgZD0iTTk1LjQxMy44ODlMNjQuNTkzIDUwLjA2IDYuOTc1IDIxLjYyN3oiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi40ODQiIGQ9Ik0xMDIuODY4IDMuMDM1TDczLjExNSA1MC41IDE3LjU2OCAyMy4wOWEuODI3LjgyNyAwIDAxLjE3Ny0xLjU0OUwxMDEuOTc4IDEuNzlhLjgyOC44MjggMCAwMS44OSAxLjI0NnoiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi4wNyIgZD0iTTk5LjAxNyAyLjI2NmMxLjA1LS4yNSAyLjExMi40MiAyLjM3NSAxLjVsMTcuNjU2IDYyLjQ5MmMuMTc0LjcyLTI5LjQ2MiA4LjYzNy04OC45MDggMjMuNzUtLjcuMTY4LTYuNDAzLTIxLjUxOS0xNy4xMTItNjUuMDYtLjI2My0xLjA4LjM3Ni0yLjE1OSAxLjQyNS0yLjQxTDk5LjAxNyAyLjI2NnoiLz48L2c+PC9zdmc+) 0 0/118px 90px no-repeat; position: absolute; width: 118px; height: 104px; right: 8px; bottom: -8px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section { width: 38%; } @media screen and (max-width: 767px) { .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form { padding-left: 0; margin-bottom: 0; width: 100%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section { width: 100%; } } .paragraphSystem:before { content: " "; display: table; } .paragraphSystem:after { clear: both; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-subheading { position: static; } .tipListBox .tip-box-main .tip-box-main-subheading { max-width: 640px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-subheading div { top: -42px; } .tipListBox .tip-box-main .tip-box-main-subheading>div { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -42px; background-color: #c62035; border-radius: 2px; padding: 4px 8px; } .tipListBox .tip-box-main .tip-box-main-subheading p { margin: 0; margin-bottom: 0 !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; color: #fff; font-size: 14px; line-height: 20px; display: inline; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading, .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a { display: inline; background-color: #485279; -webkit-box-shadow: 8px 0 0 #485279, -8px 0 0 #485279; box-shadow: 8px 0 0 #485279, -8px 0 0 #485279; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 32px; font-size: 24px; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 0 0 8px; } .tipListBox .tip-box-main .tip-box-main-heading { padding: 6px 0; font-size: 28px; line-height: 40px; font-weight: 700; letter-spacing: -.6px; margin: 8px 8px 26px; } h2 { color: #4a4a4a; font-family: museo_slab900; font-size: 34px; font-weight: 400; letter-spacing: -.85px; line-height: 38px; margin: 0; } .tipListBox .tip-box-main .tip-box-main-heading a { display: inline; -webkit-box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #273156; color: #fff; font-family: museo_slab700; margin: 0; text-decoration: none; } .tipListBox .tip-box-main .tip-box-main-heading b { color: #ffda2c; } b, strong { font-weight: bolder; } .tipListBox .tip-box-main .tip-box-main-expand { display: none; margin-bottom: 18px; border-radius: 0 0 2px 2px; } .is-hidden { display: none !important; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form { width: 62%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 112px; margin-bottom: 0 !important; max-width: 64%; } .tipListBox .tip-box-main .tip-box-main-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 6px; text-align: right; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form .inputs { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .tipListBox .tip-box-main .tip-box-main-form form { text-align: right; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form [type=email] { max-width: 332px; } .tipListBox .tip-box-main .tip-box-main-form [type=email] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 11px; width: 306px; border-radius: 4px 0 0 4px; border: 0; } .tipListBox .tip-box-main .tip-box-main-inputs-links a:not(:last-of-type) { margin-right: 24px; } .tipListBox .tip-box-main .tip-box-main-inputs-links a { color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; position: relative; text-decoration: underline; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links { display: block; text-align: left; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; padding-top: 16px; } button, input { overflow: visible; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } .tipListBox .tip-box-main .tip-box-main-form [type=submit] { cursor: pointer; font-weight: 700; background: #c62035; color: #fff; font-size: 16px; line-height: 20px; border: 0; border-radius: 0 4px 4px 0; padding: 14px; width: 150px; margin-right: 4px; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } button, input { overflow: visible; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a::after { margin: 0 16px; height: 12px; } .tipListBox .tip-box-main .tip-box-main-inputs-links a::after { bottom: 0; content: ''; width: 1px; background-color: #fff; display: inline-block; vertical-align: middle; position: absolute; } .tipListBox .tip-box-main .tip-box-main-inputs-links a:last-of-type::after { display: none; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links.home { display: none; } @media screen and (max-width: 1199px) { .component-content { max-width: 1016px; } } @media screen and (max-width: 991px) { .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description)::after { background-size: 68px 52px; width: 68px; height: 52px; right: 6px; bottom: 0; } .tipListBox .tip-box-main .tip-box-main-form [type=email] { display: inline-block; margin-right: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } .tipListBox .tip-box-main .tip-box-main-form [type=submit] { display: inline-block; margin: 0 0 10px; width: 99px; -webkit-box-sizing: border-box; box-sizing: border-box; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form { padding-left: 34px; padding-top: 20px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a { font-size: 12px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a::after { margin: 0 13px; } } @media screen and (max-width: 767px) { .box.email-tip-mini-box-background { background-image: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/backgrounds/background-mini-email-tip-box-mobile.svg); background-position: right; border-radius: 4px; } .box.email-tip-mini-box-background { padding: 16px !important; margin-left: 8px; margin-right: 8px; width: calc(100% - 16px); z-index: 2; background-size: cover; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section { padding-right: 120px; position: relative; width: 100%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading { width: 100%; box-sizing: border-box; margin: 0; padding: 0 0 0 8px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a { display: inline; background-color: #273156; -webkit-box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; box-shadow: 8px 0 0 #273156, -8px 0 0 #273156; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-size: 22px; padding: 5px 0; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a::before { background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/29px 24px; background-repeat: no-repeat; background-size: 18px 13px; width: 18px; height: 13px; -webkit-transform: rotate(-64deg); transform: rotate(-64deg); right: 50px; top: auto; bottom: 98px; content: ''; position: absolute; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-heading a::after { background: url(https://www.moneysavingexpert.com/etc/designs/zg/mse/desktop/assets/img/icons/paperplane.svg) 0 0/38px 31px; background-repeat: no-repeat; background-size: 18px 13px; width: 18px; height: 13px; -webkit-transform: rotate(-14deg); transform: rotate(-14deg); right: 16px; bottom: -5px; content: ''; position: absolute; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-heading-section::after { position: absolute; content: ''; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjEiIGhlaWdodD0iOTMiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTg2LjI4Ni41MzhjMS4wNS0uMjUxIDIuMTEzLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkyLTg4LjkwOCAyMy43NWMtLjcuMTY4LTYuNDAzLTIxLjUxOC0xNy4xMTItNjUuMDU5LS4yNjMtMS4wOC4zNzYtMi4xNiAxLjQyNS0yLjQxTDg2LjI4Ni41Mzh6Ii8+PHBhdGggZmlsbD0iI0ZDNEI0RCIgZD0iTTk0LjU4OCA1LjI0YzEuMDUtLjI1IDIuMTEyLjQyIDIuMzc1IDEuNWwxNy42NTYgNjIuNDkzYy4xNzQuNzItMjkuNDYyIDguNjM2LTg4LjkwOCAyMy43NS0uNy4xNjctNi40MDMtMjEuNTE5LTE3LjExMi02NS4wNi0uMjYzLTEuMDguMzc1LTIuMTU5IDEuNDI1LTIuNDFMOTQuNTg4IDUuMjQxeiIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOm11bHRpcGx5Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwMC40NDQgNS42NzJMNjkuNjIyIDU0Ljg0NSAxMi4wMDcgMjYuNDEyeiIvPjxwYXRoIGZpbGw9IiNGQzRCNEQiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIgZD0iTTk1LjQxMy44ODlMNjQuNTkzIDUwLjA2IDYuOTc1IDIxLjYyN3oiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi40ODQiIGQ9Ik0xMDIuODY4IDMuMDM1TDczLjExNSA1MC41IDE3LjU2OCAyMy4wOWEuODI3LjgyNyAwIDAxLjE3Ny0xLjU0OUwxMDEuOTc4IDEuNzlhLjgyOC44MjggMCAwMS44OSAxLjI0NnoiLz48cGF0aCBzdHJva2U9IiMyNzMxNTciIHN0cm9rZS13aWR0aD0iMi4wNyIgZD0iTTk5LjAxNyAyLjI2NmMxLjA1LS4yNSAyLjExMi40MiAyLjM3NSAxLjVsMTcuNjU2IDYyLjQ5MmMuMTc0LjcyLTI5LjQ2MiA4LjYzNy04OC45MDggMjMuNzUtLjcuMTY4LTYuNDAzLTIxLjUxOS0xNy4xMTItNjUuMDYtLjI2My0xLjA4LjM3Ni0yLjE1OSAxLjQyNS0yLjQxTDk5LjAxNyAyLjI2NnoiLz48L2c+PC9zdmc+) 0 0/92px 68px no-repeat; width: 92px; height: 68px; bottom: 8px; right: 0; } .box.email-tip-mini-box-background>.component-content:before, .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description)::after, .box.email-tip-mini-box-background>.component-content:after { content: ""; display: table; background: none; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form { padding-left: 0; margin-bottom: 0; width: 100%; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form { padding-left: 0; max-width: 100%; } .tipListBox .tip-box-main .tip-box-main-form [type=email] { padding: 7px 11px; font-size: 14px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-form form [type=email] { max-width: none; } .tipListBox .tip-box-main .tip-box-main-form [type=submit] { width: 90px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links { padding-top: 0; } .tipListBox .tip-box-main .tip-box-main-inputs-links a { font-weight: 400; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a::after { margin: 0 7px; } .tipListBox .tip-box-main:not(.with-tips-list):not(.with-description) .tip-box-main-inputs-links a:not(:last-of-type) { margin-right: 10px; } } /*# sourceMappingURL=styles.css.map */ /* Special Occassion Logo Blocks pasted below this Line */ /* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

Tip Email

Get our FREE Weekly email full of deals & guides - and it’s spam-free

Show more

Show less

FAQs Privacy Past Emails Unsubscribe

How this site works

We think it's important you understand the strengths and limitations of the site. We're a journalistic website and aim to provide the best MoneySaving guides, tips, tools and techniques, but can't guarantee to be perfect, so do note you use the information at your own risk and we can't accept liability if things go wrong.

This info does not constitute financial advice, always do your own research on top to ensure it's right for your specific circumstances and remember we focus on rates not service.
We don't as a general policy investigate the solvency of companies mentioned (how likely they are to go bust), but there is a risk any company can struggle and it's rarely made public until it's too late (see the Section 75 guide for protection tips).

Do note, while we always aim to give you accurate product info at the point of publication, unfortunately price and terms of products and deals can always be changed by the provider afterwards, so double check first.
We often link to other websites, but we can't be responsible for their content.
Always remember anyone can post on the MSE forums, so it can be very different from our opinion.

MoneySavingExpert.com is part of the MoneySuperMarket Group, but is entirely editorially independent. Its stance of putting consumers first is protected and enshrined in the legally-binding MSE Editorial Code.

Please read the Full Terms & Conditions, Privacy Policy, Cookies Q&A, How this site is financed and MSE's Editorial Code.

More tools from

Martin Lewis is a registered trade mark belonging to Martin S Lewis.