anchor.diff:          margin-left: 0;
         }
   
  -      body, .layout-table{ background-color:{{{styles.layoutBackgroundColor}}}; }
  -      .layout-td{ border-top: 4px solid {{{styles.horizontalBorderColor}}}; }
  -      .layout-header{
  -        border-bottom:1px solid #cccccc;
  -      }
  -      .layout-header-content{
  -        color:{{{styles.layoutTextColor}}};
  -        font-family:{{{styles.fontFamily}}};
  -        font-size:11px;
  -        line-height:125%;
  -        text-align:left;
  -      }
  -      .layout-footer{
  +      code {
  +        font-family: {{{styles.codeFontFamily}}};
  +      }
  +
  +      body,
  +      .layout-table {
  +        background-color: {{{styles.layoutBackgroundColor}}};
  +      }
  +      .layout-td {
  +        border-top: 4px solid {{{styles.horizontalBorderColor}}};
  +      }
  +      .layout-header {
  +        border-bottom: 1px solid #cccccc;
  +      }
  +      .layout-header-content {
  +        color: {{{styles.layoutTextColor}}};
  +        font-family: {{{styles.fontFamily}}};
  +        font-size: 11px;
  +        line-height: 125%;
  +        text-align: left;
  +        padding-top: 10px;
  +        padding-right: 20px;
  +        padding-bottom: 10px;
  +        padding-left: 20px;
  +      }
  +      .layout-footer {
           border-top:1px solid #ffffff;
         }
  -      .layout-footer-item{
  +      .layout-footer-item {
           color:{{{styles.layoutTextColor}}};
           font-family:{{{styles.fontFamily}}};
           font-size:10px;
  
positive.code:   head
      meta(http-equiv='Content-Type', content='text/html; charset=UTF-8')
      title=preview
      <style type="text/css">#outlook a{padding:0;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} img{-ms-interpolation-mode:bicubic;} body{margin:0; padding:0;} img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} table{border-collapse:collapse !important;} body, .layout-table, .layout-td{height:100% !important; margin:0; padding:0; width:100% !important;} .layout-td{padding:20px;} .layout-inside{width:600px;}
  
        code{font-family: {{{styles.codeFontFamily}}};}
  
        h1, h2, h3, h4 {
          color:{{{styles.headerColor}}} !important;
          font-family:{{{styles.fontFamily}}};
          font-style:normal;
          font-weight:bold;
          line-height:100%;
          letter-spacing:normal;
          display:block;
          margin-top:0;
          margin-right:0;
          margin-bottom:10px;
          margin-left:0;
          text-align:left;
        }
        h1{ font-size:26px; }
        h2{ font-size:20px; }
        h3{ font-size:16px; }
        h4{ font-size:14px; }
  
        a:link, a:visited, a .yshortcuts{
          color: {{{styles.linkColor}}};
          font-weight: bold;
          text-decoration:none;
        }
  
        a:hover, a .yshortcuts:hover {
          text-decoration:underline;
        }
  
  
negative.code:         text-align:right;
        }
  
        .body-header-wrapper {
          background-color: {{{styles.footerBackgroundColor}}};
        }
        .body-header-image-table {
          border-top:1px solid #ffffff;
        }
        .body-header-image-td {
          color: {{{styles.bodyTextColor}}};
          font-family: {{{styles.fontFamily}}};
          font-size: 20px;
          font-weight: bold;
          line-height: 100%;
          padding-top: 0;
          padding-right: 0;
          padding-bottom: 0;
          padding-left: 0;
          text-align: left;
          vertical-align: middle;
        }
        .body-header-image {
          height: auto;
          width: 100%;
        }
  
        .body-container {
          background-color: {{{styles.bodyBackgroundColor}}};
          border-bottom: 1px solid {{{styles.horizontalBorderColor}}};
        }
        .body-content {
          color: {{{styles.bodyTextColor}}};
          font-family: {{{styles.fontFamily}}};
          font-size: 14px;
          line-height: 150%;
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 20px;
          text-align: left;
        }
        .body-content img {
          display: inline;
          height: auto;
          max-width: 560px;
        }
  
  
        @media only screen and (max-width: 480px) {
          body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} body{width:100% !important; min-width:100% !important;}  .layout-td { padding:10px !important; }
  
          .layout-inside {
            max-width: 460px !important;
            width: 100% !important;
          }
  
          h1 {
            font-size: 24px !important;
            line-height: 100% !important;
          }
          h2 {
            font-size: 20px !important;
            line-height: 100% !important;
          }
          h3 {
            font-size: 18px !important;
            line-height: 100% !important;
          }
          h4 {
            font-size: 16px !important;
            line-height: 100% !important;
          }
  
          .layout-header { display: none !important; }
          .layout-footer-item {
            font-size: 14px !important;
            line-height: 115% !important;
          }
          .layout-footer-item a { display: block !important; }
  
          .body-header-image-td {
            font-size: 20px !important;
            line-height: 125% !important;
          }
  
          .body-content {
            font-size: 18px !important;
            line-height: 125% !important;
          }
        }
  
    body(leftmargin='0', marginwidth='0', topmargin='0', marginheight='0', offset='0', itemscope, itemtype='http://schema.org/EmailMessage')
      meta(itemprop='description', content=preview)
  
      center
        table.layout-table(align='center', border='0', cellpadding='0', cellspacing='0', height='100%', width='100%')
          tr
            td.layout-td(align='center', valign='top')
              table(border='0', cellpadding='0', cellspacing='0', class='layout-inside')
                tr
                  td(align='center', valign='top')
                    table.layout-header(border='0', cellpadding='0', cellspacing='0', width='100%')
                      tr
                        td.layout-header-content(valign='top')=preview
                        td.layout-header-content(valign='top', style='padding-left:0; text-align:right;', width='180')='sent ' + generated
  
                tr
                  td(align='center', valign='top')
                    table.body-header-wrapper(border='0', cellpadding='0', cellspacing='0', width='100%')
                      tr
                        td(align='center', valign='top')
                          if _header
                            table.body-header-image-table(border='0', cellpadding='0', cellspacing='0', width='100%')
                              tr
                                td.body-header-image-td(valign='top')
                                  img.body-header-image(src='cid:_header', style='max-width:600px;', alt='')
  
                      tr
                        td(align='center', valign='top')
                          table.body-container(border='0', cellpadding='0', cellspacing='0', width='100%')
                            tr
                              td.body-content(valign='top')
                                div!=body
                                if trapped
                                  div(style='margin-top: 20px; padding: 10px; border: 3px solid ' + styles.headerColor + '; background-color: #ffd2d2; color: #384c53;')
                                    div
                                      b Recipients
                                    pre
                                      code=trapped
  
                      tr
                        td(align='center', valign='top')
                          table.layout-footer(border='0', cellpadding='0', cellspacing='0', width='100%')
                            tr
                              td.layout-footer-item(valign='top', style='text-align: left;') *|HTML:unsubscribe_html|*
                              td.layout-footer-item(valign='top')
                                if social.twitter.url
                                  a(href!=social.twitter.url)=social.twitter.handle + ' on Twitter'
                                  span &nbsp;&nbsp;&nbsp;
  
                                if social.landing.url
                                  a(href!=social.landing.url)='Visit ' + social.landing.name
  