Hi everyone! this is my first post so ill try and explain whats going on. Im trying to design this email I created but for some reason the email isnt displaying correctly on outlook 2013 and below. This is how it looks ( LINK ) on outlook 2007, 2010, 2013 and 2013 120 DPI and this is how it's suppose to look ( LINK ). Below is my code. Any suggestions would be awesome. Thanks!

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title></title>
  <style type="text/css">
    #outlook a {
      padding: 0;
    }

    .ReadMsgBody {
      width: 100%;
    }

    .ExternalClass {
      width: 100%;
    }

    .ExternalClass * {
      line-height: 100%;
    }

    body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    table,
    td {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

    p {
      display: block;
      margin: 13px 0;
    }
  </style>
  <!--[if !mso]><!-->
  <style type="text/css">
    @media only screen and (max-width:480px) {
      @-ms-viewport {
        width: 320px;
      }
      @viewport {
        width: 320px;
      }
    }
  </style>
  <!--<![endif]-->
  <style type="text/css">
    @media only screen and (min-width:480px) {
      .mj-column-per-100,
      * [aria-labelledby="mj-column-per-100"] {
        width: 100%!important;
      }
      .mj-column-per-94,
      * [aria-labelledby="mj-column-per-94"] {
        width: 94%!important;
      }
    }
  </style>
</head>

<body style="background: #E1E1E1;">
  <div style="background-color:#E1E1E1;">
    <!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
      <![endif]-->
    <div style="margin:0 auto;max-width:600px;background:#FF5000;">
      <table cellpadding="0" cellspacing="0" style="font-size:0;width:100%;background:#FF5000;" align="center" border="0">
        <tbody>
          <tr>
            <td style="text-align:center;vertical-align:top;font-size:0;padding:0px;">
              <!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;">
      <![endif]-->
              <div aria-labelledby="mj-column-per-100" class="mj-column-per-100" style="vertical-align:middle;display:inline-block;font-size:13px;text-align:left;width:100%;">
                <table cellpadding="0" cellspacing="0" style="vertical-align:middle;background:#FF5000;" width="100%" border="0">
                  <tbody>
                    <tr>
                      <td style="word-break:break-word;font-size:0;padding:10px 25px;" align="left">
                        <table cellpadding="0" cellspacing="0" style="color:#000;font-family:&apos;Helvetica Neue&apos;, Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;" width="100%" border="0">
                          <tr>
                            <td align="center" valign="top" width="30%">
                              <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                  <td style="width:87px;">
                                    <a target="_blank" href="www.Hollar.com">
                                      <img width="87" height="auto" style="border:none;display:block;outline:none;text-decoration:none;" src="http://hosting-source.bm23.com/35647/public/Receipt/logo.png" alt="hollar logo"></a>
                                  </td>
                                </tr>
                              </table>
                            </td>
                            <td align="center" valign="middle" width="70%">
                              <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr style="color:white;">
                                  <td valign="middle" class="rightColumnContent">
                                    <p style="margin:0 0 0 5px !important; color:#ffffff !important; font-weight:400; letter-spacing:0.02em !important; font-size:15px; text-align:right;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;">Tuesday, March 24th</p>
                                  </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso]>
      </td></tr></table>
      <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso]>
      </td></tr></table>
      <![endif]-->
    <!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
      <![endif]-->
    <div style="margin:0 auto;max-width:600px;background:url(http://hosting-source.bm23.com/35647/public/Receipt/Order_Confirm/bg-lite-alt.jpg) top center / cover repeat;">
      <!--[if gte mso 9]>
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
        <v:fill origin="0.5, 0" position="0.5,0" type="tile" src="http://hosting-source.bm23.com/35647/public/Receipt/Order_Confirm/bg-lite-alt.jpg" />
        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
      <![endif]-->
      <table cellpadding="0" cellspacing="0" style="font-size:0;width:100%;background:url(http://hosting-source.bm23.com/35647/public/Receipt/Order_Confirm/bg-lite-alt.jpg) top center / cover repeat;" align="center" border="0" background="http://hosting-source.bm23.com/35647/public/Receipt/Order_Confirm/bg-lite-alt.jpg">
        <tbody>
          <tr>
            <td style="text-align:center;vertical-align:middle;font-size:0;padding:40px 10px 0;">
              <!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;">
      <![endif]-->
              <div aria-labelledby="mj-column-per-100" class="mj-column-per-100" style="vertical-align:middle;display:inline-block;font-size:13px;text-align:left;width:100%;">
                <table cellpadding="0" cellspacing="0" style="vertical-align:middle;background:transparent;" width="100%" border="0">
                  <tbody>
                    <tr>
                      <td style="word-break:break-word;font-size:0;padding:0 0 20px;" align="center">
                        <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0">
                          <tbody>
                            <tr>
                              <td style="width:100px;"><img alt="" src="http://hosting-source.bm23.com/35647/public/Receipt/Order_Confirm/ship-recieved-icon.png" style="border:none;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="100" height="auto"></td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td style="word-break:break-word;font-size:0;padding:0px;" align="center">
                        <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0">
                          <tbody>
                            <tr>
                              <td style="width:450px;"><img alt="" src="http://hosting-source.bm23.com/35647/public/Receipt/Order_Confirm/ship-recieved-intro.png" style="border:none;display:block;outline:none;text-decoration:none;width:100%;height:auto;" width="450" height="auto"></td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td style="word-break:break-word;font-size:0;padding:10px 25px;padding-top:7px;padding-bottom:30px;padding-right:15px;padding-left:15px;" align="center">
                        <div style="cursor:auto;color:white;font-family:&apos;Helvetica Neue&apos;, Helvetica, Arial, sans-serif;font-size:20px;font-weight:400;line-height:24px;">
                          <p style="margin:0px 0 5px !important; color:white !important; font-weight:400; letter-spacing:0.02em !important; font-size:18px; max-width:450px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:24px;">Your order is in. You’ll get a shipping confirmation once your order is en route to you. Stay tuned!</p>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso]>
    </td><td style="vertical-align:middle;width:564px;">
      <![endif]-->
              <div aria-labelledby="mj-column-per-94" class="mj-column-per-94" style="vertical-align:middle;display:inline-block;font-size:13px;text-align:left;width:100%;">
                <table cellpadding="0" cellspacing="0" style="vertical-align:middle;background:white;" width="100%" border="0">
                  <tbody>
                    <tr>
                      <td style="word-break:break-word;font-size:0;padding:10px 25px;padding-top:10px;padding-bottom:10px;padding-right:15px;padding-left:15px;" align="center">
                        <div style="cursor:auto;color:#333333;font-family:&apos;Helvetica Neue&apos;, Helvetica, Arial, sans-serif;font-size:16px;font-weight:400;line-height:20px;">
                          <p style="margin:0px !important; color:#333333 !important; font-weight:400; letter-spacing:0.02em !important; font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;display:block;">Order Number: <strong>213777323</strong></p>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td style="word-break:break-word;font-size:0;padding:0 15px;">
                        <p style="font-size:1px;margin:0 auto;border-top:3px solid #e7e7e7;width:100%;"></p>
                        <!--[if mso]><table align="center" border="0" cellpadding="0" cellspacing="0" style="font-size:1px;margin:0 auto;border-top:3px solid #e7e7e7;width:100%;" width="564"><tr><td>&nbsp;</td></tr></table><![endif]-->
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso]>
      </td></tr></table>
      <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
      <!--[if gte mso 9]>
        </v:textbox>
      </v:rect>
      <![endif]-->
    </div>
    <!--[if mso]>
      </td></tr></table>
      <![endif]-->
  </div>
</body>

</html>