Hi Guys,

I need some help please. Used the Neaopolitan Email Theme to customize it into a Net Promoter Score survey Email.

For the life of me I haven’t been able to figure out why Outlook on Win 7 displays the emails so badly and with no css.

I tested it pretty much everywhere else and it look s good. Here is the Email if you guys could glance at it.

Thank You

<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Asurea NUmbers Survey</title>
  <!-- Designed by https://github.com/kaytcat -->
  <!-- Robot header image designed by Freepik.com -->

  <style type="text/css">
  @import url(http://fonts.googleapis.com/css?family=Droid+Sans);

  /* Take care of image borders and formatting */

  img {
    max-width: 600px;
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
  }

  a {
    text-decoration: none;
    border: 0;
    outline: none;
    color: #bbbbbb;
  }

  a img {
    border: none;
  }

  /* General styling */

  td, h1, h2, h3  {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
  }

  td {
    text-align: center;
  }

  body {
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:none;
    width: 100%;
    height: 100%;
    color: #37302d;
    background: #ffffff;
    font-size: 16px;
  }

   table {
    border-collapse: collapse !important;
  }

  .headline {
    color: #045175;
    font-size: 24px;
            padding-bottom:40px;
            padding-top:40px;
            font-weight:700;
  }

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




  </style>

  <style type="text/css" media="screen">
      @media screen {
         /*Thanks Outlook 2013! http://goo.gl/XLxpyl*/
        td, h1, h2, h3 {
          font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;
        }
      }
  </style>

  <style type="text/css" media="only screen and (max-width: 480px)">
    /* Mobile styles */
    @media only screen and (max-width: 480px) {

      table[class="w320"] {
        width: 320px !important;
      }


    }
  </style>
</head>
<body class="body" style="padding:0; margin:0; display:block; background:#ffffff; -webkit-text-size-adjust:none" bgcolor="#ffffff">
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%" >
  <tr>
    <td align="center" valign="top" bgcolor="#ffffff"  width="100%">
      <center>
        <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="600" class="w320">
          <tr>
            <td align="center" valign="top">

                <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="100%" style="margin:0 auto;">
          <tr> </tr>
      </table>

                <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ffffff">
                  <tr>
                    <td>
                    <br>
                      <img src="AsureaLogo.png" width="158" height="96" alt="robot picture">

                    </td>

                  </tr>

                  <tr>
                    <td class="headline">
                      Would you recommend us to friends and family?
                    </td>
                  </tr>
                  <tr>
                    <td>

                      <center>
                        <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="70%">
                          <tr>
                            <td style="color:#045175; font-size:20px; font-weight:500;">
                            <br>
                            Click on one of the Numbers below!
                            <br>
                            <br>
                            <br />
                            </td>
                          </tr>
                        </table>
                      </center>

                    </td>
                  </tr>

                  <tr>

                    <td>
                    <div>
                     <a href="http://"
                      style="background-color:#0578AD;border-radius:4px;color:#ffffff;display:inline-block;font-family: Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;line-height:24px;text-align:left;text-decoration:none;width:22%;-webkit-text-size-adjust:none; margin-right:64%; padding-left:2%;margin-bottom:3px;">Less Likely</a>

                    </div>
                    <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="70%">
                      <div><!--[if mso]>
                        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:50px;v-text-anchor:middle;width:880px;" arcsize="100%" stroke="f" fillcolor="#7DAED4">
                          <w:anchorlock/>
                          <center>
                        <![endif]-->

                        <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">1</a>

                            <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">2</a>
                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">3</a>
                          <a href="http://"                          <a href="http://"                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">4</a>

                       <a href="http://"                          <a href="http://"                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">5</a>
                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">6</a>
                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">7</a>
                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">8</a>
                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none;">9</a>
                          <a href="http://"
                      style="background-color:#045175;border-radius:4px;color:#ffffff;display:inline-block;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:52px;-webkit-text-size-adjust:none; margin-top:5px;">10</a>
                        <!--[if mso]>
                          </center>
                        </v:roundrect>
                      <![endif]--></div>

                      </table>

                      <div>


                      <a href="http://"
                      style="background-color:#0578AD; border-radius:4px;color:#ffffff;display:inline-block;font-family: Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;line-height:24px;text-align:right;text-decoration:none;width:22%;-webkit-text-size-adjust:none; margin-top:5px;  padding-right:1%; margin-left:64%;">More Likely</a>

                      </div>
                      <center>
                        <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" width="60%">
                          <tr>
                            <td style="color:#045175; font-size: 20px; font-weight:600; padding-top:30px;">
                            <br>
                            Thank you for your Feedback!
                            <br>
                            <br>
                            </td>
                          </tr>
                        </table>
                      </center>

                      <br>
                      <br>
                    </td>

                  </tr>
                </table>



                <table style="margin: 0 auto;" cellpadding="0" cellspacing="0" class="force-full-width" bgcolor="#414141" style="margin: 0 auto">
                  <tr>
                    <td style="background-color:#045175;">

                    </td>
                  </tr>
                  <tr>
                    <td style="color:#ffffff; font-size:14px; background-color:#045175; padding-top:15px; ">
                       <a style="font-color:#ffffff;" href="@asurea.com">Contact</a>
                      <br><br>
                    </td>
                  </tr>
                  <tr>
                    <td style="color:#ffffff; font-size:12px; background-color:#045175;">
                       Asurea 2016 All Rights Reserved
                       <br>
                       <br>
                    </td>
                  </tr>
                </table>





            </td>
          </tr>
        </table>
    </center>
    </td>
  </tr>
</table>
</body>
</html>