email rendering issue for mac outlook app

jtanusri · ‎02-13-2023

I am currently facing an issue with an email template design for all mac recipients who are receiving emails in their outlook app.

Issue Statement: The email template has modules with 2 columns. One for image and the other for copy(text). For all PC users and mac users (outlook browser – mail.outlook.com), the email design looks good.

Whereas for mac users with outlook app, here are the 2 issues we are seeing:

The images are showing on the left instead of right (which is how it should display)

The text copy are all left aligned (text wrapped below the image) and are showing at below the image for each module.

Here is a screenshot:

These 2 issues are being displayed only for modules which have image. And not for the modules with only text.

Here are some of the remediation steps we took to resolve:

We took the OOTB Template Picker, “Newsletter” > “Flatiron” and tested in mac outlook app, it shows the same issue for mac recipients. The template width size is 600.
Based on the Marketo Nation Community , we also updated the width to 750 (The Template Pickers have width=600) and added the following partition size for the columns:

750 - 10px - 20px = 720px / 2 = 360px per column

Here is a screenshot of how it displays correctly for all recipients who are using PC as well viewing the email from their browser (outlook.mail.com).

The image is on the right and the copy is on the left.

Can someone assist me or connect me to a contact who can provide with a resolution for a mac user. Is this a bug? Or is there a separate code that we need to include for the mac recipients?

Tanusri Jammalamadaka

Dave_Roberts · ‎05-04-2023

 <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="240" style="float:left;">

Hey Helen,

Thanks for posting the updated code here for reference. It looks like you've got two style tags on this table and that might be why it's looking strange in Dreamweaver. For what it's worth, I always try to make sure that the "style" attribute is the last one in the list b/c it's really easy to overlook something like this (I've done it a bunch before myself and thus the habit).

I see that you also added the ".float-left" class to your stylesheet. You can add that to this table by using the class inside the class="" attribute -- as it, it's not doing anything for you. Here's a look at some updated code to try out:

 <table class="table1-2 float-left" align="left" border="0" cellpadding="0" cellspacing="0" width="240" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; float:left;" >

You'll also probably want to add the "float:right;" style on the table that follows this one (the right column) b/c it's got the align="right" attribute there as well. Here's an example of what that code might look like:

<table class="table1-2 float-right"  align="right" border="0" cellpadding="0" cellspacing="0" width="240" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; float:right;">

^^ Notice that I also added the "float-right" class to this one to make it similar to the one above with the "float-left" class. You'll want to add some CSS to your stylesheet to build out some rules for this new class as well:

.float-left {float: left;}
.float-right {float: right};

^^ This is doing the same thing as the inline style but as a class. It's redundant with the inline style so you probably don't need both and I generally trust the inline style over the classes in email b/c they're more universal.

Let me know if this helps to solve the issue for you? I don't have access to testing software to run this thru an Outlook test, so sorry for the "shot in the dark" approach here if this doesn't work and thanks for testing it on your end to confirm the results!

-Dave

View solution in original post

Disha_Goyal6 · ‎02-13-2023

Hi @jtanusri,

Please share the HTML of email template. After that, I can help you on the same.

Thanks,

Disha

Jill_Harrison1 · ‎02-15-2023

I am having the exact same issue with my responsive code.

I filed a ticket with Marketo, and they did some testing and told me what I already know, there is a rendering issue with Mac and office 365. I have been using the same code for years with perfect rendering.

Marketo told me to go back to my developer and have them update the code.

I wish Marketo would have taken a quick look at my code and provided me with a solution that I could implement in the code myself to quickly remediate.

Darshil_Shah1 · ‎02-15-2023

Marketo TSEs are not web developers and as a result, they are unable to troubleshoot most types of custom coding (ie. HTML, JavaScript, XML, etc.). People in the community could help you look into this if you post your email template code here.

Jill_Harrison1 · ‎02-16-2023

Thank you for the tip @Darshil_Shah1 ,

My tried an true responsive template is attached. The template works perfect and has for years, until recently, images realign stacked in Office 365 on Mac OS. If someone has a tip on how to adjust my code, see below, I would be forever grateful....

<!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 http-equiv="X-UA-Compatible" content="IE=edge" />

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="yes" name="apple-touch-fullscreen" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<title>Riverbed</title>
<style type="text/css">
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700';
div, p, a, li, td {-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
body {margin:0;padding:0;min-width:100%;background-color:#fafafa;}
table td {border-collapse:collapse;}
.ExternalClass {width:100%;}
.ExternalClass * {line-height: 110%}
img {-ms-interpolation-mode: bicubic; }
a, a:link, a:visited, a:hover {color:#555555; text-decoration:none;}
.applelinkswhite a{color:#ffffff !important; text-decoration:none !important;}
.applelinkspurple a{color:#a571cd !important; text-decoration:none !important;}
.applelinksblue a{color:#00aff0!important; text-decoration:none !important;}
@-ms-viewport { width: device-width; }
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
a[href^="tel"], a[href^="sms"], a {
color: inherit;
cursor: default;
text-decoration:none;
}
}
body[notwebmail] *[class=nomob-late]{font-family:'Source Sans Pro',sans-serif !important;}
.gradient-text {
background-color: #4E4FA9;
background-image: linear-gradient(90deg, #4E4FA9, #A831D6);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
body[notwebmail] *[class=mob-h1-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-h1-txt-realign]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-h1-txt-light]{font-family:'Source Sans Pro',sans-serif !important; font-weight:300 !important;}
body[notwebmail] *[class=mob-h1-txt-xlight]{font-family:'Source Sans Pro',sans-serif !important; font-weight:300 !important;}
body[notwebmail] *[class=mob-quote-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-h2-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-h3l-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-article-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-h3-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-h3-txt-static]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-h3-txt-light]{font-family:'Source Sans Pro',sans-serif !important; font-weight:300 !important;}
body[notwebmail] *[class=mob-h4-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-subhead-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-regular-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-regular-txt-realign]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-regular-txt-static]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-herocopy-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-boldcopy-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-boldcopy-txt-uc]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
body[notwebmail] *[class=mob-copy-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-copy-txt-static]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-foot-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-foot-txt-sb]{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
body[notwebmail] *[class=mob-cta-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:700 !important;}
body[notwebmail] *[class=mod18-hidden-txt]{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}

@media screen and (max-device-width: 699px), screen and (max-width: 699px) {
/*fluid styles*/
*[class=to100pc]{width:100% !important; height:auto !important;}
*[class=to100pc-limited]{width:100% !important; height:auto !important; max-width:446px !important; max-height:446px !important;}
*[class=to80pc-to100pc]{width:80% !important; height:auto !important;}
*[class=to40pc-to100pc]{width:40% !important; height:auto !important;}
*[class=to20pc-to100pc]{width:20% !important; height:auto !important;}
*[class=to80pc]{width:80% !important; height:auto !important;}
*[class=w16]{width:16px !important; height:auto !important;}
*[class=w26]{width:26px !important; height:auto !important;}
*[class=w38]{width:38px !important; height:auto !important;}
*[class=h2]{ height:2px !important;}
*[class=h12]{ height:12px !important;}
*[class=h18]{ height:18px !important;}
*[class=h30]{ height:30px !important;}
*[class=h30-line]{ height:30px !important; border-top:#ECECEC 1px solid !important}
*[class=wauto]{ width:auto !important;}
*[class=hauto]{ height:auto !important;}
*[class=w2-h36]{width:2px !important; height:36px !important;}
*[class=text-realign]{text-align:center !important}
*[class=nominwidth]{min-width:2px !important}
*[class=nomob]{display:none !important;}
*[class=noline]{border:0px !important}
/*font switch*/
*[class=mob-h1-txt-xlight]{font-size:30px !important; line-height: 36px !important;}
*[class=mod18-hidden-txt]{font-size:18px !important;line-height:24px !important;color:#415464 !important;}
/*column switch*/
*[class=flip] {width: 100% !important; height: auto !important; }
*[class=tblock] { display: table-footer-group!important; width: 100% !important; }
*[class=mod15-btn-box]{text-align:left !important;}
*[class=overvisible]{overflow:visible !important;}
}
@media screen and (max-device-width: 519px), screen and (max-width: 519px) {
/*fluid styles*/
*[class=to100pc-late]{width:100% !important; height:auto !important;}
*[class=to70pc-late]{width:70% !important; height:auto !important;}
*[class=to80pc-to100pc]{width:100% !important; height:auto !important;}
*[class=to40pc-to100pc]{width:100% !important; height:auto !important;}
*[class=to20pc-to100pc]{width:100% !important; height:auto !important;}
*[class=w2]{width:2px !important;}
*[class=h16]{height:16px !important;}
*[class=h22]{height:22px !important;}
*[class=w12]{width:12px !important;}
*[class=w14]{width:14px !important;}
*[class=w20]{width:20px !important;}
*[class=w22]{width:22px !important;}
*[class=w60]{width:60px !important;}
*[class=nav-minwidth]{min-width:68px !important;}
*[class=f-mob-txt]{font-size:11px !important; line-height: 16px !important; font-weight: normal !important}
*[class=nav-txt]{font-size:15px !important; line-height: 18px !important; letter-spacing: 0px !important; vertical-align: bottom !important; font-weight: normal !important}
*[class=nomob-late]{display:none !important;}
*[class=realign-left]{text-align:left !important}

*[class=mod10-img]{width:80px !important; height:auto !important;}
*[class=mod10-img-box]{min-width:130px !important;}

*[class=mob-h1-txt]{font-size:30px !important; line-height: 36px !important;} /* 36/48 */
*[class=mob-h1-txt-realign]{font-size:30px !important; line-height: 36px !important; text-align: left !important; } /* 36/48 */
*[class=mob-h1-txt-light]{font-size:30px !important; line-height: 36px !important; } /* 36/42 */
*[class=mob-h1-txt-xlight]{font-size:24px !important; line-height: 30px !important; text-align:center !important;} /* 36/42 */
*[class=mob-quote-txt]{font-size:24px !important; line-height: 36px !important;} /* 30/48 */
*[class=mob-h2-txt]{font-size:30px !important; line-height: 36px !important;} /* 30/36 */
*[class=mob-h3l-txt]{font-size:24px !important; line-height: 30px !important;} /* 26/30 */
*[class=mob-h3-txt]{font-size:21px !important; line-height: 25px !important;} /* 24/30 */
*[class=mob-h3a-txt]{font-size:9px !important; line-height: 13px !important;} /* 24/30 */
*[class=mob-h3d-txt]{font-size:28px !important; line-height: 28px !important;} /* 24/30 */
*[class=mob-h3-txt-light]{font-size:16px !important; line-height: 24px !important;} /* 24/30 */
*[class=mob-h4-txt]{font-size:21px !important; line-height: 24px !important;} /* 21/24 */
*[class=mob-subhead-txt]{font-size:13px !important; line-height: 18px !important;} /* 16/24 */
*[class=mob-regular-txt]{font-size:16px !important; line-height: 24px !important;} /* 18/24 */
*[class=mob-regular-txt-realign]{font-size:16px !important; line-height: 24px !important; text-align: left !important;} /* 18/24 */
*[class=mob-herocopy-txt]{font-size:16px !important; line-height: 21px !important;} /* 16/24 */
*[class=mob-boldcopy-txt]{font-size:16px !important; line-height: 21px !important; font-weight:bold !important;} /* 16/24 */
*[class=mob-boldcopy-txt-uc]{font-size:14px !important; line-height: 14px !important;} /* 16/24 */
*[class=mob-copy-txt]{font-size:16px !important; line-height: 20px !important;} /* 16/24 */
*[class=mob-copy-txt2]{font-size:16px !important; line-height: 20px !important;} /* 16/24 */
*[class=mob-copy-txt3]{font-size:10px !important; line-height: 14px !important;} /* 16/24 */

*[class=mob-foot-txt]{font-size:13px !important; line-height: 18px !important;} /* 14/18 */
*[class=mob-foot-txt-sb]{font-size:13px !important; line-height: 18px !important;} /* 14/18 */
*[class=mob-cta-txt]{font-size:14px !important; line-height: 14px !important;} /* 13/18 */
*[class=mob-cta-txtb]{font-size:12px !important; line-height: 12px !important;} /* 13/18 */
}
@media screen and (max-device-width: 379px), screen and (max-width: 379px) {
/*fluid styles*/
*[class=nav-minwidth]{min-width:18px !important;}
*[class=showmob]{display:block !important;}
}
</style>

</head>
<body margintop="0" marginleft="0" marginright="0" bgcolor="#fafafa" notwebmail="fixit" style="min-width:100%;padding:0;margin:0;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,sans-serif;background-color:#fafafa;">

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafa" style="border-collapse:collapse; table-layout:fixed; margin:0 auto;"><tr><td align="center">

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafa">
<tr>
<td align="center">

<table width="700" border="0" cellspacing="0" cellpadding="0" class="nomob">
<tr>
<td width="700" height="1" style="min-width:638px;font-family:Arial,sans-serif;font-size:1px;line-height:1px;color:#ffffff;text-align:left;" class="nominwidth">
 
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafa" class="to100pc">
<tr>
<td align="center">

<table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td width="100%" height="24" valign="bottom" style="font-family:Arial,sans-serif; font-size:13px; line-height:18px; font-weight:normal; color:#a8a8a8; text-align:center" class="nomob-late">
Hello {{lead.First Name}}, <a style="color:#a8a8a8; text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">learn how Comcast recovered $65,000 in unused software licenses.</a>
</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="5" style="font-size:1px; line-height:1px" class="h22"> </td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" height="100" style="font-size:1px; line-height:1px" class="w26"> </td>
<td>
<table width="409" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" style="font-family:Arial,Helvetica,sans-serif; font-size:20px; line-height:22px; color:#fafafa;"><a style="color:#fafafa; text-decoration:none;" href="http://www.riverbed.com" target="_blank"><img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/Riverbed-Comcast-409x100.jpg" alt="Riverbed" width="409" height="100" style="display:block;max-width:409px; max-height:100px; color:#202020;" class="mob-logo"/></a></td>
</tr>
</table>
</td>
</tr>
</table>

<table width="100" height="100" border="0" cellspacing="0" cellpadding="0" align="right" class="to100pc-late">
<tr>
<td width="100" height="100" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:18px; font-weight:normal; color:#a8a8a8; text-align:right" class="nomob-late">
<a style="color:#989898; text-decoration:none;" href="{{system.viewAsWebpageLink}}" target="_blank">View in Browser</a></td>
</tr>
</table>
</td>
<td width="1" height="100" style="font-size:1px; line-height:1px" class="w26"> </td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="1" style="font-size:1px; line-height:1px" class="h22"> </td>
</tr>
</table>

</td>
</tr>
</table>

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff" class="to100pc">
<tr>
<td align="center">


<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
<tr>
<td valign="top" align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td valign="top" style="text-align: center; vertical-align: top; font-size: 0;" class="tblock">
<div class="flip">

<div class="tblock">
<table width="350" height="312" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" class="to100pc" align="left">
<tr>
<td width="1" style="font-size:1px; line-height:1px" class="w38"> </td>
<td valign="middle" align="center" height="312" style="overflow:hidden" class="overvisible">
<table width="300" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td width="300" height="20" style="font-size:1px; line-height:1px"> </td>
</tr><tr>
<td width="100%" valign="top" align="center" style="font-family:Arial,sans-serif;font-size:14px;line-height:18px;color:#4E4FA9;text-transform:uppercase;text-align:left" class="mob-subhead-txt"> <a style="color:#4E4FA9;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">RIVERBED WEBINAR FEATURING COMCAST</a></td>
</tr><tr>
<td width="300" height="4" style="font-size:1px; line-height:1px"> </td>
</tr>

<tr>
<td width="100%" valign="top" align="left" style="font-size:1px;line-height:1px;color:#ffffff;text-align:left">
<table width="48" align="left" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="48" height="2" bgcolor="#4E4FA9" style="font-size:1px;line-height:2px;mso-line-height-rule:exactly;"> </td>
</tr>
</table>
</td>
</tr>

<tr>
<td width="698" height="10" style="font-size:1px; line-height:1px"> </td>
</tr><tr>
<td width="100%" valign="top" align="left" style="font-family:Arial,sans-serif;font-size:30px;line-height:30px;color:#000000;text-align:left" class="mob-h3d-txt">
<a style="color:#000000;font-weight:bold;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Empower Your Data</a></td>
</tr>
<tr>
<td width="300" height="5" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td width="100%" valign="top" align="center" style="font-family:Arial,sans-serif;font-size:20px;line-height:22px;color:#000000;text-align:left" class="mob-copy-txt2">
<a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">How Comcast Uses Digital Experience Management for Optimal Performance</a></td>
</tr>
<tr>
<td width="300" height="10" style="font-size:1px; line-height:1px"> </td>
</tr>

<tr>
<td width="100%" valign="top" align="center" style="font-family:Arial,sans-serif;font-size:16px;line-height:19px;color:#000000;text-align:left" class="mob-regular-txt-realign"><a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Wednesday, February 8, 2023</a></td>
</tr>
<tr>
<td width="100%" valign="top" align="center" style="font-family:Arial,sans-serif;font-size:16px;line-height:19px;color:#000000;text-align:left" class="mob-regular-txt-realign"><a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">10AM PT / 1PM ET</a></td>
</tr>
<tr>
<td width="300" height="15" style="font-size:1px; line-height:1px"> </td>
</tr><tr>
<td width="100%" valign="top" align="left">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="left" bgcolor="#E10098" style="background-color:#E10098; border-radius: 20px; border: 2px solid #ffffff">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" style="font-size:1px; line-height:1px"> </td>
<td valign="top" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="10" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-family:Arial,sans-serif;font-size:16px;line-height:16px;color:#ffffff;text-align:center;text-transform:uppercase;font-weight:bold;white-space:nowrap" class="mob-cta-txt">
<a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">  JOIN THE TALK {{LEAD.FIRST NAME}}  >
</a>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="10" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>
</td>
<td width="40" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr><tr>
<td width="300" height="40" style="font-size:1px; line-height:1px"></td>
</tr>
</table>
</td>
<td width="1" style="font-size:1px; line-height:1px" class="w38"> </td>
</tr>
</table>
</div>


<div class="tblock">
<table width="350" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc">
<tr>
<td width="100%" valign="top" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-family:Arial,Helvetica,sans-serif;" width="350" class="to100pc">

<a style="color:#ffffff; text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">
<img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/empower_350x312.jpg" width="350" height="312" alt="Empower Your Data" style="display:block" class="to100pc"/></a>

</td>
</tr>
</table></td>
</tr>
</table>
</div>


</div>
</td>
</tr>
</table>
</td>
</tr>
</table>

</td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
<tr>
<td width="36" style="font-size:1px; line-height:1px" class="w14"> </td>
<td valign="top" align="left">

<table width="680" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td width="100%" height="1" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td width="680" height="10" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td width="100%" style="font-family:Arial,sans-serif;font-size:20px;line-height:24px;color:#000000;font-weight:bold;text-align:left;text-transform:uppercase" class="mob-copy-txt">
<a style="color:#E10098;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Hello</a> {{lead.First Name}},
</td>
</tr><tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td width="100%" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">Analyzing data is hard but analyzing millions of rows of data is even harder.</td>
</tr>

<tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px"> </td>
</tr>

<tr>
<td width="100%" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">If you could contextualize data across every enterprise endpoint, application, and transaction, you could strategically deploy your IT resources to improve the services you provide.</td>
</tr>

<tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left;font-weight:bold" class="mob-h3-txt-static">Register now to hear from Riverbed Customer, Comcast, and Alluvio Aternity experts about:</td>
</tr><tr>
<td width="100%" height="1" style="font-size:1px; line-height:1px"> </td>
</tr><tr>
<td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">
<ul style="list-style-image:url('https://pages.riverbed.com/rs/316-BPN-870/images/bullet_whitebg_purple.jpg')">

<li style="padding-bottom:12px">How Comcast identified pain points and replaced low-performing computers with Alluvio Aternity</li>
<li style="padding-bottom:12px">Data analysis best practices</li>
<li style="padding-bottom:12px">Understanding resource consumption and how it impacts performance</li>
<li style="padding-bottom:1px">How to improve service performance for optimal employee experiences while reducing costs</li>
</ul>
</td>
</tr><tr>
<td width="100%" height="1" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td width="100%" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">We look forward to you <a style="color:#E10098;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">joining us</a>.</td>
</tr><tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td width="100%" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">
Sincerely,
</td>
</tr><tr>
<td width="100%" height="8" style="font-size:1px; line-height:1px"> </td>
</tr><tr>
<td width="100%" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">
The Riverbed Team
</td>
</tr>
<tr>
<td width="100%" height="10" style="font-size:1px; line-height:1px"> </td>
</tr>

</table>

</td>
<td width="36" style="font-size:1px; line-height:1px" class="w14"> </td>
</tr>
</table>
</td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
<tr>
<td width="36" style="font-size:1px; line-height:1px" class="w12"> </td>
<td valign="top" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="font-family:Arial,sans-serif;font-size:20px;line-height:24px;letter-spacing:-1px;color:#4E4FA9;text-align:center;font-weight:bold" class="mob-h3-txt">
<a style="color:#4E4FA9;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Meet Your Presenters</a>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="5" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1" style="font-size:1px;line-height:1px;mso-line-height-rule:exactly; "> </td>
<td width="48" height="2" bgcolor="#4E4FA9" style="font-size:1px;line-height:1px;mso-line-height-rule:exactly;"> </td>
<td height="1" style="font-size:1px;line-height:1px;mso-line-height-rule:exactly; "> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="20" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>
</td>
<td width="36" style="font-size:1px; line-height:1px" class="w12"> </td>
</tr>
</table>

<table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td width="36" style="font-size:1px; line-height:1px"> </td>
<td>
<table width="286" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc">
<tr>
<td valign="top" align="center">
<table width="276" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="72" valign="top" align="center">
<table width="72" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" style="font-family:Arial,sans-serif;color:#c0c0c0;font-size:16px;line-height:16px"> <table width="72" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" style="font-family:Arial,sans-serif;color:#c0c0c0;font-size:16px;line-height:16px">
<a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank"><img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/Zach_Richardson_180x180.jpg" width="80" height="80" alt="Zach Richardson" style="display:block" /></a></td>
</tr>
</table></td>
</tr>
</table>
</td>
<td width="12" style="font-size:1px; line-height:1px"> </td>
<td valign="middle" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left;font-weight:bold" class="mob-regular-txt-static">
<a style="color:#000000;text-decoration:none;font-weight:bold" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Zach Richardson</a>
</td>
</tr><tr>
<td width="100%" valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt-static">
<a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Sr. IT Manager<br>West Division<br>Comcast</a>
</td>
</tr><tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

<table width="36" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc">
<tr>
<td width="100%" height="36" style="font-size:1px; line-height:1px" class="h2"> </td>
</tr>
</table>

<table width="286" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc">
<tr>
<td valign="top" align="center">
<table width="276" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="72" valign="top" align="center">
<table width="72" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" style="font-family:Arial,sans-serif;color:#c0c0c0;font-size:16px;line-height:16px">
<a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank"><img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/Thomas_Telligman_180x180.jpg" width="80" height="80" alt="Thomas Telligman" style="display:block" /></a></td>
</tr>
</table>
</td>
<td width="12" style="font-size:1px; line-height:1px"> </td>
<td valign="middle" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left;font-weight:bold" class="mob-regular-txt-static">
<a style="color:#000000;text-decoration:none;font-weight:bold" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Thomas Telligman</a>
</td>
</tr><tr>
<td width="100%" valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt-static">
<a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Consulting Solutions Architect<br>Riverbed</a>
</td>
</tr><tr>
<td width="100%" height="15" style="font-size:1px; line-height:1px"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="36" style="font-size:1px; line-height:1px"> </td>
</tr>
<tr>
<td height="18" style="font-size:1px; line-height:1px"> </td>
<td height="18" style="font-size:1px; line-height:1px"> </td>
<td height="18" style="font-size:1px; line-height:1px"> </td>




</tr>
</table>
</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center">

<table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#4E4FA9" style="background-image: linear-gradient(45deg, #4E4FA9, #A831D6, #E10098, #FE7351);">
<tr>
<td width="36" style="font-size:1px; line-height:1px" class="w22"> </td>
<td valign="middle" align="center">

<table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td width="700" height="20" style="font-size:1px; line-height:1px"> </td>
</tr>

<tr>
<td style="font-family:Arial,sans-serif;font-size:16px;line-height:16px;color:#ffffff;text-align:center;text-transform:uppercase;font-weight:bold;white-space:nowrap" class="mob-cta-txtb">
<a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank"><strong>UNABLE TO ATTEND? REGISTER TO RECEIVE THE ONDEMAND WEBINAR.</strong></a>
</td>
</tr>
<tr>
<td width="700" height="20" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>

</td>
<td width="36" style="font-size:1px; line-height:1px" class="w22"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>


</td>
</tr>
</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="32" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>


<table width="100%" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td width="100%" valign="top" align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
<tr>
<td width="246" style="font-size:1px; line-height:1px;" class="w16"> </td>
<td align="center" valign="top">
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="font-size:1px; line-height:1px;text-align:center;">
<table width="208" align="center" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
<a style="color:#A8ACA1; text-decoration:none;" href="https://www.linkedin.com/company/riverbed-technology" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/linkedin.jpg" width="44" height="44" alt="LinkedIn"/></a></td>

<td width="10" style="font-size:1px; line-height:1px;"> </td>
<td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
<a style="color:#A8ACA1; text-decoration:none;" href="http://twitter.com/RIVERBED" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/twitter.jpg" width="44" height="44" alt="Twitter"/></a></td>
<td width="10" style="font-size:1px; line-height:1px;"> </td>
<td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
<a style="color:#A8ACA1; text-decoration:none;" href="http://www.facebook.com/riverbed" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/facebook.jpg" width="44" height="44" alt="Facebook"/></a></td>
<td width="10" style="font-size:1px; line-height:1px;"> </td>
<td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
<a style="color:#A8ACA1; text-decoration:none;" href="https://www.instagram.com/riverbedtechnology/" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/instagram2.jpg" width="44" height="44" alt="Google"/></a></td>
</tr></table>
</td>
</tr>
</table>
</td>
<td width="246" style="font-size:1px; line-height:1px;" class="w16"> </td>
</tr>
</table>
</td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="1" style="font-size:1px; line-height:1px"> </td>
</tr>
</table>

</td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
<tr>
<td width="1" style="font-size:1px; line-height:1px;" class="w26"> </td>
<td align="center">
<table width="698" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
<tr>
<td height="20" style="font-size:1px; line-height:1px;"> </td>
</tr><tr>
<td width="100%" align="center" valign="middle" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif;color:#A8ACA1;" class="mob-foot-txt"><a style="color:#A8ACA1; text-decoration:none;" href="https://www.riverbed.com/contact" target="_blank"><span style="color:#A8ACA1;text-decoration:none">©2023 Riverbed Technology. <span style="font-size:1px; line-height:1px;display:none" class="showmob"> </span> All rights reserved.</span></a></td>
</tr><tr>
<td height="6" style="font-size:1px; line-height:1px;"> </td>
</tr><tr>
<td width="100%" align="center" valign="middle" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif;color:#A8ACA1;" class="mob-foot-txt"><a style="color:#A8ACA1; text-decoration:none;" href="https://www.riverbed.com/contact" target="_blank"><span style="color:#A8ACA1;text-decoration:none">Riverbed, 680 Folsom St., San Francisco, CA 94107, USA</span></a></td>
</tr>
<tr>
<td height="6" style="font-size:1px; line-height:1px;"> </td>
</tr>
<tr>
<td width="100%" align="center" valign="middle" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif;color:#A8ACA1;" class="mob-foot-txt"><a style="color:#A8ACA1; text-decoration:none;" href="https://www.riverbed.com/contact" target="_blank"><span style="color:#A8ACA1;text-decoration:none">Contact Us | <span style="font-size:1px; line-height:1px;display:none" class="showmob"> </span>1-877-483-7233 (Sales)</span></a></td>
</tr><tr>
<td height="18" style="font-size:1px; line-height:1px;"> </td>
</tr><tr>
<td align="center" style="font-size:1px; line-height:1px;">
<table width="360" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc-late">
<tr><td width="100%">
<table width="100" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
<tr>
<td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="mob-foot-txt-sb">
<a href="https://www.riverbed.com/file/documents/riverbed-privacy-policy" target="_blank" style="text-decoration:none;"><span style="color:#A8ACA1">Privacy Policy</span></a>
</td>
</tr>
</table>

<table width="10" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
<tr>
<td height="12" style="font-size:1px; line-height:1px;"> </td>
<td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="nomob-late"> | </td>
<td height="12" style="font-size:1px; line-height:1px;"> </td>
</tr>
</table>

<table width="90" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
<tr>
<td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="mob-foot-txt-sb">
<a href="https://www.riverbed.com/legal/legal-notices" target="_blank" style="text-decoration:none;"><span style="color:#A8ACA1">Legal Notice</span></a>
</td>
</tr>
</table>

<table width="10" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
<tr>
<td height="12" style="font-size:1px; line-height:1px;"> </td>
<td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="nomob-late"> | </td>
<td height="12" style="font-size:1px; line-height:1px;"> </td>
</tr>
</table>

<table width="150" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
<tr>
<td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="mob-foot-txt-sb">
<a href="https://pages.riverbed.com/preference-center.html" target="_blank" style="text-decoration:none;"><span style="color:#A8ACA1">Manage Subscriptions</span></a></td>
</tr>
</table>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
<td width="1" style="font-size:1px; line-height:1px;" class="w26"> </td>
</tr><tr>
<td height="42" style="font-size:1px; line-height:1px;"> </td>
<td style="font-size:1px; line-height:1px;"> </td>
<td style="font-size:1px; line-height:1px;"> </td>
</tr>
</table>
</td></tr></table>

</body>
</html>

hpavlac · ‎04-13-2023

@Jill_Harrison1 were you able to pinpoint any changes in the code to resolve this? I'm having a similar issue.

Thanks!

Helen Pavlac

Disha_Goyal6 · ‎04-14-2023

Hi @Jill_Harrison1, I tried to fix your code.

<!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" />
      <!--[if !mso]><!-->
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
      <!--<![endif]-->
      <meta name="apple-mobile-web-app-capable" content="yes" />
      <meta content="yes" name="apple-touch-fullscreen" />
      <meta name="apple-mobile-web-app-status-bar-style" content="black" />
      <meta name="format-detection" content="telephone=no">
      <meta name="viewport" content="initial-scale=1, maximum-scale=1" />
      <title>Riverbed</title>
      <style type="text/css">
         @import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700';
         div, p, a, li, td {-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
         body {margin:0;padding:0;min-width:100%;background-color:#fafafa;}
         table td {border-collapse:collapse;}
         .ExternalClass {width:100%;}
         .ExternalClass * {line-height: 110%}
         img {-ms-interpolation-mode: bicubic; }
         a, a:link, a:visited, a:hover {color:#555555; text-decoration:none;}
         .applelinkswhite a{color:#ffffff !important; text-decoration:none !important;}
         .applelinkspurple a{color:#a571cd !important; text-decoration:none !important;}
         .applelinksblue a{color:#00aff0!important; text-decoration:none !important;}
         @-ms-viewport { width: device-width; }
         @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
         a[href^="tel"], a[href^="sms"], a {
         color: inherit;
         cursor: default;
         text-decoration:none;
         }
         }
		 </style>
		 <style type="text/css">
         .nomob-late{font-family:'Source Sans Pro',sans-serif !important;}
         .gradient-text {
         background-color: #4E4FA9;
         background-image: linear-gradient(90deg, #4E4FA9, #A831D6);
         background-size: 100%;
         -webkit-background-clip: text;
         -moz-background-clip: text;
         -webkit-text-fill-color: transparent;
         -moz-text-fill-color: transparent;
         }
		 </style>
		 <style type="text/css">
         .mob-h1-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-h1-txt-realign{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-h1-txt-light{font-family:'Source Sans Pro',sans-serif !important; font-weight:300 !important;}
         .mob-h1-txt-xlight{font-family:'Source Sans Pro',sans-serif !important; font-weight:300 !important;}
         .mob-quote-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-h2-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-h3l-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-article-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-h3-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-h3-txt-static{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-h3-txt-light{font-family:'Source Sans Pro',sans-serif !important; font-weight:300 !important;}
         .mob-h4-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-subhead-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-regular-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-regular-txt-realign{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-regular-txt-static{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-herocopy-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-boldcopy-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-boldcopy-txt-uc{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
         .mob-copy-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-copy-txt-static{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-foot-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-foot-txt-sb{font-family:'Source Sans Pro',sans-serif !important; font-weight:normal !important;}
         .mob-cta-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:700 !important;}
         .mod18-hidden-txt{font-family:'Source Sans Pro',sans-serif !important; font-weight:600 !important;}
		 </style>
		 <style type="text/css">
         @media screen and (max-device-width: 699px), screen and (max-width: 699px) {
         /*fluid styles*/
        .to100pc{width:100% !important; height:auto !important;}
        .to100pc-limited{width:100% !important; height:auto !important; max-width:446px !important; max-height:446px !important;}
        .to80pc-to100pc{width:80% !important; height:auto !important;}
        .to40pc-to100pc{width:40% !important; height:auto !important;}
        .to20pc-to100pc{width:20% !important; height:auto !important;}
        .to80pc{width:80% !important; height:auto !important;}
        .w16{width:16px !important; height:auto !important;}
        .w26{width:26px !important; height:auto !important;}
        .w38{width:38px !important; height:auto !important;}
        .h2{ height:2px !important;}
        .h12{ height:12px !important;}
        .h18{ height:18px !important;}
        .h30{ height:30px !important;}
        .h30-line{ height:30px !important; border-top:#ECECEC 1px solid !important}
        .wauto{ width:auto !important;}
        .hauto{ height:auto !important;}
        .w2-h36{width:2px !important; height:36px !important;}
        .text-realign{text-align:center !important}
        .nominwidth{min-width:2px !important}
        .nomob{display:none !important;}
        .noline{border:0px !important}
         /*font switch*/
        .mob-h1-txt-xlight{font-size:30px !important; line-height: 36px !important;}
        .mod18-hidden-txt{font-size:18px !important;line-height:24px !important;color:#415464 !important;}
         /*column switch*/
        .flip] {width: 100% !important; height: auto !important; }
        .tblock] { display: table-footer-group!important; width: 100% !important; }
        .mod15-btn-box{text-align:left !important;}
        .overvisible{overflow:visible !important;}
         }
		 </style>
		 <style type="text/css">
         @media screen and (max-device-width: 519px), screen and (max-width: 519px) {
         /*fluid styles*/
         .to100pc-late{width:100% !important; height:auto !important;}
         .to70pc-late{width:70% !important; height:auto !important;}
         .to80pc-to100pc{width:100% !important; height:auto !important;}
         .to40pc-to100pc{width:100% !important; height:auto !important;}
        .to20pc-to100pc{width:100% !important; height:auto !important;}
        .w2{width:2px !important;}
        .h16{height:16px !important;}
        .h22{height:22px !important;}
        .w12{width:12px !important;}
        .w14{width:14px !important;}
        .w20{width:20px !important;}
        .w22{width:22px !important;}
        .w60{width:60px !important;}
        .nav-minwidth{min-width:68px !important;}
        .f-mob-txt{font-size:11px !important; line-height: 16px !important; font-weight: normal !important}
        .nav-txt{font-size:15px !important; line-height: 18px !important; letter-spacing: 0px !important; vertical-align: bottom !important; font-weight: normal !important}
         .nomob-late{display:none !important;}
		 }
		 </style>
		 <style type="text/css">
		  @media screen and (max-device-width: 519px), screen and (max-width: 519px) {
        .realign-left{text-align:left !important}
        .mod10-img{width:80px !important; height:auto !important;}
        .mod10-img-box{min-width:130px !important;}
        .mob-h1-txt{font-size:30px !important; line-height: 36px !important;} /* 36/48 */
        .mob-h1-txt-realign{font-size:30px !important; line-height: 36px !important; text-align: left !important; } /* 36/48 */
        .mob-h1-txt-light{font-size:30px !important; line-height: 36px !important; } /* 36/42 */
        .mob-h1-txt-xlight{font-size:24px !important; line-height: 30px !important; text-align:center !important;} /* 36/42 */
        .mob-quote-txt{font-size:24px !important; line-height: 36px !important;} /* 30/48 */
        .mob-h2-txt{font-size:30px !important; line-height: 36px !important;} /* 30/36 */
        .mob-h3l-txt{font-size:24px !important; line-height: 30px !important;} /* 26/30 */
        .mob-h3-txt{font-size:21px !important; line-height: 25px !important;} /* 24/30 */
        .mob-h3a-txt{font-size:9px !important; line-height: 13px !important;} /* 24/30 */
        .mob-h3d-txt{font-size:28px !important; line-height: 28px !important;} /* 24/30 */
        .mob-h3-txt-light{font-size:16px !important; line-height: 24px !important;} /* 24/30 */
        .mob-h4-txt{font-size:21px !important; line-height: 24px !important;} /* 21/24 */
        .mob-subhead-txt{font-size:13px !important; line-height: 18px !important;} /* 16/24 */
        .mob-regular-txt{font-size:16px !important; line-height: 24px !important;} /* 18/24 */
        .mob-regular-txt-realign{font-size:16px !important; line-height: 24px !important; text-align: left !important;} /* 18/24 */
        .mob-herocopy-txt{font-size:16px !important; line-height: 21px !important;} /* 16/24 */
        .mob-boldcopy-txt{font-size:16px !important; line-height: 21px !important; font-weight:bold !important;} /* 16/24 */
        .mob-boldcopy-txt-uc{font-size:14px !important; line-height: 14px !important;} /* 16/24 */
        .mob-copy-txt{font-size:16px !important; line-height: 20px !important;} /* 16/24 */
        .mob-copy-txt2{font-size:16px !important; line-height: 20px !important;} /* 16/24 */
        .mob-copy-txt3{font-size:10px !important; line-height: 14px !important;} /* 16/24 */
        .mob-foot-txt{font-size:13px !important; line-height: 18px !important;} /* 14/18 */
        .mob-foot-txt-sb{font-size:13px !important; line-height: 18px !important;} /* 14/18 */
        .mob-cta-txt{font-size:14px !important; line-height: 14px !important;} /* 13/18 */
        .mob-cta-txtb{font-size:12px !important; line-height: 12px !important;} /* 13/18 */
         }
		 </style>
		 <style type="text/css">
         @media screen and (max-device-width: 379px), screen and (max-width: 379px) {
         /*fluid styles*/
        .nav-minwidth{min-width:18px !important;}
        .showmob{display:block !important;}
         }
      </style>
	  <style type="text/css">
	   @media only screen and (max-width: 680px){
	    .block{width:100% !important;display:block;}
		.responsive img{max-width:100%;}
	   }
	  </style>
      <!--[if gte mso 15]>
      <style type="text/css" media="all">
         tr { font-size:1px; mso-line-height-alt:0; mso-margin-top-alt:1px; }
      </style>
      <![endif]-->
   </head>
   <body margintop="0" marginleft="0" marginright="0" bgcolor="#fafafa" notwebmail="fixit" style="min-width:100%;padding:0;margin:0;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,sans-serif;background-color:#fafafa;">
      <!--full wrapper-->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafa" style="border-collapse:collapse; table-layout:fixed; margin:0 auto;">
         <tr>
            <td align="center">
               <!--preheader-->
               <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafa">
                  <tr>
                     <td align="center">
                        <!--spacer force width-->
                        <table width="700" border="0" cellspacing="0" cellpadding="0" class="nomob">
                           <tr>
                              <td height="1" style="font-family:Arial,sans-serif;font-size:1px;line-height:1px;color:#ffffff;text-align:left;" class="nominwidth">
                                 &nbsp;
                              </td>
                           </tr>
                        </table>
                     </td>
                  </tr>
               </table>
               <!--header wrapper -->
               <table width="700" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#fafafa" class="to100pc">
                  <tr>
                     <td align="center">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                              <td valign="bottom" style="font-family:Arial,sans-serif; font-size:13px; line-height:18px; font-weight:normal; color:#a8a8a8; text-align:center" class="nomob-late">
                                 Hello {{lead.First Name}}, <a style="color:#a8a8a8; text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">learn how Comcast recovered $65,000 in unused software licenses.</a>
                              </td>
                           </tr>
                        </table>
					</td>
				</tr>
				<tr>
					<td>
                        <!--spacer-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                              <td width="100%" height="5" style="font-size:1px; line-height:1px" class="h22">&nbsp;</td>
                           </tr>
                        </table>
					</td>
				</tr>
				<tr>
					<td>
						<table width="100" border="0" cellspacing="0" cellpadding="0" align="right" class="to100pc-late">
                                    <tr>
                                       <td width="100" valign="top" style="font-family:Arial,sans-serif; font-size:13px; line-height:18px; font-weight:normal; color:#a8a8a8; text-align:right" class="nomob-late">
                                          <a style="color:#989898; text-decoration:none;" href="{{system.viewAsWebpageLink}}" target="_blank">View in Browser</a>
                                       </td>
                                    </tr>
                                 </table>
					</td>
				</tr>
				<tr>
					<td>
                        <!--module 1 (Header Image & Nav Links)-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                             <td>
                                 <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="0 auto">
                                    <tr>
                                       <td>
                                          <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
                                             <tr>
                                                <td align="center" style="font-family:Arial,Helvetica,sans-serif; font-size:20px; line-height:22px; color:#fafafa; text-align:left;" class="responsive"><a style="color:#fafafa; text-decoration:none;" href="http://www.riverbed.com" target="_blank"><img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/Riverbed-Comcast-409x100.jpg" alt="Riverbed" width="409" /></a></td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
                                 
                              </td>
                             
                           </tr>
                        </table>
					</td>
				</tr>
				<tr>
					<td>
                        <!--End module 1-->
                        <!--spacer-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                           <tr>
                              <td width="100%" height="1" style="font-size:1px; line-height:1px" class="h22">&nbsp;</td>
                           </tr>
                        </table>
                     </td>
                  </tr>
               </table>
               <!--body wrapper -->
               <table width="700" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff" class="to100pc">
                  <tr>
                     <td align="center">
                        <!--module 8 (Text & image - left/right/right/left)-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                           <tr>
                              <td align="center">
                                 <!--Section 1 [repeatable element](Text left/image right - Large)-->
                                 <table width="700" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
                                    <tr>
                                       <td valign="top" align="center">
                                          <table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
                                             <tr>
                                                <td dir="rtl" valign="top" style="text-align: center; vertical-align: top; font-size: 0;">
													<table width="100%" border="0" cellspacing="0" cellpadding="0">
														<tr>
															<th dir="ltr" width="350" class="block" style="font-weight:normal;">
																<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto;">
                                                                    <tr>
                                                                        <td style="font-family:Arial,Helvetica,sans-serif;" class="responsive"><a style="color:#ffffff; text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank"><img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/empower_350x312.jpg" width="350" alt="Empower Your Data" /></a></td>
                                                                    </tr>
                                                                </table>
															</th>
															<th dir="ltr" width="350" class="block" style="font-weight:normal;">
																<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto;">
                                                                    <tr><td height="20" style="font-size:1px; line-height:1px">&nbsp;</td></tr>
                                                                    <tr>
                                                                        <td valign="top" align="center" style="font-family:Arial,sans-serif;font-size:14px;line-height:18px;color:#4E4FA9;text-transform:uppercase;text-align:left" class="mob-subhead-txt"><a style="color:#4E4FA9;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">RIVERBED WEBINAR FEATURING COMCAST</a></td>
																	</tr>
                                                                    <tr><td height="4" style="font-size:1px; line-height:1px">&nbsp;</td></tr>
                                                                    <tr>
                                                                        <td valign="top" align="left" style="font-size:1px;line-height:1px;color:#ffffff;text-align:left">
                                                                            <table width="48" align="left" border="0" cellspacing="0" cellpadding="0">
                                                                                <tr><td width="48" height="2" bgcolor="#4E4FA9" style="font-size:1px;line-height:2px;mso-line-height-rule:exactly;">&nbsp;</td></tr>
																			</table>
                                                                        </td>
                                                                    </tr>
                                                                    <tr><td height="10" style="font-size:1px; line-height:1px">&nbsp;</td></tr>
                                                                    <tr>
                                                                       <td valign="top" align="left" style="font-family:Arial,sans-serif;font-size:30px;line-height:30px;color:#000000;text-align:left" class="mob-h3d-txt"><a style="color:#000000;font-weight:bold;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Empower Your Data</a></td>
                                                                    </tr>
                                                                    <tr><td height="5" style="font-size:1px; line-height:1px">&nbsp;</td></tr>
                                                                    <tr>
                                                                        <td valign="top" align="center" style="font-family:Arial,sans-serif;font-size:20px;line-height:22px;color:#000000;text-align:left" class="mob-copy-txt2"><a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">How Comcast Uses Digital Experience Management for Optimal Performance</a></td>
																	</tr>
                                                                    <tr><td height="10" style="font-size:1px; line-height:1px">&nbsp;</td></tr>
                                                                    <tr>
                                                                         <td valign="top" align="center" style="font-family:Arial,sans-serif;font-size:16px;line-height:19px;color:#000000;text-align:left" class="mob-regular-txt-realign"><a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Wednesday, February 8, 2023</a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td valign="top" align="center" style="font-family:Arial,sans-serif;font-size:16px;line-height:19px;color:#000000;text-align:left" class="mob-regular-txt-realign"><a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">10AM PT / 1PM ET</a></td>
                                                                    </tr>
                                                                    <tr><td height="15" style="font-size:1px; line-height:1px">&nbsp;</td></tr>
																	<tr>
                                                                        <td width="100%" valign="top" align="left">
                                                                           <table border="0" cellspacing="0" cellpadding="0">
                                                                                <tr>
                                                                                    <td valign="top" align="left" bgcolor="#E10098" style="background-color:#E10098; border-radius: 20px; border: 2px solid #ffffff">
                                                                                        <table border="0" cellspacing="0" cellpadding="0">
                                                                                            <tr>
																								<td width="20" style="font-size:1px; line-height:1px">&nbsp;</td>
                                                                                                <td valign="top" >
                                                                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                        <tr><td height="10" style="font-size:1px; line-height:1px">&nbsp;</td></tr>
                                                                                                    </table>
                                                                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                        <tr>
                                                                                                            <td style="font-family:Arial,sans-serif;font-size:16px;line-height:16px;color:#ffffff;text-align:center;text-transform:uppercase;font-weight:bold;" class="mob-cta-txt"><a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">&nbsp;&nbsp;JOIN THE TALK {{LEAD.FIRST NAME}} &nbsp;&gt;</a></td>
                                                                                                        </tr>
                                                                                                     </table>
																									<table width="100%" border="0" cellspacing="0" cellpadding="0">
																										<tr>
																											<td width="100%" height="10" style="font-size:1px; line-height:1px">&nbsp;</td>
																										</tr>
																									</table>
																								</td>
                                                                                                <td width="40" style="font-size:1px; line-height:1px">&nbsp;</td>
																							</tr>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    <tr><td height="40" style="font-size:1px; line-height:1px"></td></tr>
                                                                </table>
															</th>
														</tr>
													</table>
                                                </td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
                                 <!--end Section 1 [repeatable element]-->
                              </td>
                           </tr>
                        </table>
                        <!--end module 8-->
                        <!--module 3 (Primary Copy)-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                           <tr>
                              <td align="center">
                                 <!--module main body-->
                                 <table width="700" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
                                    <tr>
                                       <td valign="top" align="left">
                                          <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto;">
                                             <tr>
                                                <td height="1" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td height="10" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:20px;line-height:24px;color:#000000;font-weight:bold;text-align:left;text-transform:uppercase" class="mob-copy-txt">
                                                   <a style="color:#E10098;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Hello</a> {{lead.First Name}},
                                                </td>
                                             </tr>
                                             <tr>
                                                <td height="15" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">Analyzing data is hard but analyzing millions of rows of data is even harder.</td>
                                             </tr>
                                             <tr>
                                                <td height="15" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">If you could contextualize data across every enterprise endpoint, application, and transaction, you could strategically deploy your IT resources to improve the services you provide.</td>
                                             </tr>
                                             <tr>
                                                <td height="15" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left;font-weight:bold" class="mob-h3-txt-static">Register now to hear from Riverbed Customer, Comcast, and Alluvio Aternity experts about:</td>
                                             </tr>
                                             <tr>
                                                <td height="1" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">
                                                   <ul style="list-style-image:url('https://pages.riverbed.com/rs/316-BPN-870/images/bullet_whitebg_purple.jpg')">
                                                      <li style="padding-bottom:12px">How Comcast identified pain points and replaced low-performing computers with Alluvio Aternity</li>
                                                      <li style="padding-bottom:12px">Data analysis best practices</li>
                                                      <li style="padding-bottom:12px">Understanding resource consumption and how it impacts performance</li>
                                                      <li style="padding-bottom:1px">How to improve service performance for optimal employee experiences while reducing costs</li>
                                                   </ul>
                                                </td>
                                             </tr>
                                             <tr>
                                                <td height="1" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">We look forward to you <a style="color:#E10098;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">joining us</a>.</td>
                                             </tr>
                                             <tr>
                                                <td height="15" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">
                                                   Sincerely,
                                                </td>
                                             </tr>
                                             <tr>
                                                <td height="8" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt">
                                                   The Riverbed Team
                                                </td>
                                             </tr>
                                             <tr>
                                                <td height="10" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                          </table>
                                       </td>
                                      </tr>
                                 </table>
                              </td>
                           </tr>
                        </table>
                        <!--end module 3-->
                        <!--module 9 (two speakers)-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                           <tr>
                              <td align="center">
                                 <!--module main body-->
                                 <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center" align="center" style="margin:0 auto;">
                                    <tr>
                                       <td valign="top" align="center">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                             <tr>
                                                <td style="font-family:Arial,sans-serif;font-size:20px;line-height:24px;letter-spacing:-1px;color:#4E4FA9;text-align:center;font-weight:bold" class="mob-h3-txt">
                                                   <a style="color:#4E4FA9;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Meet Your Presenters</a>
                                                </td>
                                             </tr>
                                          </table>
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                             <tr>
                                                <td width="100%" height="5" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                          </table>
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                             <tr>
                                                <td height="1" style="font-size:1px;line-height:1px;mso-line-height-rule:exactly; ">&nbsp;</td>
                                                <td width="48" height="2" bgcolor="#4E4FA9" style="font-size:1px;line-height:1px;mso-line-height-rule:exactly;">&nbsp;</td>
                                                <td height="1" style="font-size:1px;line-height:1px;mso-line-height-rule:exactly; ">&nbsp;</td>
                                             </tr>
                                          </table>
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                             <tr>
                                                <td width="100%" height="20" style="font-size:1px; line-height:1px">&nbsp;</td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
								 </td>
								</tr>
								<tr>
								<td>
                                 <table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
									<tr>
										<td>
											 <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto;">
												<tr>
													<th width="286" style="font-weight:normal;" class="block">
														 <table width="286" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto;">
															<tr>
																<th width="72" valign="top" align="center" style="font-weight:normal;">
																	<table width="72" border="0" cellspacing="0" cellpadding="0" align="center">
																	   <tr>
																		  <td align="center" style="font-family:Arial,sans-serif;color:#c0c0c0;font-size:16px;line-height:16px">
																			 <table width="72" border="0" cellspacing="0" cellpadding="0" align="center">
																				<tr>
																				   <td align="center" style="font-family:Arial,sans-serif;color:#c0c0c0;font-size:16px;line-height:16px">
																					  <a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank"><img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/Zach_Richardson_180x180.jpg" width="80" height="80" alt="Zach Richardson" style="display:block" /></a>
																				   </td>
																				</tr>
																			 </table>
																		  </td>
																	   </tr>
																	</table>
																 </th>
																<th width="12" style="font-size:1px; line-height:1px">&nbsp;</th>
																 <th valign="middle" align="center" style="font-weight:normal;">
																	<table width="100%" border="0" cellspacing="0" cellpadding="0">
																	   <tr>
																		  <td valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left;font-weight:bold" class="mob-regular-txt-static">
																			 <a style="color:#000000;text-decoration:none;font-weight:bold" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Zach Richardson</a>
																		  </td>
																	   </tr>
																	   <tr>
																		  <td valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt-static">
																			 <a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Sr. IT Manager<br>West Division<br>Comcast</a>
																		  </td>
																	   </tr>
																	   <tr>
																		  <td  height="15" style="font-size:1px; line-height:1px"></td>
																	   </tr>
																	</table>
																 </th>
																</tr>
															</table>
														</th>
														<th width="35" height="20" class="block">&nbsp;</th>
														<th width="286" style="font-weight:normal;" class="block">
														 <table width="286" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto;">
															<tr>
                                                         <th width="72" valign="top" align="center" style="font-weight:normal;">
                                                            <table width="72" border="0" cellspacing="0" cellpadding="0" align="center">
                                                               <tr>
                                                                  <td align="center" style="font-family:Arial,sans-serif;color:#c0c0c0;font-size:16px;line-height:16px">
                                                                     <a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank"><img border="0" src="https://pages.riverbed.com/rs/316-BPN-870/images/Thomas_Telligman_180x180.jpg" width="80" height="80" alt="Thomas Telligman" style="display:block" /></a>
                                                                  </td>
                                                               </tr>
                                                            </table>
                                                         </th>
                                                         <th width="12" style="font-size:1px; line-height:1px">&nbsp;</th>
                                                         <th valign="middle" align="center" style="font-weight:normal;">
                                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                               <tr>
                                                                  <td valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left;font-weight:bold" class="mob-regular-txt-static">
                                                                     <a style="color:#000000;text-decoration:none;font-weight:bold" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Thomas Telligman</a>
                                                                  </td>
                                                               </tr>
                                                               <tr>
                                                                  <td valign="top" style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#000000;text-align:left" class="mob-copy-txt-static">
                                                                     <a style="color:#000000;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank">Consulting Solutions<br />Architect<br>Riverbed</a>
                                                                  </td>
                                                               </tr>
                                                               <tr>
                                                                  <td height="15" style="font-size:1px; line-height:1px"></td>
                                                               </tr>
                                                            </table>
                                                         </th>
                                                      </tr>
															</table>
														</th>
													</tr>
												</table>
											</td>
										</tr>
                                    

                                 </table>
                              </td>
                           </tr>
                        </table>
                        <!--end module 9-->
                        <!--module 5 (Hero image + text)-->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                           <tr>
                              <td align="center">
                                 <!--module main body-->
                                 <table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
                                    <tr>
                                       <td>
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#4E4FA9" style="background-image: linear-gradient(45deg, #4E4FA9, #A831D6, #E10098, #FE7351);">
                                             <tr>
                                                <td valign="middle" align="center">
                                                   <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin:0 auto;">
                                                      <tr>
                                                         <td height="20" style="font-size:1px; line-height:1px">&nbsp;</td>
                                                      </tr>
                                                      <tr>
                                                         <td style="font-family:Arial,sans-serif;font-size:16px;line-height:24px;color:#ffffff;text-align:center;text-transform:uppercase;font-weight:bold;">
                                                            <a style="color:#ffffff;text-decoration:none;" href="https://pages.riverbed.com/webinar-empower-your-data-amer.html?utm_campaign=dem&utm_medium=marketo&u..." target="_blank"><strong>UNABLE TO ATTEND? REGISTER TO RECEIVE THE ONDEMAND WEBINAR.</strong></a>
                                                         </td>
                                                      </tr>
                                                      <tr>
                                                         <td height="20" style="font-size:1px; line-height:1px">&nbsp;</td>
                                                      </tr>
                                                   </table>
                                                </td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
                              </td>
                           </tr>
                        </table>
                        <!--end module 5-->
                     </td>
                  </tr>
               </table>
               <!--spacer-->
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <td width="100%" height="32" style="font-size:1px; line-height:1px">&nbsp;</td>
                  </tr>
               </table>
               <!--module 7 (Social)-->
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="to100pc">
                  <tr>
                     <td width="100%" valign="top" align="center">
                        <table width="700" border="0" cellspacing="0" cellpadding="0" class="to100pc">
                           <tr>
                              <td width="246" style="font-size:1px; line-height:1px;" class="w16">&nbsp;</td>
                              <td align="center" valign="top">
                                 <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                       <td align="center" valign="top" style="font-size:1px; line-height:1px;text-align:center;">
                                          <table width="208" align="center" border="0" cellspacing="0" cellpadding="0">
                                             <tr>
                                                <td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
                                                   <a style="color:#A8ACA1; text-decoration:none;" href="https://www.linkedin.com/company/riverbed-technology" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/linkedin.jpg" width="44" height="44" alt="LinkedIn"/></a>
                                                </td>
                                                <td width="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                <td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
                                                   <a style="color:#A8ACA1; text-decoration:none;" href="http://twitter.com/RIVERBED" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/twitter.jpg" width="44" height="44" alt="Twitter"/></a>
                                                </td>
                                                <td width="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                <td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
                                                   <a style="color:#A8ACA1; text-decoration:none;" href="http://www.facebook.com/riverbed" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/facebook.jpg" width="44" height="44" alt="Facebook"/></a>
                                                </td>
                                                <td width="10" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                <td width="44" style="font-family:Arial,sans-serif;font-size:18px; line-height:24px;color:#A8ACA1;">
                                                   <a style="color:#A8ACA1; text-decoration:none;" href="https://www.instagram.com/riverbedtechnology/" target="_blank"><img style="display:block;color:#A8ACA1;" border="0" src="https://www.riverbed.com/image/email/amer/socialicons/instagram2.jpg" width="44" height="44" alt="Google"/></a>
                                                </td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
                              </td>
                              <td width="246" style="font-size:1px; line-height:1px;" class="w16">&nbsp;</td>
                           </tr>
                        </table>
                     </td>
                  </tr>
               </table>
               <!--End module 7-->
               <!--spacer-->
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                     <td width="100%" height="1" style="font-size:1px; line-height:1px">&nbsp;</td>
                  </tr>
               </table>
            </td>
         </tr>
      </table>
      <!--End main body wrapper-->
      <!-- module 8 (Footer) -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
         <tr>
            <td align="center">
               <table width="700" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
                  <tr>
                     <td width="1" style="font-size:1px; line-height:1px;" class="w26">&nbsp;</td>
                     <td align="center">
                        <table width="698" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc">
                           <tr>
                              <td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td>
                           </tr>
                           <tr>
                              <td width="100%" align="center" valign="middle" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif;color:#A8ACA1;" class="mob-foot-txt"><a style="color:#A8ACA1; text-decoration:none;" href="https://www.riverbed.com/contact" target="_blank"><span style="color:#A8ACA1;text-decoration:none">&copy;2023 Riverbed Technology. <span style="font-size:1px; line-height:1px;display:none" class="showmob">&nbsp;</span> All rights reserved.</span></a></td>
                           </tr>
                           <tr>
                              <td height="6" style="font-size:1px; line-height:1px;">&nbsp;</td>
                           </tr>
                           <tr>
                              <td width="100%" align="center" valign="middle" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif;color:#A8ACA1;" class="mob-foot-txt"><a style="color:#A8ACA1; text-decoration:none;" href="https://www.riverbed.com/contact" target="_blank"><span style="color:#A8ACA1;text-decoration:none">Riverbed, 680 Folsom St., San Francisco, CA 94107, USA</span></a></td>
                           </tr>
                           <tr>
                              <td height="6" style="font-size:1px; line-height:1px;">&nbsp;</td>
                           </tr>
                           <tr>
                              <td width="100%" align="center" valign="middle" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif;color:#A8ACA1;" class="mob-foot-txt"><a style="color:#A8ACA1; text-decoration:none;" href="https://www.riverbed.com/contact" target="_blank"><span style="color:#A8ACA1;text-decoration:none">Contact Us | <span style="font-size:1px; line-height:1px;display:none" class="showmob">&nbsp;</span>1-877-483-7233 (Sales)</span></a></td>
                           </tr>
                           <tr>
                              <td height="18" style="font-size:1px; line-height:1px;">&nbsp;</td>
                           </tr>
                           <tr>
                              <td align="center" style="font-size:1px; line-height:1px;">
                                 <table width="360" border="0" cellspacing="0" cellpadding="0" align="center" class="to100pc-late">
                                    <tr>
                                       <td width="100%">
                                          <table width="100" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
                                             <tr>
                                                <td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="mob-foot-txt-sb">
                                                   <a href="https://www.riverbed.com/file/documents/riverbed-privacy-policy" target="_blank" style="text-decoration:none;"><span style="color:#A8ACA1">Privacy Policy</span></a>
                                                </td>
                                             </tr>
                                          </table>
                                          <!--[if mso]>
                                       </td>
                                       <td>
                                          <![endif]-->
                                          <table width="10" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
                                             <tr>
                                                <td height="12" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                <td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="nomob-late"> | </td>
                                                <td height="12" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                             </tr>
                                          </table>
                                          <!--[if mso]>
                                       </td>
                                       <td>
                                          <![endif]-->
                                          <table width="90" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
                                             <tr>
                                                <td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="mob-foot-txt-sb">
                                                   <a href="https://www.riverbed.com/legal/legal-notices" target="_blank" style="text-decoration:none;"><span style="color:#A8ACA1">Legal Notice</span></a>
                                                </td>
                                             </tr>
                                          </table>
                                          <!--[if mso]>
                                       </td>
                                       <td>
                                          <![endif]-->
                                          <table width="10" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
                                             <tr>
                                                <td height="12" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                                <td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="nomob-late"> | </td>
                                                <td height="12" style="font-size:1px; line-height:1px;">&nbsp;</td>
                                             </tr>
                                          </table>
                                          <!--[if mso]>
                                       </td>
                                       <td>
                                          <![endif]-->
                                          <table width="150" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">
                                             <tr>
                                                <td width="100%" align="center" style="font-size:14px;line-height:18px;font-family:Arial,sans-serif; color:#A8ACA1;" class="mob-foot-txt-sb">
                                                   <a href="https://pages.riverbed.com/preference-center.html" target="_blank" style="text-decoration:none;"><span style="color:#A8ACA1">Manage Subscriptions</span></a>
                                                </td>
                                             </tr>
                                          </table>
                                       </td>
                                    </tr>
                                 </table>
                              </td>
                           </tr>
                        </table>
                     </td>
                     <td width="1" style="font-size:1px; line-height:1px;" class="w26">&nbsp;</td>
                  </tr>
                  <tr>
                     <td height="42" style="font-size:1px; line-height:1px;">&nbsp;</td>
                     <td style="font-size:1px; line-height:1px;">&nbsp;</td>
                     <td style="font-size:1px; line-height:1px;">&nbsp;</td>
                  </tr>
               </table>
            </td>
         </tr>
      </table>
   </body>
</html>

Please check now.

Thanks,

Disha

Dave_Roberts · ‎04-14-2023

This has come up a few time recently in the Community. It looks like something updated in Outlook and broke stuff - surprise, surprise! For anyone having this issue here's a brief issue/resolution to try:

ISSUE:

This problem seems to be caused by using the align="left" or align="right" attribute on tables to create columns in your layout. This is kind of an 'old school' way to create columns in email so especially if you've been using the same code for a long time, this update probably got you. As I understand it, Outlook on MacOS does not support using the align attribute to float the tables next to each other in columns.

SOLUTION:
Where you are using align="left" on your tables, also add an inline style to float the table left (style="float:left;").

Where you are using align="right" on your tables, also add an inline style to float the table left (style="float:right;").

This should help the tables to display as columns rather than rows.

MY TWO CENTS:

For the long-term it might be worth considering a new codebase for your email HTML that does not use tables-as-columns b/c it's not really the way they're natively intended to be used -- a table cell would be a more appropriate choice in terms of the semantic architecture of a table, but there's always more than one way to solve a problem with code I suppose.

EXAMPLE:

In your code, the first table I see that is aligned left or right looks like this:

<table width="409" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late">

^^ note: align="left"

Instead, try adding an inline float to help Outlook do it's thing:

<table width="409" border="0" cellspacing="0" cellpadding="0" align="left" class="to100pc-late" style="float:left;">

^^ note -- style="float:left;" added

Technically this doesn't NEED to live as inline style, it could live on a class as well - perhaps you could add it to the styles for the "to100pc-late" class in your stylesheet or even create a new class called float-left that looked something like this:

 .float-left { float: left;}

hpavlac · ‎04-17-2023

@Dave_Roberts Appreciate your response! I tried to add the recommended code to a table in dreamweaver, and it looks to break the table code?

Here is the full code of the email I'm working on:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" style="width: 100%;">
  <head> 
    <!-- Marketo Variable Definitions --> 
    <meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#000000" mktomodulescope="false" /> 
    <meta class="mktoColor" id="header2BackgroundColor" mktoname="Module Background" default="#000000" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="header2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="header2Spacer2" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="header2Spacer3" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="header2BorderColor" mktoname="Right Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="header2BorderSize" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="header2Spacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoString" id="facebookLink" mktoname="Facebook Icon Left Link" default="https://www.facebook.com/USGCORP/" mktomodulescope="true" /> 
    <meta class="mktoString" id="twitterLink" mktoname="Twitter Icon Left Link" default="https://twitter.com/usgcorp" mktomodulescope="true" /> 
    <meta class="mktoString" id="linkedinLink" mktoname="Linkedin Icon Left Link" default="https://www.linkedin.com/company/usgcorp/" mktomodulescope="true" /> 
    <meta class="mktoString" id="youtubeLink" mktoname="Youtube Icon Link" default="https://www.youtube.com/channel/UCjFGEkkPLFCDqT-iK1zsvgg" mktomodulescope="true" /> 
    <meta class="mktoString" id="instagramLink" mktoname="Instagram Icon Link" default="https://www.instagram.com/usgcorp/" mktomodulescope="true" /> 
    <meta class="mktoString" id="header2LinkText" mktoname="Nav Link 1" default="Link" mktomodulescope="true" /> 
    <meta class="mktoString" id="header2LinkText2" mktoname="Nav Link 2" default="Link" mktomodulescope="true" /> 
    <meta class="mktoString" id="header2LinkText3" mktoname="Nav Link 3" default="Link" mktomodulescope="true" /> 
    <meta class="mktoString" id="navLink1" mktoname="Nav Link 1" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="navLink2" mktoname="Nav Link 2" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="navLink3" mktoname="Nav Link 3" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="header2Link7" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="header2Link8" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoImg" id="hero2BackgroundImage" mktoname="Background Image" default="https://na-ab12.marketo.com/rs/273-PUJ-314/images/hero.png" mktomodulescope="true" /> 
    <meta class="mktoColor" id="hero2BackgroundColor" mktoname="Module Background" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoColor" id="hero2ButtonBackgroundColor" mktoname="Button Background Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoColor" id="hero2BorderColor" mktoname="Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="hero2BorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoString" id="heroLinkText" mktoname="Hero Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="heroLink" mktoname="Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="heroLinkText00" mktoname="Hero Button Text ALT" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="heroLink00" mktoname="Button Link ALT" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="heroBottomLinkText" mktoname="Hero Bottom Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="heroBottomLink" mktoname="Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="hero2LinkText" mktoname="Button Text" default="VISIT SHOP" mktomodulescope="true" /> 
    <meta class="mktoString" id="hero2Link" mktoname="Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoColor" id="title3BackgroundColor" mktoname="Module Background" default="#000000" mktomodulescope="true" /> 
    <meta class="mktoColor" id="titleBottomBackgroundColor" mktoname="Module Background" default="#000000" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-left-link-text-1" mktoname="Left Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-left-link-1" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-right-link-text-1" mktoname="Right Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-right-link-1" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-left-link-text-2" mktoname="Left Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-left-link-2" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-right-link-text-2" mktoname="Right Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="alt-img-right-link-2" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoColor" id="threeProductsBorderColor" mktoname="Left Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="threeProductsBorderSize" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="threeProductsBorderColor2" mktoname="Center Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="threeProductsBorderSize2" mktoname="Center Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="threeProductsBorderColor3" mktoname="Right Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="threeProductsBorderSize3" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoString" id="threeProductsLinkText" mktoname="Left Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="threeProductsLink" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="threeProductsLinkText2" mktoname="Center Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="threeProductsLink2" mktoname="Center Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="threeProductsLinkText3" mktoname="Right Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="threeProductsLink3" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoColor" id="freeImageBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoColor" id="freeTextBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="freeTextSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="freeTextSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="callToActionBackgroundColor" mktoname="Module Background" default="#979A9B" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="callToActionSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="callToActionButtonBackgroundColor" mktoname="Button Background Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoColor" id="callToActionBorderColor" mktoname="Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="callToActionBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="callToActionSpacer2" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoString" id="callToActionLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" /> 
    <meta class="mktoString" id="callToActionLink" mktoname="Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="50" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="title3BackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoColor" id="twoProductsBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoColor" id="twoProductsButtonBackgroundColor" mktoname="Left Button Background Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoColor" id="twoProductsBorderColor" mktoname="Left Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="twoProductsBorderSize" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="twoProductsBorderColor2" mktoname="Right Button Border Color" default="#C41230" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="twoProductsBorderSize2" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoString" id="twoProductsLinkText" mktoname="Left Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="twoProductsLink" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="twoProductsLinkText2" mktoname="Right Button Text" default="Read More" mktomodulescope="true" /> 
    <meta class="mktoString" id="twoProductsLink2" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoColor" id="title3BackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="title3Spacer7" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="title3Spacer8" mktoname="Spacer Below Pre-title" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="title3Spacer9" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="featuresBackgroundColor" mktoname="Module Background" default="#f4f4f4" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer2" mktoname="Spacer Below Left Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer3" mktoname="Spacer Below Left Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer4" mktoname="Spacer Below Center Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer5" mktoname="Spacer Below Center Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer6" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer7" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="featuresSpacer8" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="clientsBackgroundColor" mktoname="Borders" default="#f6f6f6" mktomodulescope="true" /> 
    <meta class="mktoColor" id="clientsBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoString" id="clientsLink" mktoname="Partner 1 Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="clientsLink2" mktoname="Partner 2 Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="clientsLink3" mktoname="Partner 3 Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="clientsLink4" mktoname="Partner 4 Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="clientsSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="clientsSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="clientsSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="clientsBackgroundColor3" mktoname="Borders" default="#f6f6f6" mktomodulescope="true" /> 
    <meta class="mktoColor" id="separatorBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="separatorSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="separatorColor" mktoname="Separator Color" default="#ebebeb" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="separatorSize" mktoname="Separator Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="separatorSpacer2" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoColor" id="contactsBackgroundColor" mktoname="Module Background" default="#54585A" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="contactsSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="contactsSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="contactsSpacer3" mktoname="Spacer Below Subtitle" default="60" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="contactsSpacer4" mktoname="Spacer Below Left Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="contactsSpacer6" mktoname="Spacer Below Right Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="contactsSpacer7" mktoname="Bottom Spacer" default="60" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoString" id="contactsLinkText" mktoname="Center Link Text" default="person@marketo.com" mktomodulescope="true" /> 
    <meta class="mktoString" id="contactsLink" mktoname="Center Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoString" id="contactsLinkText2" mktoname="Center Link Text" default="person@marketo.com" mktomodulescope="true" /> 
    <meta class="mktoString" id="contactsLink2" mktoname="Center Link" default="https://mylink" mktomodulescope="true" /> 
    <meta class="mktoColor" id="footerBackgroundColor" mktoname="Module Background" default="#54585A" mktomodulescope="true" /> 
    <meta class="mktoColor" id="footerBorderColor" mktoname="Separator Border Color" default="#e6e6e6" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="footerBorderSize" mktoname="Separator Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="footerSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoNumber" id="footerSpacer2" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" /> 
    <meta class="mktoString" id="unsubLink" mktoname="Unsubscribe Link" default="https://info.usg.com/email-preference-center.html" mktomodulescope="true" /> 
    <meta class="mktoString" id="update-pref" mktoname="Update Preferences" default="https://info.usg.com/email-preference-center.html" mktomodulescope="true" /> 
    <!-- Other Meta Tags --> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> 
    <meta name="robots" content="noindex,nofollow" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet" type="text/css" /> 
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,600" rel="stylesheet" type="text/css" /> 
    <!--[if mso]>
  <style type='text/css'>
    .primary-font {
      font-family: Arial, sans-serif !important;
    }
  </style>
  <![endif]--> 
    <!--[if mso]>
  <style type='text/css'>
    .secondary-font {
      font-family: Arial, sans-serif !important;
    }
  </style>
  <![endif]--> 
    <style>
    /*startcommon*/
    @media only screen and (max-width: 600px) {
      table.m_boxing{
        width: 100% !important;
      }
    }
    /*endcommon*/
  </style> 
    <style media="all">
    /* CLIENT-SPECIFIC STYLES */
    #outlook a {
      padding: 0;
    }
    /* Force Outlook to provide a "view in browser" message */
    .ReadMsgBody {
      width: 100%;
    }
    .ExternalClass {
      width: 100%;
    }
    /* Force Hotmail to display emails at full width */
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }
    /* Force Hotmail to display normal line spacing */
    /* iOS BLUE LINKS */
    .appleBody a {
      color: .m_000;
      text-decoration: none;
    }
    .appleFooter a {
      color: .m_000;
      text-decoration: none;
    }
    @-ms-viewport {
      width: device-width;
    }

  </style> 
    <style media="all">
    @media only screen and (max-width: 640px) {

      /*starttablet*/

      .mktoVideoThumbnail{
        width: 100% !important;
        height: auto!important;
        max-height:inherit!important;
        min-height:inherit!important;
      }

      body {
        width: auto !important;
      }

      table.table600{
        width: 450px !important;
      }

      table.table-inner{
        width: 86% !important;
      }

      table.table1-2{
        width: 47% !important;
        clear: both;
      }

      table.table1-3{
        width: 29.4% !important;
      }

      table.table1-4{
        width: 100% !important;
        text-align: left !important;
      }

      table.table2-3{
        width: 64% !important;
        text-align: center !important;
      }

      table.table3-3{
        width: 100% !important;
        text-align: center !important;
        clear: both;
      }

      table.footer-logo{
        width: 10% !important;
        text-align: right !important;
      }

      td.outer{
        min-width: 0 !important;
      }

      td.stack{
        padding-bottom: 40px !important;
      }

      .stack-tablet {
        padding-bottom: 20px !important;
        overflow: visible !important;
        float: none !important;
        mso-hide: none !important;
        display: block !important;
      }

      img.mobile-img{
        width: 100% !important;
        height: auto !important;
      }

      td.center-tablet{
        text-align: center !important;
      }

      td.hide-tablet{
        display: none !important;
      }

      table.footer-column{
        width: 47% !important;
        text-align: left !important;
      }

      .m_header td.center-tablet img {
        margin-top: auto;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: auto;
      }

      .m_header td a {
        margin-top: 0px !important;
      }

      .m_header .social {
        text-align: center !important;
      }

      .m_subhead .text {
        text-align: center !important;
      }

      .m_team .spacer {
        width: 26px;
      }

      .m_two-articles .table1-2 {
        width: 100% !important;
      }

      .m_two-articles img {
        width: 100% !important;
        height: auto;
      }

      .m_two-articles .stack-tablet {
        height: 40px;
      }

      .m_photo-l .table1-3,
      .m_photo-r .table1-3 {
        width: 100% !important;
        clear: both;
      }

      .m_photo-l .table2-3,
      .m_photo-r .table2-3 {
        width: 100% !important;
        clear: both;
      }

      .m_photo-l img,
      .m_photo-r img {
        width: 100% !important;
        height: auto;
      }

      .m_contacts .table1-3 {
        width: 100% !important;
        clear: both;
      }

      .m_footer .table1-2 {
        width: 100% !important;
        clear: both;
      }

      .m_footer .text,
      .m_footer .unsub {
        text-align: center !important;
      }

      .m_header2 .social {
        text-align: center !important;
      }

      .m_header2 .table1-3 {
        width: 100% !important;
        clear: both;
      }

      .m_header2 .cta table {
        float: none !important;
        margin-top: 0 !important;
        margin-right: auto !important;
        margin-bottom: 0 !important;
        margin-left: auto !important;
      }

      .m_half .table600,
      .m_half2 .table600 {
        width: 100% !important;
      }

      .m_half .table1-2,
      .m_half2 .table1-2 {
        width: 100% !important;
      }

      .m_half .inner,
      .m_half2 .inner {
        padding-top: 60px !important;
        padding-right: 60px !important;
        padding-bottom: 60px !important;
        padding-left: 60px !important;
      }

      .m_three-products .spacer,
      .m_three-products2 .spacer,
      .m_features .spacer {
        width: 26px;
      }

      .m_three-products img,
      .m_three-products2 img {
        width: 100% !important;
        height: auto !important;
      }

      .m_hero2 .background {
        background-size: cover !important;
      }

      .m_two-products .table1-2 {
        width: 100% !important;
      }

      .m_two-products img {
        width: 450px !important;
        height: auto !important;
      }

      .m_two-products .stack-tablet {
        padding-bottom: 60px;
      }

      .m_coupon td {
        text-align: center !important;
      }

      .m_clients .padding-y {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 20px;
        padding-left: 0;
      }

      .m_clients a {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
      }

      .m_features2 .spacer {
        width: 26px;
      }

      .m_devices .table1-2,
      .m_mainfeature .table1-2,
      .m_two-articles2 .table1-2 {
        width: 100% !important;
        clear: both;
      }

      .m_mainfeature .photo img {
        width: 100% !important;
      }

      .m_mainfeature .full-width {
        width: 360px !important;
      }

      /*endtablet*/

    }

    @media only screen and (max-width: 479px) {

      /*startmobile*/

      body {
        width: auto !important;
      }

      table.table600{
        width: 450px !important;
      }

      table.table-inner{
        width: 80% !important;
        float: none !important;
      }

      table.table1-2{
        width: 47% !important;
        clear: none;
      }

      table.table1-3{
        width: 100% !important;
        clear: both;
      }

      table.table1-4{
        width: 100% !important;
        text-align: center !important;
      }

      table.table2-3{
        width: 100% !important;
        text-align: center !important;
      }

      table.table3-3{
        width: 100% !important;
        text-align: center !important;
        clear: both;
      }

      table.footer-logo{
        width: 60% !important;
        text-align: left !important;
      }

      td.outer{
        min-width: 0 !important;
      }

      td.td3-1{
        width: 60% !important;
        text-align: center !important;
      }

      .stack-smartphone {
        padding-bottom: 20px !important;
        overflow: visible !important;
        float: none !important;
        display: block !important;
        mso-hide: none !important;
      }

      td.center-smartphone{
        text-align: center !important;
      }

      img.mobile-img{
        width: 100% !important;
      }

      td.center-tablet{
        text-align: center !important;
      }

      td.hide-smartphone{
        display: none !important;
      }

      table.footer-column{
        width: 100% !important;
        text-align: center !important;
      }

      .m_header .social {
        text-align: center !important;
      }

      .m_header td.center-tablet img {
        margin-top: auto;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: auto;
      }

      .m_header td a {
        margin-top: 0px !important;
      }

      .m_half .table600,
      .m_half2 .table600 {
        width: 100% !important;
      }

      .m_half .table1-2,
      .m_half2 .table1-2 {
        width: 100% !important;
      }

      .m_half .inner,
      .m_half2 .inner {
        padding-top: 0 !important;
        padding-right: 40px !important;
        padding-bottom: 40px !important;
        padding-left: 40px !important;
      }


      .m_three-products img,
      .m_three-products2 img {
        width: 100% !important;
        height: auto !important;
      }

      .m_hero2 .background {
        background-size: cover !important;
      }

      .m_coupon td {
        text-align: center !important;
      }

      .m_clients a {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
      }

      .m_mainfeature .full-width {
        width: 215px !important;
      }

      /*endmobile*/

    }
		
		.float-left { float: left;}


  </style> 
  </head> 
  <body style="background-color: #000000;margin-bottom: 0; -webkit-text-size-adjust: 100%; padding-bottom: 0; min-width: 100%; margin-top: 0; margin-right: 0; -ms-text-size-adjust: 100%; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 100%;"> 
    <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">
       &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
    </div> 
    <!-- Outer table START --> 
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;"> 
      <tbody> 
        <tr> 
          <td class="outer" valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; background-color:#000000;"> 
            <table width="100%" align="center" id="boxing" border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" class="m_boxing"> 
              <tbody> 
                <tr> 
                  <td class="mktoContainer boxedbackground" id="template-wrapper" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
                    <table id="header2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_header2" mktoname="Header2"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${header2Spacer};font-size:${header2Spacer};" height="${header2Spacer}">&nbsp;</td> 
                                </tr> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                    <table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;"  align="left" border="0" cellpadding="0" cellspacing="0" width="179" > 
                                      <tbody> 
                                        <tr> 
                                          <td style="text-align: left;padding-left:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center"> 
                                            <div style="display:inline-block" class="mktoImg" mktoname="Logo" id="logo" mktolockimgsize="true" mktolockimgstyle="false">
                                              <a><img src="https://info.usg.com/rs/845-WGC-140/images/logo-white.png" style="text-align: left;-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: 95; height: auto; max-width: 100%; display: block; line-height: 100%;" width="95" /></a>
                                            </div> </td> 
                                        </tr> 
                                      </tbody> 
                                    </table> 
                                    <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="1"> 
                                      <tbody> 
                                        <tr> 
                                          <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20" width="100%"></td> 
                                        </tr> 
                                      </tbody> 
                                    </table> 
                                    <table class="table2-3" style="margin-top:30px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="320"> 
                                      <tbody> 
                                        <tr> 
                                          <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: right; border-collapse: collapse;" align="center"> 
                                            <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0"> 
                                              <tbody> 
                                                <tr> 
                                                  <td> <a href="${navLink1}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif; color:#54585A;">${header2LinkText}</a> </td> 
                                                </tr> 
                                              </tbody> 
                                            </table> </td> 
                                          <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: right; border-collapse: collapse;" align="center"> 
                                            <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0"> 
                                              <tbody> 
                                                <tr> 
                                                  <td> <a href="${navLink2}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif; color:#54585A;">${header2LinkText2}</a> </td> 
                                                </tr> 
                                              </tbody> 
                                            </table> </td> 
                                          <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: right; border-collapse: collapse;" align="center"> 
                                            <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0"> 
                                              <tbody> 
                                                <tr> 
                                                  <td> <a href="${navLink3}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif;color: #54585A;">${header2LinkText3}</a> </td> 
                                                </tr> 
                                              </tbody> 
                                            </table> </td> 
                                        </tr> 
                                      </tbody> 
                                    </table> </td> 
                                </tr> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${header2Spacer4};font-size:${header2Spacer4};" height="${header2Spacer4}">&nbsp;</td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="rule22382552b-a03e-4e82-a107-bfbac2b70c36" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;background-color:#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule2-1"> 
                      <tbody> 
                        <tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;"> 
                          <td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0; background-color:#000000;" bgcolor="#000000;" valign="middle"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td> 
                                    <div style="border-bottom: 1px solid #D8D8D8;margin-bottom:20px;height:0px;">
                                       &nbsp; 
                                    </div> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="titleBottom2c8fae7ce-e303-42a9-a136-114244fdb6d4" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="TitleBottom2"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="504"> 
                              <tbody> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> 
                                    <center> 
                                      <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504"> 
                                        <tbody> 
                                          <tr> 
                                            <td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: center;font-family:Arial, sans-serif;color: #54585A;border-collapse: collapse;"> 
                                              <div class="mktoText" mktoname="Title" id="Herotitled32c4517-3ba5-4cb9-b58c-193b4f3b5022">
                                                <div style="text-align: left;">
                                                  <span style="font-size: 18px; color: #ffffff;">GLOW™</span>
                                                </div> 
                                                <div style="text-align: left;">
                                                  <span style="color: #ffffff;"><span style="font-size: 20px;"></span> <span style="font-size: 30px;"><a href="https://{{my.link}}" target="_blank" style="text-decoration: none; color: #ffffff;">INVITE LIGHT SEAMLESSLY</a></span></span>
                                                </div> 
                                                <div>
                                                  <span style="font-size: 30px; color: #ffffff;"> </span> 
                                                  <br />
                                                </div> 
                                                <div style="text-align: right;">
                                                  <span style="font-size: 18px; color: #ffffff;">CAPTIVATING&nbsp;LIGHTING</span>
                                                </div> 
                                                <div style="text-align: right;">
                                                  <span style="font-size: 18px; color: #ffffff;">COMPLETE&nbsp;INTEGRATION</span>
                                                </div>
                                              </div></td> 
                                          </tr> 
                                        </tbody> 
                                      </table> 
                                    </center> </td> 
                                </tr> 
                                <tr> 
                                  <!-- Spacer --> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="5">&nbsp;</td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="free-image-heroac1c5df6-f1a6-424c-b563-8e26aba87760" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-image-hero" mktoname="Free-Image-Hero"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                    <center> 
                                      <div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photoHero318b88f1-8b08-42a0-8421-2d5c33853197" mktolockimgsize="true" mktolockimgstyle="false">
                                        <a href="${heroLink}" target="_blank"> <img alt="glow.876.657 copy.png" src="https://info.usg.com/rs/845-WGC-140/images/glow.876.657 copy.png" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 600;" width="600" /></a>
                                      </div> 
                                    </center> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="rule3" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;background-color:#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule3"> 
                      <tbody> 
                        <tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;"> 
                          <td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0; background-color:#000000;" bgcolor="#000000;" valign="middle"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td> 
                                    <div style="border-bottom: 1px solid #000000;margin-bottom:20px;height:0px;">
                                       &nbsp; 
                                    </div> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="titleBottom3441a0f1f-959d-4c2b-b2ec-111e9dba95f2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="TitleBottom3"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="504"> 
                              <tbody> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> 
                                    <center> 
                                      <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504"> 
                                        <tbody> 
                                        </tbody> 
                                      </table> 
                                    </center> </td> 
                                </tr> 
                                <tr> 
                                  <td class="secondary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;color: #666666;border-collapse: collapse;"> 
                                    <div class="mktoText" mktoname="Hero Text 3" id="Herotext39c866e22-f60f-4240-8920-a2010990fe70">
                                      <div style="text-align: center;">
                                        <span style="color: #ffffff;">Meet Glow™—a product enhancer for USG's specialty perforated panel ceiling systems. This all-in-one lighting solution fully integrates backlit illumination helping save valuable time and resources—from specification to installation.</span>
                                      </div>
                                    </div></td> 
                                </tr> 
                                <tr> 
                                  <!-- Spacer --> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20">&nbsp;</td> 
                                </tr> 
                                <tr> 
                                  <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> 
                                    <center> 
                                      <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0"> 
                                        <tbody> 
                                          <tr> 
                                            <td style="width:275px;height:40px;background-color: #f3f4f4;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none;hyphens: none; mso-table-lspace: 0pt; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center;border-collapse: collapse;" align="center"> <a href="${heroLink00}" target="_blank" class="primary-font btn" style="text-transform: uppercase;color: #000000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif;font-weight:bold;display: inline-block;-moz-background-clip: padding;text-decoration:none;"> ${heroLinkText00} </a> </td> 
                                          </tr> 
                                        </tbody> 
                                      </table> 
                                    </center> </td> 
                                </tr> 
                                <tr> 
                                  <!-- Spacer --> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="40">&nbsp;</td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="rule1879405ea-9af9-4ded-a9ee-450f97a838c5" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule1"> 
                      <tbody> 
                        <tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;"> 
                          <td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0;background-color:#000000;" bgcolor="#000000;" valign="middle"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td> 
                                    <div style="border-bottom: 1px solid #D8D8D8;margin-bottom:40px;height:0px;">
                                       &nbsp; 
                                    </div> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="two-products-1d5b7fc52-a76c-4f48-b341-5ba1979d79da" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_two-products" mktoname="Two-products"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" valign="top"> 
                            <center> 
                              <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="504"> 
                                <tbody> 
                                  <tr> 
                                    <td style="padding-top:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                      <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="240" style="float:left;"> 
                                        <tbody> 
                                          <tr> 
                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                              <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; width: 100%;" align="center" border="0" cellpadding="0" cellspacing="0"> 
                                                <tbody> 
                                                  <tr> 
                                                    <td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;border-collapse: collapse;"> 
                                                      <div class="mktoText" mktoname="Left Article Name" id="articleName19b068063-eba8-43b1-bc3b-0e3ea08218f1">
                                                        <div style="text-align: center;">
                                                          <span style="color: #ffffff;"></span>
                                                          <span style="color: #ffffff;"><span style="color: #ffffff;">ILLUSIONS® </span></span>
                                                        </div> 
                                                        <div style="text-align: center;">
                                                          <span style="color: #ffffff;"><span style="color: #ffffff;">+ GLOW™</span></span>
                                                        </div>
                                                      </div> </td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="15"></td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> 
                                                      <div id="two-products-1-img4d8bf32f-789f-467a-9f5c-b7ddc7faa903" style="display:inline-block" class="mktoImg" mktoname="Product" mktolockimgsize="true" mktolockimgstyle="false">
                                                        <a href="${twoProductsLink}" target="_blank"> <img alt="illusions glow_280.315.jpg" src="https://info.usg.com/rs/845-WGC-140/images/illusions glow_280.315.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; max-width: 100%; line-height: 100%; height: auto; width: 240px; display: inline-block;" height="auto" width="240" /> </a>
                                                      </div> </td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;l" height="20"></td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td class="secondary-font discount" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-weight: normal;font-size: 16px;line-height:22px;border-collapse: collapse;"> 
                                                      <div class="mktoText" mktoname="Left Large Copy" id="left-large-Copy-112824415-cbbf-4476-aecc-5bc556c9618c">
                                                        <div style="text-align: center;">
                                                          <span style="color: #ffffff;">Integrate best-in-class lighting into USG’s high-end custom Illusions Ceilings Plus® solution. Static white and color tunable lighting features allow architects and lighting designers to create a truly unique ambiance.</span>
                                                        </div>
                                                      </div> </td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="30"></td> 
                                                  </tr> 
                                                </tbody> 
                                              </table> </td> 
                                          </tr> 
                                          <tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;"> 
                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> 
                                          </tr> 
                                        </tbody> 
                                      </table> 
                                      <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="240"> 
                                        <tbody> 
                                          <tr> 
                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                              <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; width: 100%;" align="center" border="0" cellpadding="0" cellspacing="0"> 
                                                <tbody> 
                                                  <tr> 
                                                    <td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;border-collapse: collapse;"> 
                                                      <div id="two-products-2-title828aee6b-5341-418d-8fdf-cfc7958ef4d7" class="mktoText" mktoname="Right Title">
                                                        <div style="text-align: center;">
                                                          <span style="color: #ffffff;">DESIGN SOLUTIONS ILLUSIONS®&nbsp;&nbsp;</span>
                                                          <span style="color: #ffffff;">+ GLOW™</span>
                                                        </div>
                                                      </div> </td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="15"></td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> 
                                                      <div style="display:inline-block" class="mktoImg" mktoname="Product" id="product5aa3683d1-7148-44e5-b2ab-58618cfd07cc" mktolockimgsize="true" mktolockimgstyle="false">
                                                        <a href="${twoProductsLink2}" target="_blank"> <img alt="design solutions illusions glow_280.315.jpg" src="https://info.usg.com/rs/845-WGC-140/images/design solutions illusions glow_280.315.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; max-width: 100%; line-height: 100%; height: auto; width: 240px; display: inline-block;" height="auto" width="240" /> </a>
                                                      </div> </td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20"></td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td class="secondary-font discount" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-weight: normal;font-size: 16px;line-height:22px;border-collapse: collapse;"> 
                                                      <div id="two-products-2-body50d3977b-5553-4b69-9129-43022bfaa1a1" class="mktoText" mktoname="Left Large Copy">
                                                        <div style="text-align: center;">
                                                          <span style="color: #ffffff;">This easy-to-specify, turnkey system allows you to choose from a variety of finishes and perforation options with built-in LED lighting—all without the custom design price and lead time.</span>
                                                        </div>
                                                      </div> </td> 
                                                  </tr> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="15"></td> 
                                                  </tr> 
                                                </tbody> 
                                              </table> </td> 
                                          </tr> 
                                        </tbody> 
                                      </table> </td> 
                                  </tr> 
                                  <tr> 
                                    <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:0;font-size:0;" height="40">&nbsp;</td> 
                                  </tr> 
                                </tbody> 
                              </table> 
                            </center> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="free-image-herocf3f7564-4b09-4382-99ca-13ba45709af3" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-image-hero" mktoname="Free-Image-Hero-1"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                    <center> 
                                      <div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photoHerod3787256-3b08-4707-a6d4-540b672548dc" mktolockimgsize="true" mktolockimgstyle="false">
                                        <a href="${heroLink}" target="_blank"> <img alt="glow close up.818.381.jpg" src="https://info.usg.com/rs/845-WGC-140/images/glow close up.818.381.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 600;" width="600" /></a>
                                      </div> 
                                    </center> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="CTA-Bannere2c01c9d-0ecf-4cec-bc22-d89ee1baa336" style="background-color:#000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="CTA Banner"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="background-color: #000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <!-- Spacer --> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20"></td> 
                                </tr> 
                                <tr> 
                                  <td style="padding: 0px 30px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> 
                                    <center> 
                                      <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504"> 
                                        <tbody> 
                                          <tr> 
                                            <td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: center;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;color: #ffffff;border-collapse: collapse;"> 
                                              <div class="mktoText" mktoname="Title" id="CTA-Title468d0774-8126-4be5-b603-84354b9da0d7">
                                                <p>Glow™ helps you take the guesswork out of specifying ceiling and lighting separately and reduces overall coordination and installation time. USG offers full support and service for Glow™, from custom engineering to photometry and lighting design.</p> 
                                                <p>&nbsp;</p> 
                                                <p><span style="text-decoration: underline;"><a href="https://{{my.link}}" target="_blank" style="color: #ffffff; text-decoration: underline;">USG.COM/GLOW</a></span></p>
                                              </div></td> 
                                          </tr> 
                                        </tbody> 
                                      </table> 
                                    </center> </td> 
                                </tr> 
                                <tr> 
                                  <!-- Spacer --> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20">&nbsp;</td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                        <tr> 
                          <!-- Spacer --> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" height="40">&nbsp;</td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="rule19f1c5f0e-d5df-4e92-8d9f-efd01d396a0d" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule1-clone"> 
                      <tbody> 
                        <tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;"> 
                          <td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0;background-color:#000000;" bgcolor="#000000;" valign="middle"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td> 
                                    <div style="border-bottom: 1px solid #D8D8D8;margin-bottom:40px;height:0px;">
                                       &nbsp; 
                                    </div> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="upperfooter" style="background-color:#000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="Upper Footer"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="background-color: #000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <!-- Spacer --> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="10"></td> 
                                </tr> 
                                <tr> 
                                  <td style="padding: 0px 10px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;"> 
                                    <center> 
                                      <table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504"> 
                                        <tbody> 
                                          <tr> 
                                            <td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: center;font-family:Arial, sans-serif;font-size: 12px;line-height: 18px;color: #ffffff;border-collapse: collapse;"> 
                                              <div class="mktoText" mktoname="Title" id="UpperFooter">
                                                <p>This email is a {{my.emailtype}} update. To change the communications you receive, you can <span style="text-decoration: underline;"><strong><a href="https://info.usg.com/email-preference-center.html" target="_blank" style="color: #ffffff; text-decoration: underline;">update your preferences</a></strong></span>.</p>
                                              </div></td> 
                                          </tr> 
                                        </tbody> 
                                      </table> 
                                    </center> </td> 
                                </tr> 
                                <tr> 
                                  <!-- Spacer --> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="10"></td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="footer" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_top-footer" mktoname="Top Footer"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse; background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;background-color:#000000;" bgcolor="#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:12px;font-size:30px;" height="15">&nbsp;</td> 
                                </tr> 
                                <tr> 
                                  <td style="padding-bottom: 10px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center"> 
                                    <div style="display:inline-block" class="mktoImg" mktoname="Logo" id="logo2" mktolockimgstyle="false">
                                      <a><img src="https://info.usg.com/rs/845-WGC-140/images/usg-logo-white.png" alt="Logo" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: 200; height: auto; max-width: 100%; display: block; line-height: 100%;" width="200" /></a>
                                    </div> </td> 
                                </tr> 
                                <!--Social area --> 
                                <tr> 
                                  <td id="social" class="social" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;" align="center"> <a href="${facebookLink}" style="width: 20px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"> <img alt="Facebook Icon" src="https://info.usg.com/rs/845-WGC-140/images//facebook-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;display: inline-block; width: 10px;" width="10" /></a> 
                                    <!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--> <a href="${linkedinLink}" style="width: 20px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Linkedin Icon" src="https://info.usg.com/rs/845-WGC-140/images/linkedin-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none;
                          -ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline-block; width: 20px;" width="20" /></a> 
                                    <!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--> <a href="${youtubeLink}" style="width: 20px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Youtube Icon" src="https://info.usg.com/rs/845-WGC-140/images/youtube-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none;
                    -ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline-block; width: 20px;" width="20" /></a> 
                                    <!--[if gte mso 9]>&nbsp;&nbsp;<![endif]--> <a href="${instagramLink}" style="width: 20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Instagram Icon" src="https://info.usg.com/rs/845-WGC-140/images/instagram-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none;
                    -ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline-block; width: 20px;" width="20" /></a> </td> 
                                </tr> 
                                <!--END Social Area --> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                    <center> 
                                      <table class="" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="260px"> 
                                        <tbody> 
                                          <tr> 
                                            <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                              <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> 
                                                <tbody> 
                                                  <tr> 
                                                    <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                                      <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> 
                                                        <tbody> 
                                                          <tr> 
                                                            <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:15px;font-size:15px;" height="15px">&nbsp;</td> 
                                                          </tr> 
                                                          <tr> 
                                                            <td class="secondary-font unsub" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 10px;font-family:Arial, sans-serif;line-height: 20px;text-align: center;color: #ffffff;padding-top: 0;padding-right: 10px;padding-bottom: 15px;font-size: 12px;border-collapse: collapse;"> <a href="https://info.usg.com/email-preference-center.html" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #B2B2B2;padding-bottom: 5px;font-family:Arial, sans-serif;" class="secondary-font">Unsubscribe</a> </td> 
                                                          </tr> 
                                                        </tbody> 
                                                      </table> </td> 
                                                  </tr> 
                                                </tbody> 
                                              </table> </td> 
                                          </tr> 
                                        </tbody> 
                                      </table> 
                                    </center> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table>
                    <table id="footer1" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_footer" mktoname="Footer"> 
                      <tbody> 
                        <tr> 
                          <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse; background-color:#000000;" bgcolor="#000000;" valign="top"> 
                            <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;background-color:#000000;" bgcolor="#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                              <tbody> 
                                <tr> 
                                  <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                    <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                                      <tbody> 
                                        <tr> 
                                          <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> 
                                            <table class="" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;background-color:#000000;" bgcolor="#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> 
                                              <tbody> 
                                                <tr> 
                                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;max-width: 600px" bgcolor="#000000" height="20" width="600">&nbsp;</td> 
                                                </tr> 
                                                <tr> 
                                                  <td class="secondary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;color: #B2B2B2;font-size: 12px;font-family:Arial, sans-serif;text-align: center;border-collapse: collapse;"> 
                                                    <div class="mktoText" mktoname="Copyright" id="footer-copyright">
                                                      550 West Adams Street Chicago, IL 60661 ©2022&nbsp; | All rights reserved.
                                                    </div></td> 
                                                </tr> 
                                                <tr> 
                                                  <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;max-width: 600px" bgcolor="#000000" height="20" width="600">&nbsp;</td> 
                                                </tr> 
                                              </tbody> 
                                            </table> </td> 
                                        </tr> 
                                      </tbody> 
                                    </table> </td> 
                                </tr> 
                              </tbody> 
                            </table> </td> 
                        </tr> 
                      </tbody> 
                    </table></td> 
                </tr> 
              </tbody> 
            </table> </td> 
        </tr> 
      </tbody> 
    </table> 
    <!-- Outer Table END -->  
  </body>
</html>

Helen Pavlac

Dave_Roberts · ‎05-04-2023

 <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="240" style="float:left;">

Hey Helen,

Thanks for posting the updated code here for reference. It looks like you've got two style tags on this table and that might be why it's looking strange in Dreamweaver. For what it's worth, I always try to make sure that the "style" attribute is the last one in the list b/c it's really easy to overlook something like this (I've done it a bunch before myself and thus the habit).

I see that you also added the ".float-left" class to your stylesheet. You can add that to this table by using the class inside the class="" attribute -- as it, it's not doing anything for you. Here's a look at some updated code to try out:

 <table class="table1-2 float-left" align="left" border="0" cellpadding="0" cellspacing="0" width="240" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; float:left;" >

You'll also probably want to add the "float:right;" style on the table that follows this one (the right column) b/c it's got the align="right" attribute there as well. Here's an example of what that code might look like:

<table class="table1-2 float-right"  align="right" border="0" cellpadding="0" cellspacing="0" width="240" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; float:right;">

^^ Notice that I also added the "float-right" class to this one to make it similar to the one above with the "float-left" class. You'll want to add some CSS to your stylesheet to build out some rules for this new class as well:

.float-left {float: left;}
.float-right {float: right};

^^ This is doing the same thing as the inline style but as a class. It's redundant with the inline style so you probably don't need both and I generally trust the inline style over the classes in email b/c they're more universal.

Let me know if this helps to solve the issue for you? I don't have access to testing software to run this thru an Outlook test, so sorry for the "shot in the dark" approach here if this doesn't work and thanks for testing it on your end to confirm the results!

-Dave

email rendering issue for mac outlook app

email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app

Re: email rendering issue for mac outlook app