Surrey28 - 29 JUN 2025
Skip to main content

Email Template

Sample Image

Exhibitor Email Template

Please copy this html and add to mailchimp or email system you use and it should look like the email above. If you would like an outlook version email alicia.kennedy@futurenet.com.

<HTML>

<HEAD>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="x-apple-disable-message-reformatting" />
    <title>Hi Patrick, One Roof | Free Tickets | Endless Inspiration</title>
    <!--[if (gte mso 9)|(IE)]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
    <style type="text/css">
        * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        html,
        body {
            padding: 0 !important;
            height: 100% !important;
            width: 100% !important;
            margin: 0 !important
        }

        div[style*="margin: 16px 0"] {
            margin: 0 !important
        }

        table,
        td {
            mso-table-lspace: 0 !important;
            mso-table-rspace: 0 !important
        }

        table {
            border-spacing: 0 !important;
            margin: 0 auto !important
        }

        .yshortcuts a {
            border-bottom: none !important
        }

        a[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: underline !important
        }

        .applelinks a {
            color: #222;
            text-decoration: none
        }

        th {
            padding: 0 !important;
            margin: 0 !important;
            font-weight: normal
        }

        span.MsoHyperlink {
            mso-style-priority: 99;
            color: inherit
        }

        span.MsoHyperlinkFollowed {
            mso-style-priority: 99;
            color: inherit
        }

        #MessageViewBody,
        #MessageWebViewDiv {
            width: 100% !important
        }

        @media screen yahoo {
            * {
                overflow: visible !important;
            }

            .y-overflow-hidden {
                overflow: hidden !important;
            }

            .m_show {
                display: none;
            }
        }

        .columns {
            display: inline-block;
            text-align: center
        }

        #preheader {
            display: none
        }

        .m_show table {
            display: none
        }

        @media screen and (max-width:600px) {
            .quarter {
                width: 25% !important;
                max-width: 25% !important
            }

            .third {
                width: 33.333% !important;
                max-width: 33.333% !important
            }

            .second {
                width: 50% !important;
                max-width: 50% !important
            }

            .full {
                width: 100% !important;
                max-width: 100% !important
            }

            .m_hide {
                display: none !important
            }

            .m_show {
                display: table !important
            }

            .m_hide table {
                display: none !important
            }

            .m_show table {
                display: table !important
            }

            .geniuswrapper {
                width: 320px !important;
                padding: 0 !important
            }

            .geniuscontainer {
                width: 300px !important;
                padding: 0 !important
            }

            .geniusmobile {
                width: 300px !important;
                display: block !important;
                padding: 0 !important
            }

            .btn_table {
                display: table !important
            }

            .btn_td {
                display: block !important
            }
        }

        @media screen and (max-width:480px) {
            .quarter {
                width: 50% !important;
                max-width: 50% !important
            }

            .second,
            .third {
                width: 100% !important;
                max-width: 100% !important
            }
        }

        @media screen and (max-width: 600px) {
            .m_wrapper {
                padding: 0 10px !important;
            }
        }

        @media screen and (max-width: 480px) {
            .btn_table {
                width: auto !important;
            }

            .btn_td {
                display: block !important;
            }
        }
    </style>
</HEAD>

<BODY bgcolor="#ffffff" width="100%" style="margin:0;padding:0;-sg-mobile-margin:10px">
    <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation" bgcolor="#ffffff">
        <tr>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
            <td class="m_wrapper" bgcolor="#ffffff" style="width:600px">
                <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                    <tr>
                        <td valign="top" style="padding:4px;text-align:left">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                                <tr>
                                    <td bgcolor="#ffffff" style="word-wrap:break-word;word-break:normal">
                                        <style type="text/css">
                                            body,
                                            a,
                                            h1,
                                            h2,
                                            h3,
                                            h4,
                                            h5,
                                            h6,
                                            ul,
                                            li,
                                            p,
                                            span,
                                            td {
                                                font-family: Helvetica, 'Open Sans', Arial, Helvetica, sans-serif
                                            }

                                            .notes body,
                                            .notes a,
                                            .notes h1,
                                            .notes h2,
                                            .notes h3,
                                            .notes h4,
                                            .notes h5,
                                            .notes h6,
                                            .notes li,
                                            .notes p,
                                            .notes span,
                                            .notes td {
                                                font-family: Helvetica, 'Open Sans', Arial, Helvetica, sans-serif
                                            }

                                            body {
                                                padding: 0;
                                                margin: 0
                                            }

                                            a[x-apple-data-detectors] {
                                                color: inherit !important;
                                                text-decoration: none !important;
                                                font-size: inherit !important;
                                                font-family: inherit !important;
                                                font-weight: inherit !important;
                                                line-height: inherit !important
                                            }

                                            img {
                                                border: none;
                                                display: block
                                            }

                                            .amf-editor .preheader_text {
                                                display: block !important;
                                                visibility: visible !important
                                            }

                                            .amf-editor .hide_at_launch {
                                                display: block;
                                                visibility: visible;
                                                height: auto;
                                                line-height: inherit;
                                                overflow: auto
                                            }

                                            .amf-editor:hover .coloured_lines {
                                                min-height: 10px !important;
                                                font-size: 10px !important;
                                                line-height: 10px !important
                                            }

                                            .amf-editor .fadein .fadeitem {
                                                visibility: visible !important;
                                                -webkit-animation: none !important;
                                                -moz-animation: none !important;
                                                -o-animation: none !important;
                                                animation: none !important;
                                                opacity: 1 !important
                                            }

                                            .interactive_logo a img:hover {
                                                transition: all .2s ease-in-out;
                                                transform: scale(1.15);
                                                -webkit-transform: scale(1.15)
                                            }

                                            .rounded_corners th:hover {
                                                transition: all .7s ease;
                                                transform: scale(1.02);
                                                -webkit-transform: scale(1.02)
                                            }

                                            .read_more_link:hover {
                                                color: #009fda !important;
                                                transition: color .2s ease-in-out
                                            }

                                            .btn_shadow {
                                                box-shadow: 4px 3px 13px 0 #cacaca;
                                                -webkit-box-shadow: 4px 3px 13px 0 #cacaca;
                                                -moz-box-shadow: 4px 3px 13px 0 #cacaca
                                            }

                                            .border_button:hover {
                                                overflow: hidden
                                            }

                                            .border_button a:hover {
                                                text-shadow: 0 0 35px #000;
                                                transition: text-shadow .1s ease-in-out
                                            }

                                            .border_button a:hover span {
                                                text-shadow: 0 0 30px #000;
                                                transition: text-shadow .1s ease-in-out
                                            }

                                            @media only screen {
                                                .bg_mob {
                                                    background-color: #000
                                                }

                                                .carousel {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    position: relative
                                                }

                                                .carousel a:nth-child(2),
                                                .carousel a:nth-child(3),
                                                .fallback_carousel {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    overflow: visible !important
                                                }

                                                .carousel .repeater {
                                                    width: 100% !important;
                                                    display: block;
                                                    overflow: hidden
                                                }

                                                .carousel img,
                                                .carousel.responsive {
                                                    width: 310px !important
                                                }

                                                .carousel img {
                                                    display: block !important;
                                                    height: auto !important
                                                }

                                                .carousel.responsive .car-cont {
                                                    width: 310px !important;
                                                    height: auto !important
                                                }

                                                .carousel.effects a {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0
                                                }

                                                .carousel.effects a:nth-child(1) {
                                                    position: relative
                                                }

                                                .carousel.effects img {
                                                    -webkit-animation-duration: 12s;
                                                    -webkit-animation-timing-function: linear;
                                                    -webkit-animation-iteration-count: infinite
                                                }

                                                .carousel.effects a:nth-child(1) img {
                                                    -webkit-animation-delay: -16s
                                                }

                                                .carousel.effects a:nth-child(2) img {
                                                    -webkit-animation-delay: -12s
                                                }

                                                .carousel.effects a:nth-child(3) img {
                                                    -webkit-animation-delay: -8s
                                                }

                                                .carousel.effects img.pan-left {
                                                    -webkit-animation-name: effect-panleft
                                                }

                                                @-webkit-keyframes effect-panleft {
                                                    0% {
                                                        margin-left: 200%;
                                                        opacity: 1;
                                                        z-index: 0
                                                    }

                                                    61% {
                                                        margin-left: 200%;
                                                        opacity: 1;
                                                        z-index: 2
                                                    }

                                                    64% {
                                                        margin-left: 0;
                                                        opacity: 1;
                                                        z-index: 2
                                                    }

                                                    75% {
                                                        z-index: 0
                                                    }

                                                    95.44444% {
                                                        margin-left: 0;
                                                        opacity: 1;
                                                        z-index: 0
                                                    }

                                                    100%,
                                                    98.44444% {
                                                        opacity: 1;
                                                        margin-left: -200%;
                                                        z-index: 0
                                                    }
                                                }

                                                .fadein .fadeitem {
                                                    opacity: 0;
                                                    -webkit-animation: .5s fadeIn;
                                                    -moz-animation: .5s fadeIn;
                                                    -o-animation: .5s fadeIn;
                                                    animation: .5s fadeIn;
                                                    -webkit-animation-fill-mode: forwards;
                                                    -moz-animation-fill-mode: forwards;
                                                    -ms-animation-fill-mode: forwards;
                                                    -o-animation-fill-mode: forwards;
                                                    animation-fill-mode: forwards
                                                }

                                                .fadein .fadeitem:first-child {
                                                    -webkit-animation-delay: 2s;
                                                    -moz-animation-delay: 2s;
                                                    -ms-animation-delay: 2s;
                                                    -o-animation-delay: 2s;
                                                    animation-delay: 2s
                                                }

                                                .fadein .fadeitem:nth-child(2) {
                                                    -webkit-animation-delay: 2.5s;
                                                    -moz-animation-delay: 2.5s;
                                                    -ms-animation-delay: 2.5s;
                                                    -o-animation-delay: 2.5s;
                                                    animation-delay: 2.5s
                                                }

                                                .fadein .fadeitem:nth-child(3) {
                                                    -webkit-animation-delay: 3s;
                                                    -moz-animation-delay: 3s;

                                                    -ms-animation-delay: 3s;
                                                    -o-animation-delay: 3s;
                                                    animation-delay: 3s
                                                }

                                                .fadein .fadeitem:nth-child(4) {
                                                    -webkit-animation-delay: 3.5s;
                                                    -moz-animation-delay: 3.5s;
                                                    -ms-animation-delay: 3.5s;
                                                    -o-animation-delay: 3.5s;
                                                    animation-delay: 3.5s
                                                }

                                                @-webkit-keyframes fadeIn {
                                                    0% {
                                                        opacity: 0
                                                    }

                                                    100% {
                                                        opacity: 1
                                                    }
                                                }

                                                @-moz-keyframes fadeIn {
                                                    0% {
                                                        opacity: 0
                                                    }

                                                    100% {
                                                        opacity: 1
                                                    }
                                                }

                                                @-ms-keyframes fadeIn {
                                                    0% {
                                                        opacity: 0
                                                    }

                                                    100% {
                                                        opacity: 1
                                                    }
                                                }

                                                @-o-keyframes fadeIn {
                                                    0% {
                                                        opacity: 0
                                                    }

                                                    100% {
                                                        opacity: 1
                                                    }
                                                }

                                                @keyframes fadeIn {
                                                    0% {
                                                        opacity: 0
                                                    }

                                                    100% {
                                                        visibility: visible;
                                                        opacity: 1
                                                    }
                                                }
                                            }

                                            @media only screen and (max-width:649px) {

                                                .bg_mob2,
                                                .popup_img:before {
                                                    background-repeat: no-repeat
                                                }

                                                html {
                                                    -webkit-text-size-adjust: none
                                                }

                                                .wrapper {
                                                    width: 94%;
                                                    width: 94% !important;
                                                    padding-left: 3%;
                                                    padding-right: 3%
                                                }

                                                .fl,
                                                .no_hpad {
                                                    padding-left: 0 !important;
                                                    padding-right: 0 !important
                                                }

                                                .wrapper_full {
                                                    width: 100%;
                                                    width: 100% !important
                                                }

                                                .fl {
                                                    width: 100%;
                                                    width: 100% !important;
                                                    float: left;
                                                    height: auto
                                                }

                                                .full_image_mobile .full_image_target img,
                                                .full_img img {
                                                    width: 100% !important;
                                                    height: auto
                                                }

                                                .mob_none {
                                                    display: none !important
                                                }

                                                .full_image_mobile {
                                                    -amf-class-label: 'Full image on mobile'
                                                }

                                                .nopad {
                                                    padding: 0 !important
                                                }

                                                .bot_pad_10 {
                                                    padding-bottom: 10px !important
                                                }

                                                .logo_container:first-child {
                                                    padding-bottom: 20px !important
                                                }

                                                .button,
                                                .button td {
                                                    padding: 0 !important
                                                }

                                                .button {
                                                    text-align: center;
                                                    width: auto;
                                                    margin: auto;
                                                    float: none
                                                }

                                                .center,
                                                .center div {
                                                    text-align: center !important
                                                }

                                                .bg_mob2 {
                                                    width: 100% !important;
                                                    height: auto;
                                                    background-size: cover;
                                                    background-position: center top
                                                }

                                                .button td a {
                                                    display: block;
                                                    padding: 10px 40px;
                                                    margin: 0 auto
                                                }

                                                .center {
                                                    margin: 0 auto;
                                                    float: none !important
                                                }

                                                .center img {
                                                    display: block;
                                                    margin: auto
                                                }

                                                .automarg {
                                                    margin: 0 auto
                                                }

                                                .logo img {
                                                    width: 250px !important;
                                                    height: auto
                                                }

                                                .footer .social {
                                                    margin: auto;
                                                    float: none
                                                }

                                                .pad_logo {
                                                    padding: 10px 5px 0 !important
                                                }

                                                .rounded_corners th.space {
                                                    box-shadow: 0 0 0
                                                }

                                                .popup_container {
                                                    position: relative
                                                }

                                                .popup_img:before {
                                                    content: " +";
                                                    margin-left: 10px;
                                                    float: none;
                                                    text-align: right;
                                                    background-image: url(http://marketing.adestra.com/files/amf_adestra/workspace_4/Marketing_template_2018/zoom.png);
                                                    background-size: 20px;
                                                    background-position: top right;
                                                    display: block;
                                                    color: #fff;
                                                    font-size: 0 !important;
                                                    text-shadow: 3px 2px 3px rgba(0, 0, 0, .4);
                                                    position: absolute;
                                                    margin-top: 10px;
                                                    z-index: 27;
                                                    border-radius: 50%;
                                                    animation: pulse 2s infinite;
                                                    width: 20px;
                                                    height: 20px
                                                }

                                                .popup_img:hover {
                                                    position: absolute;
                                                    width: 100% !important;
                                                    left: 0;
                                                    z-index: 30
                                                }

                                                .popup_img:hover:before {
                                                    content: "Close (X)";
                                                    float: none;
                                                    text-align: center;
                                                    width: 80px;
                                                    position: relative;
                                                    display: block;
                                                    color: transparent;
                                                    text-shadow: 0 -40px 0 #fff;
                                                    background: 0 0;
                                                    animation: none;
                                                    padding: 0;
                                                    font-size: 16px !important;
                                                    letter-spacing: 1px;
                                                    font-weight: 400 !important;
                                                    margin: 0 auto;
                                                    height: 0
                                                }

                                                .popup_img:hover img {
                                                    transition: all 1s ease-in;
                                                    position: relative;
                                                    margin: auto;
                                                    display: block;
                                                    left: 0;
                                                    top: 50%;
                                                    transform: translate(0, 0) scale(1.1);
                                                    -webkit-transform: translate(0, 0) scale(1.1);
                                                    width: 300px !important;
                                                    max-width: 300px !important;
                                                    box-shadow: 4px 3px 13px 0 rgba(0, 0, 0, .7);
                                                    -webkit-box-shadow: 4px 3px 13px 0 rgba(0, 0, 0, .7);
                                                    -moz-box-shadow: 4px 3px 13px 0 rgba(0, 0, 0, .7);
                                                    border-radius: 20px;
                                                    -webkit-border-radius: 20px;
                                                    -moz-border-radius: 20px;
                                                    border: 3px solid #fff;
                                                    z-index: 31
                                                }

                                                .popup_img {
                                                    position: relative
                                                }

                                                .popup_img:hover+a {
                                                    content: "";
                                                    position: absolute;
                                                    height: 2000px;
                                                    width: 100% !important;
                                                    background: rgba(0, 0, 0, .7);
                                                    top: -150%;
                                                    left: 0;
                                                    display: block !important;
                                                    overflow: visible !important;
                                                    opacity: 1 !important;
                                                    z-index: 29;
                                                    box-shadow: 0 0 20px 1000px rgba(0, 0, 0, .7);
                                                    -webkit-box-shadow: 0 0 20px 1000px rgba(0, 0, 0, .7);
                                                    -moz-box-shadow: 0 0 20px 1000px rgba(0, 0, 0, .7)
                                                }

                                                .popup_img:hover+a:hover {
                                                    display: none !important
                                                }

                                                .body_colour_width {
                                                    width: 100%;
                                                    width: 100% !important;
                                                    -amf-attr: width="100%"
                                                }

                                                @-webkit-keyframes pulse {
                                                    0% {
                                                        -webkit-box-shadow: 0 0 0 0 rgba(153, 204, 51, .8)
                                                    }

                                                    70% {
                                                        -webkit-box-shadow: 0 0 0 10px rgba(153, 204, 51, 0)
                                                    }

                                                    100% {
                                                        -webkit-box-shadow: 0 0 0 0 rgba(153, 204, 51, 0)
                                                    }
                                                }

                                                @keyframes pulse {
                                                    0% {
                                                        -moz-box-shadow: 0 0 0 0 rgba(153, 204, 51, .8);
                                                        box-shadow: 0 0 0 0 rgba(153, 204, 51, .4)
                                                    }

                                                    70% {
                                                        -moz-box-shadow: 0 0 0 10px rgba(153, 204, 51, 0);
                                                        box-shadow: 0 0 0 10px rgba(153, 204, 51, 0)
                                                    }

                                                    100% {
                                                        -moz-box-shadow: 0 0 0 0 rgba(153, 204, 51, 0);
                                                        box-shadow: 0 0 0 0 rgba(153, 204, 51, 0)
                                                    }
                                                }

                                                #messageWebViewDiv .carousel.responsive,
                                                #secdiv .carousel.responsive {
                                                    overflow: visible !important;
                                                    height: auto !important;
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .popup_img:before,
                                                #secdiv .popup_img:before {
                                                    content: none !important
                                                }

                                                #messageWebViewDiv .popup_img:hover,
                                                #secdiv .popup_img:hover {
                                                    position: initial !important
                                                }

                                                #messageWebViewDiv .popup_img:hover img,
                                                #secdiv .popup_img:hover img {
                                                    position: initial;
                                                    transform: none !important;
                                                    -webkit-transform: none !important;
                                                    transition: none !important;
                                                    margin: auto !important;
                                                    display: block !important;
                                                    left: 0 !important;
                                                    top: 0 !important;
                                                    width: 100% !important;
                                                    max-width: none !important;
                                                    box-shadow: none !important;
                                                    -webkit-box-shadow: none !important;
                                                    -moz-box-shadow: none !important;
                                                    border-radius: 0 !important;
                                                    -webkit-border-radius: 0 !important;
                                                    -moz-border-radius: 0 !important;
                                                    border: none !important;
                                                    z-index: 0 !important
                                                }

                                                #messageWebViewDiv .popup_img:hover+a,
                                                #secdiv .popup_img:hover+a {
                                                    display: none !important;
                                                    content: none !important;
                                                    height: auto !important;
                                                    box-shadow: none !important;
                                                    background: 0 0 !important;
                                                    z-index: auto !important;
                                                    -webkit-box-shadow: none !important;
                                                    -moz-box-shadow: none !important
                                                }

                                                #messageWebViewDiv .carousel.effects a,
                                                #secdiv .carousel.effects a {
                                                    position: relative !important;
                                                    top: auto !important;
                                                    left: auto !important
                                                }

                                                #messageWebViewDiv .carousel.effects img,
                                                #secdiv .carousel.effects img {
                                                    animation: none !important;
                                                    -webkit-animation: none !important
                                                }

                                                #messageWebViewDiv .carousel.effects a:nth-child(1) img,
                                                #messageWebViewDiv .carousel.effects a:nth-child(2) img,
                                                #secdiv .carousel.effects a:nth-child(1) img,
                                                #secdiv .carousel.effects a:nth-child(2) img {
                                                    display: none !important
                                                }

                                                #messageWebViewDiv .carousel.effects a:nth-child(3) img,
                                                #secdiv .carousel.effects a:nth-child(3) img {
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .carousel.effects a:nth-child(1),
                                                #secidv .carousel.effects a:nth-child(1) {
                                                    position: relative !important
                                                }
                                            }

                                            @media only screen and (max-width:350px) {
                                                .popup_img:hover img {
                                                    width: 230px !important;
                                                    max-width: 230px !important
                                                }
                                            }

                                            @media all and (-ms-high-contrast:none),
                                            (-ms-high-contrast:active) {
                                                .fadein .fadeitem {
                                                    opacity: 1
                                                }
                                            }
                                        </style>
                                        <style type="text/css">
                                            body,
                                            h1,
                                            h2,
                                            h3,
                                            h4,
                                            h5,
                                            h6,
                                            li,
                                            p,
                                            th {
                                                padding: 0;
                                                margin: 0;
                                                font-weight: 400
                                            }

                                            body h1,
                                            body h2,
                                            body h3,
                                            body h4,
                                            body h5,
                                            body h6 {
                                                text-align: inherit
                                            }

                                            h1 {
                                                font-size: 30px;
                                                line-height: 34px;
                                                font-weight: 700
                                            }

                                            h2 {
                                                font-size: 20px;
                                                line-height: 26px
                                            }

                                            h3 {
                                                font-size: 17px;
                                                line-height: 23px
                                            }

                                            h4 {
                                                font-size: 12px;
                                                line-height: 15px
                                            }

                                            h5 {
                                                font-size: 11px;
                                                line-height: 14px
                                            }

                                            h6 {
                                                font-size: 10px;
                                                line-height: 12px
                                            }

                                            p {
                                                font-size: 16px;
                                                line-height: 19px
                                            }

                                            ul {
                                                padding: 0;
                                                margin: 0 0 0 20px
                                            }

                                            .hero_content td {
                                                color: #fff
                                            }

                                            .hero_content td.contents {
                                                padding-top: 10px
                                            }

                                            .padding_left {
                                                -amf-class-label: 'Padding left options'
                                            }

                                            .padding_left--on {
                                                -amf-class-label: 'Add padding left';
                                                padding-left: 20px
                                            }

                                            .padding_left--remove {
                                                -amf-class-label: 'Remove padding';
                                                padding-left: 0
                                            }

                                            .padding_right {
                                                -amf-class-label: 'Padding right options'
                                            }

                                            .padding_right--on {
                                                -amf-class-label: 'Add padding right';
                                                padding-right: 20px
                                            }

                                            .padding_right--remove {
                                                -amf-class-label: 'Remove padding';
                                                padding-right: 0
                                            }

                                            .padding_top {
                                                -amf-class-label: 'Padding options'
                                            }

                                            .padding_top--on {
                                                -amf-class-label: 'Add padding top';
                                                padding-top: 20px
                                            }

                                            .padding_top--remove {
                                                -amf-class-label: 'Remove padding';
                                                padding-top: 0
                                            }

                                            .padding_bottom {
                                                -amf-class-label: 'Padding options'
                                            }

                                            .padding_bottom--on {
                                                -amf-class-label: 'Add padding bottom';
                                                padding-bottom: 20px
                                            }

                                            .padding_bottom--remove {
                                                -amf-class-label: 'Remove padding';
                                                padding-bottom: 0
                                            }

                                            .image_padding--bottom_padding {
                                                -amf-class-label: 'Add bottom padding'
                                            }

                                            .image_padding--no_bottom_padding {
                                                -amf-class-label: 'Remove bottom padding'
                                            }

                                            .image_big_pad .image_padding--bottom_padding .image_padding_target {
                                                padding-bottom: 20px
                                            }

                                            .image_small_pad .image_padding--bottom_padding .image_padding_target {
                                                padding-bottom: 10px
                                            }

                                            .add_background_colour {
                                                -amf-class-label: 'Background Color and Padding'
                                            }

                                            .single_column_styles--with_background_rounded_corners {
                                                -amf-class-label: 'Rounded Corners'
                                            }

                                            .single_column_styles--without_background_rounded_corners {
                                                -amf-class-label: 'No Rounded Corners'
                                            }

                                            .add_background_colour--with_background {
                                                -amf-class-label: 'Use Background Colour'
                                            }

                                            .add_background_colour--without_background {
                                                -amf-class-label: 'No Background Colour or Corners'
                                            }

                                            .add_background_colour--with_background .background_padding_target,
                                            .single_column_styles--with_background_rounded_corners .background_padding_target {
                                                padding: 20px
                                            }

                                            .single_column_styles--with_background_rounded_corners {
                                                padding-bottom: 10px
                                            }

                                            .add_bottom_padding .add_bottom_padding_target,
                                            .add_bottom_padding .add_top_padding_target {
                                                padding-bottom: 20px
                                            }

                                            .rounded_corners th:not(.space),
                                            .single_column_styles--with_background_rounded_corners .background_padding_target {
                                                border-radius: 20px;
                                                -webkit-border-radius: 20px;
                                                -moz-border-radius: 20px;
                                                box-shadow: 3px 3px 5px #cacaca;
                                                -webkit-box-shadow: 3px 3px 5px #cacaca;
                                                -moz-box-shadow: 3px 3px 5px #cacaca;
                                                overflow: hidden;
                                                transition: all .7s ease-out
                                            }

                                            .rounded_corners.four_colums th {
                                                width: 133px
                                            }

                                            .rounded_corners.two_columns th {
                                                width: 295px
                                            }

                                            .single_column.add_background_colour--with_background .background_padding_target .full_img img {
                                                width: 610px;
                                                -amf-attr: width="610"
                                            }

                                            .single_column.add_background_colour--without_background .background_padding_target .full_img img {
                                                width: 650px;
                                                -amf-attr: width="650"
                                            }

                                            .add_bottom_padding {
                                                -amf-class-label: "Add Bottom Padding (inside module)"
                                            }

                                            .hide_at_launch {
                                                display: none;
                                                visibility: hidden;
                                                height: 0;
                                                line-height: 0;
                                                overflow: hidden
                                            }

                                            .rounded_corners .rounded_corner_padding {
                                                padding-left: 20px;
                                                padding-right: 20px
                                            }

                                            .button_alignment--align_button_left .social_icon_td,
                                            .left.two_col_pad_target {
                                                padding-right: 10px
                                            }

                                            .rounded_corners .rounded_corner_padding2 {
                                                padding-left: 10px;
                                                padding-right: 10px
                                            }

                                            .right.two_col_pad_target {
                                                padding-left: 15px
                                            }

                                            .rounded_button {
                                                border-radius: 20px !important;
                                                -webkit-border-radius: 20px !important;
                                                -moz-border-radius: 20px !important
                                            }

                                            .body_colour_width {
                                                width: 670px;
                                                -amf-attr: width="670"
                                            }

                                            .button td {
                                                background-color: inherit;
                                                line-height: normal
                                            }

                                            .button_alignment {
                                                -amf-class-label: 'Align button:'
                                            }

                                            .button_alignment--align_button_left {
                                                -amf-class-label: 'Left'
                                            }

                                            .button_alignment--align_button_center {
                                                -amf-class-label: 'Centre'
                                            }

                                            .button_alignment--align_button_right {
                                                -amf-class-label: 'Right'
                                            }

                                            .button_alignment--align_button_left .align_target {
                                                -amf-attr: align="left"
                                            }

                                            .button_alignment--align_button_center .align_target {
                                                -amf-attr: align="center"
                                            }

                                            .button_alignment--align_button_center .social_icon_td {
                                                padding-right: 5px;
                                                padding-left: 5px
                                            }

                                            .button_alignment--align_button_right .align_target {
                                                -amf-attr: align="right"
                                            }

                                            .button_alignment--align_button_right .social_icon_td {
                                                padding-left: 10px
                                            }

                                            .button_alignment--maximise_button {
                                                -amf-class-label: 'Maximise'
                                            }

                                            .button_alignment--maximise_button .border_button .button,
                                            .button_alignment--maximise_button .button {
                                                width: 100%
                                            }

                                            .button_alignment--maximise_button .border_button .button_logo,
                                            .button_alignment--maximise_button .button_logo {
                                                width: 100%
                                            }

                                            .add_top_padding .add_top_padding_target {
                                                padding-top: 20px
                                            }

                                            .additional_padding.fifteen {
                                                padding: 15px
                                            }

                                            .additional_padding.ten {
                                                padding: 10px
                                            }

                                            .title a {
                                                text-decoration: none;
                                                color: inherit
                                            }

                                            h4 a,
                                            h5 a,
                                            h6 a,
                                            ol a,
                                            p a,
                                            ul a {
                                                color: #009fda;
                                                font-weight: 700;
                                                text-decoration: none
                                            }

                                            h1 a,
                                            h2 a,
                                            h3 a {
                                                color: #0B141B
                                            }
                                        </style>
                                        <!--INTERACTIVE TABS STYLE-->
                                        <style type="text/css">
                                            .button_alignment--align_button_left .align_target>table {
                                                float: left
                                            }

                                            .button_alignment--align_button_center .align_target>table {
                                                float: none;
                                                margin: 0 auto
                                            }

                                            .button_alignment--align_button_right .align_target>table {
                                                float: right
                                            }

                                            .logo_alignment--align_logo_left .logo_container img {
                                                float: left
                                            }

                                            .logo_alignment--align_logo_center .logo_container img {
                                                float: none;
                                                margin: 0 auto
                                            }

                                            .logo_alignment--align_logo_right .logo_container img {
                                                float: right
                                            }

                                            .yahoo-img {
                                                display: none !important
                                            }

                                            .amf-editor .carousel_hero.effects_hero a {
                                                position: relative
                                            }

                                            .amf-editor .carousel_hero.effects_hero img {
                                                -webkit-animation: none !important
                                            }

                                            .amf-editor .interactive_logo a img:hover,
                                            .amf-editor .rounded_corners th:hover {
                                                -webkit-transform: none
                                            }

                                            [owa] .outlook_hide {
                                                display: none !important
                                            }

                                            .amf-editor .carousel_hero_2.effects_hero_2 a {
                                                position: relative
                                            }

                                            .amf-editor .carousel_hero_2.effects_hero_2 img {
                                                -webkit-animation: none !important
                                            }

                                            .amf-editor .carousel_hero_3.effects_hero_3 a {
                                                position: relative
                                            }

                                            .amf-editor .carousel_hero_3.effects_hero_3 img {
                                                -webkit-animation: none !important
                                            }

                                            [owa] .programmeContent,
                                            u+.body .gmail .programmeContent {
                                                display: block !important;
                                                visibility: visible !important;
                                                overflow: visible !important;
                                                max-height: none !important;
                                                opacity: 1 !important
                                            }

                                            #programmeTabsContainer,
                                            .aAU .body .gmail,
                                            .aAU .gmail,
                                            [owa] #programmeTabsContainer,
                                            [owa] input,
                                            input,
                                            u+.body .gmail,
                                            u+.body .gmail #programmeTabsContainer,
                                            u+.body .gmail #programmeTabsContainer label,
                                            u+.body .gmail .programmeContent,
                                            u+.body .gmail label span.programmeTab {
                                                display: block !important
                                            }

                                            @media screen yahoo {
                                                #programmeContentContainer {
                                                    display: block !important
                                                }

                                                .programmeContent,
                                                div.programmeContent-1,
                                                div.programmeContent-2,
                                                div.programmeContent-3,
                                                div.programmeContent-4 {
                                                    display: block !important;
                                                    visibility: visible !important;
                                                    overflow: visible !important;
                                                    max-height: none !important;
                                                    max-width: none !important;
                                                    opacity: 1 !important;
                                                    height: auto !important
                                                }
                                            }

                                            @media screen and (max-width:9999px) {

                                                input#tab1:checked~#programmeTabsContainer,
                                                input#tab2:checked~#programmeTabsContainer,
                                                input#tab3:checked~#programmeTabsContainer,
                                                input#tab4:checked~#programmeTabsContainer {
                                                    display: block !important
                                                }

                                                #programmeTabsContainer label span.programmeTab span {
                                                    background: #1CA8AF;
                                                    padding: 20px 0;
                                                    text-align: center;
                                                    color: #fff;
                                                    display: block;
                                                    width: 100%;
                                                    cursor: pointer
                                                }

                                                #programmeTabsContainer label span.programmeTab {
                                                    display: inline-block;
                                                    width: 24%
                                                }

                                                #programmeTabsContainer .two_tabs label span.programmeTab {
                                                    width: 49%
                                                }

                                                #programmeTabsContainer label span.programmeTab:hover span,
                                                input#tab1:checked~#programmeTabsContainer label[for=tab1] span.programmeTab span,
                                                input#tab2:checked~#programmeTabsContainer label[for=tab2] span.programmeTab span,
                                                input#tab3:checked~#programmeTabsContainer label[for=tab3] span.programmeTab span,
                                                input#tab4:checked~#programmeTabsContainer label[for=tab4] span.programmeTab span {
                                                    transition: background ease-in 50ms;
                                                    -webkit-transition: background ease-in 70ms;
                                                    -moz-transition: background ease-in 70ms;
                                                    -o-transition: background ease-in 70ms;
                                                    background: #009fda
                                                }

                                                .title_tab {
                                                    font-family: Helvetica, arial, sans-serif;
                                                    font-size: 14px !important;
                                                    line-height: 14px !important;
                                                    color: #fff !important;
                                                    display: block !important
                                                }

                                                .arrow {
                                                    display: block;
                                                    width: 10px;
                                                    height: 8px;
                                                    background-repeat: no-repeat;
                                                    background-image: none
                                                }

                                                #programmeTabsContainer label span.programmeTab:hover .arrow,
                                                input#tab1:checked~#programmeTabsContainer label[for=tab1] .arrow,
                                                input#tab2:checked~#programmeTabsContainer label[for=tab2] .arrow,
                                                input#tab3:checked~#programmeTabsContainer label[for=tab3] .arrow,
                                                input#tab4:checked~#programmeTabsContainer label[for=tab4] .arrow {
                                                    background-repeat: no-repeat;
                                                    background-image: url(http://future-publishing.msgfocus.com/files/amf_future_publishing/user_1/CP16109/arrow_active.png)
                                                }

                                                .programmeContent {
                                                    display: block !important;
                                                    visibility: visible !important;
                                                    overflow: hidden !important;
                                                    max-height: 0 !important;
                                                    opacity: 0
                                                }

                                                input#tab1:checked~#programmeContentContainer div.programmeContent-1,
                                                input#tab2:checked~#programmeContentContainer div.programmeContent-2,
                                                input#tab3:checked~#programmeContentContainer div.programmeContent-3,
                                                input#tab4:checked~#programmeContentContainer div.programmeContent-4 {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    max-width: none !important;
                                                    overflow: visible !important;
                                                    visibility: visible !important;
                                                    height: auto !important;
                                                    opacity: 1;
                                                    transition: opacity 1s ease-in;
                                                    -webkit-transition: opacity 1s ease-in;
                                                    -moz-transition: opacity 1s ease-in;
                                                    -o-transition: opacity 1s ease-in
                                                }
                                            }

                                            div[class~=aolmail_programmeContent] {
                                                display: block !important;
                                                visibility: visible !important;
                                                overflow: visible !important;
                                                max-height: none !important;
                                                opacity: 1 !important
                                            }

                                            input#tab1:checked~div[class~=aolmail_pTabs_AOL],
                                            input#tab2:checked~div[class~=aolmail_pTabs_AOL],
                                            input#tab3:checked~div[class~=aolmail_pTabs_AOL],
                                            input#tab4:checked~div[class~=aolmail_pTabs_AOL] {
                                                display: none !important;
                                                visibility: hidden !important;
                                                opacity: 0 !important;
                                                overflow: hidden !important;
                                                height: 0 !important
                                            }

                                            @media only screen and (max-width:425px) {
                                                .x-apple-transform-wrapper {
                                                    height: auto !important
                                                }

                                                input#tab1:checked~#programmeTabsContainer,
                                                input#tab2:checked~#programmeTabsContainer,
                                                input#tab3:checked~#programmeTabsContainer,
                                                input#tab4:checked~#programmeTabsContainer {
                                                    display: none !important
                                                }

                                                .extra-info,
                                                .header {
                                                    width: 100%;
                                                    float: left;
                                                    position: relative;
                                                    padding-top: 0 !important;
                                                    padding-bottom: 0 !important
                                                }

                                                .header .show,
                                                .header .show:hover+.hide {
                                                    text-decoration: none;
                                                    z-index: 20;
                                                    position: relative;
                                                    font-weight: 700;
                                                    padding: 16px 20px;
                                                    display: block !important;
                                                    float: left;
                                                    width: 80%;
                                                    font-size: 12px !important;
                                                    line-height: 18px !important;
                                                    color: #000;
                                                    background-color: #ebebeb
                                                }

                                                .header .show:first-child {
                                                    background: url(http://email.adestra.com/files/amf_adestra/workspace_4/Marketing_template_2018/icons.png) right -30px no-repeat
                                                }

                                                .header:first-child .hide {
                                                    position: absolute;
                                                    background: url(http://email.adestra.com/files/amf_adestra/workspace_4/Marketing_template_2018/icons.png) right 19px no-repeat
                                                }

                                                .content,
                                                table[class~=whiteBG] {
                                                    background-color: #fff
                                                }

                                                .content {
                                                    float: left !important;
                                                    width: 100%;
                                                    display: block !important;
                                                    clear: both !important;
                                                    transition: all .3s linear;
                                                    height: 0 !important;
                                                    overflow: hidden !important
                                                }

                                                .header,
                                                .row,
                                                .row td {
                                                    background-color: #ebebeb
                                                }

                                                .row td {
                                                    width: 100% !important;
                                                    float: left;
                                                    display: table-row;
                                                    padding: 10px 0;
                                                    min-width: 290px
                                                }

                                                .header {
                                                    border-bottom: 1px solid #ccc
                                                }

                                                .header a.show:hover {
                                                    background-image: none;
                                                    width: 65%
                                                }

                                                .header a.show:hover~.content {
                                                    height: auto !important;
                                                    opacity: 1
                                                }

                                                .programmeContent {
                                                    display: block !important;
                                                    visibility: visible !important;
                                                    overflow: visible !important;
                                                    max-height: none !important;
                                                    opacity: 1
                                                }

                                                .header a.hide:hover,
                                                .header a.show:hover {
                                                    opacity: 0;
                                                    display: none !important
                                                }

                                                u+.body .gmail .content {
                                                    height: 330px !important;
                                                    opacity: 1
                                                }

                                                u+.body .gmail .header a.show+.hide {
                                                    background-position: -1000px
                                                }

                                                u+.body .gmail .header a.hide {
                                                    display: none !important
                                                }

                                                .extra-info .show,
                                                .extra-info .show:hover+.hide {
                                                    text-decoration: none;
                                                    z-index: 20;
                                                    position: relative;
                                                    padding: 10px 15px;
                                                    display: block !important;
                                                    float: left;
                                                    width: 70%;
                                                    font-size: 12px !important;
                                                    line-height: 18px !important;
                                                    box-shadow: 4px 3px 13px 0 #cacaca;
                                                    -webkit-box-shadow: 4px 3px 13px 0 #cacaca;
                                                    -moz-box-shadow: 4px 3px 13px 0 #cacaca;
                                                    border-radius: 20px;
                                                    -webkit-border-radius: 20px;
                                                    -moz-border-radius: 20px;
                                                    border: 2px solid #9c3;
                                                    background-color: #009fda;
                                                    color: #fff
                                                }

                                                .extra-info .hide a,
                                                .extra-info .show a {
                                                    color: #fff
                                                }

                                                .extra-info {
                                                    text-align: center;
                                                    padding: 7px 0;
                                                    font-size: 15px
                                                }

                                                .extra-info p {
                                                    font-size: 13px;
                                                    line-height: 16px
                                                }

                                                .extra-info .hide {
                                                    position: absolute
                                                }

                                                .extra-info .show:before {
                                                    content: "Show ";
                                                    color: #fff
                                                }

                                                .extra-info .show:after {
                                                    content: " +";
                                                    color: #fff
                                                }

                                                .extra-info .show:hover+.hide:before {
                                                    content: "Hide ";
                                                    color: #fff
                                                }

                                                .extra-info .show:hover+.hide:after {
                                                    content: " -";
                                                    color: #fff
                                                }

                                                .extra-info a.show:hover~.content {
                                                    max-height: none;
                                                    height: auto !important;
                                                    opacity: 1;
                                                    transition: opacity .8s ease-in
                                                }

                                                .extra-info a.hide:hover,
                                                .extra-info a.show:hover {
                                                    display: none !important
                                                }

                                                .narrow_column {
                                                    width: 70px !important
                                                }

                                                .narrow_column td {
                                                    padding: 0 10px 0 0 !important
                                                }

                                                .amf-editor .header .show,
                                                .amf-editor .header .show:hover+.hide,
                                                .amf-editor .programmeContent a.hide {
                                                    text-decoration: none;
                                                    z-index: 20;
                                                    position: relative !important;
                                                    font-weight: 700;
                                                    padding: 16px 20px;
                                                    display: block !important;
                                                    float: left;
                                                    width: 100%;
                                                    font-size: 12px !important;
                                                    line-height: 18px !important;
                                                    color: #000;
                                                    background-color: #ebebeb
                                                }

                                                .amf-editor .header a.hide:hover,
                                                .amf-editor .header a.show:hover {
                                                    display: block !important;
                                                    opacity: 1 !important
                                                }
                                            }

                                            .amf-editor #programmeTabsContainer {
                                                display: block !important
                                            }

                                            .amf-editor .programmeContent {
                                                max-height: none !important;
                                                opacity: 1 !important
                                            }

                                            .amf-editor .carousel.effects a {
                                                position: relative
                                            }

                                            .amf-editor .carousel.effects img {
                                                -webkit-animation: none !important
                                            }

                                            @media only screen and (max-width:599px) {

                                                .carousel_hero_2 img,
                                                .carousel_hero_2.responsive_hero_2 .car-cont {
                                                    width: 100% !important;
                                                    height: auto !important
                                                }

                                                .carousel_hero_2 .repeater {
                                                    width: 100% !important;
                                                    display: block;
                                                    overflow: hidden
                                                }

                                                .carousel_hero_2 img {
                                                    display: block !important
                                                }

                                                .carousel_hero_2.responsive_hero_2 {
                                                    width: 100% !important
                                                }

                                                .carousel_hero img,
                                                .carousel_hero.responsive_hero .car-cont {
                                                    width: 100% !important;
                                                    height: auto !important
                                                }

                                                .carousel_hero .repeater {
                                                    width: 100% !important;
                                                    display: block;
                                                    overflow: hidden
                                                }

                                                .carousel_hero img {
                                                    display: block !important
                                                }

                                                .carousel_hero.responsive_hero {
                                                    width: 100% !important
                                                }

                                                .carousel_hero_3 img,
                                                .carousel_hero_3.responsive_hero_3 .car-cont {
                                                    width: 100% !important;
                                                    height: auto !important
                                                }

                                                .carousel_hero_3 .repeater {
                                                    width: 100% !important;
                                                    display: block;
                                                    overflow: hidden
                                                }

                                                .carousel_hero_3 img {
                                                    display: block !important
                                                }

                                                .carousel_hero_3.responsive_hero_3 {
                                                    width: 100% !important
                                                }
                                            }

                                            @media only screen {
                                                .carousel_hero_2 {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    position: relative
                                                }

                                                .carousel_hero_2 a:nth-child(2),
                                                .carousel_hero_2 a:nth-child(3),
                                                .carousel_hero_2 a:nth-child(4),
                                                .fallback_carousel_hero_2 {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    overflow: visible !important
                                                }

                                                .carousel_hero_2 .repeater {
                                                    width: 100% !important;
                                                    display: block;
                                                    overflow: hidden
                                                }

                                                .carousel_hero_2 img {
                                                    display: block !important;
                                                    width: 650px;
                                                    height: auto
                                                }

                                                .carousel_hero_2.responsive_hero_2 {
                                                    width: 650px
                                                }

                                                .carousel_hero_2.responsive_hero_2 .car-cont {
                                                    width: 650px;
                                                    height: auto
                                                }

                                                .carousel_hero_2.effects_hero_2 a {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0
                                                }

                                                .carousel_hero_2.effects_hero_2 a:nth-child(1) {
                                                    position: relative
                                                }

                                                .carousel_hero_2.effects_hero_2 img {
                                                    -webkit-animation-duration: 12s;
                                                    -webkit-animation-timing-function: linear;
                                                    -webkit-animation-iteration-count: infinite
                                                }

                                                .carousel_hero_2.effects_hero_2 a:nth-child(1) img {
                                                    -webkit-animation-delay: -16s
                                                }

                                                .carousel_hero_2.effects_hero_2 a:nth-child(2) img {
                                                    -webkit-animation-delay: -12s
                                                }

                                                .carousel_hero_2.effects_hero_2 a:nth-child(3) img {
                                                    -webkit-animation-delay: -8s
                                                }

                                                .carousel_hero_2.effects_hero_2 a:nth-child(4) img {
                                                    -webkit-animation-delay: -4s
                                                }

                                                .carousel_hero_2.effects_hero_2 img.pan-left {
                                                    -webkit-animation-name: effect-panleft
                                                }

                                                #messageWebViewDiv .carousel_hero_2.responsive_hero_2,
                                                #secdiv .carousel_hero_2.responsive_hero_2 {
                                                    overflow: visible !important;
                                                    height: auto !important;
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .carousel_hero_2.effects_hero_2 a,
                                                #secdiv .carousel_hero_2.effects_hero_2 a {
                                                    position: relative !important;
                                                    top: auto !important;
                                                    left: auto !important
                                                }

                                                #messageWebViewDiv .carousel_hero_2.effects_hero_2 img,
                                                #secdiv .carousel_hero_2.effects_hero_2 img {
                                                    animation: none !important;
                                                    -webkit-animation: none !important
                                                }

                                                #messageWebViewDiv .carousel_hero_2.effects_hero_2 a:nth-child(1) img,
                                                #messageWebViewDiv .carousel_hero_2.effects_hero_2 a:nth-child(2) img,
                                                #messageWebViewDiv .carousel_hero_2.effects_hero_2 a:nth-child(3) img,
                                                #secdiv .carousel_hero_2.effects_hero_2 a:nth-child(1) img,
                                                #secdiv .carousel_hero_2.effects_hero_2 a:nth-child(2) img,
                                                #secdiv .carousel_hero_2.effects_hero_2 a:nth-child(3) img {
                                                    display: none !important
                                                }

                                                #messageWebViewDiv .carousel_hero_2.effects_hero_2 a:nth-child(4) img,
                                                #secdiv .carousel_hero_2.effects_hero_2 a:nth-child(4) img {
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .carousel_hero_2.effects_hero_2 a:nth-child(1),
                                                #secidv .carousel_hero_2.effects_hero_2 a:nth-child(1) {
                                                    position: relative !important
                                                }

                                                .carousel_hero {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    position: relative
                                                }

                                                .carousel_hero a:nth-child(2),
                                                .carousel_hero a:nth-child(3),
                                                .fallback_carousel_hero {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    overflow: visible !important
                                                }

                                                .carousel_hero .repeater {
                                                    width: 100% !important;
                                                    display: block;
                                                    overflow: hidden
                                                }

                                                .carousel_hero img {
                                                    display: block !important;
                                                    width: 650px;
                                                    height: auto
                                                }

                                                .carousel_hero.responsive_hero {
                                                    width: 650px
                                                }

                                                .carousel_hero.responsive_hero .car-cont {
                                                    width: 650px;
                                                    height: auto
                                                }

                                                .carousel_hero.effects_hero a {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0
                                                }

                                                .carousel_hero.effects_hero a:nth-child(1) {
                                                    position: relative
                                                }

                                                .carousel_hero.effects_hero img {
                                                    -webkit-animation-duration: 12s;
                                                    -webkit-animation-timing-function: linear;
                                                    -webkit-animation-iteration-count: infinite
                                                }

                                                .carousel_hero.effects_hero a:nth-child(1) img {
                                                    -webkit-animation-delay: -16s
                                                }

                                                .carousel_hero.effects_hero a:nth-child(2) img {
                                                    -webkit-animation-delay: -12s
                                                }

                                                .carousel_hero.effects_hero a:nth-child(3) img {
                                                    -webkit-animation-delay: -8s
                                                }

                                                .carousel_hero.effects_hero img.pan-left {
                                                    -webkit-animation-name: effect-panleft
                                                }

                                                @-webkit-keyframes effect-panleft {
                                                    0% {
                                                        margin-left: 200%;
                                                        opacity: 1;
                                                        z-index: 0
                                                    }

                                                    61% {
                                                        margin-left: 200%;
                                                        opacity: 1;
                                                        z-index: 2
                                                    }

                                                    64% {
                                                        margin-left: 0;
                                                        opacity: 1;
                                                        z-index: 2
                                                    }

                                                    75% {
                                                        z-index: 0
                                                    }

                                                    95.44444% {
                                                        margin-left: 0;
                                                        opacity: 1;
                                                        z-index: 0
                                                    }

                                                    100%,
                                                    98.44444% {
                                                        opacity: 1;
                                                        margin-left: -200%;
                                                        z-index: 0
                                                    }
                                                }

                                                #messageWebViewDiv .carousel_hero .responsive_hero,
                                                #secdiv .carousel_hero .responsive_hero {
                                                    overflow: visible !important;
                                                    height: auto !important;
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .carousel_hero.effects_hero a,
                                                #secdiv .carousel_hero.effects_hero a {
                                                    position: relative !important;
                                                    top: auto !important;
                                                    left: auto !important
                                                }

                                                #messageWebViewDiv .carousel_hero.effects_hero img,
                                                #secdiv .carousel_hero.effects_hero img {
                                                    animation: none !important;
                                                    -webkit-animation: none !important
                                                }

                                                #messageWebViewDiv .carousel_hero.effects_hero a:nth-child(1) img,
                                                #messageWebViewDiv .carousel_hero.effects_hero a:nth-child(2) img,
                                                #secdiv .carousel_hero.effects_hero a:nth-child(1) img,
                                                #secdiv .carousel_hero.effects_hero a:nth-child(2) img {
                                                    display: none !important
                                                }

                                                #messageWebViewDiv .carousel_hero.effects_hero a:nth-child(3) img,
                                                #secdiv .carousel_hero.effects_hero a:nth-child(3) img {
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .carousel_hero.effects_hero a:nth-child(1),
                                                #secidv .carousel_hero.effects_hero a:nth-child(1) {
                                                    position: relative !important
                                                }

                                                .carousel_hero_3 {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    position: relative
                                                }

                                                .carousel_hero_3 a:nth-child(2),
                                                .carousel_hero_3 a:nth-child(3),
                                                .carousel_hero_3 a:nth-child(4),
                                                .carousel_hero_3 a:nth-child(5),
                                                .fallback_carousel_hero_3 {
                                                    display: block !important;
                                                    max-height: none !important;
                                                    overflow: visible !important
                                                }

                                                .carousel_hero_3 .repeater {
                                                    width: 100% !important;
                                                    display: block;
                                                    overflow: hidden
                                                }

                                                .carousel_hero_3 img {
                                                    display: block !important;
                                                    width: 650px;
                                                    height: auto
                                                }

                                                .carousel_hero_3.responsive_hero_3 {
                                                    width: 650px
                                                }

                                                .carousel_hero_3.responsive_hero_3 .car-cont {
                                                    width: 650px;
                                                    height: auto
                                                }

                                                .carousel_hero_3.effects_hero_3 a {
                                                    position: absolute;
                                                    top: 0;
                                                    left: 0
                                                }

                                                .carousel_hero_3.effects_hero_3 a:nth-child(1) {
                                                    position: relative
                                                }

                                                .carousel_hero_3.effects_hero_3 img {
                                                    -webkit-animation-duration: 12s;
                                                    -webkit-animation-timing-function: linear;
                                                    -webkit-animation-iteration-count: infinite
                                                }

                                                .carousel_hero_3.effects_hero_3 a:nth-child(1) img {
                                                    -webkit-animation-delay: -16s
                                                }

                                                .carousel_hero_3.effects_hero_3 a:nth-child(2) img {
                                                    -webkit-animation-delay: -12s
                                                }

                                                .carousel_hero_3.effects_hero_3 a:nth-child(3) img {
                                                    -webkit-animation-delay: -8s
                                                }

                                                .carousel_hero_3.effects_hero_3 a:nth-child(4) img {
                                                    -webkit-animation-delay: -4s
                                                }

                                                .carousel_hero_3.effects_hero_3 a:nth-child(5) img {
                                                    -webkit-animation-delay: 0s
                                                }

                                                .carousel_hero_3.effects_hero_3 img.pan-left {
                                                    -webkit-animation-name: effect-panleft
                                                }

                                                #messageWebViewDiv .carousel_hero_3.responsive_hero_3,
                                                #secdiv .carousel_hero_3.responsive_hero_3 {
                                                    overflow: visible !important;
                                                    height: auto !important;
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 a,
                                                #secdiv .carousel_hero_3.effects_hero_3 a {
                                                    position: relative !important;
                                                    top: auto !important;
                                                    left: auto !important
                                                }

                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 img,
                                                #secdiv .carousel_hero_3.effects_hero_3 img {
                                                    animation: none !important;
                                                    -webkit-animation: none !important
                                                }

                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 a:nth-child(1) img,
                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 a:nth-child(2) img,
                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 a:nth-child(3) img,
                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 a:nth-child(4) img,
                                                #secdiv .carousel_hero_3.effects_hero_3 a:nth-child(1) img,
                                                #secdiv .carousel_hero_3.effects_hero_3 a:nth-child(2) img,
                                                #secdiv .carousel_hero_3.effects_hero_3 a:nth-child(3) img,
                                                #secdiv .carousel_hero_3.effects_hero_3 a:nth-child(4) img {
                                                    display: none !important
                                                }

                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 a:nth-child(5) img,
                                                #secdiv .carousel_hero_3.effects_hero_3 a:nth-child(5) img {
                                                    display: block !important
                                                }

                                                #messageWebViewDiv .carousel_hero_3.effects_hero_3 a:nth-child(1),
                                                #secidv .carousel_hero_3.effects_hero_3 a:nth-child(1) {
                                                    position: relative !important
                                                }
                                            }
                                        </style>
                                        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="background-color:#ffffff;table-layout:fixed; max-width:650px;">
                                            <tr>
                                                <td align="center">
                                                    <!--Wrapper: Start -->
                                                    <table style="font-family: arial; color: #ffffff; max-width:650px;" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" class="m_100">
                                                        <tbody>
                                                            <tr>
                                                             
                                                              
                                                            </tr>
                                                            <tr>
                                                                <td align="center" bgcolor="#ffffff" class="centered"><a style="text-decoration:none" rel="noopener noreferrer" href="https://www.homebuildingshow.co.uk/"><img style="max-width:100%;display:block;" width="650" border="0" alt="Homebuilding & Renovating Shows" src="https://futureplc.slgnt.eu/Portal/ResourceHandler/86a25482-53a5-42f6-af24-c939d0afab60/resource/logos/xhrs-logo-large-generic.gif" /></a></td>
                                                            </tr>
                                                            <tr>
                                                                <td height="8" align="center" bgcolor="#ffffff" class="centered" style="font-family: arial;font-size:8px;line-height:8px;">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td height="50" align="center" bgcolor="#ffffff" class="centered" style="font-family: arial;font-size:19px;line-height:27px; color:#111111; border-top:thin; border-top-color:#333333; border-top-style:solid;border-bottom:thin; border-bottom-color:#333333; border-bottom-style:solid;"><strong>28-29 June 2025 </strong>| Sandown Park, Surrey</td>
                                                            </tr>
                                                            <tr>
                                                                <td height="8" align="center" bgcolor="#ffffff" class="centered" style="font-family: arial;font-size:8px;line-height:8px;">&nbsp;</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation" bgcolor="#ffffff">
        <tr>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
            <td class="m_wrapper" bgcolor="#ffffff" style="width:600px">
                <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                    <tr>
                        <td valign="top" style="padding:4px;text-align:left">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                                <tr>
                                    <td bgcolor="#ffffff" style="word-wrap:break-word;word-break:normal">
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%">
                                            <tr>
                                                <td align="center"><a href="https://registration.homebuildingshow.co.uk/Visitor/Index/HomeBuildingSurrey.aspx?PageNo=1&TrackingCode=" rel="noopener noreferrer" target="_blank" style="text-decoration:none;cursor:default"><img id="OWATemporaryImageDivContainer1" src="https://futureplc.slgnt.eu/images/SMC/.org/e44eef15-caae-4b12-8c7d-0341d57cf00b/Glasgow25/NEC.0381_email-templates_pop_2_600x400_v2.gif" alt="Get your 2 free tickets worth £24*" border="0" class="full" width="592" style="max-width:100%;display:block;width:592px" /></a></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation" bgcolor="#ffffff">
        <tr>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
            <td class="m_wrapper" bgcolor="#ffffff" style="width:600px">
                <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                    <tr>
                        <td valign="top" style="padding:4px;text-align:left">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                                <tr>
                                    <td bgcolor="#ffffff" style="word-wrap:break-word;word-break:normal">
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%">
                                            <tr>
                                                <td style="font-family:Arial;font-size:12px;color:#000000;font-weight:normal;word-wrap:break-word;word-break:normal;text-align:left">
                                                    <div style="text-align:center;padding:10px;"><span style="text-align:left;color:#505050;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:22px;"></span><span style="text-align:center;color:#23aadd;font-family:Arial, Helvetica, sans-serif;font-size:22px;line-height:26px;"><strong>An unmissable day for renovators and self-builders</strong></span><br /><br /><span style="text-align:center;color:#505050;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:22px;">We're excited to invite you to the <strong>Southern Homebuilding &amp; Renovating Show</strong> this <strong>June</strong> from the <strong>28 – 29 </strong>at <strong> Sandown Park</strong>, <strong>Surrey</strong>. As our valued customer, we're offering you <strong><a href="https://registration.homebuildingshow.co.uk/Visitor/Index/HomeBuildingSurrey.aspx?PageNo=1&TrackingCode=" style="text-decoration:underline;color:#23aadd;">2 FREE tickets</a></strong>, worth £24*.<br /><br />🛠️ Get expert advice, fresh ideas, and exclusive deals on:
                                                            <br />✔️ Renovation &amp; extension solutions<br />✔️ Self-build projects &amp; planning advice<br />✔️ Interior &amp; exterior design inspiration<br />✔️ The latest home tech &amp; sustainable innovations<br /><br />Come and visit us at <strong>[Your Stand Name &amp; Number]</strong> – we’d love to chat about your next project!
                                                        </span></div>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation" bgcolor="#ffffff">
        <tr>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
            <td class="m_wrapper" bgcolor="#ffffff" style="width:600px">
                <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                    <tr>
                        <td valign="top" style="padding:4px;text-align:left">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                                <tr>
                                    <td bgcolor="#ffffff" style="word-wrap:break-word;word-break:normal">
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%">
                                            <tr>
                                                <td align="center"><a href="https://registration.homebuildingshow.co.uk/Visitor/Index/HomeBuildingSurrey.aspx?PageNo=1&TrackingCode=" rel="noopener noreferrer" target="_blank" style="text-decoration:none;cursor:default"><img id="OWATemporaryImageDivContainer1" src="https://futureplc.slgnt.eu/images/SMC/.org/e44eef15-caae-4b12-8c7d-0341d57cf00b/Edinburgh%20LIVE/EDI.0043.Email-graphics-button-2-free.gif" alt="Get your 2 free tickets worth £24*" border="0" class="full" width="592" style="max-width:100%;display:block;width:592px" /></a></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation" bgcolor="#ffffff">
        <tr>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
            <td class="m_wrapper" bgcolor="#ffffff" style="width:600px">
                <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                    <tr>
                        <td valign="top" style="padding:4px;text-align:left">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                                <tr>
                                    <td bgcolor="#ffffff" style="word-wrap:break-word;word-break:normal">
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%">
                                            <tr>
                                                <td height="20" style="line-height:20px;height:20px"><img alt="" border="0" src="https://futureplc.slgnt.eu/Portal/resourcehandler/static/x.png" height="20" style="display:block;height:20px" /></td>
                                            </tr>
                                        </table>
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%" style="display:table">
                                            <tr>
                                                <td style="font-family:Arial;font-size:12px;color:#000000;font-weight:normal;word-wrap:break-word;word-break:normal;width:100%;text-align:left">
                                                    <div style="text-align:center;"><span style="text-align:center;color:#505050;font-size:10px;line-height:16px;">*Saving based on two standard full priced tickets at £12 per ticket. Children aged 16 and under go free. Offer expires 3pm 27 June.</span></div>
                                                </td>
                                            </tr>
                                        </table>
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%">
                                            <tr>
                                                <td height="20" style="line-height:20px;height:20px"><img alt="" border="0" src="https://futureplc.slgnt.eu/Portal/resourcehandler/static/x.png" height="20" style="display:block;height:20px" /></td>
                                            </tr>
                                        </table>
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%">
                                            <tr>
                                                <td height="10" style="line-height:10px;height:10px"><img alt="" border="0" src="https://futureplc.slgnt.eu/Portal/resourcehandler/static/x.png" height="10" style="display:block;height:10px" /></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation" bgcolor="#ffffff">
        <tr>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
            <td class="m_wrapper" bgcolor="#ffffff" style="width:600px">
                <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                    <tr>
                        <td valign="top" style="padding:4px;text-align:left">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" role="presentation">
                                <tr>
                                    <td bgcolor="#ffffff" style="word-wrap:break-word;word-break:normal">
                                        <table cellpadding="0" cellspacing="0" border="0" role="presentation" width="100%">
                                            <tr>
                                                <td height="5" style="line-height:5px;height:5px"><img alt="" border="0" src="https://futureplc.slgnt.eu/Portal/resourcehandler/static/x.png" height="5" style="display:block;height:5px" /></td>
                                            </tr>
                                        </table>
                                        <table style="background-color: #ffffff; table-layout: fixed;" border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
                                            <tbody>
                                                <tr>
                                                    <td style="padding: 0 0 0 0;" align="center">
                                                        <table style="border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 18px; padding: 10px 10px;" align="center"><img style="height: 46px; width: 100px;" src="https://futureplc.slgnt.eu/Portal/ResourceHandler/86a25482-53a5-42f6-af24-c939d0afab60/resource/logos/future-logo-whitebg.png" alt="Future Logo" /><br /><br />&#169; Future Publishing Limited. Reg No. 2008885 England. Quay House, The Ambury, Bath BA1 1UA.
                                                                        <br /><br />This email is intended for
                                                                        <a href="mailto:paddy_duffy@hotmail.com" style="color: #000000; text-decoration: none;" rel="noopener" target="_blank">paddy_duffy@hotmail.com</a><br />To unsubscribe from Homebuilding & Renovating Show emails or update your email preferences, please
                                                                        <a href="https://futureplc.slgnt.eu/optiext/optiextension.dll?ID=3GhBVsPfMLRd5PV%2B5cTFS2k2BECq0OGlSCopIFbRDSL1t02rJ_yT2%2B5ak9NbAVg7ibqleM4NLkKGtxXe5YSRB1ig39" style="color:#000000;" target="_blank" unsubscribe-link="true">click here</a>.<br /><br /><a href="https://www.futureplc.com/privacy-policy/" style="color: #000000;" title="Privacy" rel="noopener" target="_blank" data-saferedirecturl="https://www.futureplc.com/privacy-policy/">Privacy Policy</a> |
                                                                        <a href="https://www.futureplc.com/cookies-policy/" style="color: #000000;" title="Cookies" rel="noopener" target="_blank" data-saferedirecturl="https://www.futureplc.com/cookies-policy/">Cookies Policy</a> |
                                                                        <a href="https://www.futureplc.com/terms-conditions/" style="color: #000000;" title="Terms and Conditions" rel="noopener" target="_blank" data-saferedirecturl="https://www.futureplc.com/terms-conditions/">Terms and Conditions</a>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="m_hide" style="font-size:0; line-height:1px; height:1px;" height="1">&nbsp;</td>
        </tr>
    </table><a href="https://futureplc.slgnt.eu/optiext/optiextension.dll?ID=KLvO3k_d4XeO0Xkd0cLxckUmw0ZQrEe_GPgo4XM5u8jeZOO5wYohDr3BRSI2Vqf7GvX9vEr2%2Baqj13NjmKTXtr1KKm" style="display:none">&nbsp;</a>
</BODY>

</HTML>
 

Show Sponsors & Partners

Our Brands