SM
0
Outlook 2003 image stretching
Hi,
For my email it looks correct in all of outlook exceot 2003. The banner image stretches out way beyond where it should
Everything else stretches as well, but I tested the email with only the banner image and it still stretched.
Here is my code: It needs to be responsive too, so I can't fix the size.
<!-- START BOTTOM MARKETING BANNER -->
<table cellpadding="0" cellspacing="0" border="0" width="95%" bgcolor="#%%=v(@EmailBGHex)=%%" align="center" style="background-color:#%%=v(@EmailBGHex)=%%;">
<tr>
<td align="center" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
<tr>
<td align="center" valign="bottom"><a alias="instoreearn" href="%%=RedirectTo(@InStore)=%%" style="display: block; border: 0px !important;" target="_blank"><img src="https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/InStoreBanner2X.jpg" width="665" alt="Earn miles when you shop in store" style="border-width:0;Margin: 0 auto;display: block; width: 100%; max-width: 665px; ms-overflow-x:visible;ms-overflow-y:visible;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-bottom: 5px solid #c8c9c7; text-decoration: none;" /></a></td>
</tr>
</table></td>
</tr>
</table>
<!-- END BOTTOM MARKETING BANNER -->
https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/akastretch.PNG
All of the code:
<!-- Alaska Smart Template v2 -->
<!DOCTYPE html>
<html>
<head><!-- Yahoo App Android will strip this --></head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> </title>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
%%[ /* ExactTarget AMPscript */
Set @trackingDate = "01/12/2018"
Set @SoloEmail = " "
Set @TestName = "NA"
Set @CampaignOWRT = "Unengaged24" /* ONLY FILL IN TO OVERWRITE SEASONAL AUTOSET */
Set @StreamOWRT = "Trigger" /* ONLY FILL IN TO OVERWRITE STREAM AUTOSET */
Set @sourceDEOWRT = " " /* merch_data_ALASKAOWRT_MMddyyyy */
ContentAreaByName("Shared Items\Shared Contents\SmartTemplates\Style Sheets\AKA_SmartTemplate_StyleGuide")
/* ------- MANUALLY SET SUBJECT LINE OR USE AUTOSET ------- */
/* %%=v(@SubjectLine)=%% */
Set @SubjectLine = "We hate goodbyes."
Set @PreHeader = "Is this…the end?"
/* ------- NAVIGATION - ADD YES TO TURN ON - TEMPLATE WILL ONLY DISPLAY LINKS WITH A NAME ------- */
Set @HeaderType = " " /* ADD HOLIDAY WHEN NEEDED */
Set @NavigationLinks = "yes"
/* Navigation Links - Template will collapse unused spots (add 1, 2 or 3 links) */
Set @Nav1_Text = "My account"
Set @Nav2_Text = ""
Set @Nav3_Text = " "
Set @Nav1_Link = Concat(@BaseURL,"/ai____.htm",@Append)
Set @Nav2_Link = Concat(@BaseURL,"/fs____Free%20Shipping.htm",@Append)
Set @Nav3_Link = Concat(@BaseURL,"/fs____Free%20Shipping.htm",@Append)
Set @ViewAccount = Concat("https://www.mileageplanshopping.com/ai____.htm",@Append)
Set @InStore = Concat(@BaseURL,"/instore",@Append)
Set @AlaskaAirlinesLogo2 = Concat("https://www.mileageplanshopping.com/",@Append)
Set @GetOffers = Concat(@BaseURL,"/instore",@Append)
Set @ShopNow = Concat(@BaseURL,"/p/extra-rewards.htm",@Append)
Set @BoxesHeadline = "See how your miles can really add up:"
Set @total_earnings_life = LOOKUP("ent.Total_earnings_and_Avg_earnings","total_earnings_life","organization_fk","232")
Set @best_avg_yearly_total_earnings = LOOKUP("ent.Total_earnings_and_Avg_earnings","best_avg_yearly_total_earnings","organization_fk","232")
If LENGTH(@total_earnings_life) < 1 OR LENGTH(@best_avg_yearly_total_earnings) < 1 THEN
RAISEERROR("Totals not found",1,"0001","0002",1)
ENDIF
Set @Spot3_Desc = "Women"
Set @Spot3_ALT = "Women"
Set @Spot3_Image = "https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/AKA_24month_box1.png"
Set @Spot3_Headline = FORMAT(@best_avg_yearly_total_earnings,"N0")
Set @Spot3_Body = "Miles earned yearly by top <br/> shoppers."
Set @Spot3_Link = Concat(@BaseURL, @Append)
Set @Spot4_Desc = "Earth"
Set @Spot4_ALT = "Earth"
Set @Spot4_Image = "https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/AKA_24month_box2.png"
Set @Spot4_Headline = FORMAT(@total_earnings_life,"N0")
Set @Spot4_Body = "Total miles given away to members."
Set @Spot4_Link = Concat(@BaseURL, @Append)
Set @CategoriesHeadline = "Earn miles on practically anything:"
Set @Spot1_Icon = "https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/J4Y/AKA_J4YTech.png"
Set @Spot1_Text = "Tech & electronics"
Set @Spot1_CatLink = Concat("https://www.mileageplanshopping.com/Computers-Accessories/bc_7___.htm",@Append)
Set @Spot2_Icon = "https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/J4Y/AKA_J4YApparel.png"
Set @Spot2_Text = Concat("Women's apparel")
Set @Spot2_CatLink = Concat("https://www.mileageplanshopping.com/Apparel-Women/bc_3___.htm",@Append)
Set @Spot3_Icon = "https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/J4Y/AKA_J4YGames.png"
Set @Spot3_Text = "Toys & games"
Set @Spot3_CatLink = Concat("https://www.mileageplanshopping.com/Toys-Hobbies/bc_34___.htm",@Append)
Set @Spot4_Icon = "https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/J4Y/AKA_J4YApparel.png"
Set @Spot4_Text = Concat("Men's apparel")
Set @Spot4_CatLink = Concat("https://www.mileageplanshopping.com/Apparel-Men/bc_2___.htm",@Append)
Set @BannerHeadline = "More exciting ways to shop & earn miles:"
/* @ElevationDisclaimers, set the first value to hold place. Each merchant sets block will add a new date if applicable. */
Set @ElevationExpirationDates = "01/01/2001"
Set @ElevationAsterisks = " |**|†|‡|§||||¶|#|***|††|‡‡|§§||||||¶¶|##"
Set @StartingAsterisk = 2
Set @AsteriskCount = @StartingAsterisk
Set @ElevationAsterisksRS = BUILDROWSETFROMSTRING(@ElevationAsterisks,"|")
/* DO NOT REMOVE LIFETIME EARN DISCLAIMER */
Set @Disclaimer1 = @LifetimeDisclaimer
Set @Disclaimer2 = " "
Set @Disclaimer3 = ""
]%%
<style type="text/css">
* {
-webkit-font-smoothing: antialiased;}
body {
Margin: 0; padding: 0; min-width: 100%; font-family:Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; mso-line-height-rule: exactly;}
table {
border-spacing: 0; color: #333333; font-family:Helvetica, Arial, sans-serif;}
img {
border: 0;}
a, a:visited, a:active { color: #2774ae; }
.wrapper {
width: 100%; table-layout: fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
.webkit {
max-width: 700px; overflow:visible; ms-overflow-x:visible; ms-overflow-y:visible;}
.container {
Margin: 0 auto; width: 100%; max-width: 700px; overflow:visible;}
.full-width-image img {
width: 100%; max-width: 600px; height: auto;}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.gmail-show {
width: auto !important;
height: auto !important;
max-height: none !important;
max-width: none !important;
display: block !important;
overflow: visible !important;
}
u + .body .gmail-show {
width:0px!important;
height:0px!important;
max-height:0px!important;
max-width:0px!important;
display:none!important;
overflow:hidden!important;
}
.img-align-vertical img {
display: inline-block; vertical-align: middle; }
sup {
font-size:70%;
line-height:1;
vertical-align:text-top;
mso-text-raise: 30%;
}
@media screen and (max-width: 600px) {
.TextCenter {
text-align:center !important; }
.TextLeft {
text-align:left !important; }
.kill {
display: none !important;
width:0px !important;
}
.inlineTR {
display: table-cell !important;
}
.container {
width:98% !important;
margin:0 auto !important;
-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow:none !important;
}
.fulltable {
width:100% !important;
margin:0 auto !important;
-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow:none !important;
}
.FullWidth {
max-width:100% !important;
width:100% !important;
height:auto !important;
}
.NinetyWidth {
max-width:100% !important;
width:92% !important;
}
.EightyWidth {
max-width:100% !important;
width:80% !important;
}
.SeventyWidth {
max-width:100% !important;
width:70% !important;
}
.halfwidth {
max-width:100% !important;
width:50% !important;
}
.SingleRowHeight {
height: 110px !important;
}
.BorderLine {
max-width:100% !important;
width:85% !important;
height:1px !important;
}
.MerchantSpacer {
max-width:100%!important;
width:100% !important;
height:20px !important;
}
.EarningsBlock {
max-width:100% !important;
width:100% !important;
background-color:#2774ae !important;
height: 100px !important;
padding-right: 0px !important;
padding-left: 0px !important;
-moz-border-bottom-radius: 4px !important;
-webkit-border-bottom-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
text-align: center !important;
}
.RImage {
width: 100% !important;
max-width: 100% !important;
}
.utilbar { font-family:Helvetica, Arial, sans-serif !important;
font-size:16px !important;
mso-line-height-rule:exactly;
line-height:16px !important;
color:#2774ae !important;
background-color:#e8e8e8 !important;
height:45px !important;
font-weight: bold !important;
}
.utilbarlink {
color:#2774ae !important;
text-decoration:none !important;
}
.BottomPad {
padding-bottom:20px !important;
}
.AddLine {
display:block !important;
width: 100% !important;
clear:both;
padding-bottom:2px !important;
background-color:#2774ae !important;
}
.NavTable {
width:94% !important;
margin:0 auto !important;
-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow:none !important;
}
#mobile_only {
width:100% !important;
overflow:visible !important;
float: none !important;
display:block !important;
height:auto !important;
}
.FeaturedPad {
padding-top:20px !important;
text-align: center !important;
}
.HLightTop {
width: 75px !important;
height: 35px !important;
background-size: 75px 35px;
}
.heightChange {
font-size: 25px !important;
line-height: 25px !important;
height: 25px !important;
}
.fontChange {
font-size: 14px !important;
line-height: 22px !important;
}
}
</style>
<style type="text/css">
@media yahoo and (max-width: 600px) {
.TextCenter {
text-align:center !important; }
.TextLeft {
text-align:left !important; }
.kill {
display: none !important;
width:0px !important;
}
.inlineTR {
display: table-cell !important;
}
.container {
width:98% !important;
margin:0 auto !important;
-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow:none !important;
}
.fulltable {
width:100% !important;
margin:0 auto !important;
-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow:none !important;
}
.FullWidth {
max-width:100% !important;
width:100% !important;
height:auto !important;
}
.NinetyWidth {
max-width:100% !important;
width:92% !important;
}
.EightyWidth {
max-width:100% !important;
width:80% !important;
}
.SeventyWidth {
max-width:100% !important;
width:70% !important;
}
.halfwidth {
max-width:100% !important;
width:50% !important;
}
.SingleRowHeight {
height: 110px !important;
}
.BorderLine {
max-width:100% !important;
width:85% !important;
height:1px !important;
}
.MerchantSpacer {
max-width:100%!important;
width:100% !important;
height:20px !important;
}
.EarningsBlock {
max-width:100% !important;
width:100% !important;
background-color:#2774ae !important;
height: 100px !important;
padding-right: 0px !important;
padding-left: 0px !important;
-moz-border-bottom-radius: 4px !important;
-webkit-border-bottom-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
text-align: center !important;
}
.RImage {
width: 100% !important;
max-width: 100% !important;
}
.utilbar { font-family:Helvetica, Arial, sans-serif !important;
font-size:16px !important;
mso-line-height-rule:exactly;
line-height:16px !important;
color:#2774ae !important;
background-color:#e8e8e8 !important;
height:45px !important;
font-weight: bold !important;
}
.utilbarlink {
color:#2774ae !important;
text-decoration:none !important;
}
.BottomPad {
padding-bottom:20px !important;
}
.AddLine {
display:block !important;
width: 100% !important;
clear:both;
padding-bottom:2px !important;
background-color:#2774ae !important;
}
.NavTable {
width:94% !important;
margin:0 auto !important;
-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow:none !important;
}
#mobile_only {
width:100% !important;
overflow:visible !important;
float: none !important;
display:block !important;
height:auto !important;
}
.FeaturedPad {
padding-top:20px !important;
text-align: center !important;
}
.HLightTop {
width: 75px !important;
height: 35px !important;
background-size: 75px 35px;
}
.heightChange {
font-size: 25px !important;
line-height: 25px !important;
height: 25px !important;
}
.fontChange {
font-size: 14px !important;
line-height: 22px !important;
}
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
<!--[if gte mso 9]>
<style>
sup { font-size: 70% !important; }
</style>
<![endif]-->
</head>
<body style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:#e8e8e8;">
<center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#e8e8e8;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="direction:ltr;">
<tr>
<td width="100%" class="webkit" bgcolor="#e8e8e8" style="overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible; background-color:#e8e8e8;">
<!--[if (gte mso 9)|(IE)]>
<table width="700" bgcolor="#e8e8e8" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table class="container" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;Margin:0 auto;width:700px;max-width:700px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;" bgcolor="#e8e8e8">
<tr>
<td align="center" bgcolor="#e8e8e8" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0; background-color:#e8e8e8;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;">
<table width="95%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<!-- START PREHEADER -->
<td height="35" align="left" valign="middle" style="font-size:11px; mso-line-height-rule:exactly; line-height:17px; font-family:Helvetica, Arial, sans-serif; color:#3c3b3f; font-weight:300; letter-spacing:normal; border-collapse:collapse; padding-top: 5px; padding-bottom: 5px;">%%=v(@PreHeader)=%% <strong><a alias="Pre_Nav_ViewInBrowser" href="%%view_email_url%%" target="_blank" style="color:#2774ae; text-decoration:underline;">View in browser</a></strong>
<custom name="opencounter" type="tracking">
<img src="https://pixel.inbox.exacttarget.com/pixel.gif?r=15107b523dcb931471f63f95bfc49afbe360f6d6" width="1" height="1" />
<img src="https://pixel.app.returnpath.net/pixel.gif?r=15107b523dcb931471f63f95bfc49afbe360f6d6" width="1" height="1" /></td>
<!-- END PREHEADER -->
</tr>
<tr>
<td align="center">
<!-- START LOGO / MEMBER INFORMATION -->
<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#01426a" style="background-color: #01426a;-moz-border-top-radius: 4px; -webkit-border-top-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;">
<tr>
<td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;"><tr><td width="300" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:300px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;">
<table width="100%" height="115" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="left" valign="middle" height="115" style="text-align: left;"><a alias="NavLogo_Alaska" href="%%=RedirectTo(@AlaskaAirlinesLogo)=%%" style="display: block; border: 0px !important;" target="_blank"><img src="https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/Templates/Alaska_HeaderLogo.png" width="300" alt="Alaska Mileage Plan" style="border-width:0;max-width:300px;height:auto;-webkit-border-radius: %%=v(@Table_Radius)=%%; border-radius: %%=v(@Table_Radius)=%%;" /></a></td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><td width="365" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:365px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;">
<table class="EarningsBlock" align="right" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0; height: 115px;-moz-border-bottom-radius: 0px; -webkit-border-bottom-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;">
<tr>
<td class="EarningsBlock" align="right" valign="middle" style="padding-left:20px; padding-right:20px; padding-bottom:0; padding-top:0;">
<table align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="right" valign="middle" style="padding-bottom:0; padding-top:0px; padding-right:15px; font-size:11px; mso-line-height-rule:exactly; line-height:24px; font-family:Helvetica, Arial, sans-serif; color:#ffffff; font-weight:300; letter-spacing:0.25px;">Hi, %%=v(@first_name)=%%<br>
<span style="font-size:16px; mso-line-height-rule:exactly; line-height:24px; text-decoration:none; color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-weight:bold; letter-spacing:0.5px;">#***%%=v(@client_member_trunc)=%%</span></td>
<td height="90" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0;"><table height="35" width="1" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td width="1" height="35" align="right" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; background-color:#ffffff;"></td>
</tr>
</table></td>
<td align="left" valign="middle" style="padding-bottom:0; padding-top:0px; padding-left:15px; font-size:11px; mso-line-height-rule:exactly; line-height:24px; font-family:Helvetica, Arial, sans-serif; color:#ffffff; font-weight:300; letter-spacing:0.25px;">Total miles earned<br>
<span style="font-size:16px; mso-line-height-rule:exactly; line-height:24px; text-decoration:none; color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-weight:bold; letter-spacing:0.5px;">%%=v(@earn_life)=%%*</span></td>
</tr>
</table></td>
</tr>
<!-- START NAVIGATION --><div class="kill">
%%[IF @NavigationLinks == "yes" THEN]%%
<tr class="kill">
<td class="Kill" align="center" style="padding-top:0;padding-bottom:0;padding-right:30px;padding-left:0;text-align:center;font-size:0;"><table class="Kill" height="40" align="right" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
%%[IF Length(@Nav1_Text) >= 3 THEN]%%<td class="Kill" height="40" align="right" valign="top" style="padding-bottom:0; padding-top:0px; padding-left:25px; font-size:16px; mso-line-height-rule:exactly; line-height:20px; font-family:Helvetica, Arial, sans-serif; color:#ffffff; font-weight:bold; letter-spacing:0.25px; height:42px;"><a class="kill" alias="Pre_Nav_%%=v(@Nav1_Text)=%%" href="%%=RedirectTo(@Nav1_Link)=%%" style="color:#ffffff; text-decoration:none;" target="_blank">%%=v(@Nav1_Text)=%%</a></td>%%[ENDIF]%%
%%[IF Length(@Nav2_Text) >= 3 THEN]%%<td class="Kill" height="40" align="right" valign="top" style="padding-bottom:0; padding-top:0px; padding-left:25px; font-size:16px; mso-line-height-rule:exactly; line-height:20px; font-family:Helvetica, Arial, sans-serif; color:#ffffff; font-weight:bold; letter-spacing:0.25px; height:42px;"><a class="kill" alias="Pre_Nav_%%=v(@Nav2_Text)=%%" href="%%=RedirectTo(@Nav2_Link)=%%" style="color:#ffffff; text-decoration:none;" target="_blank">%%=v(@Nav2_Text)=%%</a></td>%%[ENDIF]%%
%%[IF Length(@Nav3_Text) >= 3 THEN]%%<td class="Kill" height="40" align="right" valign="top" style="padding-bottom:0; padding-top:0px; padding-left:25px; font-size:16px; mso-line-height-rule:exactly; line-height:20px; font-family:Helvetica, Arial, sans-serif; color:#ffffff; font-weight:bold; letter-spacing:0.25px; height:42px;"><a class="kill" alias="Pre_Nav_%%=v(@Nav3_Text)=%%" href="%%=RedirectTo(@Nav3_Link)=%%" style="color:#ffffff; text-decoration:none;" target="_blank">%%=v(@Nav3_Text)=%%</a></td>%%[ENDIF]%%
</tr>
</table></td>
</tr>
</div>%%[ENDIF]%%
<!-- END NAVIGATION -->
</table>
</div><!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
</tr>
</table>
<!-- END LOGO / MEMBER INFORMATION --></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td width="100%" class="webkit" bgcolor="#e8e8e8" style="overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible; background-color:#e8e8e8;">
<!--[if (gte mso 9)|(IE)]>
<table width="700" bgcolor="#e8e8e8" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0; width: 700px;" >
<![endif]-->
<table class="container" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;Margin:0 auto;width:700px;max-width:700px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;" bgcolor="#e8e8e8">
<tr>
<td align="center" bgcolor="#e8e8e8" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0; background-color:#e8e8e8;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;">
<!-- START BODY AREA -->
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<!-- Header -->
<table cellpadding="0" cellspacing="0" border="0" width="95%" align="center">
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;" >
<tr><td valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;">
<tr>
<td background="https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/AKA_Gradient.png" bgcolor="#01426a" width="665" valign="top" style="-moz-border-bottom-radius: %%=v(@Table_Radius)=%%; -webkit-border-bottom-radius: %%=v(@Table_Radius)=%%; border-bottom-left-radius: %%=v(@Table_Radius)=%%; border-bottom-right-radius: %%=v(@Table_Radius)=%%;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:665px;"><v:fill type="tile" src="https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/AKA_Gradient.png" color="#01426a" /><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0"><![endif]--><div>
<table class="shortwidth" width="100%" align="center" border="0" cellspacing="0" cellpadding="0" style="vertical-align:middle;">
<tr>
<td align="center" valign="middle" style="padding-top:25px;padding-bottom:25px;padding-right:0;padding-left:0;text-align:center;font-size:0;"><table align="center" cellpadding="0" cellspacing="0" border="0" width="95%" style="border-spacing:0; direction:ltr;">
<tr>
<td align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; font-size:%%=v(@H4_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@H4_LineHeight)=%%; text-decoration:none; color:#%%=v(@H4_FontHEX)=%%; font-family:%%=v(@H4_FontFamily)=%%; font-weight:%%=v(@H4_FontWeight)=%%; letter-spacing:%%=v(@H4_LetterSpacing)=%%; padding-bottom:3px;">
<table class="shortwidth" width="100%" align="center" border="0" cellspacing="0" cellpadding="0" style="vertical-align:middle;">
<tr><td height="30" width="100%" style="font-size: 30px; line-height: 30px;"> </td></tr>
<tr align="center">
<td align="center" valign="middle" style="padding-right:0;padding-left:0;text-align:left;font-size:28px; color: #ffffff; line-height: 34px; text-align: center; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase;">
SAY IT AIN’T SO, %%=v(@first_name)=%%...
</td>
</tr>
<tr><td height="10" width="100%" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr align="center">
<td align="center" valign="middle" style="padding-right:0;padding-left:0;text-align:left;font-size:16px; color: #ffffff; line-height: 28px; text-align: center; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.1px; font-weight: 300;">
Can you believe it’s been two years since we talked? Let us know if you want to keep hearing about easy ways to shop online and earn Alaska Mileage Plan<sup>™</sup> miles.
</td>
</tr>
<tr><td height="10" width="100%" style="font-size: 10px; line-height: 10px;"> </td></tr>
<tr align="center">
<td align="center" valign="middle" style="padding-right:0;padding-left:0;text-align:left;font-size:16px; color: #ffffff; line-height: 24px; text-align: center;">
<a alias="yeslovetoshop" href="%%=RedirectTo(@AlaskaAirlinesLogo2)=%%" style="color: #ffffff; text-decoration:underline; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: 0.25px;" target="_blank">Yes, I'd love to shop & earn miles</a>
</td>
</tr>
<tr><td height="25" width="100%" style="font-size: 25px; line-height: 25px;"> </td></tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</div><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
</tr>
</table>
<!-- END HEADER -->
<!-- ------------------ START FOUR BOXES SECTIOM ------------------ -->
<table cellpadding="0" cellspacing="0" border="0" width="95%" align="center">
<tr><td height="25" width="100%" style="font-size: 25px; line-height: 25px;"> </td></tr>
<tr>
<td valign="middle" style="padding-bottom:0; padding-top:10px; font-size:%%=v(@H9_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@H9_LineHeight)=%%; text-decoration:none; color:#%%=v(@H9_FontHEX)=%%; font-family:%%=v(@H9_FontFamily)=%%; font-weight:%%=v(@H9_FontWeight)=%%; letter-spacing:%%=v(@H9_LetterSpacing)=%%; text-transform:%%=v(@H9_TextTransform)=%%; text-align:%%=v(@H9_TextAlign)=%%;">%%=v(@BoxesHeadline)=%%</td>
</tr>
<tr><td height="30" width="100%" style="font-size:30px; line-height:30px;"> </td></tr>
<tr>
<td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;"><tr><td width="322" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:322px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#ffffff" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333; background-color:#ffffff; -moz-border-radius: %%=v(@Table_Radius)=%%; -webkit-border-radius: %%=v(@Table_Radius)=%%; border-radius: %%=v(@Table_Radius)=%%; border-bottom:%%=v(@Table_Border)=%%;">
<tr>
<td align="center" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0; background-color: #01426A;" bgcolor="#01426A"><a alias="Bdy_Img_%%=v(@Spot3_Desc)=%%" href="%%=RedirectTo(@Spot3_Link)=%%" target="_blank"><img src="%%=v(@Spot3_Image)=%%" width="322" style="width: 100%; max-width: 420px;-moz-border-top-radius: %%=v(@Table_Radius)=%%; -webkit-border-top-radius: %%=v(@Table_Radius)=%%; border-top-left-radius: %%=v(@Table_Radius)=%%; border-top-right-radius: %%=v(@Table_Radius)=%%;" alt="%%=v(@Spot3_ALT)=%%" border="0" /></a></td>
</tr>
<tr>
<td width="322" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:30px; padding-top:30px;"><table class="EightyWidth" width="75%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="center" valign="top" style="padding-bottom:0; padding-top:0; font-size:%%=v(@B1_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@B1_LineHeight)=%%; text-decoration:none; color:#%%=v(@B1_FontHEX)=%%; font-family:%%=v(@B1_FontFamily)=%%; font-weight:%%=v(@B1_FontWeight)=%%; letter-spacing:%%=v(@B1_LetterSpacing)=%%;"><div style="font-size:%%=v(@H7_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@H7_LineHeight)=%%; text-decoration:none; color:#%%=v(@H7_FontHEX)=%%; font-family:%%=v(@H7_FontFamily)=%%; font-weight:%%=v(@H7_FontWeight)=%%; letter-spacing:%%=v(@H7_LetterSpacing)=%%; text-transform: %%=v(@H7_TextTransform)=%%; padding-bottom:10px;"><a alias="Bdy_Txt_%%=v(@Spot3_Desc)=%%" href="%%=RedirectTo(@Spot3_Link)=%%" style="color:#%%=v(@H7_FontHEX)=%%; text-decoration:none;" target="_blank">%%=v(@Spot3_Headline)=%%</a></div><a alias="Bdy_Txt_%%=v(@Spot3_Desc)=%%" href="%%=RedirectTo(@Spot3_Link)=%%" style="color:#%%=v(@B1_FontHEX)=%%; text-decoration:none;" target="_blank">%%=v(@Spot3_Body)=%%</a></td>
</tr>
</table></td>
</tr>
</table></div>
<!--[if (gte mso 9)|(IE)]></td><td width="20" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="MerchantSpacer" style="width:100%;max-width:20px; height:320px; overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr; background-color:#%%=v(@EmailBGHex)=%%;"><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td class="MerchantSpacer" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; width:20px; height:320px; background-color:#%%=v(@EmailBGHex)=%%;"></td>
</tr>
</table></div>
<!--[if (gte mso 9)|(IE)]></td><td width="322" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:322px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#ffffff" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333; background-color:#ffffff; -moz-border-radius: %%=v(@Table_Radius)=%%; -webkit-border-radius: %%=v(@Table_Radius)=%%; border-radius: %%=v(@Table_Radius)=%%; border-bottom:%%=v(@Table_Border)=%%;">
<tr>
<td align="center" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color: #01426A;" bgcolor="#01426A"><a alias="Bdy_Img_%%=v(@Spot4_Desc)=%%" href="%%=RedirectTo(@Spot4_Link)=%%" target="_blank"><img src="%%=v(@Spot4_Image)=%%" width="322" style="width: 100%; max-width: 420px;-moz-border-top-radius: %%=v(@Table_Radius)=%%; -webkit-border-top-radius: %%=v(@Table_Radius)=%%; border-top-left-radius: %%=v(@Table_Radius)=%%; border-top-right-radius: %%=v(@Table_Radius)=%%;" alt="%%=v(@Spot4_ALT)=%%" border="0" /></a></td>
</tr>
<tr>
<td width="322" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:30px; padding-top:30px;"><table class="EightyWidth" width="75%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="center" valign="top" style="padding-bottom:0; padding-top:0; font-size:%%=v(@B1_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@B1_LineHeight)=%%; text-decoration:none; color:#%%=v(@B1_FontHEX)=%%; font-family:%%=v(@B1_FontFamily)=%%; font-weight:%%=v(@B1_FontWeight)=%%; letter-spacing:%%=v(@B1_LetterSpacing)=%%;"><div style="font-size:%%=v(@H7_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@H7_LineHeight)=%%; text-decoration:none; color:#%%=v(@H7_FontHEX)=%%; font-family:%%=v(@H7_FontFamily)=%%; font-weight:%%=v(@H7_FontWeight)=%%; letter-spacing:%%=v(@H7_LetterSpacing)=%%; text-transform: %%=v(@H7_TextTransform)=%%; padding-bottom:10px;"><a alias="Bdy_Txt_%%=v(@Spot4_Desc)=%%" href="%%=RedirectTo(@Spot4_Link)=%%" style="color:#%%=v(@H7_FontHEX)=%%; text-decoration:none;" target="_blank">%%=v(@Spot4_Headline)=%%</a></div><a alias="Bdy_Txt_%%=v(@Spot4_Desc)=%%" href="%%=RedirectTo(@Spot4_Link)=%%" style="color:#%%=v(@B1_FontHEX)=%%; text-decoration:none;" target="_blank">%%=v(@Spot4_Body)=%%</a></td>
</tr>
</table></td>
</tr>
</table></div>
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
</tr>
</table>
<!-- ------------------ END FOUR BOXES SECTION ------------------ -->
<!-- START BUTTON -->
<center>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td height="20" width="100%" style="font-size: 20px; line-height: 20px;"> </td></tr>
<tr>
<td style="padding-top:20px;">
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" style="Margin:0 auto;">
<tbody><tr>
<td align="center"><table width="290" border="0" cellpadding="0" cellspacing="0" style="Margin:0 auto;">
<tr>
<td height="45" align="center" bgcolor="#%%=v(@CTA2_BGColor)=%%" width="100%" style="-moz-border-radius: %%=v(@CTA2_Radius)=%%; -webkit-border-radius: %%=v(@CTA2_Radius)=%%; border-radius: %%=v(@CTA2_Radius)=%%; border:%%=v(@CTA2_Border)=%%; height:45px;"><a alias="Bdy_Btn_Shopnow" href="%%=RedirectTo(@ShopNow)=%%" style="padding:10px;display: block;text-decoration: none;border:0;text-align: center;font-weight:%%=v(@CTA2_FontWeight)=%%;font-size:%%=v(@CTA2_FontSize)=%%;font-family:%%=v(@CTA2_FontFamily)=%%;color:%%=v(@CTA2_FontColor)=%%;background:#%%=v(@CTA2_BGColor)=%%;letter-spacing:%%=v(@CTA2_LetterSpacing)=%%;text-transform:%%=v(@CTA2_TextTransform)=%%;-moz-border-radius: %%=v(@CTA2_Radius)=%%; -webkit-border-radius: %%=v(@CTA2_Radius)=%%; border-radius: %%=v(@CTA2_Radius)=%%;mso-line-height-rule:exactly;line-height:22px;" target="_blank">Shop now</sup></a></td>
</tr>
</table></td>
</tr></tbody>
</table>
</td>
</tr>
<tr><td height="10" width="100%" style="font-size:10px; line-height:10px;"> </td></tr>
</table>
</center>
<!-- END BUTTON -->
<table class="NinetyWidth" align="center" border="0" cellpadding="0" cellspacing="0" width="95%" style="border-spacing:0;">
<tr><td height="30" width="100%" style="font-size:30px; line-height:30px;"> </td></tr>
<tr>
<td valign="middle" style="padding-bottom:30px; padding-top:10px; font-size:%%=v(@H9_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@H9_LineHeight)=%%; text-decoration:none; color:#%%=v(@H9_FontHEX)=%%; font-family:%%=v(@H9_FontFamily)=%%; font-weight:%%=v(@H9_FontWeight)=%%; letter-spacing:%%=v(@H9_LetterSpacing)=%%; text-transform:%%=v(@H9_TextTransform)=%%; text-align:%%=v(@H9_TextAlign)=%%;">%%=v(@CategoriesHeadline)=%%</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="95%" align="center">
<tr>
<td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="665" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;"><tr><td width="258" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:258px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" height="140" bgcolor="#e8e8e8" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333; background-color:#e8e8e8;">
<tr>
<td width="100" height="80" align="center" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a alias="Bdy_Icon_%%=v(@Spot1_Text)=%%" href="%%=RedirectTo(@Spot1_CatLink)=%%" target="_blank"><img src="%%=v(@Spot1_Icon)=%%" width="80" height="80" style="max-width: 80px;" alt="%%=v(@Spot1_Text)=%%" border="0" /></a></td>
<td width="58" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; width:58px; height 20px; background-color:#e8e8e8;"></td>
<td width="100" height="80" align="center" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a alias="Bdy_Icon_%%=v(@Spot2_Text)=%%" href="%%=RedirectTo(@Spot2_CatLink)=%%" target="_blank"><img src="%%=v(@Spot2_Icon)=%%" width="80" height="80" style="max-width: 80px;" alt="%%=v(@Spot2_Text)=%%" border="0" /></a></td>
</tr>
<tr>
<td width="100" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:20px;"><table class="EightyWidth" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="center" valign="top" style="padding-bottom:0; padding-top:0; font-size:%%=v(@CG1_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@CG1_LineHeight)=%%; text-decoration:none; color:#%%=v(@CG1_FontHEX)=%%; font-family:%%=v(@CG1_FontFamily)=%%; font-weight:%%=v(@CG1_FontWeight)=%%; letter-spacing:%%=v(@CG1_LetterSpacing)=%%;"><a alias="Bdy_Txt_%%=v(@Spot1_Text)=%%" href="%%=RedirectTo(@Spot1_CatLink)=%%" style="color:#%%=v(@CG1_FontHEX)=%%; text-decoration:none;" target="_blank">%%=v(@Spot1_Text)=%%</a></td>
</tr>
</table></td>
<td width="58" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; width:58px; height 20px; background-color:#e8e8e8;"></td>
<td width="100" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:20px;"><table class="EightyWidth" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="center" valign="top" style="padding-bottom:0; padding-top:0; font-size:%%=v(@CG1_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@CG1_LineHeight)=%%; text-decoration:none; color:#%%=v(@CG1_FontHEX)=%%; font-family:%%=v(@CG1_FontFamily)=%%; font-weight:%%=v(@CG1_FontWeight)=%%; letter-spacing:%%=v(@CG1_LetterSpacing)=%%;"><a alias="Bdy_Txt_%%=v(@Spot2_Text)=%%" href="%%=RedirectTo(@Spot2_CatLink)=%%" style="color:#%%=v(@CG1_FontHEX)=%%; text-decoration:none;" target="_blank">%%=v(@Spot2_Text)=%%</a></td>
</tr>
</table></td>
</tr>
</table></div>
<!--[if (gte mso 9)|(IE)]></td><td width="58" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="MerchantSpacer" style="width:100%;max-width:58px; height:140px; overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr; background-color:#e8e8e8;"><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td class="MerchantSpacer" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; width:20px; height:140px; background-color:#e8e8e8;"></td>
</tr>
</table></div>
<!--[if (gte mso 9)|(IE)]></td><td width="258" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:258px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" height="140" bgcolor="#e8e8e8" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333; background-color:#e8e8e8;">
<tr>
<td width="100" height="80" align="center" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a alias="Bdy_Icon_%%=v(@Spot3_Text)=%%" href="%%=RedirectTo(@Spot3_CatLink)=%%" target="_blank"><img src="%%=v(@Spot3_Icon)=%%" width="80" height="80" style="max-width: 80px;" alt="%%=v(@Spot3_Text)=%%" border="0" /></a></td>
<td width="58" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; width:58px; height 20px; background-color:#e8e8e8;"></td>
<td width="100" height="80" align="center" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a alias="Bdy_Icon_%%=v(@Spot4_Text)=%%" href="%%=RedirectTo(@Spot4_CatLink)=%%" target="_blank"><img src="%%=v(@Spot4_Icon)=%%" width="80" height="80" style="max-width: 80px;" alt="%%=v(@Spot4_Text)=%%" border="0" /></a></td>
</tr>
<tr>
<td width="100" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:20px;"><table class="EightyWidth" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="center" valign="top" style="padding-bottom:0; padding-top:0; font-size:%%=v(@CG1_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@CG1_LineHeight)=%%; text-decoration:none; color:#%%=v(@CG1_FontHEX)=%%; font-family:%%=v(@CG1_FontFamily)=%%; font-weight:%%=v(@CG1_FontWeight)=%%; letter-spacing:%%=v(@CG1_LetterSpacing)=%%;"><a alias="Bdy_Txt_%%=v(@Spot3_Text)=%%" href="%%=RedirectTo(@Spot3_CatLink)=%%" style="color:#%%=v(@CG1_FontHEX)=%%; text-decoration:none;" target="_blank">%%=REPLACE(@Spot3_Text,"&","& <br/>")=%%</a></td>
</tr>
</table></td>
<td width="58" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; width:58px; height 20px; background-color:#e8e8e8;"></td>
<td width="100" align="center" valign="middle" style="padding-left:0; padding-right:0; padding-bottom:0; padding-top:20px;"><table class="EightyWidth" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;">
<tr>
<td align="center" valign="top" style="padding-bottom:0; padding-top:0; font-size:%%=v(@CG1_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@CG1_LineHeight)=%%; text-decoration:none; color:#%%=v(@CG1_FontHEX)=%%; font-family:%%=v(@CG1_FontFamily)=%%; font-weight:%%=v(@CG1_FontWeight)=%%; letter-spacing:%%=v(@CG1_LetterSpacing)=%%;"><a alias="Bdy_Txt_%%=v(@Spot4_Text)=%%" href="%%=RedirectTo(@Spot4_CatLink)=%%" style="color:#%%=v(@CG1_FontHEX)=%%; text-decoration:none;" target="_blank">%%=REPLACE(@Spot4_Text," "," <br/> ")=%%</a></td>
</tr>
</table></td>
</tr>
</table></div>
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td>
</tr>
<tr><td height="20" width="100%" style="font-size:20px; line-height:20px;"> </td></tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="95%" style="border-spacing:0;">
<tr>
<td valign="middle" style="padding-bottom:30px; padding-top:10px; font-size:%%=v(@H9_FontSize)=%%; mso-line-height-rule:exactly; line-height:%%=v(@H9_LineHeight)=%%; text-decoration:none; color:#%%=v(@H9_FontHEX)=%%; font-family:%%=v(@H9_FontFamily)=%%; font-weight:%%=v(@H9_FontWeight)=%%; letter-spacing:%%=v(@H9_LetterSpacing)=%%; text-transform:%%=v(@H9_TextTransform)=%%; text-align:%%=v(@H9_TextAlign)=%%;">%%=v(@BannerHeadline)=%%</td>
</tr>
</table>
<!-- START BOTTOM MARKETING BANNER -->
<table cellpadding="0" cellspacing="0" border="0" width="95%" bgcolor="#%%=v(@EmailBGHex)=%%" align="center" style="background-color:#%%=v(@EmailBGHex)=%%;">
<tr>
<td align="center" style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;font-family:Arial, Helvetica, sans-serif;color:#333333;">
<tr>
<td align="center" valign="bottom"><a alias="instoreearn" href="%%=RedirectTo(@InStore)=%%" style="display: block; border: 0px !important;" target="_blank"><img src="https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/InStoreBanner2X.jpg" width="665" alt="Earn miles when you shop in store" style="border-width:0;Margin: 0 auto;display: block; width: 100%; max-width: 665px; ms-overflow-x:visible;ms-overflow-y:visible;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-bottom: 5px solid #c8c9c7; text-decoration: none;" /></a></td>
</tr>
</table></td>
</tr>
</table>
<!-- END BOTTOM MARKETING BANNER -->
</td>
</tr>
</table>
<!-- END BODY AREA -->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td width="100%" class="webkit" bgcolor="#e8e8e8" style="overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible; background-color:#e8e8e8; padding-bottom: 20px;">
<!--[if (gte mso 9)|(IE)]>
<table width="700" bgcolor="#e8e8e8" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table class="container" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;Margin:0 auto;width:700px;max-width:700px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;" bgcolor="#e8e8e8">
<tr>
<td align="center" bgcolor="#e8e8e8" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0; background-color:#e8e8e8;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;">
<!-- START FOOTER AREA -->
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="padding-top:20px;">
%%[IF @NavigationLinks == "yes" THEN]%%
<!-- START OF HIDDEN MOBILE NAVIGATION LINKS -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="NavTable" align="center">
<tr>
<td height="0" class="BottomPad" style="border-collapse:collapse; font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px;"></td>
</tr>
<tr>
<td height="0" class="AddLine" style="border-collapse:collapse; font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px;"></td>
</tr>
%%[IF Length(@Nav1_Text) >= 3 THEN]%%
<tr>
<td align="center" class="utilbar" style="font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px; font-weight: 500;" valign="middle"><div id="mobile_only" style="width:0px; overflow:hidden;"><a class="utilbarlink" alias="Pre_Nav_%%=v(@Nav1_Text)=%%_Mobile" href="%%=RedirectTo(@Nav1_Link)=%%" style="color:#e8e8e8; text-decoration:none;" target="_blank">%%=v(@Nav1_Text)=%%</a></div></td>
</tr>
<tr>
<td height="0" class="AddLine" style="border-collapse:collapse; font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px;"></td>
</tr>
%%[ENDIF]%%
%%[IF Length(@Nav2_Text) >= 3 THEN]%%
<tr>
<td align="center" class="utilbar" style="font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px; font-weight: 500;" valign="middle"><div id="mobile_only" style="width:0px; overflow:hidden;"><a class="utilbarlink" alias="Pre_Nav_%%=v(@Nav2_Text)=%%_Mobile" href="%%=RedirectTo(@Nav2_Link)=%%" style="color:#e8e8e8; text-decoration:none;" target="_blank">%%=v(@Nav2_Text)=%%</a></div></td>
</tr>
<tr>
<td height="0" class="AddLine" style="border-collapse:collapse; font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px;"></td>
</tr>
%%[ENDIF]%%
%%[IF Length(@Nav3_Text) >= 3 THEN]%%
<tr>
<td align="center" class="utilbar" style="font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px; font-weight: 500;" valign="middle"><div id="mobile_only" style="width:0px; overflow:hidden;"><a class="utilbarlink" alias="Pre_Nav_%%=v(@Nav3_Text)=%%_Mobile" href="%%=RedirectTo(@Nav3_Link)=%%" style="color:#e8e8e8; text-decoration:none;" target="_blank">%%=v(@Nav3_Text)=%%</a></div></td>
</tr>
<tr>
<td height="0" class="AddLine" style="border-collapse:collapse; font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px;"></td>
</tr>
%%[ENDIF]%%
<tr>
<td height="0" class="BottomPad" style="border-collapse:collapse; font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px;"></td>
</tr>
<tr>
<td height="0" class="BottomPad" style="border-collapse:collapse; font-size:0px; color:#e8e8e8; mso-line-height-rule:exactly; line-height:0px;"></td>
</tr>
</table>
%%[ENDIF]%%
<!-- END HIDDEN MOBILE NAVIGATION LINKS -->
<table align="center" width="95%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f4f4f4" style="background-color:#f4f4f4;border-top:6px solid #f4f4f4;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;">
<tr>
<td><table align="center" border="0" cellpadding="0" cellspacing="0" width="92%"><tr>
<td height="30" style="padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0; height:30px;">
<!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;font-family:Helvetica, Arial, sans-serif;color:#333333;"><tr><td width="65" valign="middle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:65px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;">
<tr>
<td class="TextLeft" style="text-align: center; color:#212223; font-size:13px; mso-line-height-rule:exactly; line-height:26px; font-family:Helvetica, Arial, sans-serif;"><strong><a alias="Ftr_Txt_Terms" href="%%=RedirectTo(@Terms_And_Conditions)=%%" style="color:#212223; text-decoration:none;" target="_blank">Terms</a></strong></td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><td width="95" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:95px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;">
<tr>
<td class="TextLeft" style="text-align: center; color:#212223; font-size:13px; mso-line-height-rule:exactly; line-height:26px; font-family:Helvetica, Arial, sans-serif;"><strong><a alias="Ftr_Txt_GLOBALUnsubscribe_ClickHere" href="%%=RedirectTo(@GLOBAL_Unsubscribe)=%%" style="color:#212223; text-decoration:none;" target="_blank">Unsubscribe</a></strong></td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><td width="185" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:185px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;">
<tr>
<td class="TextLeft" style="text-align: center; color:#212223; font-size:13px; mso-line-height-rule:exactly; line-height:26px; font-family:Helvetica, Arial, sans-serif;"><strong><a alias="Ftr_Txt_EmailPreferences" href="%%=RedirectTo(@Update_Email_Preferences)=%%" style="color:#212223; text-decoration:none;" target="_blank">Update Email Preferences</a></strong></td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><td width="182" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:182px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;">
<tr>
<td class="TextLeft" style="text-align: center; color:#212223; font-size:13px; mso-line-height-rule:exactly; line-height:26px; font-family:Helvetica, Arial, sans-serif;"><strong><a alias="Ftr_Txt_MileagePlanShopping" href="%%=RedirectTo(@MileagePlanShopping)=%%" style="color:#212223; text-decoration:none;" target="_blank">Mileageplanshopping.com</a></strong></td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td><td width="65" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><![endif]-->
<div class="FullWidth" style="width:100%;max-width:65px;overflow:visible;ms-overflow-x:visible;ms-overflow-y:visible;display:inline-block;vertical-align:top;direction:ltr;"><table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;">
<tr>
<td class="TextLeft" style="text-align: center; color:#212223; font-size:13px; mso-line-height-rule:exactly; line-height:26px; font-family:Helvetica, Arial, sans-serif;"><strong><a alias="Ftr_Txt_LogIn" href="%%=RedirectTo(@LogIn)=%%" style="color:#212223; text-decoration:none;" target="_blank">Log In</a></strong></td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
</td>
</tr></table></td>
</tr>
</table>
<table align="center" width="95%" cellpadding="0" cellspacing="0" border="0" bgcolor="#01426a" style="background-color:#01426a;">
<tr>
<td><table align="center" border="0" cellpadding="0" cellspacing="0" width="92%">
<tr>
<td style="text-align:left; color:#ffffff; font-size:11px; mso-line-height-rule:exactly; line-height:17px; font-family:Helvetica, Arial, sans-serif; padding-top:30px; font-weight:300; letter-spacing:0.25px; padding-bottom:0;">
%%[IF Length(@Disclaimer1) >= 3 THEN]%%%%=v(@Disclaimer1)=%%<br /><br />%%[ENDIF]%%
%%[IF Length(@Disclaimer2) >= 3 THEN]%%%%=v(@Disclaimer2)=%%<br /><br />%%[ENDIF]%%
%%=ContentAreaByName("Shared Items\Shared Contents\SmartTemplates\MerchContentAreas\MerchantDisclaimers")=%%
%%[IF Length(@Disclaimer3) >= 3 THEN]%%%%=v(@Disclaimer3)=%%<br /><br />%%[ENDIF]%%
Program terms for all transactions: transactions are not eligible for rewards on purchases made with coupon or discount codes that are not found on Mileage Plan Shopping. Please check specific merchant restrictions and terms and conditions on <a alias="Ftr_Txt_MileagePlanShopping" href="%%=RedirectTo(@MileagePlanShopping)=%%" style="color:#ffffff; text-decoration:underline;" target="_blank">mileageplanshopping.com</a> to determine specific offer requirements and/or if purchases of gift card, certificates, or other cash equivalents are eligible for rewards.
<br /><br />
This email was sent to <a href="mailto:%%emailaddr%%" style="color:#ffffff; text-decoration:underline;">%%emailaddr%%</a>. To update your preferences, please visit the <a alias="Ftr_Txt_MyProfilePage" href="%%=RedirectTo(@My_Profile_Page)=%%" style="color:#ffffff; text-decoration:underline;" target="_blank">My Profile Page</a>.
<br /><br />
To update your preferences, please visit the <a alias="Ftr_Txt_MyProfilePage" href="%%=RedirectTo(@My_Profile_Page)=%%" style="color:#ffffff; text-decoration:underline;" target="_blank">My Profile Page</a>. To stop receiving all Alaska Airlines Mileage Plan Shopping marketing emails, please <a alias="Ftr_Txt_GLOBALUnsubscribe_ClickHere" href="%%=RedirectTo(@GLOBAL_Unsubscribe)=%%" style="color:#ffffff; text-decoration:underline;" target="_blank">Click Here</a>.</td>
</tr>
</table></td>
</tr>
</table>
<table align="center" width="95%" cellpadding="0" cellspacing="0" border="0" bgcolor="#01426a" style="background-color:#01426a;-moz-border-bottom-radius: 4px; -webkit-border-bottom-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;">
<tr>
<td valign="top"><table align="center" border="0" cellpadding="0" cellspacing="0" width="88%">
<tr>
<td valign="top" style="text-align:left; color:#ffffff; font-size:11px; mso-line-height-rule:exactly; line-height:17px; font-family:Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:0.25px; padding-left:0; padding-right:0; padding-bottom: 15px;"><br />Please do not reply to this email. We cannot accept electronic replies to this email address. We ask that you do not "Block" or apply "Junk Mail Filters" to these emails with your Internet Service Provider as it may prevent you from receiving important emails.
<br /><br />
This email was sent by: %%Member_Busname%%, %%Member_Addr%%, %%Member_City%%, %%Member_State%%, %%Member_PostalCode%%, %%Member_Country%%.<a href="%%profile_center_url%%" alias="Update Profile" style="color:#ffffff; text-decoration:none;"></a></td>
</tr>
</table></td>
<td width="20%" valign="bottom" align="right"><img src="https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/Templates/AKA_Eskimo.png" width="200" alt="Alaska Mileage Plan" style="border-width:0;width:200px;max-width:200px;height:auto;" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END FOOTER AREA -->
</td></tr>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
https://email-marketing-content-origin.s3.amazonaws.com/Images/Alaska/trigger/akastretch.PNG
You can still set the width/height attributes for Outlook and then use a class on the image to make them larger for responsive. As it looks you can use the FullWidth class you currently have.
for 2003? It doesnt seem to be working.
What exactly are you saying to add in?
Had same issue with images inlined with text. You can try and set max-width: XXXpx; max-height: YYYpx
Nest in a ghost table with a width of whatever the max desktop width should be.
<!--[ if gte mso 9 ]--><table width="600" style="width: 600px !important . . .
. . .
There also appears to be syntax validation errors (unclosed floating tags).
I have tried adding those in, but it doesn't seem to make a difference for outlook 2003.
It is something to do with our images, because the are set at 200% width. If I use 100% images it looks fine.
But I am forced to use the 200% ones.