Hi Guys,

IM in dire need of some help in regards to getting this Survey Email to display properly in Outlook Mail. It looks great everywhere else. Seems like Outlook is not reading CSS. Please help!

Thank You

S.

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>