




<title>###TITLE###</title>

@media only screen and (max-width: 620px) {
table[class=body] h1 {
font-size: 28px !important;
margin-bottom: 10px !important; }
table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
font-size: 16px !important; }
table[class=body] .wrapper,
table[class=body] .article {
padding: 10px !important; }
table[class=body] .content {
padding: 0 !important; }
table[class=body] .container {
padding: 0 !important;
width: 100% !important; }
table[class=body] .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important; }
table[class=body] .btn table {
width: 100% !important; }
table[class=body] .btn a {
width: 100% !important; }
table[class=body] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important; }}
@media all {
.ExternalClass {
width: 100%; }
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%; }
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important; }
.btn-primary table td:hover {
background-color: #34495e !important; }
.btn-primary a:hover {
background-color: #34495e !important;
border-color: #34495e !important; } }



<table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse:separate;background-color:#f6f6f6;width:100%">
<tr>
<td style="font-family:sans-serif;font-size:14px;vertical-align:top"> </td>
<td class="container" style="font-family:sans-serif;font-size:14px;vertical-align:top;max-width:580px;padding:10px;width:580px">
<div class="content" style="max-width:580px;padding:10px">
<table class="main" style="border-collapse:separate;background:#fff;width:100%">
<!-- START MAIN CONTENT AREA -->
<tr>
<td class="wrapper" style="font-family:sans-serif;font-size:14px;vertical-align:top;padding:20px">
###MSGCONTENT###
</td>
</tr>
<!-- END MAIN CONTENT AREA -->
</table>
<!-- START FOOTER -->
<div class="footer" style="clear:both;padding-top:10px;text-align:center;width:100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;width:100%">
<tr>
<td class="content-block" style="font-family:sans-serif;font-size:14px;vertical-align:top;color:#999999;font-size:12px;text-align:center">
<span class="apple-link" style="color:#999999;font-size:12px;text-align:center">###FOOTERBIZDEETS###</span>
<br>
##UNSUB-LINE##
</td>
</tr>
<tr>
<td class="content-block powered-by" style="font-family:sans-serif;font-size:14px;vertical-align:top;color:#999999;font-size:12px;text-align:center;padding-top:40px;text-align:right">
###POWEREDBYDEETS###
</td>
</tr>
</table>
</div>
</div>
</td>
<td style="font-family:sans-serif;font-size:14px;vertical-align:top"> </td>
</tr>
</table>

