6 Replies Latest reply on Aug 30, 2018 2:53 PM by Grace Brebner

    Invalid Module

    Katie O'Brien

      I'm new to Marketo templates, can someone tell me why I'm getting the errors :Invalid Module: #socialWithLogo  Invalid Module: #footerTextModule

       

      <!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">
      
      
      <head>
        <!-- 
      Mystic Lake - List Template
        -->
      
      
          <!-- Marketo Variable Definitions --> 
          <meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#f0f0f0" mktomodulescope="false" />
          <meta class="mktoColor" id="clubMLabelColor" mktoname="Label Color" default="#666666" mktomodulescope="true" />
          <meta class="mktoColor" id="clubMTextColor" mktoname="Text Color" default="#000000" mktomodulescope="true" />
          <meta class="mktoString" id="memberNameLabel" mktoname="Member Name Label" default="Name" mktomodulescope="true" />
          <meta class="mktoString" id="memberStatusLabel" mktoname="Member Status Label" default="Status" mktomodulescope="true" />
          <meta class="mktoString" id="memberNumberLabel" mktoname="Club M Number Label" default="Number" mktomodulescope="true" />
          <meta class="mktoString" id="bannerText" mktoname="Banner Text" default="Comedy at Meadows After Dark" mktomodulescope="true" />
          <meta class="mktoImg" id="bannerIcon" mktoName="Banner Icon" default="http://go.mysticlake.com/rs/485-SMD-064/images/icon_phone.jpg" mktomodulescope="true" />
          <meta class="mktoImg" id="bannerLogoImg" mktoName="Banner Logo Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/logo_header_ML.jpg" mktomodulescope="true" />
          <meta class="mktoNumber" id="verticalSpaceAmountClubM" mktoname="Spacing Height"  default="20" min="10" max="40" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoImg" id="socialIcon1" mktoName="Social Icon 1" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_FB_grey.png" mktomodulescope="true" />
          <meta class="mktoString" id="socialIconLink1" mktoname="Social Icon Link 1" default="https://www.facebook.com/mysticlake/" mktomodulescope="true" />
          <meta class="mktoImg" id="socialIcon2" mktoName="Social Icon 2" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_twitter_grey.png" mktomodulescope="true" />
          <meta class="mktoString" id="socialIconLink2" mktoname="Social Icon Link 2" default="https://twitter.com/mysticlake" mktomodulescope="true" />
          <meta class="mktoImg" id="socialIcon3" mktoName="Social Icon 3" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_insta_grey.png" mktomodulescope="true" />
          <meta class="mktoString" id="socialIconLink3" mktoname="Social Icon Link 3" default="https://www.instagram.com/mysticlakecasino/" mktomodulescope="true" />
          <meta class="mktoImg" id="footerBannerImg" mktoName="Footer Banner Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/bottom_colorbar_purple.jpg" mktomodulescope="true" />
          <meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f0f0f0" mktomodulescope="true" />
          <meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
          <meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="titleSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="textBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
          <meta class="mktoNumber" id="textSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="textSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
          <meta class="mktoNumber" id="photoLSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="photoLSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="photoLBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
          <meta class="mktoNumber" id="photoLSpacer3" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="photoLSpacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
          <meta class="mktoNumber" id="photoLSpacer5" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="photoLSpacer6" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="bigctaBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
          <meta class="mktoNumber" id="bigctaSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="bigctaButtonBackgroundColor" mktoname="Button Background Color" default="#9d3d96" mktomodulescope="true" />
          <meta class="mktoColor" id="bigctaBorderColor" mktoname="Button Border Color" default="#9d3d96" mktomodulescope="true" />
          <meta class="mktoNumber" id="bigctaBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="bigctaSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoString" id="bigctaLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />
          <meta class="mktoString" id="bigctaLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />
          <meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
          <meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="text2BackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />
          <meta class="mktoColor" id="text2BorderColor" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
          <meta class="mktoNumber" id="text2BorderSize" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="text2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoColor" id="text2BorderColor2" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />
          <meta class="mktoNumber" id="text2BorderSize2" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />
          <meta class="mktoNumber" id="text2Spacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
      
      
          <!-- Other Meta Tags --> 
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
          <!--[if !mso]><!-->
          <meta http-equiv="X-UA-Compatible" content="IE=edge" />
          <!--<![endif]-->
          <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" />
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <!--[if mso]>
      <style type='text/css'>
      .primary-font {
      font-family: Arial, 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*/
      
      
      body {
      width: auto !important;
      }
      
      
      table.table600{
      width: 450px !important;
      }
      
      
      table.table-inner{
      width: 86% !important;
      }
      
      
      table.table1-2{
      width: 47% !important;
      clear: both;
      }
      
      
      table.table1-3{
      width: 29.4% !important;
      }
      
      
      table.table1-4{
      width: 100% !important;
      text-align: left !important;
      }
      
      
      table.table2-3{
      width: 64% !important;
      text-align: center !important;
      }
      
      
      table.table3-3{
      width: 100% !important;
      text-align: center !important;
      clear: both;
      }
      
      
      table.footer-logo{
      width: 10% !important;
      text-align: right !important;
      }
      
      
      td.outer{
      min-width: 0 !important;
      }
      
      
      td.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.mobile-img{
      width: 100% !important;
      height: auto !important;
      }
      
      
      td.center-tablet{
      text-align: center !important;
      }
      
      
      td.hide-tablet{
      display: none !important;
      }
      
      
      table.footer-column{
      width: 47% !important;
      text-align: left !important;
      }
      
      
      .m_header .table1-3 {
      width: 100% !important;
      text-align: center !important;
      }
      
      
      .m_header .logo img {
      display: inline !important;
      margin-top: 0;
      margin-right: auto;
      margin-bottom: 0;
      margin-left: auto;
      }
      
      
      .m_header .link {
      text-align: center !important;
      }
      
      
      .m_hero .inner {
      width: 80% !important;
      }
      
      
      .mktoVideoThumbnail {
      width: 100% !important;
      height: auto!important;
      max-height: inherit!important;
      min-height: inherit!important;
      }
      
      
      .m_free-image img {
      width: 450px !important;
      height: auto;
      }
      
      
      /*endtablet*/
      
      
      }
      
      
      @media only screen and (max-width: 479px) {
      
      
      /*startmobile*/
      
      
      body {
      width: auto !important;
      }
      
      
      table.table600{
      width: 290px !important;
      }
      
      
      table.table-inner{
      width: 80% !important;
      float: none !important;
      }
      
      
      table.table1-2{
      width: 100% !important;
      clear: both;
      }
      
      
      table.table1-3{
      width: 100% !important;
      clear: both;
      }
      
      
      table.table1-4{
      width: 100% !important;
      text-align: center !important;
      }
      
      
      table.table2-3{
      width: 100% !important;
      text-align: center !important;
      }
      
      
      table.table3-3{
      width: 100% !important;
      text-align: center !important;
      clear: both;
      }
      
      
      table.footer-logo{
      width: 60% !important;
      text-align: center !important;
      }
      
      
      td.outer{
      min-width: 0 !important;
      }
      
      
      td.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.center-smartphone{
      text-align: center !important;
      }
      
      
      img.mobile-img{
      width: 100% !important;
      }
      
      
      td.center-tablet{
      text-align: center !important;
      }
      
      
      td.hide-smartphone{
      display: none !important;
      }
      
      
      table.footer-column{
      width: 100% !important;
      text-align: center !important;
      }
      
      
      .m_hero .background {
      background-image: none !important;
      }
      
      
      .m_free-image img {
      width: 290px !important;
      height: auto;
      }
      
      
      /*endmobile*/
        
        <style type="text/css">
          * {
            -webkit-font-smoothing: antialiased;
          }
      
      
          body {
            Margin: 0;
            padding: 0;
            min-width: 100%;
            font-family: Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            mso-line-height-rule: exactly;
          }
      
      
          table {
            border-spacing: 0;
            color: #333333;
            font-family: Arial, sans-serif;
          }
      
      
          img {
            border: 0;
          }
      
      
          .wrapper {
            width: 100%;
            table-layout: fixed;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
          }
      
      
          .webkit {
            max-width: 600px;
          }
      
      
          .outer {
            Margin: 0 auto;
            width: 100%;
            max-width: 600px;
          }
      
      
          .full-width-image img {
            width: 100%;
            max-width: 600px;
            height: auto;
          }
      
      
          .inner {
            padding: 10px;
          }
      
      
          p {
            Margin: 0;
            padding-bottom: 10px;
          }
      
      
          .h1 {
            font-size: 21px;
            font-weight: bold;
            Margin-top: 15px;
            Margin-bottom: 5px;
            font-family: Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
          }
      
      
          .h2 {
            font-size: 18px;
            font-weight: bold;
            Margin-top: 10px;
            Margin-bottom: 5px;
            font-family: Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
          }
      
      
          .one-column .contents {
            text-align: left;
            font-family: Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
          }
      
      
        
          .one-column p {
            font-size: 14px;
            Margin-bottom: 10px;
            font-family: Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
          }
      
      
          .two-column {
            text-align: center;
            font-size: 0;
          }
      
      
          .two-column .column {
            width: 100%;
            max-width: 300px;
            display: inline-block;
            vertical-align: top;
          }
      
      
          .contents {
            width: 100%;
          }
      
      
          .two-column .contents {
            font-size: 14px;
            text-align: left;
          }
      
      
          .two-column img {
            width: 100%;
            height: auto;
          }
      
      
          .two-column .text {
            padding-top: 10px;
          }
      
      
          .three-column {
            text-align: center;
            font-size: 0;
            padding-top: 10px;
            padding-bottom: 10px;
          }
      
      
          .three-column .column {
            width: 100%;
            max-width: 200px;
            display: inline-block;
            vertical-align: top;
          }
      
      
          .three-column .contents {
            font-size: 14px;
            text-align: center;
          }
      
      
          .three-column img {
            width: 100%;
            max-width: 180px;
            height: auto;
          }
      
      
          .three-column .text {
            padding-top: 10px;
          }
      
      
          .img-align-vertical img {
            display: inline-block;
            vertical-align: middle;
          }
        </style>
        <!--[if (gte mso 9)|(IE)]>
      <style type="text/css">
      table {border-collapse: collapse !important;}
      </style>
      <![endif]-->
      </head>
      
      
      
      
      <body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:${emailBackgroundColor};">
        <center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:${emailBackgroundColor};">
          <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor};">
            <tr>
              <td width="100%">
                <div class="webkit" style="max-width:600px;Margin:0 auto;">
      
      
                  <!--[if (gte mso 9)|(IE)]>
      
      
      <table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Calibri, sans-serif;color:#333333;" >
      <tr>
      <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
      <![endif]-->
      
      
                  <!-- ======= start main body ======= -->
                  <table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" bgcolor="${emailBackgroundColor}">
                    <tr>
                      <td class="mktoContainer" id="template-wrapper" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
      
      
      
      
                        <!-- ======= start vertical spacer club M Module ======= -->
                        <table class="mktoModule" id="verticalSpacerClubM" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
                          <tr>
                            <td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};"> 
                            </td>
                          </tr>
                        </table>
                        <!-- ======= end vertical spacer club M module ======= -->
        
                        <!-- ======= start Club M Module ======= -->
                        <table class="mktoModule one-column" id="clubMModule" mktoname="Club M Module" border="0 " cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor}">
                          <tr>
                            <td align="right" style="max-width: 300px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;"> 
                            </td>
                            <td valign="top" align="right" style="width: 150px; padding-top: 0px; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; text-align: right;">
                              <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNameLabel}</div>
                              <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Name" id="clubMMemberName" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.First Name:default=First Name}} {{lead.Last Name:default=Last Name}}</div>
                            </td>
                            <td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 7px; padding-left: 7px; padding-bottom: 0px; text-align: right;">
                              <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberStatusLabel}</div>
                              <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Status" id="clubMMemberStatus" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">Status Var</div>
                            </td>
                            <td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; text-align: right;">
                              <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNumberLabel}</div>
                              <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Number" id="clubMMemberNumber" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.Guest ID:default=Guest ID}}</div>
                            </td>
                          </tr>
                        </table>
                        <!-- ======= start Club M Module ======= -->
        
                        <!-- ======= start vertical spacer club M Module ======= -->
                        <table class="mktoModule" id="verticalSpacerClubM2" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">
                          <tr>
                            <td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};"> 
                            </td>
                          </tr>
                        </table>
                        <!-- ======= end vertical spacer club M module ======= -->
      
      
                        <!-- ======= start header banner ======= -->
                        <table class="mktoModule one-column" id="headerBanner" mktoname="Header Banner" border="0" cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:">
                          <tr bgcolor="#ffffff" style="background-color: #ffffff;">
                            <td width="33" style="padding-bottom:0;padding-right:5px;padding-left:20px;padding-top:0px;background-color:#ffffff;">
                              <img src="${bannerIcon}" width="25" alt=" " style="display: block;border-width:0;width:100%;max-width:25px;height:auto; "
                              />
                            </td>
                            <td class="text" style="padding-bottom:0; padding-right:0; padding-left:0; padding-top:0px; text-decoration: none; color: #9d3d96; font-family: arial, sans-serif; font-weight: bold; text-align:left;min-width:130px;background-color:#ffffff;">
                              <h1 style="font-size: 13px; text-transform: uppercase; color: #9d3d96; 
                              display: inline; vertical-align: top; ">${bannerText}</h1>
                            </td>
                            <td align="right" style="padding-top: 0;background-color:#ffffff;float: right;min-width:100px;">
                              <img src="${bannerLogoImg}" alt=" " align="right" style="display: block; border-width:0;width:100%;min-width:100px;min-height:90px;" />
                            </td>
                          </tr>
                        </table>
                        <!-- ======= end header banner ======= -->
                        <!-- ======= start blank space ======= -->                  
                        <table  class="mktoModule m_blankSpace" id="blankSpace" mktoname="Blank Space" 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%"> 
                            <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:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" 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:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end blank space ======= -->
                        <!-- ======= start title 2 ======= -->                  
                          <table class="mktoModule m_title" id="title2" mktoname="Title2" 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%"> 
                            <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:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" 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:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}"> </td> 
                                      </tr> 
                                      <tr> 
                                        <td class="primary-font pretitle" 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:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 17px;color: #333;border-collapse: collapse;"> 
                                          <div class="mktoText" mktoname="Pre-Title" id="preTitle">
                                            Lorem ipsum dolor sit amet.
                                          </div></td> 
                                      </tr> 
                                      <tr> 
                                        <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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 27px;font-weight: bold;color: #000;border-collapse: collapse;"> 
                                          <div class="mktoText" mktoname="Title" id="title3">
                                            This is the main title
                                          </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:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </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="Dots" id="dots" mktolockimgstyle="false">
                                              <a><img src="http://templates.marketo.net/newsletter3/dots.png" style="border-left-width: 0; line-height: 100%; outline: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; display: block; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: 16px; width: auto;" height="16px" /></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:${titleSpacer3};font-size:${titleSpacer3};" height="${titleSpacer3}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end title 2 ======= -->
                        <!-- ======= start photo l ======= -->                  
                          <table class="mktoModule m_photo-l" id="photo-l" mktoname="Photo-l" 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%"> 
                            <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:${photoLBackgroundColor};" bgcolor="${photoLBackgroundColor}" 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:${photoLSpacer};font-size:${photoLSpacer};" height="${photoLSpacer}"> </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="table1-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="290"> 
                                              <tbody> 
                                                <tr> 
                                                  <td class="photo" 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;"> 
                                                    <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgstyle="false">
                                                      <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post1.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
                                                    </div> </td> 
                                                </tr> 
                                                <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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> 
                                              </tbody> 
                                            </table> 
                                            <table class="table2-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="280"> 
                                              <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="center" border="0" cellpadding="0" cellspacing="0"> 
                                                      <tbody> 
                                                        <tr> 
                                                          <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;"> 
                                                                    <div class="mktoText" mktoname="Right Article title" id="articleTitle">
                                                                      Intro title
                                                                    </div></td> 
                                                                </tr> 
                                                                <tr> 
                                                                  <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;"> 
                                                                    <div class="mktoText" mktoname="Right Text" id="text3">
                                                                      Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
                                                                    </div></td> 
                                                                </tr> 
                                                              </tbody> 
                                                            </table> </td> 
                                                        </tr> 
                                                      </tbody> 
                                                    </table> </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:${photoLSpacer2};font-size:${photoLSpacer2};" height="${photoLSpacer2}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end photo l ======= -->
                        <!-- ======= start big cta ======= -->                  
                          <table class="mktoModule m_bigcta" id="bigctaf743a37c-eba5-4d03-be69-84a9a789d36f" mktoname="Bigcta-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="center" 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;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td> 
                                        </tr> 
                                      </tbody> 
                                    </table> 
                                  </center> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end big cta ======= -->
                        <!-- ======= start blank space 2 ======= -->                  
                          <table class="mktoModule m_blankSpace" id="blankSpace4d9d5eee2-3690-43ff-964a-0883a03d7920" mktoname="Blank Space4-1" 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%"> 
                            <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:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" 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:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end blank space 2 ======= -->
                        <!-- ======= start photo l 2 ======= -->                  
                          <table class="mktoModule m_photo-l" id="photo-l2" mktoname="Photo-l2" 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%"> 
                            <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:${photoLBackgroundColor2};" bgcolor="${photoLBackgroundColor2}" 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:${photoLSpacer3};font-size:${photoLSpacer3};" height="${photoLSpacer3}"> </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="table1-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="290"> 
                                              <tbody> 
                                                <tr> 
                                                  <td class="photo" 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;"> 
                                                    <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgstyle="false">
                                                      <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post2.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
                                                    </div> </td> 
                                                </tr> 
                                                <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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> 
                                              </tbody> 
                                            </table> 
                                            <table class="table2-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="280"> 
                                              <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="center" border="0" cellpadding="0" cellspacing="0"> 
                                                      <tbody> 
                                                        <tr> 
                                                          <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;"> 
                                                                    <div class="mktoText" mktoname="Right Article title" id="articleTitle2">
                                                                      Intro title
                                                                    </div></td> 
                                                                </tr> 
                                                                <tr> 
                                                                  <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;"> 
                                                                    <div class="mktoText" mktoname="Right Text" id="text4">
                                                                      Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
                                                                    </div></td> 
                                                                </tr> 
                                                              </tbody> 
                                                            </table> </td> 
                                                        </tr> 
                                                      </tbody> 
                                                    </table> </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:${photoLSpacer4};font-size:${photoLSpacer4};" height="${photoLSpacer4}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end photo l 2 ======= -->
                        <!-- ======= start big cta 2 ======= -->                  
                          <table class="mktoModule m_bigcta" id="bigctaa9fbb863-d58c-49cf-968e-ea0d275e2c06" mktoname="Bigcta-1" 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%"> 
                            <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:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td> 
                                        </tr> 
                                      </tbody> 
                                    </table> 
                                  </center> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end big cta 2 ======= -->
                        <!-- ======= start text ======= -->                  
                          <table  class="mktoModule m_text" id="text132cad90-d0c5-4b4a-b9bf-eb3099eea6ac" mktoname="Text-1" 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; font-size: 15px;" align="center" 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;background-color:${textBackgroundColor};" bgcolor="${textBackgroundColor}" 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:${textSpacer};font-size:${textSpacer};" height="${textSpacer}"> </td> 
                                      </tr> 
                                      <tr> 
                                        <td class="primary-font content" 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;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;"> 
                                          <div class="mktoText" mktoname="Text" id="text7132cad90-d0c5-4b4a-b9bf-eb3099eea6ac">
                                            Hi 
                                            <strong>Philip</strong>, 
                                            <br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                          </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:${textSpacer2};font-size:${textSpacer2};" height="${textSpacer2}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end text ======= -->
                        <!-- ======= start blank space 4 ======= -->                  
                          <table class="mktoModule m_blankSpace" id="blankSpace4fc5d1d89-9088-414c-8856-473ec5cab719" mktoname="Blank Space4" 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%"> 
                            <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:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" 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:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end blank space 4 ======= -->
                        <!-- ======= start photo l 3 ======= -->                  
                          <table class="mktoModule m_photo-l" id="photo-l3" mktoname="Photo-l3" 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%"> 
                            <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:${photoLBackgroundColor3};" bgcolor="${photoLBackgroundColor3}" 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:${photoLSpacer5};font-size:${photoLSpacer5};" height="${photoLSpacer5}"> </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="table1-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="290"> 
                                              <tbody> 
                                                <tr> 
                                                  <td class="photo" 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;"> 
                                                    <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgstyle="false">
                                                      <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post3.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>
                                                    </div> </td> 
                                                </tr> 
                                                <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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> 
                                              </tbody> 
                                            </table> 
                                            <table class="table2-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="280"> 
                                              <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="center" border="0" cellpadding="0" cellspacing="0"> 
                                                      <tbody> 
                                                        <tr> 
                                                          <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;"> 
                                                                    <div class="mktoText" mktoname="Right Article title" id="articleTitle3">
                                                                      Intro title
                                                                    </div></td> 
                                                                </tr> 
                                                                <tr> 
                                                                  <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;"> 
                                                                    <div class="mktoText" mktoname="Right Text" id="text5">
                                                                      Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.
                                                                    </div></td> 
                                                                </tr> 
                                                              </tbody> 
                                                            </table> </td> 
                                                        </tr> 
                                                      </tbody> 
                                                    </table> </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:${photoLSpacer6};font-size:${photoLSpacer6};" height="${photoLSpacer6}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end photo l 3 ======= -->
                        <!-- ======= start big cta 3 ======= -->                  
                          <table  class="mktoModule m_bigcta" id="bigcta" mktoname="Bigcta" 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%"> 
                            <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:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 
      100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: 
      inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 
      19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td> 
                                        </tr> 
                                      </tbody> 
                                    </table> 
                                  </center> </td> 
                              </tr> 
                            </tbody> 
                          </table>
                        <!-- ======= end big cta 3 ======= -->
                        <!-- ======= start text 2 ======= -->                  
                          <table class="mktoModule m_text2" id="text2" mktoname="Text2" 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; font-size: 19px;" align="center" 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;background-color:${text2BackgroundColor};" bgcolor="${text2BackgroundColor}" 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 class="border1" 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:${text2BorderSize};border-top-style: solid;border-top-color:${text2BorderColor};border-collapse: collapse;line-height:${text2Spacer};font-size:${text2Spacer};" height="${text2Spacer}"> </td> 
                                      </tr> 
                                      <tr> 
                                        <td class="primary-font content" 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;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;"> 
                                          <div class="mktoText" mktoname="Text" id="text6">
                                            Interested in learning more? 
                                            <strong>Visit our Help Center </strong> 
                                            <br /> Sincerly, 
                                            <strong>Marco</strong>
                                          </div></td> 
                                      </tr> 
                                      <tr> 
                                        <td class="border2" 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-bottom-width:${text2BorderSize2};border-bottom-style: solid;border-bottom-color:${text2BorderColor2};border-collapse: collapse;line-height:${text2Spacer2};font-size:${text2Spacer2};" height="${text2Spacer2}"> </td> 
                                      </tr> 
                                    </tbody> 
                                  </table> 
                              </td> 
                              </tr> 
                            </tbody> 
                          </table>
                      </td>
                        <!-- ======= end text 2 ======= -->
                        <!-- ======= start social and logo ======= -->
                        <table class="mktoModule one-column" id="socialWithLogo" mktoname="Social With Logo" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor}">
                          <tr>
                            <td>
                              <table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
                                <tr>
                                  <td height="20 " width="100% " style="font-size: 20px; line-height: 20px; ">
                                  </td>
                                </tr>
                              </table>
                              <table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
                                <tr>
                                  <td align="left " width="150 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px;
                              border-radius: 4px; ">
                                    <table>
                                      <tr>
                                        <td style="padding-right: 7px;">
                                          <a href="${socialIconLink1}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
                                            <img src="${socialIcon1}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
                                            />
                                          </a>
                                        </td>
                                        <td style="padding-right: 7px;">
                                          <a href="${socialIconLink2}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
                                            <img src="${socialIcon2}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
                                            />
                                          </a>
                                        </td>
                                        <td style="padding-right: 7px;">
                                          <a href="${socialIconLink3}" style="width:30px;text-decoration: none;border:0;" class="button_link ">
                                            <img src="${socialIcon3}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "
                                            />
                                          </a>
                                        </td>
                                      </tr>
                                    </table>
                                  </td>
                                  <td align="right " width="123 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; ">
                                    <div class="mktoImg" id="footerLogo" mktoName="Footer Logo" mktoImgSrc="http://go.mysticlake.com/rs/485-SMD-064/images/logo_ML_purple.png"
                                      mktoImgLink="http://www.mysticlake.com/" mktoLockImgStyle="true">
                                      <a>
                                        <img width="123" align="right" style="border-width:0;width:100%;max-width:123px;height:auto; " />
                                      </a>
                                    </div>
                                  </td>
                                </tr>
                              </table>
                              <table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">
                                <tr>
                                  <td height="10 " width="100% " style="font-size: 10px; line-height: 10px; "> 
      
      
                                  </td>
                                </tr>
                              </table>
                        <!-- ======= end social and logo ======= -->
      
      
      
      
                        <!-- ======= start footer ======= -->
                        <table class="mktoModule one-column" id="footerTextModule" mktoname="Footer Text" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:
                        ${emailBackgroundColor}; " bgcolor="#ffffff ">
                          <tr>
                            <td data-medium-editor-element="true" class="mktoText" mktoname="Footer Text 2" id="footerText" style="color: #999999; font-size: 12px; line-height: 18px; text-align:left; ">
                                <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Make sure our emails reach your inbox. Please add <a href="mailto:noreply@mysticlake.com" target="_blank" id="" style="text-decoration: underline; color: #9d3d96;">noreply@mysticlake.com</a> to your address book.<br />This email was sent to a member of the Mystic Lake Casino Hotel Email Club.</span></p>
                                <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">Please do not reply to this message. Replies to this message are routed to an unmonitored mailbox. If you have questions, please visit our <a href="http://mysticlake.com/contact-us" style="text-decoration: underline; color: #9d3d96;">contact page</a>.</span></p>
                                <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">We respect your privacy. Please review our <a href="http://mysticlake.com/-privacy-policy" style="text-decoration: underline; color: #9d3d96;">Privacy Policy</a>.</span></p>
                                <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">2400 Mystic Lake Blvd. Prior Lake, MN 55372<br /> Owned and Operated by the Shakopee Mdewakanton Sioux Community</span></p>
                            </td>
                          </tr>
                          <tr>
                            <td align="left " width="600 ">
                              <img src="${footerBannerImg}" width="600 " alt=" " style="border-width:0;width:100%;max-width:600px;height:auto;"
                              />
                            </td>
                          </tr>
                        </table>
                        <!-- ======= end footer ======= -->
                      </td>
                    </tr>
                  </table>
                  <!--[if (gte mso 9)|(IE)]>
      </td>
      </tr>
      </table>
      <![endif]-->
                </div>
              </td>
            </tr>
          </table>
        </center>
      </body>
      </html>
      
        • Re: Invalid Module
          Grace Brebner

          Hey Katie,

           

          Modules must be held within a "mktoContainer" in order to be valid. The section preceding your problem module closed that <td> tag too early.

           

          I've corrected it for you here - this should now work:

          <!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">  
          <head> 
          <!--Mystic Lake - List Template-->  
          <!-- Marketo Variable Definitions -->   
          <meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#f0f0f0" mktomodulescope="false" />  
          <meta class="mktoColor" id="clubMLabelColor" mktoname="Label Color" default="#666666" mktomodulescope="true" />  
          <meta class="mktoColor" id="clubMTextColor" mktoname="Text Color" default="#000000" mktomodulescope="true" />  
          <meta class="mktoString" id="memberNameLabel" mktoname="Member Name Label" default="Name" mktomodulescope="true" />  
          <meta class="mktoString" id="memberStatusLabel" mktoname="Member Status Label" default="Status" mktomodulescope="true" />  
          <meta class="mktoString" id="memberNumberLabel" mktoname="Club M Number Label" default="Number" mktomodulescope="true" />  
          <meta class="mktoString" id="bannerText" mktoname="Banner Text" default="Comedy at Meadows After Dark" mktomodulescope="true" />  
          <meta class="mktoImg" id="bannerIcon" mktoName="Banner Icon" default="http://go.mysticlake.com/rs/485-SMD-064/images/icon_phone.jpg" mktomodulescope="true" />  
          <meta class="mktoImg" id="bannerLogoImg" mktoName="Banner Logo Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/logo_header_ML.jpg" mktomodulescope="true" />  
          <meta class="mktoNumber" id="verticalSpaceAmountClubM" mktoname="Spacing Height"  default="20" min="10" max="40" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoImg" id="socialIcon1" mktoName="Social Icon 1" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_FB_grey.png" mktomodulescope="true" />  
          <meta class="mktoString" id="socialIconLink1" mktoname="Social Icon Link 1" default="https://www.facebook.com/mysticlake/" mktomodulescope="true" />  
          <meta class="mktoImg" id="socialIcon2" mktoName="Social Icon 2" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_twitter_grey.png" mktomodulescope="true" />  
          <meta class="mktoString" id="socialIconLink2" mktoname="Social Icon Link 2" default="https://twitter.com/mysticlake" mktomodulescope="true" />  
          <meta class="mktoImg" id="socialIcon3" mktoName="Social Icon 3" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_insta_grey.png" mktomodulescope="true" />  
          <meta class="mktoString" id="socialIconLink3" mktoname="Social Icon Link 3" default="https://www.instagram.com/mysticlakecasino/" mktomodulescope="true" />  
          <meta class="mktoImg" id="footerBannerImg" mktoName="Footer Banner Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/bottom_colorbar_purple.jpg" mktomodulescope="true" />  
          <meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f0f0f0" mktomodulescope="true" />  
          <meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />  
          <meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="titleSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="textBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />  
          <meta class="mktoNumber" id="textSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="textSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
          <meta class="mktoNumber" id="photoLSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="photoLSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="photoLBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
          <meta class="mktoNumber" id="photoLSpacer3" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="photoLSpacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
          <meta class="mktoNumber" id="photoLSpacer5" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="photoLSpacer6" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="bigctaBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
          <meta class="mktoNumber" id="bigctaSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="bigctaButtonBackgroundColor" mktoname="Button Background Color" default="#9d3d96" mktomodulescope="true" />  
          <meta class="mktoColor" id="bigctaBorderColor" mktoname="Button Border Color" default="#9d3d96" mktomodulescope="true" />  
          <meta class="mktoNumber" id="bigctaBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="bigctaSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoString" id="bigctaLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />  
          <meta class="mktoString" id="bigctaLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />  
          <meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
          <meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="text2BackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />  
          <meta class="mktoColor" id="text2BorderColor" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />  
          <meta class="mktoNumber" id="text2BorderSize" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="text2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoColor" id="text2BorderColor2" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />  
          <meta class="mktoNumber" id="text2BorderSize2" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />  
          <meta class="mktoNumber" id="text2Spacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
          
          
          
          
          <!-- Other Meta Tags -->   
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
          <!--[if !mso]><!-->  
          <meta http-equiv="X-UA-Compatible" content="IE=edge" />  
          <!--<![endif]-->  
          <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" />  
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
          <title></title>  
            <!--[if mso]>  
          <style type='text/css'>  
          .primary-font {  
          font-family: Arial, 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*/  
          
          
          
          
          body {  
          width: auto !important;  
          }  
          
          
          
          
          table.table600{  
          width: 450px !important;  
          }  
          
          
          
          
          table.table-inner{  
          width: 86% !important;  
          }  
          
          
          
          
          table.table1-2{  
          width: 47% !important;  
          clear: both;  
          }  
          
          
          
          
          table.table1-3{  
          width: 29.4% !important;  
          }  
          
          
          
          
          table.table1-4{  
          width: 100% !important;  
          text-align: left !important;  
          }  
          
          
          
          
          table.table2-3{  
          width: 64% !important;  
          text-align: center !important;  
          }  
          
          
          
          
          table.table3-3{  
          width: 100% !important;  
          text-align: center !important;  
          clear: both;  
          }  
          
          
          
          
          table.footer-logo{  
          width: 10% !important;  
          text-align: right !important;  
          }  
          
          
          
          
          td.outer{  
          min-width: 0 !important;  
          }  
          
          
          
          
          td.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.mobile-img{  
          width: 100% !important;  
          height: auto !important;  
          }  
          
          
          
          
          td.center-tablet{  
          text-align: center !important;  
          }  
          
          
          
          
          td.hide-tablet{  
          display: none !important;  
          }  
          
          
          
          
          table.footer-column{  
          width: 47% !important;  
          text-align: left !important;  
          }  
          
          
          
          
          .m_header .table1-3 {  
          width: 100% !important;  
          text-align: center !important;  
          }  
          
          
          
          
          .m_header .logo img {  
          display: inline !important;  
          margin-top: 0;  
          margin-right: auto;  
          margin-bottom: 0;  
          margin-left: auto;  
          }  
          
          
          
          
          .m_header .link {  
          text-align: center !important;  
          }  
          
          
          
          
          .m_hero .inner {  
          width: 80% !important;  
          }  
          
          
          
          
          .mktoVideoThumbnail {  
          width: 100% !important;  
          height: auto!important;  
          max-height: inherit!important;  
          min-height: inherit!important;  
          }  
          
          
          
          
          .m_free-image img {  
          width: 450px !important;  
          height: auto;  
          }  
          
          
          
          
          /*endtablet*/  
          
          
          
          
          }  
          
          
          
          
          @media only screen and (max-width: 479px) {  
          
          
          
          
          /*startmobile*/  
          
          
          
          
          body {  
          width: auto !important;  
          }  
          
          
          
          
          table.table600{  
          width: 290px !important;  
          }  
          
          
          
          
          table.table-inner{  
          width: 80% !important;  
          float: none !important;  
          }  
          
          
          
          
          table.table1-2{  
          width: 100% !important;  
          clear: both;  
          }  
          
          
          
          
          table.table1-3{  
          width: 100% !important;  
          clear: both;  
          }  
          
          
          
          
          table.table1-4{  
          width: 100% !important;  
          text-align: center !important;  
          }  
          
          
          
          
          table.table2-3{  
          width: 100% !important;  
          text-align: center !important;  
          }  
          
          
          
          
          table.table3-3{  
          width: 100% !important;  
          text-align: center !important;  
          clear: both;  
          }  
          
          
          
          
          table.footer-logo{  
          width: 60% !important;  
          text-align: center !important;  
          }  
          
          
          
          
          td.outer{  
          min-width: 0 !important;  
          }  
          
          
          
          
          td.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.center-smartphone{  
          text-align: center !important;  
          }  
          
          
          
          
          img.mobile-img{  
          width: 100% !important;  
          }  
          
          
          
          
          td.center-tablet{  
          text-align: center !important;  
          }  
          
          
          
          
          td.hide-smartphone{  
          display: none !important;  
          }  
          
          
          
          
          table.footer-column{  
          width: 100% !important;  
          text-align: center !important;  
          }  
          
          
          
          
          .m_hero .background {  
          background-image: none !important;  
          }  
          
          
          
          
          .m_free-image img {  
          width: 290px !important;  
          height: auto;  
          }  
          
          
          
          
          /*endmobile*/  
          
          
          <style type="text/css">  
          * {  
          -webkit-font-smoothing: antialiased;  
          }  
          
          
          
          
          body {  
          Margin: 0;  
          padding: 0;  
          min-width: 100%;  
          font-family: Arial, sans-serif;  
          -webkit-font-smoothing: antialiased;  
          mso-line-height-rule: exactly;  
          }  
          
          
          
          
          table {  
          border-spacing: 0;  
          color: #333333;  
          font-family: Arial, sans-serif;  
          }  
          
          
          
          
          img {  
          border: 0;  
          }  
          
          
          
          
          .wrapper {  
          width: 100%;  
          table-layout: fixed;  
          -webkit-text-size-adjust: 100%;  
          -ms-text-size-adjust: 100%;  
          }  
          
          
          
          
          .webkit {  
          max-width: 600px;  
          }  
          
          
          
          
          .outer {  
          Margin: 0 auto;  
          width: 100%;  
          max-width: 600px;  
          }  
          
          
          
          
          .full-width-image img {  
          width: 100%;  
          max-width: 600px;  
          height: auto;  
          }  
          
          
          
          
          .inner {  
          padding: 10px;  
          }  
          
          
          
          
          p {  
          Margin: 0;  
          padding-bottom: 10px;  
          }  
          
          
          
          
          .h1 {  
          font-size: 21px;  
          font-weight: bold;  
          Margin-top: 15px;  
          Margin-bottom: 5px;  
          font-family: Arial, sans-serif;  
          -webkit-font-smoothing: antialiased;  
          }  
          
          
          
          
          .h2 {  
          font-size: 18px;  
          font-weight: bold;  
          Margin-top: 10px;  
          Margin-bottom: 5px;  
          font-family: Arial, sans-serif;  
          -webkit-font-smoothing: antialiased;  
          }  
          
          
          
          
          .one-column .contents {  
          text-align: left;  
          font-family: Arial, sans-serif;  
          -webkit-font-smoothing: antialiased;  
          }  
          
          
          
          
          
          
          .one-column p {  
          font-size: 14px;  
          Margin-bottom: 10px;  
          font-family: Arial, sans-serif;  
          -webkit-font-smoothing: antialiased;  
          }  
          
          
          
          
          .two-column {  
          text-align: center;  
          font-size: 0;  
          }  
          
          
          
          
          .two-column .column {  
          width: 100%;  
          max-width: 300px;  
          display: inline-block;  
          vertical-align: top;  
          }  
          
          
          
          
          .contents {  
          width: 100%;  
          }  
          
          
          
          
          .two-column .contents {  
          font-size: 14px;  
          text-align: left;  
          }  
          
          
          
          
          .two-column img {  
          width: 100%;  
          height: auto;  
          }  
          
          
          
          
          .two-column .text {  
          padding-top: 10px;  
          }  
          
          
          
          
          .three-column {  
          text-align: center;  
          font-size: 0;  
          padding-top: 10px;  
          padding-bottom: 10px;  
          }  
          
          
          
          
          .three-column .column {  
          width: 100%;  
          max-width: 200px;  
          display: inline-block;  
          vertical-align: top;  
          }  
          
          
          
          
          .three-column .contents {  
          font-size: 14px;  
          text-align: center;  
          }  
          
          
          
          
          .three-column img {  
          width: 100%;  
          max-width: 180px;  
          height: auto;  
          }  
          
          
          
          
          .three-column .text {  
          padding-top: 10px;  
          }  
          
          
          
          
          .img-align-vertical img {  
          display: inline-block;  
          vertical-align: middle;  
          }  
          </style>  
            <!--[if (gte mso 9)|(IE)]>  
          <style type="text/css">  
          table {border-collapse: collapse !important;}  
          </style>  
          <![endif]-->  
          </head>  
          
          
          
          
          
          
          
          
          <body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:${emailBackgroundColor};">  
          <center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:${emailBackgroundColor};">  
          <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor};">  
          <tr>  
          <td width="100%">  
          <div class="webkit" style="max-width:600px;Margin:0 auto;">  
          <!--[if (gte mso 9)|(IE)]>  
          <table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Calibri, sans-serif;color:#333333;" >  
          <tr>  
          <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >  
          <![endif]-->  
          <!-- ======= start main body ======= -->  
          <table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" bgcolor="${emailBackgroundColor}">  
          <tr>  
          <td class="mktoContainer" id="template-wrapper" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">  
          <!-- ======= start vertical spacer club M Module ======= -->  
          <table class="mktoModule" id="verticalSpacerClubM" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">  
          <tr>  
          <td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">   
          </td>  
          </tr>  
          </table>  
          <!-- ======= end vertical spacer club M module ======= -->  
          
          
          <!-- ======= start Club M Module ======= -->  
          <table class="mktoModule one-column" id="clubMModule" mktoname="Club M Module" border="0 " cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor}">  
          <tr>  
          <td align="right" style="max-width: 300px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;">   
          </td>  
          <td valign="top" align="right" style="width: 150px; padding-top: 0px; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; text-align: right;">  
          <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNameLabel}</div>  
          <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Name" id="clubMMemberName" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.First Name:default=First Name}} {{lead.Last Name:default=Last Name}}</div>  
          </td>  
          <td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 7px; padding-left: 7px; padding-bottom: 0px; text-align: right;">  
          <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberStatusLabel}</div>  
          <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Status" id="clubMMemberStatus" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">Status Var</div>  
          </td>  
          <td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; text-align: right;">  
          <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNumberLabel}</div>  
          <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Number" id="clubMMemberNumber" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600; ">{{lead.Guest ID:default=Guest ID}}</div>  
          </td>  
          </tr>  
          </table>  
          <!-- ======= start Club M Module ======= -->  
          
          
          <!-- ======= start vertical spacer club M Module ======= -->  
          <table class="mktoModule" id="verticalSpacerClubM2" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">  
          <tr>  
          <td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">   
          </td>  
          </tr>  
          </table>  
          <!-- ======= end vertical spacer club M module ======= -->  
          
          
          
          
          <!-- ======= start header banner ======= -->  
          <table class="mktoModule one-column" id="headerBanner" mktoname="Header Banner" border="0" cellpadding="0 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:">  
          <tr bgcolor="#ffffff" style="background-color: #ffffff;">  
          <td width="33" style="padding-bottom:0;padding-right:5px;padding-left:20px;padding-top:0px;background-color:#ffffff;">  
          <img src="${bannerIcon}" width="25" alt=" " style="display: block;border-width:0;width:100%;max-width:25px;height:auto; "  
          />  
          </td>  
          <td class="text" style="padding-bottom:0; padding-right:0; padding-left:0; padding-top:0px; text-decoration: none; color: #9d3d96; font-family: arial, sans-serif; font-weight: bold; text-align:left;min-width:130px;background-color:#ffffff;">  
          <h1 style="font-size: 13px; text-transform: uppercase; color: #9d3d96;   
          display: inline; vertical-align: top; ">${bannerText}</h1>  
          </td>  
          <td align="right" style="padding-top: 0;background-color:#ffffff;float: right;min-width:100px;">  
          <img src="${bannerLogoImg}" alt=" " align="right" style="display: block; border-width:0;width:100%;min-width:100px;min-height:90px;" />  
          </td>  
          </tr>  
          </table>  
          <!-- ======= end header banner ======= -->  
          <!-- ======= start blank space ======= -->                    
          <table  class="mktoModule m_blankSpace" id="blankSpace" mktoname="Blank Space" 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%">   
          <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:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" 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:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}"> 
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end blank space ======= -->  
          <!-- ======= start title 2 ======= -->                    
          <table class="mktoModule m_title" id="title2" mktoname="Title2" 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%">   
          <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:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" 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:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}"> 
          </td>   
          </tr>   
          <tr>   
          <td class="primary-font pretitle" 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:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 17px;color: #333;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Pre-Title" id="preTitle">  
          Lorem ipsum dolor sit amet.  
          </div>
          </td>   
          </tr>   
          <tr>   
          <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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 27px;font-weight: bold;color: #000;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Title" id="title3">  
          This is the main title  
          </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:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </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="Dots" id="dots" mktolockimgstyle="false">  
          <a><img src="http://templates.marketo.net/newsletter3/dots.png" style="border-left-width: 0; line-height: 100%; outline: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; display: block; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: 16px; width: auto;" height="16px" /></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:${titleSpacer3};font-size:${titleSpacer3};" height="${titleSpacer3}"> 
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end title 2 ======= -->  
          <!-- ======= start photo l ======= -->                    
          <table class="mktoModule m_photo-l" id="photo-l" mktoname="Photo-l" 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%">   
          <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:${photoLBackgroundColor};" bgcolor="${photoLBackgroundColor}" 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:${photoLSpacer};font-size:${photoLSpacer};" height="${photoLSpacer}"> </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="table1-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="290">   
          <tbody>   
          <tr>   
          <td class="photo" 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;">   
          <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgstyle="false">  
          <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post1.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>  
          </div> 
          </td>   
          </tr>   
          <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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>   
          </tbody>   
          </table>   
          <table class="table2-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="280">   
          <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="center" border="0" cellpadding="0" cellspacing="0">   
          <tbody>   
          <tr>   
          <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Right Article title" id="articleTitle">  
          Intro title  
          </div>
          </td>   
          </tr>   
          <tr>   
          <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Right Text" id="text3">  
          Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.  
          </div>
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </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:${photoLSpacer2};font-size:${photoLSpacer2};" height="${photoLSpacer2}"> </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end photo l ======= -->  
          <!-- ======= start big cta ======= -->                    
          <table class="mktoModule m_bigcta" id="bigctaf743a37c-eba5-4d03-be69-84a9a789d36f" mktoname="Bigcta-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="center" 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;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}">
          </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>   
          </tr>   
          </tbody>   
          </table>   
          </center>
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end big cta ======= -->  
          <!-- ======= start blank space 2 ======= -->                    
          <table class="mktoModule m_blankSpace" id="blankSpace4d9d5eee2-3690-43ff-964a-0883a03d7920" mktoname="Blank Space4-1" 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%">   
          <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:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" 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:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> 
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end blank space 2 ======= -->  
          <!-- ======= start photo l 2 ======= -->                    
          <table class="mktoModule m_photo-l" id="photo-l2" mktoname="Photo-l2" 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%">   
          <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:${photoLBackgroundColor2};" bgcolor="${photoLBackgroundColor2}" 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:${photoLSpacer3};font-size:${photoLSpacer3};" height="${photoLSpacer3}"> </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="table1-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="290">   
          <tbody>   
          <tr>   
          <td class="photo" 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;">   
          <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgstyle="false">  
          <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post2.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>  
          </div> 
          </td>   
          </tr>   
          <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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>   
          </tbody>   
          </table>   
          <table class="table2-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="280">   
          <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="center" border="0" cellpadding="0" cellspacing="0">   
          <tbody>   
          <tr>   
          <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Right Article title" id="articleTitle2">  
          Intro title  
          </div>
          </td>   
          </tr>   
          <tr>   
          <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Right Text" id="text4">  
          Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.  
          </div>
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </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:${photoLSpacer4};font-size:${photoLSpacer4};" height="${photoLSpacer4}"> 
          </td>   
          </tr>   
          </tbody>   
          </table>
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end photo l 2 ======= -->  
          <!-- ======= start big cta 2 ======= -->                    
          <table class="mktoModule m_bigcta" id="bigctaa9fbb863-d58c-49cf-968e-ea0d275e2c06" mktoname="Bigcta-1" 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%">   
          <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:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}">
          </td>   
          </tr>   
          </tbody>   
          </table>   
          </center>
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end big cta 2 ======= -->  
          <!-- ======= start text ======= -->                    
          <table  class="mktoModule m_text" id="text132cad90-d0c5-4b4a-b9bf-eb3099eea6ac" mktoname="Text-1" 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; font-size: 15px;" align="center" 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;background-color:${textBackgroundColor};" bgcolor="${textBackgroundColor}" 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:${textSpacer};font-size:${textSpacer};" height="${textSpacer}">
          </td>   
          </tr>   
          <tr>   
          <td class="primary-font content" 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;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Text" id="text7132cad90-d0c5-4b4a-b9bf-eb3099eea6ac">  
          Hi   
          <strong>Philip</strong>,   
          <br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  
          </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:${textSpacer2};font-size:${textSpacer2};" height="${textSpacer2}">
          </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end text ======= -->  
          <!-- ======= start blank space 4 ======= -->                    
          <table class="mktoModule m_blankSpace" id="blankSpace4fc5d1d89-9088-414c-8856-473ec5cab719" mktoname="Blank Space4" 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%">   
          <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:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" 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:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end blank space 4 ======= -->  
          <!-- ======= start photo l 3 ======= -->                    
          <table class="mktoModule m_photo-l" id="photo-l3" mktoname="Photo-l3" 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%">   
          <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:${photoLBackgroundColor3};" bgcolor="${photoLBackgroundColor3}" 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:${photoLSpacer5};font-size:${photoLSpacer5};" height="${photoLSpacer5}"> </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="table1-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="290">   
          <tbody>   
          <tr>   
          <td class="photo" 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;">   
          <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgstyle="false">  
          <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post3.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>  
          </div> 
          </td>   
          </tr>   
          <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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>   
          </tbody>   
          </table>   
          <table class="table2-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="280">   
          <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="center" border="0" cellpadding="0" cellspacing="0">   
          <tbody>   
          <tr>   
          <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Right Article title" id="articleTitle3">  
          Intro title  
          </div>
          </td>   
          </tr>   
          <tr>   
          <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Right Text" id="text5">  
          Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.  
          </div>
          </td>   
          </tr>   
          </tbody>   
          </table>
          </td>   
          </tr>   
          </tbody>   
          </table>
          </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:${photoLSpacer6};font-size:${photoLSpacer6};" height="${photoLSpacer6}"> </td>   
          </tr>   
          </tbody>   
          </table> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end photo l 3 ======= -->  
          <!-- ======= start big cta 3 ======= -->                    
          <table  class="mktoModule m_bigcta" id="bigcta" mktoname="Bigcta" 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%">   
          <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:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust:   
          100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display:   
          inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size:   
          19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>   
          </tr>   
          </tbody>   
          </table>   
          </center> 
          </td>   
          </tr>   
          </tbody>   
          </table>  
          <!-- ======= end big cta 3 ======= -->  
          <!-- ======= start text 2 ======= -->                    
          <table class="mktoModule m_text2" id="text2" mktoname="Text2" 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; font-size: 19px;" align="center" 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;background-color:${text2BackgroundColor};" bgcolor="${text2BackgroundColor}" 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 class="border1" 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:${text2BorderSize};border-top-style: solid;border-top-color:${text2BorderColor};border-collapse: collapse;line-height:${text2Spacer};font-size:${text2Spacer};" height="${text2Spacer}"> </td>   
          </tr>   
          <tr>   
          <td class="primary-font content" 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;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">   
          <div class="mktoText" mktoname="Text" id="text6">  
          Interested in learning more?   
          <strong>Visit our Help Center </strong>   
          <br /> Sincerly,   
          <strong>Marco</strong>  
          </div>
          </td>   
          </tr>   
          <tr>   
          <td class="border2" 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-bottom-width:${text2BorderSize2};border-bottom-style: solid;border-bottom-color:${text2BorderColor2};border-collapse: collapse;line-height:${text2Spacer2};font-size:${text2Spacer2};" height="${text2Spacer2}"> </td>   
          </tr>   
          </tbody>   
          </table>   
          </td>   
          </tr>   
          </tbody>   
          </table>
          <!-- ======= end text 2 ======= -->  
          <!-- ======= start social and logo ======= -->  
          <table class="mktoModule one-column" id="socialWithLogo" mktoname="Social With Logo" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:${emailBackgroundColor}">  
          <tr>  
          <td>  
          <table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">  
          <tr>  
          <td height="20 " width="100% " style="font-size: 20px; line-height: 20px; ">  
          </td>  
          </tr>  
          </table>  
          <table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">  
          <tr>  
          <td align="left " width="150 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px;  
          border-radius: 4px; ">  
          <table>  
          <tr>  
          <td style="padding-right: 7px;">  
          <a href="${socialIconLink1}" style="width:30px;text-decoration: none;border:0;" class="button_link ">  
          <img src="${socialIcon1}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "  
          />  
          </a>  
          </td>  
          <td style="padding-right: 7px;">  
          <a href="${socialIconLink2}" style="width:30px;text-decoration: none;border:0;" class="button_link ">  
          <img src="${socialIcon2}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "  
          />  
          </a>  
          </td>  
          <td style="padding-right: 7px;">  
          <a href="${socialIconLink3}" style="width:30px;text-decoration: none;border:0;" class="button_link ">  
          <img src="${socialIcon3}" width="30 " alt=" " style="border-width:0;width:100%;max-width:30px;height:auto; "  
          />  
          </a>  
          </td>  
          </tr>  
          </table>  
          </td>  
          <td align="right " width="123 " style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; ">  
          <div class="mktoImg" id="footerLogo" mktoName="Footer Logo" mktoImgSrc="http://go.mysticlake.com/rs/485-SMD-064/images/logo_ML_purple.png"  
          mktoImgLink="http://www.mysticlake.com/" mktoLockImgStyle="true">  
          <a>  
          <img width="123" align="right" style="border-width:0;width:100%;max-width:123px;height:auto; " />  
          </a>  
          </div>  
          </td>  
          </tr>  
          </table>  
          <table width="100% " border="0 " cellpadding="0 " cellspacing="0 ">  
          <tr>  
          <td height="10 " width="100% " style="font-size: 10px; line-height: 10px; ">   
          
          
          
          
          </td>  
          </tr>  
          </table>  
          <!-- ======= end social and logo ======= -->  
          <!-- ======= start footer ======= -->  
          <table class="mktoModule one-column" id="footerTextModule" mktoname="Footer Text" border="0 " cellpadding="10 " cellspacing="0 " width="100% " style="border-spacing:0;background-color:  
          ${emailBackgroundColor}; " bgcolor="#ffffff ">  
          <tr>  
          <td data-medium-editor-element="true" class="mktoText" mktoname="Footer Text 2" id="footerText" style="color: #999999; font-size: 12px; line-height: 18px; text-align:left; ">  
          <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Make sure our emails reach your inbox. Please add <a href="mailto:noreply@mysticlake.com" target="_blank" id="" style="text-decoration: underline; color: #9d3d96;">noreply@mysticlake.com</a> to your address book.<br />This email was sent to a member of the Mystic Lake Casino Hotel Email Club.</span></p>  
          <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">Please do not reply to this message. Replies to this message are routed to an unmonitored mailbox. If you have questions, please visit our <a href="http://mysticlake.com/contact-us" style="text-decoration: underline; color: #9d3d96;">contact page</a>.</span></p>  
          <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">We respect your privacy. Please review our <a href="http://mysticlake.com/-privacy-policy" style="text-decoration: underline; color: #9d3d96;">Privacy Policy</a>.</span></p>  
          <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999; ">2400 Mystic Lake Blvd. Prior Lake, MN 55372<br /> Owned and Operated by the Shakopee Mdewakanton Sioux Community</span></p>  
          </td>  
          </tr>  
          <tr>  
          <td align="left " width="600 ">  
          <img src="${footerBannerImg}" width="600 " alt=" " style="border-width:0;width:100%;max-width:600px;height:auto;"  
          />  
          </td>  
          </tr>  
          </table>  
          <!-- ======= end footer ======= -->  
          </td>  
          </tr>  
          </table>  
                      <!--[if (gte mso 9)|(IE)]>  
          </td>  
          </tr>  
          </table>  
          <![endif]-->  
          </div>  
          </td>  
          </tr>  
          </table>  
          </center>  
          </body>  
          </html>
          
            • Re: Invalid Module
              Katie O'Brien

              Thanks Grace, but when I paste that in NOTHING appears in the preview anymore. Is there another error I'm missing?

                • Re: Invalid Module
                  Grace Brebner

                  Sorry Katie - found some other closing tags missing that I didn't pick up before! This should work:

                  <!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">  
                  <head> 
                  <!--Mystic Lake - List Template-->  
                  <!-- Marketo Variable Definitions -->   
                  <meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#f0f0f0" mktomodulescope="false" />  
                  <meta class="mktoColor" id="clubMLabelColor" mktoname="Label Color" default="#666666" mktomodulescope="true" />  
                  <meta class="mktoColor" id="clubMTextColor" mktoname="Text Color" default="#000000" mktomodulescope="true" />  
                  <meta class="mktoString" id="memberNameLabel" mktoname="Member Name Label" default="Name" mktomodulescope="true" />  
                  <meta class="mktoString" id="memberStatusLabel" mktoname="Member Status Label" default="Status" mktomodulescope="true" />  
                  <meta class="mktoString" id="memberNumberLabel" mktoname="Club M Number Label" default="Number" mktomodulescope="true" />  
                  <meta class="mktoString" id="bannerText" mktoname="Banner Text" default="Comedy at Meadows After Dark" mktomodulescope="true" />  
                  <meta class="mktoImg" id="bannerIcon" mktoName="Banner Icon" default="http://go.mysticlake.com/rs/485-SMD-064/images/icon_phone.jpg" mktomodulescope="true" />  
                  <meta class="mktoImg" id="bannerLogoImg" mktoName="Banner Logo Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/logo_header_ML.jpg" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="verticalSpaceAmountClubM" mktoname="Spacing Height"  default="20" min="10" max="40" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoImg" id="socialIcon1" mktoName="Social Icon 1" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_FB_grey.png" mktomodulescope="true" />  
                  <meta class="mktoString" id="socialIconLink1" mktoname="Social Icon Link 1" default="https://www.facebook.com/mysticlake/" mktomodulescope="true" />  
                  <meta class="mktoImg" id="socialIcon2" mktoName="Social Icon 2" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_twitter_grey.png" mktomodulescope="true" />  
                  <meta class="mktoString" id="socialIconLink2" mktoname="Social Icon Link 2" default="https://twitter.com/mysticlake" mktomodulescope="true" />  
                  <meta class="mktoImg" id="socialIcon3" mktoName="Social Icon 3" default="http://go.mysticlake.com/rs/485-SMD-064/images/social_insta_grey.png" mktomodulescope="true" />  
                  <meta class="mktoString" id="socialIconLink3" mktoname="Social Icon Link 3" default="https://www.instagram.com/mysticlakecasino/" mktomodulescope="true" />  
                  <meta class="mktoImg" id="footerBannerImg" mktoName="Footer Banner Image" default="http://go.mysticlake.com/rs/485-SMD-064/images/bottom_colorbar_purple.jpg" mktomodulescope="true" />  
                  <meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#f0f0f0" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="30" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="titleBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="titleSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="titleSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="titleSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="textBackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="textSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="textSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="photoLBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="photoLSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="photoLSpacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="photoLBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="photoLSpacer3" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="photoLSpacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="photoLBackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="photoLSpacer5" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="photoLSpacer6" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="bigctaBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="bigctaSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="bigctaButtonBackgroundColor" mktoname="Button Background Color" default="#9d3d96" mktomodulescope="true" />  
                  <meta class="mktoColor" id="bigctaBorderColor" mktoname="Button Border Color" default="#9d3d96" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="bigctaBorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="bigctaSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoString" id="bigctaLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />  
                  <meta class="mktoString" id="bigctaLink" mktoname="Button Link" default="http://mylink" mktomodulescope="true" />  
                  <meta class="mktoColor" id="blankSpaceBackgroundColor4" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="blankSpaceSpacer4" mktoname="Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="text2BackgroundColor" mktoname="Module Background" default="#FFFFFF" mktomodulescope="true" />  
                  <meta class="mktoColor" id="text2BorderColor" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="text2BorderSize" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="text2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoColor" id="text2BorderColor2" mktoname="Text Border Color" default="#ddd" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="text2BorderSize2" mktoname="Text Border Width" default="3" min="0" max="20" units="px" step="1" mktomodulescope="true" />  
                  <meta class="mktoNumber" id="text2Spacer2" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />  
                  
                  
                  
                  
                  <!-- Other Meta Tags -->   
                  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
                  <!--[if !mso]><!-->  
                  <meta http-equiv="X-UA-Compatible" content="IE=edge" />  
                  <!--<![endif]-->  
                  <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" />  
                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
                  <title></title>  
                    <!--[if mso]>  
                  <style type='text/css'>  
                  .primary-font {  
                  font-family: Arial, 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*/  
                  
                  
                  
                  
                  body {  
                  width: auto !important;  
                  }  
                  
                  
                  
                  
                  table.table600{  
                  width: 450px !important;  
                  }  
                  
                  
                  
                  
                  table.table-inner{  
                  width: 86% !important;  
                  }  
                  
                  
                  
                  
                  table.table1-2{  
                  width: 47% !important;  
                  clear: both;  
                  }  
                  
                  
                  
                  
                  table.table1-3{  
                  width: 29.4% !important;  
                  }  
                  
                  
                  
                  
                  table.table1-4{  
                  width: 100% !important;  
                  text-align: left !important;  
                  }  
                  
                  
                  
                  
                  table.table2-3{  
                  width: 64% !important;  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  table.table3-3{  
                  width: 100% !important;  
                  text-align: center !important;  
                  clear: both;  
                  }  
                  
                  
                  
                  
                  table.footer-logo{  
                  width: 10% !important;  
                  text-align: right !important;  
                  }  
                  
                  
                  
                  
                  td.outer{  
                  min-width: 0 !important;  
                  }  
                  
                  
                  
                  
                  td.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.mobile-img{  
                  width: 100% !important;  
                  height: auto !important;  
                  }  
                  
                  
                  
                  
                  td.center-tablet{  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  td.hide-tablet{  
                  display: none !important;  
                  }  
                  
                  
                  
                  
                  table.footer-column{  
                  width: 47% !important;  
                  text-align: left !important;  
                  }  
                  
                  
                  
                  
                  .m_header .table1-3 {  
                  width: 100% !important;  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  .m_header .logo img {  
                  display: inline !important;  
                  margin-top: 0;  
                  margin-right: auto;  
                  margin-bottom: 0;  
                  margin-left: auto;  
                  }  
                  
                  
                  
                  
                  .m_header .link {  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  .m_hero .inner {  
                  width: 80% !important;  
                  }  
                  
                  
                  
                  
                  .mktoVideoThumbnail {  
                  width: 100% !important;  
                  height: auto!important;  
                  max-height: inherit!important;  
                  min-height: inherit!important;  
                  }  
                  
                  
                  
                  
                  .m_free-image img {  
                  width: 450px !important;  
                  height: auto;  
                  }  
                  
                  
                  
                  
                  /*endtablet*/  
                  
                  
                  
                  
                  }  
                  
                  
                  
                  
                  @media only screen and (max-width: 479px) {  
                  
                  
                  
                  
                  /*startmobile*/  
                  
                  
                  
                  
                  body {  
                  width: auto !important;  
                  }  
                  
                  
                  
                  
                  table.table600{  
                  width: 290px !important;  
                  }  
                  
                  
                  
                  
                  table.table-inner{  
                  width: 80% !important;  
                  float: none !important;  
                  }  
                  
                  
                  
                  
                  table.table1-2{  
                  width: 100% !important;  
                  clear: both;  
                  }  
                  
                  
                  
                  
                  table.table1-3{  
                  width: 100% !important;  
                  clear: both;  
                  }  
                  
                  
                  
                  
                  table.table1-4{  
                  width: 100% !important;  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  table.table2-3{  
                  width: 100% !important;  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  table.table3-3{  
                  width: 100% !important;  
                  text-align: center !important;  
                  clear: both;  
                  }  
                  
                  
                  
                  
                  table.footer-logo{  
                  width: 60% !important;  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  td.outer{  
                  min-width: 0 !important;  
                  }  
                  
                  
                  
                  
                  td.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.center-smartphone{  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  img.mobile-img{  
                  width: 100% !important;  
                  }  
                  
                  
                  
                  
                  td.center-tablet{  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  td.hide-smartphone{  
                  display: none !important;  
                  }  
                  
                  
                  
                  
                  table.footer-column{  
                  width: 100% !important;  
                  text-align: center !important;  
                  }  
                  
                  
                  
                  
                  .m_hero .background {  
                  background-image: none !important;  
                  }  
                  
                  
                  
                  
                  .m_free-image img {  
                  width: 290px !important;  
                  height: auto;  
                  }  
                  
                  
                  
                  
                  /*endmobile*/  
                  
                  
                  <style type="text/css">  
                  * {  
                  -webkit-font-smoothing: antialiased;  
                  }  
                  
                  
                  
                  
                  body {  
                  Margin: 0;  
                  padding: 0;  
                  min-width: 100%;  
                  font-family: Arial, sans-serif;  
                  -webkit-font-smoothing: antialiased;  
                  mso-line-height-rule: exactly;  
                  }  
                  
                  
                  
                  
                  table {  
                  border-spacing: 0;  
                  color: #333333;  
                  font-family: Arial, sans-serif;  
                  }  
                  
                  
                  
                  
                  img {  
                  border: 0;  
                  }  
                  
                  
                  
                  
                  .wrapper {  
                  width: 100%;  
                  table-layout: fixed;  
                  -webkit-text-size-adjust: 100%;  
                  -ms-text-size-adjust: 100%;  
                  }  
                  
                  
                  
                  
                  .webkit {  
                  max-width: 600px;  
                  }  
                  
                  
                  
                  
                  .outer {  
                  Margin: 0 auto;  
                  width: 100%;  
                  max-width: 600px;  
                  }  
                  
                  
                  
                  
                  .full-width-image img {  
                  width: 100%;  
                  max-width: 600px;  
                  height: auto;  
                  }  
                  
                  
                  
                  
                  .inner {  
                  padding: 10px;  
                  }  
                  
                  
                  
                  
                  p {  
                  Margin: 0;  
                  padding-bottom: 10px;  
                  }  
                  
                  
                  
                  
                  .h1 {  
                  font-size: 21px;  
                  font-weight: bold;  
                  Margin-top: 15px;  
                  Margin-bottom: 5px;  
                  font-family: Arial, sans-serif;  
                  -webkit-font-smoothing: antialiased;  
                  }  
                  
                  
                  
                  
                  .h2 {  
                  font-size: 18px;  
                  font-weight: bold;  
                  Margin-top: 10px;  
                  Margin-bottom: 5px;  
                  font-family: Arial, sans-serif;  
                  -webkit-font-smoothing: antialiased;  
                  }  
                  
                  
                  
                  
                  .one-column .contents {  
                  text-align: left;  
                  font-family: Arial, sans-serif;  
                  -webkit-font-smoothing: antialiased;  
                  }  
                  
                  
                  
                  
                  
                  
                  .one-column p {  
                  font-size: 14px;  
                  Margin-bottom: 10px;  
                  font-family: Arial, sans-serif;  
                  -webkit-font-smoothing: antialiased;  
                  }  
                  
                  
                  
                  
                  .two-column {  
                  text-align: center;  
                  font-size: 0;  
                  }  
                  
                  
                  
                  
                  .two-column .column {  
                  width: 100%;  
                  max-width: 300px;  
                  display: inline-block;  
                  vertical-align: top;  
                  }  
                  
                  
                  
                  
                  .contents {  
                  width: 100%;  
                  }  
                  
                  
                  
                  
                  .two-column .contents {  
                  font-size: 14px;  
                  text-align: left;  
                  }  
                  
                  
                  
                  
                  .two-column img {  
                  width: 100%;  
                  height: auto;  
                  }  
                  
                  
                  
                  
                  .two-column .text {  
                  padding-top: 10px;  
                  }  
                  
                  
                  
                  
                  .three-column {  
                  text-align: center;  
                  font-size: 0;  
                  padding-top: 10px;  
                  padding-bottom: 10px;  
                  }  
                  
                  
                  
                  
                  .three-column .column {  
                  width: 100%;  
                  max-width: 200px;  
                  display: inline-block;  
                  vertical-align: top;  
                  }  
                  
                  
                  
                  
                  .three-column .contents {  
                  font-size: 14px;  
                  text-align: center;  
                  }  
                  
                  
                  
                  
                  .three-column img {  
                  width: 100%;  
                  max-width: 180px;  
                  height: auto;  
                  }  
                  
                  
                  
                  
                  .three-column .text {  
                  padding-top: 10px;  
                  }  
                  
                  
                  
                  
                  .img-align-vertical img {  
                  display: inline-block;  
                  vertical-align: middle;  
                  }  
                  </style>  
                    <!--[if (gte mso 9)|(IE)]>  
                  <style type="text/css">  
                  table {border-collapse: collapse !important;}  
                  </style>  
                  <![endif]-->  
                  </head>  
                  
                  
                  
                  
                  
                  
                  
                  
                  <body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:${emailBackgroundColor};">  
                  <center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:${emailBackgroundColor};">  
                  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor};">  
                  <tr>  
                  <td width="100%">  
                  <div class="webkit" style="max-width:600px;Margin:0 auto;">  
                  <!--[if (gte mso 9)|(IE)]>  
                  <table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Calibri, sans-serif;color:#333333;" >  
                  <tr>  
                  <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >  
                  <![endif]-->  
                  <!-- ======= start main body ======= -->  
                  <table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family: Arial, sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" bgcolor="${emailBackgroundColor}">  
                  <tr>  
                  <td class="mktoContainer" id="template-wrapper" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">  
                  <!-- ======= start vertical spacer club M Module ======= -->  
                  <table class="mktoModule" id="verticalSpacerClubM" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">  
                  <tr>  
                  <td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">   
                  </td>  
                  </tr>  
                  </table>  
                  <!-- ======= end vertical spacer club M module ======= -->  
                  <!-- ======= start Club M Module ======= -->  
                  <table class="mktoModule one-column" id="clubMModule" mktoname="Club M Module" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;background-color:${emailBackgroundColor};" bgcolor="${emailBackgroundColor}">  
                  <tr>  
                  <td align="right" style="max-width: 300px; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;">   
                  </td>  
                  <td valign="top" align="right" style="width: 150px; padding-top: 0px; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; text-align: right;">  
                  <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNameLabel}</div>  
                  <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Name" id="clubMMemberName" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">{{lead.First Name:default=First Name}} {{lead.Last Name:default=Last Name}}</div>  
                  </td>  
                  <td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 7px; padding-left: 7px; padding-bottom: 0px; text-align: right;">  
                  <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberStatusLabel}</div>  
                  <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Status" id="clubMMemberStatus" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">Status Var</div>  
                  </td>  
                  <td valign="top" align="right" style="width: 60px; padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; text-align: right;">  
                  <div style="font-size: 11px; line-height:14px; text-decoration: none; color: ${clubMLabelColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; padding-bottom:0; font-weight:400; text-transform: uppercase;">${memberNumberLabel}</div>  
                  <div data-medium-editor-element="true" class="mktoText" mktoname="Club M Member Number" id="clubMMemberNumber" style="font-size: 12px; line-height:14px; text-decoration: none; color: ${clubMTextColor}; font-family:Arial, Helvetica, sans-serif, sans-serif; margin-top:0px; margin-bottom: 0; font-weight:600;">{{lead.Guest ID:default=Guest ID}}</div>  
                  </td>  
                  </tr>  
                  </table>  
                  <!-- ======= start Club M Module ======= -->  
                  <!-- ======= start vertical spacer club M Module ======= -->  
                  <table class="mktoModule" id="verticalSpacerClubM2" mktoname="Vertical Space" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="${emailBackgroundColor}" style="background-color:${emailBackgroundColor};">  
                  <tr>  
                  <td height="${verticalSpaceAmountClubM}" width="100%" bgcolor="${emailBackgroundColor}" style="font-size: ${verticalSpaceAmountClubM}; line-height: ${verticalSpaceAmountClubM}; background-color: ${emailBackgroundColor};">   
                  </td>  
                  </tr>  
                  </table>  
                  <!-- ======= end vertical spacer club M module ======= -->  
                  <!-- ======= start header banner ======= -->  
                  <table class="mktoModule one-column" id="headerBanner" mktoname="Header Banner" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;background-color:">  
                  <tr bgcolor="#ffffff" style="background-color: #ffffff;">  
                  <td width="33" style="padding-bottom:0;padding-right:5px;padding-left:20px;padding-top:0px;background-color:#ffffff;">  
                  <img src="${bannerIcon}" width="25" alt="" style="display: block;border-width:0;width:100%;max-width:25px;height:auto;"  
                  />  
                  </td>  
                  <td class="text" style="padding-bottom:0; padding-right:0; padding-left:0; padding-top:0px; text-decoration: none; color: #9d3d96; font-family: arial, sans-serif; font-weight: bold; text-align:left;min-width:130px;background-color:#ffffff;">  
                  <h1 style="font-size: 13px; text-transform: uppercase; color: #9d3d96;   
                  display: inline; vertical-align: top;">${bannerText}</h1>  
                  </td>  
                  <td align="right" style="padding-top: 0;background-color:#ffffff;float: right;min-width:100px;">  
                  <img src="${bannerLogoImg}" alt="" align="right" style="display: block; border-width:0;width:100%;min-width:100px;min-height:90px;" />  
                  </td>  
                  </tr>  
                  </table>  
                  <!-- ======= end header banner ======= -->  
                  <!-- ======= start blank space ======= -->                    
                  <table  class="mktoModule m_blankSpace" id="blankSpace" mktoname="Blank Space" 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%">   
                  <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:${blankSpaceBackgroundColor};" bgcolor="${blankSpaceBackgroundColor}" 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:${blankSpaceSpacer};font-size:${blankSpaceSpacer};" height="${blankSpaceSpacer}"> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end blank space ======= -->  
                  <!-- ======= start title 2 ======= -->                    
                  <table class="mktoModule m_title" id="title2" mktoname="Title2" 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%">   
                  <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:${titleBackgroundColor};" bgcolor="${titleBackgroundColor}" 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:${titleSpacer};font-size:${titleSpacer};" height="${titleSpacer}"> 
                  </td>   
                  </tr>   
                  <tr>   
                  <td class="primary-font pretitle" 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:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 17px;color: #333;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Pre-Title" id="preTitle">  
                  Lorem ipsum dolor sit amet.  
                  </div>
                  </td>   
                  </tr>   
                  <tr>   
                  <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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;font-size: 27px;font-weight: bold;color: #000;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Title" id="title3">  
                  This is the main title  
                  </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:${titleSpacer2};font-size:${titleSpacer2};" height="${titleSpacer2}"> </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="Dots" id="dots" mktolockimgstyle="false">  
                  <a><img src="http://templates.marketo.net/newsletter3/dots.png" style="border-left-width: 0; line-height: 100%; outline: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; display: block; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: 16px; width: auto;" height="16px" /></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:${titleSpacer3};font-size:${titleSpacer3};" height="${titleSpacer3}"> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end title 2 ======= -->  
                  <!-- ======= start photo l ======= -->                    
                  <table class="mktoModule m_photo-l" id="photo-l" mktoname="Photo-l" 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%">   
                  <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:${photoLBackgroundColor};" bgcolor="${photoLBackgroundColor}" 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:${photoLSpacer};font-size:${photoLSpacer};" height="${photoLSpacer}"> </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="table1-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="290">   
                  <tbody>   
                  <tr>   
                  <td class="photo" 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;">   
                  <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo" mktolockimgstyle="false">  
                  <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post1.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>  
                  </div> 
                  </td>   
                  </tr>   
                  <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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>   
                  </tbody>   
                  </table>   
                  <table class="table2-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="280">   
                  <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="center" border="0" cellpadding="0" cellspacing="0">   
                  <tbody>   
                  <tr>   
                  <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Right Article title" id="articleTitle">  
                  Intro title  
                  </div>
                  </td>   
                  </tr>   
                  <tr>   
                  <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Right Text" id="text3">  
                  Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.  
                  </div>
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </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:${photoLSpacer2};font-size:${photoLSpacer2};" height="${photoLSpacer2}"> </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end photo l ======= -->  
                  <!-- ======= start big cta ======= -->                    
                  <table class="mktoModule m_bigcta" id="bigctaf743a37c-eba5-4d03-be69-84a9a789d36f" mktoname="Bigcta-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="center" 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;background-color:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}">
                  </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>   
                  </tr>   
                  </tbody>   
                  </table>   
                  </center>
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end big cta ======= -->  
                  <!-- ======= start blank space 2 ======= -->                    
                  <table class="mktoModule m_blankSpace" id="blankSpace4d9d5eee2-3690-43ff-964a-0883a03d7920" mktoname="Blank Space4-1" 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%">   
                  <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:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" 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:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end blank space 2 ======= -->  
                  <!-- ======= start photo l 2 ======= -->                    
                  <table class="mktoModule m_photo-l" id="photo-l2" mktoname="Photo-l2" 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%">   
                  <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:${photoLBackgroundColor2};" bgcolor="${photoLBackgroundColor2}" 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:${photoLSpacer3};font-size:${photoLSpacer3};" height="${photoLSpacer3}"> </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="table1-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="290">   
                  <tbody>   
                  <tr>   
                  <td class="photo" 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;">   
                  <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo2" mktolockimgstyle="false">  
                  <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post2.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>  
                  </div> 
                  </td>   
                  </tr>   
                  <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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>   
                  </tbody>   
                  </table>   
                  <table class="table2-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="280">   
                  <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="center" border="0" cellpadding="0" cellspacing="0">   
                  <tbody>   
                  <tr>   
                  <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Right Article title" id="articleTitle2">  
                  Intro title  
                  </div>
                  </td>   
                  </tr>   
                  <tr>   
                  <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Right Text" id="text4">  
                  Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.  
                  </div>
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </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:${photoLSpacer4};font-size:${photoLSpacer4};" height="${photoLSpacer4}"> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end photo l 2 ======= -->  
                  <!-- ======= start big cta 2 ======= -->                    
                  <table class="mktoModule m_bigcta" id="bigctaa9fbb863-d58c-49cf-968e-ea0d275e2c06" mktoname="Bigcta-1" 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%">   
                  <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:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display: inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}">
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>   
                  </center>
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end big cta 2 ======= -->  
                  <!-- ======= start text ======= -->                    
                  <table  class="mktoModule m_text" id="text132cad90-d0c5-4b4a-b9bf-eb3099eea6ac" mktoname="Text-1" 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; font-size: 15px;" align="center" 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;background-color:${textBackgroundColor};" bgcolor="${textBackgroundColor}" 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:${textSpacer};font-size:${textSpacer};" height="${textSpacer}">
                  </td>   
                  </tr>   
                  <tr>   
                  <td class="primary-font content" 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;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Text" id="text7132cad90-d0c5-4b4a-b9bf-eb3099eea6ac">  
                  Hi   
                  <strong>Philip</strong>,   
                  <br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  
                  </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:${textSpacer2};font-size:${textSpacer2};" height="${textSpacer2}">
                  </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end text ======= -->  
                  <!-- ======= start blank space 4 ======= -->                    
                  <table class="mktoModule m_blankSpace" id="blankSpace4fc5d1d89-9088-414c-8856-473ec5cab719" mktoname="Blank Space4" 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%">   
                  <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:${blankSpaceBackgroundColor4};" bgcolor="${blankSpaceBackgroundColor4}" 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:${blankSpaceSpacer4};font-size:${blankSpaceSpacer4};" height="${blankSpaceSpacer4}"> </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end blank space 4 ======= -->  
                  <!-- ======= start photo l 3 ======= -->                    
                  <table class="mktoModule m_photo-l" id="photo-l3" mktoname="Photo-l3" 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%">   
                  <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:${photoLBackgroundColor3};" bgcolor="${photoLBackgroundColor3}" 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:${photoLSpacer5};font-size:${photoLSpacer5};" height="${photoLSpacer5}"> </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="table1-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="290">   
                  <tbody>   
                  <tr>   
                  <td class="photo" 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;">   
                  <div style="display:inline-block" class="mktoImg mobile-img" mktoname="Photo" id="photo3" mktolockimgstyle="false">  
                  <a><img alt="Photo" src="http://templates.marketo.net/newsletter3/post3.jpg" class="mobile-img" 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; display: block; max-width: 100%; line-height: 100%; height: auto; width: 290px;" height="auto" width="290" /></a>  
                  </div> 
                  </td>   
                  </tr>   
                  <tr class="stack-tablet" style="max-height:0px;overflow:hidden;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>   
                  </tbody>   
                  </table>   
                  <table class="table2-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="280">   
                  <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="center" border="0" cellpadding="0" cellspacing="0">   
                  <tbody>   
                  <tr>   
                  <td class="article" 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 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 class="primary-font title" 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-left: 0;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-weight: bold;text-align: left;font-size: 19px;padding-top: 0;padding-right: 0;padding-bottom: 11px;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Right Article title" id="articleTitle3">  
                  Intro title  
                  </div>
                  </td>   
                  </tr>   
                  <tr>   
                  <td class="primary-font text" 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%;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size: 14px;line-height: 21px;padding-bottom: 16px;text-align: left;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Right Text" id="text5">  
                  Gumbo beet greens corn soko endive gumbo gourd. shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber.  
                  </div>
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>
                  </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:${photoLSpacer6};font-size:${photoLSpacer6};" height="${photoLSpacer6}"> </td>   
                  </tr>   
                  </tbody>   
                  </table> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end photo l 3 ======= -->  
                  <!-- ======= start big cta 3 ======= -->                    
                  <table  class="mktoModule m_bigcta" id="bigcta" mktoname="Bigcta" 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%">   
                  <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:${bigctaBackgroundColor};" bgcolor="${bigctaBackgroundColor}" 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:${bigctaSpacer};font-size:${bigctaSpacer};" height="${bigctaSpacer}"> </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; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" 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="${bigctaButtonBackgroundColor}"> <a href="${bigctaLink}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust:   
                  100%;-ms-text-size-adjust: 100%;border-left-color:${bigctaBorderColor};border-bottom-color:${bigctaBorderColor};border-right-color:${bigctaBorderColor};color: #ffffff;border-top-color:${bigctaBorderColor};border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-width:${bigctaBorderSize};display:   
                  inline-block;border-bottom-width:${bigctaBorderSize};border-left-width:${bigctaBorderSize};border-top-style: solid;border-right-width:${bigctaBorderSize};text-decoration: none;padding-left: 20px;padding-bottom: 8px;padding-right: 20px;padding-top: 8px;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;font-size:   
                  19px;background-color:${bigctaButtonBackgroundColor};">${bigctaLinkText}</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:${bigctaSpacer2};font-size:${bigctaSpacer2};" height="${bigctaSpacer2}"> </td>   
                  </tr>   
                  </tbody>   
                  </table>   
                  </center> 
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>  
                  <!-- ======= end big cta 3 ======= -->  
                  <!-- ======= start text 2 ======= -->                    
                  <table class="mktoModule m_text2" id="text2" mktoname="Text2" 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; font-size: 19px;" align="center" 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;background-color:${text2BackgroundColor};" bgcolor="${text2BackgroundColor}" 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 class="border1" 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:${text2BorderSize};border-top-style: solid;border-top-color:${text2BorderColor};border-collapse: collapse;line-height:${text2Spacer};font-size:${text2Spacer};" height="${text2Spacer}"> </td>   
                  </tr>   
                  <tr>   
                  <td class="primary-font content" 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;font-family:'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;text-align: center;border-collapse: collapse;">   
                  <div class="mktoText" mktoname="Text" id="text6">  
                  Interested in learning more?   
                  <strong>Visit our Help Center </strong>   
                  <br /> Sincerly,   
                  <strong>Marco</strong>  
                  </div>
                  </td>   
                  </tr>   
                  <tr>   
                  <td class="border2" 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-bottom-width:${text2BorderSize2};border-bottom-style: solid;border-bottom-color:${text2BorderColor2};border-collapse: collapse;line-height:${text2Spacer2};font-size:${text2Spacer2};" height="${text2Spacer2}"> </td>   
                  </tr>   
                  </tbody>   
                  </table>   
                  </td>   
                  </tr>   
                  </tbody>   
                  </table>
                  <!-- ======= end text 2 ======= -->  
                  <!-- ======= start social and logo ======= -->  
                  <table class="mktoModule one-column" id="socialWithLogo" mktoname="Social With Logo" border="0" cellpadding="10" cellspacing="0" width="100%" style="border-spacing:0;background-color:${emailBackgroundColor}">  
                  <tr>  
                  <td>  
                  <table width="100%" border="0" cellpadding="0" cellspacing="0">  
                  <tr>  
                  <td height="20" width="100%" style="font-size: 20px; line-height: 20px;">
                  </td>
                  </tr>  
                  </table>  
                  <table width="100%" border="0" cellpadding="0" cellspacing="0">  
                  <tr>
                  <td align="left" width="150" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
                  <table>  
                  <tr>  
                  <td style="padding-right: 7px;">  
                  <a href="${socialIconLink1}" style="width:30px;text-decoration: none;border:0;" class="button_link">  
                  <img src="${socialIcon1}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"  
                  />  
                  </a>  
                  </td>  
                  <td style="padding-right: 7px;">  
                  <a href="${socialIconLink2}" style="width:30px;text-decoration: none;border:0;" class="button_link">  
                  <img src="${socialIcon2}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"  
                  />  
                  </a>  
                  </td>  
                  <td style="padding-right: 7px;">  
                  <a href="${socialIconLink3}" style="width:30px;text-decoration: none;border:0;" class="button_link">  
                  <img src="${socialIcon3}" width="30" alt="" style="border-width:0;width:100%;max-width:30px;height:auto;"  
                  />  
                  </a>  
                  </td>  
                  </tr>  
                  </table>  
                  </td>  
                  <td align="right" width="123" style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">  
                  <div class="mktoImg" id="footerLogo" mktoName="Footer Logo" mktoImgSrc="http://go.mysticlake.com/rs/485-SMD-064/images/logo_ML_purple.png" mktoImgLink="http://www.mysticlake.com/" mktoLockImgStyle="true">  
                  <a>  
                  <img width="123" align="right" style="border-width:0;width:100%;max-width:123px;height:auto;" />  
                  </a>  
                  </div>  
                  </td>  
                  </tr>  
                  </table>  
                  <table width="100%" border="0" cellpadding="0" cellspacing="0">  
                  <tr>  
                  <td height="10" width="100%" style="font-size: 10px; line-height: 10px;">   
                  
                  
                  
                  
                  </td>  
                  </tr>  
                  </table> 
                  </td>
                  </tr> 
                  </table>
                  <!-- ======= end social and logo ======= -->  
                  <!-- ======= start footer ======= -->  
                  <table class="mktoModule one-column" id="footerTextModule" mktoname="Footer Text" border="0" cellpadding="10" cellspacing="0" width="100%" style="border-spacing:0;background-color: ${emailBackgroundColor};" bgcolor="#ffffff">  
                  <tr>  
                  <td data-medium-editor-element="true" class="mktoText" mktoname="Footer Text 2" id="footerText" style="color: #999999; font-size: 12px; line-height: 18px; text-align:left;">  
                  <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Make sure our emails reach your inbox. Please add <a href="mailto:noreply@mysticlake.com" target="_blank" id="" style="text-decoration: underline; color: #9d3d96;">noreply@mysticlake.com</a> to your address book.<br />This email was sent to a member of the Mystic Lake Casino Hotel Email Club.</span></p>  
                  <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">Please do not reply to this message. Replies to this message are routed to an unmonitored mailbox. If you have questions, please visit our <a href="http://mysticlake.com/contact-us" style="text-decoration: underline; color: #9d3d96;">contact page</a>.</span></p>  
                  <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">We respect your privacy. Please review our <a href="http://mysticlake.com/-privacy-policy" style="text-decoration: underline; color: #9d3d96;">Privacy Policy</a>.</span></p>  
                  <p><span style="font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color: #999999;">2400 Mystic Lake Blvd. Prior Lake, MN 55372<br /> Owned and Operated by the Shakopee Mdewakanton Sioux Community</span></p>  
                  </td>  
                  </tr>  
                  <tr>  
                  <td align="left" width="600">  
                  <img src="${footerBannerImg}" width="600" alt="" style="border-width:0;width:100%;max-width:600px;height:auto;"  
                  />  
                  </td>  
                  </tr>  
                  </table>  
                  <!-- ======= end footer ======= -->  
                  </td>  
                  </tr>  
                  </table>  
                              <!--[if (gte mso 9)|(IE)]>  
                  </td>  
                  </tr>  
                  </table>  
                  <![endif]-->  
                  </div>  
                  </td>  
                  </tr>  
                  </table>  
                  </center>  
                  </body>  
                  </html>
                  
                  1 of 1 people found this helpful
                    • Re: Invalid Module
                      Katie O'Brien

                      That fixed it! Thank you so so so much!!!

                      • Re: Invalid Module
                        Katie O'Brien

                        Hi again Grace,

                         

                        After sending this to a co-worker it turns out Outlook 2013 is ignoring the spacing between modules. Any ideas on how to fix this? Looks fine on mobile.

                         

                        outlook 2013.PNGpreview.PNG

                          • Re: Invalid Module
                            Grace Brebner

                            This is a good example of why testing a template is important! side note - if you're not already I would strongly recommend that you use a testing tool like Litmus or Email on Acid before you start using a template as it'll help you spot issues like this.

                             

                            It's likely that whatever the template is using as padding between those sections is code that Outlook doesn't accept. It looks like this template uses the empty cell method (see How to Create Spacing in HTML Emails - Email On Acid for more info on this + other padding methods), which is a bit of an unreliable method for vertical padding.

                             

                            I'd change all your vertical padding references to one of the other methods - likely either padding or cell padding. Used correctly, those are more reliable methods across email clients.

                            1 of 1 people found this helpful