2 Replies Latest reply on May 17, 2017 2:49 PM by Laura Kimball

    Need help re-aligning text boxes in email template

    Laura Kimball

      Hello,

       

      I am having trouble moving a couple of text boxes to a certain spot. Can someone please help? Please see screenshot below.Changes to email code.jpg

       

      I'm also providing the code here:

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <html xmlns="http://www.w3.org/1999/xhtml" style="width: 100%;">

        <head>

          <!-- Marketo Variable Definitions -->

          <meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#cdccc7" />

          <meta class="mktoColor" id="headerBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoColor" id="headerBorderColor" mktoname="Module Border Border Color" default="#facb10" />

          <meta class="mktoNumber" id="headerBorderSize" mktoname="Module Border Border Width" default="7" min="0" max="20" units="px" step="1" />

          <meta class="mktoNumber" id="headerSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="headerSpacer2" mktoname="Spacer Below Right Image" default="5" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="headerSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoImg" id="heroBackgroundImage" mktoname="Background Image" default="http://templates.marketo.net/newsletter4/bg-hero.jpg" />

          <meta class="mktoColor" id="heroBackgroundColor" mktoname="Module Background" default="#f6f6f6" />

          <meta class="mktoColor" id="heroButtonBackgroundColor" mktoname="Button Background Color" default="#facb10" />

          <meta class="mktoColor" id="heroBorderColor" mktoname="Button Border Color" default="#facb10" />

          <meta class="mktoNumber" id="heroBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoString" id="heroLinkText" mktoname="Button Text" default="GO TO WEBSITE" />

          <meta class="mktoString" id="heroLink" mktoname="Button Link" default="http://mylink" />

          <meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#eeeeee" />

          <meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Image" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="titleSpacer3" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="titleSpacer4" mktoname="Spacer Below Subtitle" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="titleButtonBackgroundColor" mktoname="Button Background Color" default="#facb10" />

          <meta class="mktoColor" id="titleBorderColor" mktoname="Button Border Color" default="#facb10" />

          <meta class="mktoNumber" id="titleBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoNumber" id="titleSpacer5" mktoname="Bottom Spacer" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoString" id="titleLinkText" mktoname="Button Text" default="CONTACT US" />

          <meta class="mktoString" id="titleLink" mktoname="Button Link" default="http://mylink" />

          <meta class="mktoColor" id="twoArticlesBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoNumber" id="twoArticlesSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="twoArticlesSpacer2" mktoname="Spacer Below Left Image" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="twoArticlesSpacer3" mktoname="Spacer Below Left Article title" default="25" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="twoArticlesSpacer4" mktoname="Spacer Below Left Text" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="twoArticlesButtonBackgroundColor" mktoname="Left Button Background Color" default="#facb10" />

          <meta class="mktoColor" id="twoArticlesBorderColor" mktoname="Left Button Border Color" default="#facb10" />

          <meta class="mktoNumber" id="twoArticlesBorderSize" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoNumber" id="twoArticlesSpacer5" mktoname="Spacer Below Right Image" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="twoArticlesSpacer6" mktoname="Spacer Below Right Article title" default="25" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="twoArticlesSpacer7" mktoname="Spacer Below Right Text" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="twoArticlesButtonBackgroundColor2" mktoname="Right Button Background Color" default="#facb10" />

          <meta class="mktoColor" id="twoArticlesBorderColor2" mktoname="Right Button Border Color" default="#facb10" />

          <meta class="mktoNumber" id="twoArticlesBorderSize2" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoNumber" id="twoArticlesSpacer8" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoString" id="twoArticlesLinkText" mktoname="Left Button Text" default="READ MORE" />

          <meta class="mktoString" id="twoArticlesLink" mktoname="Left Button Link" default="http://mylink" />

          <meta class="mktoString" id="twoArticlesLinkText2" mktoname="Right Button Text" default="READ MORE" />

          <meta class="mktoString" id="twoArticlesLink2" mktoname="Right Button Link" default="http://mylink" />

          <meta class="mktoColor" id="textimagePostBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoNumber" id="textimagePostSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="textimagePostSpacer2" mktoname="Spacer Below Image" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="textimagePostSpacer3" mktoname="Spacer Below Title" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="textimagePostSpacer4" mktoname="Spacer Below Text" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="textimagePostButtonBackgroundColor" mktoname="Button Background Color" default="#facb10" />

          <meta class="mktoColor" id="textimagePostBorderColor" mktoname="Button Border Color" default="#facb10" />

          <meta class="mktoNumber" id="textimagePostBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoNumber" id="textimagePostSpacer5" mktoname="Bottom Spacer" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoString" id="textimagePostLinkText" mktoname="Button Text" default="READ MORE" />

          <meta class="mktoString" id="textimagePostLink" mktoname="Button Link" default="http://mylink" />

          <meta class="mktoColor" id="teamBackgroundColor" mktoname="Module Background" default="#dddddd" />

          <meta class="mktoNumber" id="teamSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="teamSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="teamBackgroundColor2" mktoname="Left Boxed content" default="#ffffff" />

          <meta class="mktoColor" id="teamBackgroundColor3" mktoname="Center Boxed content" default="#ffffff" />

          <meta class="mktoColor" id="teamBackgroundColor4" mktoname="Right Boxed content" default="#ffffff" />

          <meta class="mktoColor" id="contactsBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoNumber" id="contactsSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="contactsSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="contactsSpacer3" mktoname="Spacer Below Subtitle" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="contactsSpacer4" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoString" id="contactsLinkText" mktoname="Center Link Text" default="info@mailsalad.com" />

          <meta class="mktoString" id="contactsLink" mktoname="Center Link" default="http://mylink" />

          <meta class="mktoString" id="contactsLinkText2" mktoname="Center Link Text" default="support@mailsalad.com" />

          <meta class="mktoString" id="contactsLink2" mktoname="Center Link" default="http://mylink" />

          <meta class="mktoColor" id="separatorBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoColor" id="separatorColor" mktoname="Separator Color" default="#facb10" />

          <meta class="mktoNumber" id="separatorSize" mktoname="Separator Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoColor" id="freeImageBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoNumber" id="freeImageSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="freeImageSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="freeTextBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoNumber" id="freeTextSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="freeTextSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="callToActionBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoNumber" id="callToActionSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoColor" id="callToActionButtonBackgroundColor" mktoname="Button Background Color" default="#facb10" />

          <meta class="mktoColor" id="callToActionBorderColor" mktoname="Button Border Color" default="#facb10" />

          <meta class="mktoNumber" id="callToActionBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoNumber" id="callToActionSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" />

          <meta class="mktoString" id="callToActionLinkText" mktoname="Button Text" default="CALL TO ACTION" />

          <meta class="mktoString" id="callToActionLink" mktoname="Button Link" default="http://mylink" />

          <meta class="mktoColor" id="socialBackgroundColor" mktoname="Module Background" default="#ffffff" />

          <meta class="mktoNumber" id="socialSpacer" mktoname="Top Spacer" default="15" min="1" max="300" units="px" step="1" />

          <meta class="mktoNumber" id="socialSpacer2" mktoname="Bottom Spacer" default="15" min="1" max="300" units="px" step="1" />

          <meta class="mktoString" id="socialLink" mktoname="Facebook Icon Link" default="http://mylink" />

          <meta class="mktoString" id="socialLink2" mktoname="Twitter Icon Link" default="http://mylink" />

          <meta class="mktoString" id="socialLink3" mktoname="LinkedIn Icon Link" default="http://mylink" />

          <meta class="mktoString" id="socialLink4" mktoname="Pinterest Icon Link" default="http://mylink" />

          <meta class="mktoString" id="socialLink5" mktoname="Mail Icon Link" default="#" />

          <meta class="mktoColor" id="footerBackgroundColor" mktoname="Module Background" default="#f3f3f3" />

          <meta class="mktoColor" id="footerBorderColor" mktoname="Separator Border Color" default="#e6e6e6" />

          <meta class="mktoNumber" id="footerBorderSize" mktoname="Separator Border Width" default="1" min="0" max="20" units="px" step="1" />

          <meta class="mktoString" id="unsubLink" mktoname="Unsubscribe Link" default="{{system.unsubscribeLink}}" />

          <!-- Other Meta Tags -->

          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

          <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

          <meta name="robots" content="noindex,nofollow" />

          <meta http-equiv="X-UA-Compatible" content="IE=edge" />

          <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet" type="text/css" />

          <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" />

          <!--[if mso]>

        <style type='text/css'>

        .primary-font {

        font-family: "Arial Narrow", sans-serif !important;

        }

        </style>

        <![endif]-->

          <!--[if mso]>

        <style type='text/css'>

        .secondary-font {

        font-family: Arial, sans-serif !important;

        }

        </style>

        <![endif]-->

          <style>

        /*startcommon*/

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

        table.m_boxing{

        width: 100% !important;

        }

        }

        /*endcommon*/

        </style>

          <style media="all">

      /* CLIENT-SPECIFIC STYLES */

      #outlook a {

        padding: 0;

      }

      /* Force Outlook to provide a "view in browser" message */

      .ReadMsgBody {

        width: 100%;

      }

      .ExternalClass {

        width: 100%;

      }

      /* Force Hotmail to display emails at full width */

      .ExternalClass,

      .ExternalClass p,

      .ExternalClass span,

      .ExternalClass font,

      .ExternalClass td,

      .ExternalClass div {

        line-height: 100%;

      }

      /* Force Hotmail to display normal line spacing */

      /* iOS BLUE LINKS */

      .appleBody a {

        color: .m_000;

        text-decoration: none;

      }

      .appleFooter a {

        color: .m_000;

        text-decoration: none;

      }

      @-ms-viewport {

          width: device-width;

      }

       

       

      </style>

          <style media="all">

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

       

       

      /*starttablet*/

       

       

        .mktoVideoThumbnail{

        width: 100% !important;

        height: auto!important;

        max-height:inherit!important;

        min-height:inherit!important;

        }

       

       

      body {

        width: auto !important;

      }

       

       

      table[class="table600"] {

        width: 450px !important;

      }

       

       

      table[class="table-inner"] {

        width: 86% !important;

      }

       

       

      table[class="table1-2"] {

        width: 47% !important;

        clear: both;

      }

       

       

      table[class="table1-3"] {

        width: 29.4% !important;

      }

       

       

      table[class="table1-4"] {

        width: 100% !important;

        text-align: left !important;

      }

       

       

      table[class="table2-3"] {

        width: 64% !important;

        text-align: center !important;

      }

       

       

      table[class="table3-3"] {

        width: 100% !important;

        text-align: center !important;

        clear: both;

      }

       

       

      table[class="footer-logo"] {

        width: 10% !important;

        text-align: right !important;

      }

       

       

      td[class="outer"] {

        min-width: 0 !important;

      }

       

       

      td[class="stack"] {

        padding-bottom: 40px !important;

      }

       

       

      .stack-tablet {

        padding-bottom: 20px !important;

        overflow: visible !important;

        float: none !important;

        mso-hide: none !important;

        display: block !important;

      }

       

       

      img[class="mobile-img"] {

        width: 100% !important;

        height: auto !important;

      }

       

       

      td[class="center-tablet"] {

        text-align: center !important;

      }

       

       

      td[class="hide-tablet"] {

        display: none !important;

      }

       

       

      table[class="footer-column"] {

        width: 47% !important;

        text-align: left !important;

      }

       

       

      tr[class="stack-tablet"] {

        padding-bottom: 0 !important;

        display: block !important;

      }

       

       

      .respimage,

      .m_free-image .table600 {

        width: 450px !important;

        height: auto;

      }

       

       

      .m_team .spacer {

        width: 26px;

      }

       

       

      .m_header td.center-tablet {

        text-align: center !important;

      }

       

       

      .m_header td a {

        margin-top: 0px !important;

      }

       

       

      .m_header .cta table {

        float: none !important;

        margin-top: 0 !important;

        margin-right: auto !important;

        margin-bottom: 0 !important;

        margin-left: auto !important;

      }

       

       

      .m_header .social {

        text-align: center !important;

      }

       

       

      .m_two-articles .table1-2 {

        width: 100% !important;

      }

       

       

      .m_two-articles img {

        width: 100% !important;

        height: auto;

      }

       

       

      .m_two-articles .stack-tablet {

        height: 40px;

      }

       

       

      .m_contacts .table1-3 {

        width: 100% !important;

        clear: both;

      }

       

       

      .m_footer .table1-2 {

        width: 100% !important;

        clear: both;

      }

       

       

      .m_footer .text,

      .m_footer .unsub {

        text-align: center !important;

      }

       

       

      /*endtablet*/

       

       

      }

       

       

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

       

       

      /*startmobile*/

       

       

      body {

        width: auto !important;

      }

       

       

      table[class="table600"] {

        width: 290px !important;

      }

       

       

      table[class="table-inner"] {

        width: 80% !important;

        float: none !important;

      }

       

       

      table[class="table1-2"] {

        width: 100% !important;

        clear: both;

      }

       

       

      table[class="table1-3"] {

        width: 100% !important;

        clear: both;

      }

       

       

      table[class="table1-4"] {

        width: 100% !important;

        text-align: center !important;

      }

       

       

      table[class="table2-3"] {

        width: 100% !important;

        text-align: center !important;

      }

       

       

      table[class="table3-3"] {

        width: 100% !important;

        text-align: center !important;

        clear: both;

      }

       

       

      table[class="footer-logo"] {

        width: 60% !important;

        text-align: center !important;

      }

       

       

      td[class="outer"] {

        min-width: 0 !important;

      }

       

       

      td[class="td3-1"] {

        width: 60% !important;

        text-align: center !important;

      }

       

       

      .stack-smartphone {

        padding-bottom: 20px !important;

        overflow: visible !important;

        float: none !important;

        display: block !important;

        mso-hide: none !important;

      }

       

       

      td[class="center-smartphone"] {

        text-align: center !important;

      }

       

       

      img[class="mobile-img"] {

        width: 100% !important;

      }

       

       

      td[class="center-tablet"] {

        text-align: center !important;

      }

       

       

      td[class="hide-smartphone"] {

        display: none !important;

      }

       

       

      table[class="footer-column"] {

        width: 100% !important;

        text-align: center !important;

      }

       

       

      .respimage,

      .m_free-image .table600 {

        width: 290px !important;

        height: auto;

      }

       

       

      /*endmobile*/

       

       

      }

       

       

       

       

      </style>

        </head>

        <body style="margin-bottom: 0; -webkit-text-size-adjust: 100%; padding-bottom: 0; min-width: 100%; margin-top: 0; margin-right: 0; -ms-text-size-adjust: 100%; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 100%;">

          <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">

                                                                      

          </div>

          <!-- Outer table START -->

          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;">

            <tbody>

              <tr>

                <td class="outer" valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; min-width: 600px; border-collapse: collapse; background-color: ${emailBackgroundColor};">

                  <table width="640" align="center" id="boxing" border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" class="m_boxing">

                    <tbody>

                      <tr>

                        <td class="mktoContainer boxedbackground" id="template-wrapper" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                          <table id="header" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_header" mktoname="Header">

                            <tbody>

                              <tr>

                                <td class="bordered" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-top-width:${headerBorderSize};border-top-style: solid;border-top-color:${headerBorderColor};border-collapse: collapse;background-color:${headerBackgroundColor};border-left-color:${headerBorderColor};border-bottom-color:${headerBorderColor};border-right-color:${headerBorderColor};border-left-width:${headerBorderSize};border-bottom-width:${headerBorderSize};border-right-width:${headerBorderSize};" bgcolor="${headerBackgroundColor}" valign="top">

                                  <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                    <tbody>

                                      <tr>

                                        <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${headerSpacer};font-size:${headerSpacer};" height="${headerSpacer}"> </td>

                                      </tr>

                                      <tr>

                                        <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                          <center>

                                            <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="220">

                                              <tbody>

                                                <tr>

                                                  <td class="center-tablet logo" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; width: 100%; font-weight: normal; font-size: 12px; text-align: left; border-collapse: collapse;">

                                                    <div style="display:inline-block" class="mktoImg" mktoname="Logo" id="logo" mktolockimgsize="true">

                                                      <a><img src="http://promos.ovstravel.com/rs/512-JJP-615/images/2016 PAX Reverse.png" alt="2016-PAX.png" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; max-width: 100%; line-height: 100%; width: 173px; display: inline-block; height: auto;" height="auto" width="173" /></a>

                                                    </div> </td>

                                                </tr>

                                              </tbody>

                                            </table>

                                            <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="340">

                                              <tbody>

                                                <tr class="stack-tablet" style="padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">

                                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>

                                                </tr>

                                                <tr>

                                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${headerSpacer2};font-size:${headerSpacer2};" height="${headerSpacer2}"> </td>

                                                </tr>

                                                <tr>

                                                  <td class="primary-font center-tablet links" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; width: 100%; font-weight: normal; font-size: 12px; text-align: right; border-collapse: collapse; font-family: 'Roboto Condensed', Georgia, serif; font-size: 17px;" valign="middle">

                                                    <div class="mktoText" mktoname="Right Header Links" id="headerLinks">

                                                      <p><br /><span color="#ffffff" style="color: #ffffff;"></span></p>

                                                    </div></td>

                                                </tr>

                                              </tbody>

                                            </table>

                                          </center> </td>

                                      </tr>

                                      <tr>

                                        <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${headerSpacer3};font-size:${headerSpacer3};" height="${headerSpacer3}"> </td>

                                      </tr>

                                    </tbody>

                                  </table> </td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="free-text" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-text" mktoname="Free-text">

                            <tbody>

                              <tr>

                                <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" bgcolor="${freeTextBackgroundColor}" valign="top">

                                  <center>

                                    <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                      <tbody>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeTextSpacer};font-size:${freeTextSpacer};" height="${freeTextSpacer}"> </td>

                                        </tr>

                                        <tr>

                                          <td class="secondary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:'Lato', Arial, sans-serif;font-size: 15px;color: #666666;border-collapse: collapse;">

                                            <div class="mktoText" mktoname="Text" id="text4">

                                              <div style="text-align: left;">

                                                <div style="color: #666666; font-family: Lato, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;">

                                                  <div style="color: #666666; font-family: Lato, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;">

                                                     Welcome {{lead.First Name:default=Privileges Travel Member}}

                                                    <br />Credits: $ {{lead.DBC Balance}}

                                                  </div>

                                                </div>

                                              </div>

                                            </div></td>

                                        </tr>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeTextSpacer2};font-size:${freeTextSpacer2};" height="${freeTextSpacer2}"> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                  </center> </td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="hero" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_hero" mktoname="Hero">

                            <tbody>

                              <tr>

                                <td class="background" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-bottom: 0;padding-left: 0;background-repeat: no-repeat;background-position: center center;background:${heroBackgroundImage};background-color:${heroBackgroundColor};padding-top:

      0;padding-right: 0;background-image:${heroBackgroundImage};border-collapse: collapse;" background="${heroBackgroundImage}" bgcolor="${heroBackgroundColor}" valign="top" width="600">

                                  <center>

                                    <!--[if gte mso 9]>

                           <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;height:607px">

        <v:fill type="frame" src="${heroBackgroundImage}" color="${heroBackgroundColor}" />

        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">

        <![endif]-->

                                    <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" height="300" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                      <tbody>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                            <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="300">

                                              <tbody>

                                                <tr>

                                                  <td class="" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: left; border-collapse: collapse;" height="16"> </td>

                                                </tr>

                                                <tr style="outline: medium none;">

                                                  <td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #FFF;font-size: 51px;line-height: 53px;font-family:'Roboto Condensed', Arial, sans-serif;border-collapse: collapse;">

                                                    <div class="mktoText" mktoname="Main Title" id="mainTitle">

                                                      <p style="background-color: #243678; padding: 25px 25px 20px 30px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 30px; line-height: 35px;"><strong>Celebrate Your Privileges and Make your travel worth more!</strong></span></p>

                                                    </div> </td>

                                                </tr>

                                                <tr>

                                                  <td class="" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: left; border-collapse: collapse;" height="5"> </td>

                                                </tr>

                                                <tr style="outline: medium none;">

                                                  <td class="primary-font subtitle" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #facb10;font-size: 18px;line-height: 25px;font-family:'Roboto Condensed', Arial, sans-serif;border-collapse: collapse;">

                                                    <div class="mktoText" mktoname="Subtitle" id="subtitle">

                                                      <p style="background-color: #243678; padding: 15px 15px 10px 20px;"><strong><span color="#ffffff" style="color: #ffffff;" mce-data-marked="1">Ready to use your savings credits?</span></strong></p>

                                                    </div> </td>

                                                </tr>

                                                <tr>

                                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: left; border-collapse: collapse;" height="10"> </td>

                                                </tr>

                                                <tr>

                                                  <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: left; border-collapse: collapse;">

                                                    <center>

                                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="left" border="0" cellpadding="0" cellspacing="0">

                                                        <tbody>

                                                          <tr>

                                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: left; border-collapse: collapse;" align="center" bgcolor="${heroButtonBackgroundColor}"> <a href="${heroLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust:

      100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;-moz-background-clip: padding;font-family:'Roboto Condensed', Arial, sans-serif;color: #ffffff;padding-top: 12px;padding-right: 18px;padding-bottom: 12px;padding-left:

      18px;border-top-width:${heroBorderSize};border-right-width:${heroBorderSize};border-bottom-width:${heroBorderSize};border-left-width:${heroBorderSize};background-clip: padding-box;border-right-style: solid;border-bottom-style: solid;border-left-style:

      solid;border-top-color:${heroBorderColor};border-right-color:${heroBorderColor};border-bottom-color:${heroBorderColor};border-left-color:${heroBorderColor};display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border-top-style: solid;text-decoration: none;font-size: 20px;background-color:${heroButtonBackgroundColor};">${heroLinkText}</a> </td>

                                                          </tr>

                                                        </tbody>

                                                      </table>

                                                    </center> </td>

                                                </tr>

                                                <tr>

                                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: left; border-collapse: collapse;" height="126"> </td>

                                                </tr>

                                              </tbody>

                                            </table> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                    <!--[if gte mso 9]>

                           </v:textbox>

                           </v:rect>

                           <![endif]-->

                                  </center></td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="free-image" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-image" mktoname="Free-image">

                            <tbody>

                              <tr>

                                <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeImageBackgroundColor};" bgcolor="${freeImageBackgroundColor}" valign="top">

                                  <center>

                                    <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                      <tbody>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeImageSpacer};font-size:${freeImageSpacer};" height="${freeImageSpacer}"> </td>

                                        </tr>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                            <center>

                                              <div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photo4" mktolockimgsize="true">

                                                <a><img alt="Privileges American Express Benefits" src="http://promos.ovstravel.com/rs/512-JJP-615/images/PAX-Benefits-3-Blue.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: auto; height: auto; max-width: 100%; display: block; line-height: 100%;" width="600" /></a>

                                              </div>

                                            </center> </td>

                                        </tr>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeImageSpacer2};font-size:${freeImageSpacer2};" height="${freeImageSpacer2}"> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                  </center> </td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="free-texte5bbfe2d-0e9b-4770-84b4-7732d0bdf3d9" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-text" mktoname="Free-text-clone">

                            <tbody>

                              <tr>

                                <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${freeTextBackgroundColor};" bgcolor="${freeTextBackgroundColor}" valign="top">

                                  <center>

                                    <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                      <tbody>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeTextSpacer};font-size:${freeTextSpacer};" height="${freeTextSpacer}"> </td>

                                        </tr>

                                        <tr>

                                          <td class="secondary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:'Lato', Arial, sans-serif;font-size: 15px;color: #666666;border-collapse: collapse;">

                                            <div class="mktoText" mktoname="Text" id="text4e5bbfe2d-0e9b-4770-84b4-7732d0bdf3d9">

                                              <p style="text-align: center;"><span color="#243678" style="color: #000000;"><span style="font-size: 18px;"><b>MAKE YOUR TRAVEL WORTH MORE</b></span></span></p>

                                              <p style="text-align: center;">You can also combine your Privileges Savings Credits with your American Express Membership Rewards points to save even more.<strong> </strong></p>

                                              <p style="text-align: center;"><strong>We’re happy to assist you with all your travel needs.</strong></p>

                                              <p style="text-align: center;"><br /></p>

                                            </div></td>

                                        </tr>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${freeTextSpacer2};font-size:${freeTextSpacer2};" height="${freeTextSpacer2}"> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                  </center> </td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="callToAction" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_callToAction" mktoname="Call To Action">

                            <tbody>

                              <tr>

                                <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${callToActionBackgroundColor};" bgcolor="${callToActionBackgroundColor}" valign="top">

                                  <center>

                                    <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                      <tbody>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${callToActionSpacer};font-size:${callToActionSpacer};" height="${callToActionSpacer}"> </td>

                                        </tr>

                                        <tr>

                                          <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                            <center>

                                              <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">

                                                <tbody>

                                                  <tr>

                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${callToActionButtonBackgroundColor}"> <a href="${callToActionLink}" target="_blank" class="secondary-font button" style="-webkit-text-size-adjust:

      100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 14px;font-family:'Lato', Arial, sans-serif;color: #ffffff;padding-top: 12px;padding-right: 18px;padding-bottom: 12px;padding-left:

      18px;border-top-width:${callToActionBorderSize};border-right-width:${callToActionBorderSize};border-bottom-width:${callToActionBorderSize};border-left-width:${callToActionBorderSize};background-clip: padding-box;border-right-style: solid;border-bottom-style: solid;border-left-style:

      solid;border-top-color:${callToActionBorderColor};border-right-color:${callToActionBorderColor};border-bottom-color:${callToActionBorderColor};border-left-color:${callToActionBorderColor};display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-background-clip: padding;border-top-style: solid;text-decoration:

      none;background-color:${callToActionButtonBackgroundColor};">${callToActionLinkText}</a> </td>

                                                  </tr>

                                                </tbody>

                                              </table>

                                            </center> </td>

                                        </tr>

                                        <tr>

                                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${callToActionSpacer2};font-size:${callToActionSpacer2};" height="${callToActionSpacer2}"> </td>

                                        </tr>

                                      </tbody>

                                    </table>

                                  </center> </td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="Separator" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_Separator" mktoname="Separator">

                            <tbody>

                              <tr>

                                <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${separatorBackgroundColor};" bgcolor="${separatorBackgroundColor}" valign="top">

                                  <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                    <tbody>

                                      <tr>

                                        <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                          <center>

                                            <table class="table-inner" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                              <tbody>

                                                <tr>

                                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                                    <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="600">

                                                      <tbody>

                                                        <tr style="height: 10px;">

                                                          <td class="bordered" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;border-top-style: none;border-bottom-width:${separatorSize};border-bottom-style: solid;border-bottom-color:${separatorColor};border-collapse: collapse;"></td>

                                                        </tr>

                                                        <tr style="height: 10px;">

                                                          <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"></td>

                                                        </tr>

                                                      </tbody>

                                                    </table> </td>

                                                </tr>

                                              </tbody>

                                            </table>

                                          </center> </td>

                                      </tr>

                                    </tbody>

                                  </table> </td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="social" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_social" mktoname="Social">

                            <tbody>

                              <tr>

                                <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:${socialBackgroundColor};" bgcolor="${socialBackgroundColor}" valign="top">

                                  <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                    <tbody>

                                      <tr>

                                        <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${socialSpacer};font-size:${socialSpacer};" height="${socialSpacer}"> </td>

                                      </tr>

                                      <tr>

                                        <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                          <center>

                                            <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="600">

                                              <tbody>

                                                <tr>

                                                  <td class="icons" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> <a href="${socialLink}" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Facebook Icon" src="http://templates.marketo.net/newsletter4/ico-facebook.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; border-top-width: 0; max-width: 100%; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline;" height="34" width="34" /></a>

                                                    <!--[if gte mso 9]>  <![endif]--> <a href="${socialLink2}" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Twitter Icon" src="http://templates.marketo.net/newsletter4/ico-twitter.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; border-top-width: 0; max-width: 100%; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline;" height="34" width="34" /></a>

                                                    <!--[if gte mso 9]>  <![endif]--> <a href="${socialLink3}" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="LinkedIn Icon" src="http://templates.marketo.net/newsletter4/ico-linkedin.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; border-top-width: 0; max-width: 100%; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline;" height="34" width="34" /></a>

                                                    <!--[if gte mso 9]>  <![endif]--> <a href="${socialLink4}" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Pinterest Icon" src="http://templates.marketo.net/newsletter4/ico-pinterest.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; border-top-width: 0; max-width: 100%; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline;" height="34" width="34" /></a>

                                                    <!--[if gte mso 9]>  <![endif]--> <a href="${socialLink5}" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Mail Icon" src="http://templates.marketo.net/newsletter4/ico-mail.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; border-top-width: 0; max-width: 100%; line-height: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline;" height="34" width="34" /></a> </td>

                                                </tr>

                                              </tbody>

                                            </table>

                                          </center> </td>

                                      </tr>

                                      <tr>

                                        <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${socialSpacer2};font-size:${socialSpacer2};" height="${socialSpacer2}"> </td>

                                      </tr>

                                    </tbody>

                                  </table> </td>

                              </tr>

                            </tbody>

                          </table>

                          <table id="footer" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_footer" mktoname="Footer">

                            <tbody>

                              <tr>

                                <td class="background" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;background-color:${footerBackgroundColor};border-top-width:${footerBorderSize};border-top-style: solid;border-top-color:${footerBorderColor};border-collapse: collapse;border-left-color:${footerBorderColor};border-bottom-color:${footerBorderColor};border-right-color:${footerBorderColor};border-left-width:${footerBorderSize};border-bottom-width:${footerBorderSize};border-right-width:${footerBorderSize};" valign="top" bgcolor="${footerBackgroundColor}">

                                  <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">

                                    <tbody>

                                      <tr>

                                        <td class="padding-y" style="-webkit-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -ms-text-size-adjust: 100%; -moz-hyphens: none; hyphens: none; padding-top: 40px; padding-bottom: 40px; border-collapse: collapse;">

                                          <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="100%">

                                            <tbody>

                                              <tr>

                                                <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                                  <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="350">

                                                    <tbody>

                                                      <tr>

                                                        <td class="secondary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;color: #333333;font-size: 11px;font-family:'Lato', Arial, sans-serif;text-align: left;border-collapse: collapse;">

                                                          <div class="mktoText" mktoname="Left Footer Text" id="footerText">

                                                            <p><span style="color: #ffffff;"><span style="font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11.2px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 500; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important;">International Cruise &amp; Excursion Gallery, Inc., d.b.a. Privileges, is a Registered Seller of Travel. </span><span class="s1">California Seller of Travel CST#2066521-50; Washington UBI #602 443 155 001 0001; Hawaii Travel Agent TAR #5192; Florida Seller of Travel #29452. </span></span></p>

                                                            <p><span style="color: #ffffff;"><span class="s1">Copyrights © 2017 All Rights Reserved by Privileges | American Express Travel.</span></span></p>

                                                            <p><span style="color: #000000; font-family: 'Gotham SSm A', 'Gotham SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11.2px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 500; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; float: none; display: inline !important;"></span><br /></p>

                                                          </div></td>

                                                      </tr>

                                                    </tbody>

                                                  </table>

                                                  <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="230">

                                                    <tbody>

                                                      <tr>

                                                        <td class="unsub" style="-moz-hyphens: none; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -ms-text-size-adjust: 100%; hyphens: none; color: #333333; font-size: 11px; font-family: 'Lato', Arial, sans-serif; text-align: right; border-collapse: collapse;"> <a href="${unsubLink}" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-decoration: none;color: #2c4f5c;font-family:'Lato', Arial, sans-serif;" class="secondary-font"></a> <span style="display:inline;font-family:'Lato', Arial, sans-serif;" class="secondary-font">

                                                            <div style="display:inline-block" class="mktoText" mktoname="Right Footer Text" id="footerText2">

                                                              <p class="p1"><br /></p>

                                                            </div></span> </td>

                                                      </tr>

                                                    </tbody>

                                                  </table> </td>

                                              </tr>

                                            </tbody>

                                          </table> </td>

                                      </tr>

                                    </tbody>

                                  </table> </td>

                              </tr>

                            </tbody>

                          </table></td>

                      </tr>

                    </tbody>

                  </table> </td>

              </tr>

            </tbody>

          </table>

          <!-- Outer Table END -->

        </body>

      </html>

       

      I appreciate your help!

       

      Laura