Inboxes

Create an inbox to save and track emails. It's free!

+New inbox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="opacity: 1; text-size-adjust: 100%; margin: 0px !important; padding: 0px !important; width: 100% !important; height: 100% !important; background-color: rgb(255, 255, 255) !important;" xmlns="https://www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <title>
   Southwest Click 'N Save
  </title>
  <!--[if gte mso 15]><style type="text/css">table {font-size: 1px; line-height: 0; mso-margin-top-alt: 1px; mso-line-height-rule: exactly;} * {mso-line-height-rule: exactly;}</style><![endif]-->
  <style type="text/css">
   /* Resets */
      #outlook a 			{
        padding: 0;
      }
      .ExternalClass 		{
        width: 100%;
      }
      .ExternalClass *	{
        line-height: 100%;
      }
      .yshortcuts a 		{
        border-bottom: none !important;
      }
      p 								{
        line-height: normal;
      }
      table td 						{
        border-collapse: collapse;
      }
      div[style*="margin: 16px 0"] 	{
        margin: 0 !important;
      }
      table {
        border-spacing: 0 !important;
        border-collapse: collapse !important;
        mso-table-lspace: 0pt !important;
        mso-table-rspace: 0pt !important;
      }
      a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: normal !important;
        line-height: inherit !important
      }
      /* Media Queries */
@media screen and (max-width: 600px) {
	
	/* -- Utility Classes -- */
	.full 			{width: 100% !important;}
	.auto-height	{height: auto !important;}
	.hide 			{display: none !important;}
	.sides 			{padding-left: 30px !important; padding-right: 30px !important;}
	.strip-border 	{border: 0 !important;}
	
	.image-center 		{text-align: center !important;}
	.image-center img 	{display: inline !important;}
	
	/* -- Typography Styles -- */
	p.price 	{font-size: 71px !important; line-height: normal !important;}
	p.terms 	{font-size: 12px !important; line-height: normal !important;}
	
	.text-left, .text-left p, .text-left h1,
	.text-left h2, .text-left h3, .text-left h4,
	.text-left h5, .text-left h6 						{text-align: left !important;}
	.text-right, .text-right p, .text-right h1,
	.text-right h2, .text-right h3, .text-right h4,
	.text-right h5, .text-right h6 						{text-align: right !important;}
	.text-center, .text-center p, .text-center h1,
	.text-center h2, .text-center h3, .text-center h4,
	.text-center h5, .text-center h6 					{text-align: center !important;}
	
	
	/* -- Button Styles -- */
	
		/* Desktop */
		.btn-wrap > table,
		.btn-wrap .btn 		{width: 100% !important;}
		.btn 				{height: 50px !important;}
		.btn a 				{display: block !important; width: 100% !important;}
		
		/* Mobile */
		.btn-wrap-mobile 				{line-height: normal !important;}
		.btn-wrap-mobile > table,
		.btn-wrap-mobile .btn-mobile 	{width: 100% !important;}
		.btn-mobile 					{height: 50px !important;}
		.btn-mobile a 					{display: block !important; width: 100% !important;}
		.btn-wrap-mobile > table 		{
			border-radius: 2px !important;
			-ms-border-radius: 2px !important;
			-webkit-border-radius: 2px !important;
		}
		.btn-wrap-mobile p {
			font-size: 16px !important;
			font-weight: bold !important;
			text-align: center !important;
			line-height: normal !important;
		}
		
		/* Button Colors */
		
			/* white border */
			.btn-wrap-mobile.blue-white p,
			.btn-wrap-mobile.blue-white a 		{color: #FFFFFF !important;}
			.btn-wrap-mobile.blue-white > table {border: 1px solid #FFFFFF !important;}
			
			/* light blue border */
			.btn-wrap-mobile.white-blue > table {border: 1px solid #304CB2 !important;}
			
			/* dark-blue border */
			.btn-wrap-mobile.blue > table {border: 1px solid #111B40 !important;}
	
	/* -- Grid Styles -- */
	#main-container 				{width: 100% !important;}
	#main-wrapper > tbody > tr > td 	{padding: 0 10px !important;}
	
	td 	{height: auto !important;}
	
	th.split 		{width: 100% !important; display: block !important;}
	table.column 	{width: 100% !important; height: auto !important;}
	img.mobile 		{
		font-size: 12px !important;
		line-height: normal !important;
		width: 100% !important;
		height: auto !important;
		max-height: inherit !important;
	}
	.mobile.container {padding-bottom: 10px !important;}
	
	div.top 	{display: table-header-group !important; width: 100% !important;}
	div.bottom 	{display: table-footer-group !important; width: 100% !important;}
	
	/* -- Template Module Styles -- */
	
		 /* Header */
        #top-nav 				 {padding-bottom: 5px !important;}
        #top-nav .column.left td {padding-bottom: 15px !important;}
		#top-nav .column.right td {padding-bottom: 10px !important;}
		
			/* CTI */
			#head-CTI #top-nav,
			#head-CTM #top-nav 						{padding-bottom: 15px !important;}
			#head-CTI #product-bar .column.right td,
			#head-CTM #product-bar .column.right td {padding-top: 15px !important;}
			
			/* RREU */
			#rreu_head #top-nav {padding-bottom: 10px !important;}
			
		 /* Footer */
        #footer 		{padding-bottom: 10px !important;}
        #footer .m-span {color: #304CB2 !important; font-size: 14px !important;}
        
            /* Bottom Navigation */
            #bot-nav .column 		{border-bottom: 1px solid #CCCCCC !important;}
            #bot-nav .column  td 	{padding: 15px 0 !important;}
            #bot-nav .column.c1 td 	{padding-top: 0 !important;}
            #bot-nav p 				{font-size: 14px !important;}
            #bot-nav .head 			{font-size: 16px !important;}
            #bot-nav .column.c3 img {width: 40px !important; height: auto !important;}
			#bot-nav .column .reward-tracker {padding-bottom: 0 !important}
			
			/* Link-Bar */
			#linkBar > table 	{border-top: 0 !important; border-bottom: 1px solid #CCCCCC !important;}
			#linkBar td 		{padding: 0 0 15px 0 !important;}
	
	/* -- Module Styles -- */
	
		/* Hero */
        .hero .mobile.container 	{padding-bottom: 10px !important;}
        .hero .mobile img 	{
            font-size: 12px !important; 
            line-height: normal !important;
            width: 100% !important;
            height: auto !important;
            max-height: inherit !important;
        }
		
		/* articles */
		.article.wrap .btn-border {padding: 0 15px 15px 15px !important;}
		
		 /* Sliver */
        .sliver .btn-wrap-mobile 	{padding: 0 15px 15px 15px !important;}
        
        /* Splits */
        .split .two-col 	{padding-right: 0 !important; height: auto !important;}
        .split .background 	{height: auto !important;}
        .split .big 		{border-bottom: 10px solid #14214D;}
        
        /* Polaroids */
		.polo-1 tbody > tr:nth-of-type(2) > td, .polo-2 > tbody > tr:nth-of-type(2) > td {border: none !important}
		.polo-1, .polo-2.c2 {border-bottom: 10px solid #14214D !important;}
        
        /* Mini Polaroids */
        .mPolo.wrap .container 	{padding-bottom: 0 !important;}
        .miniPolo {padding-right: 0 !important; padding-bottom: 10px !important;}

		/* Pormo Boxes */
		.promo.wrap .image-center {padding-right: 0 !important; padding-bottom: 15px !important;}
		.promo.wrap .promo-1 {border-bottom: 10px solid #14214D !important;}
		.promo.wrap .image-center img {width: 50px !important}
		
		/* -- March 2018 Update -- */
	
		/* ePromo */
		.ePromo .container > table > tbody > tr > th > .column.left {border-bottom: 10px solid #14214D !important;}
		.ePromo .header .img 			{width: 50px !important;}
		.ePromo .header .column.left td {padding-bottom: 10px !important; padding-right: 0 !important;}
		
		/* eSplit */
		.eSplit .pricePoint {padding: 10px 30px !important;}
		.eSplit .cta {padding: 10px 30px 30px 30px !important;}
.eSplit .text-center {padding: 30px 30px 0 30px !important;}
		
		/* eHalfSplit */
		
		/* eSliver */
		.eSliver .split 			{padding: 0 !important;}
		.eSliver .copy 				{padding: 30px 30px 0 30px !important;}
.eSliver .copy h6 {font-size: 16px !important;}
		.eSliver .btn-wrap-mobile 	{padding: 30px !important;}
		.eSliver .btn-mobile 		{vertical-align: middle !important;;}
		
		/* eMiniPromo */
		.miniPolo .container {padding-bottom: 0 !important;}
		.miniPolo p {font-size: 16px !important}
		
		/* MOD1 */
		.MOD1_A .row-2 .column.right > tbody > tr > td {padding: 0 30px 30px 30px !important;}
		.MOD1_B .row-2 .column.right > tbody > tr > td {padding: 0 30px 30px 30px !important;}
		
		/* MOD3 */
		.MOD3_A .copy, .MOD3_B .copy {padding: 0 !important;}
		
		/* MOD4 */
		.MOD4_C .sides, .MOD4_C .full {padding-bottom: 30px !important; padding-top: 0 !important;}
		
		/* Custom Media Queries */

#sliver .btn-wrap {padding: 15px !important;}

#promo3 .mobilecta {color: #111b40 !important;}

#promo2 .btn-border > table {border: 1px solid #304cb2 !important;  color: #304CB2!important; border-radius: 2px !important;-ms-border-radius: 2px !important; -webkit-border-radius: 2px !important;}


	
}
  </style>
 </head>
 <body data-gramm="true" data-gramm_id="b3d78d83-5c3f-24e7-0817-c09e394a2c90" style="background-color: rgb(255, 255, 255); text-size-adjust: 100%; margin: 0px !important; padding: 0px !important; height: 100% !important;">
  <!-- ===== start: main wrapper ===== -->
  <table bgcolor="#14214d" border="0" cellpadding="0" cellspacing="0" id="main-wrapper" style="margin: 0px; padding: 0px; width: 100% !important; height: 100% !important; line-height: 100% !important; background-color: rgb(20, 33, 77);" width="100%">
   <tbody>
    <tr>
     <td align="center" valign="top">
      <table border="0" cellpadding="0" cellspacing="0" id="main-container" role="presentation" width="600">
       <tbody>
        <!-- ===== start: header region ===== -->
        <tr>
         <td class="wrap" id="header" valign="top">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
           <tbody>
            <!-- start: preheader -->
            <tr>
             <td id="preheader" style="padding: 10px 0px 5px; border-bottom-color: rgb(46, 53, 77); border-bottom-width: 1px; border-bottom-style: solid;" valign="top">
              <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation">
               <tbody>
                <tr>
                 <td data-content-region-name="01-Preheader" style="text-align: left; color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 10px;" valign="top">
                  <p style="color: #CCCCCC; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                   Get your summer vacation on.
                  </p>
                 </td>
                </tr>
                <tr>
                 <td valign="top">
                  <p style="margin: 0px; text-align: left; color: rgb(204, 204, 204); font-family: Arial, Helvetica, sans-serif; font-size: 10px;">
                   <a style="color: rgb(164, 186, 242); text-decoration: none;">
                    View in web browser
                   </a>
                   |
                   <a style="color: rgb(164, 186, 242); text-decoration: none;">
                    View our mobile site
                   </a>
                  </p>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: preheader -->
            <!-- start: hello -->
           </tbody>
           <tr>
            <td class="hello" style="padding: 10px 0;" valign="top">
             <table align="right" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tbody>
               <tr>
                <td valign="top">
                 <p style="color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: right; Margin: 0;">
                  Hi James  0 points  |  RR# 20812372781
                 </p>
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
           <!-- end: hello -->
           <!-- start: header -->
           <tr>
            <td valign="top">
             <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tbody>
               <!-- start: top-nav -->
               <tr>
                <td id="top-nav" style="padding-bottom: 15px;" valign="top">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                   <tr>
                    <th class="split" style="padding: 0;" valign="top">
                     <table border="0" cellpadding="0" cellspacing="0" class="column left" height="25" role="presentation" width="181">
                      <tbody>
                       <tr>
                        <td style="padding-right: 10px; font-size: 0; line-height: 0;" valign="bottom">
                         <a style="color: #FFFFFFF; text-decoration: underline;">
                          <img alt="Southwest" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftemplates%252Fcleancode%252Fpromotionaltemplate%252Ftemplateimages%252Flogo-southwest.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; color: #FFFFFF; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;" width="171"/>
                         </a>
                        </td>
                       </tr>
                      </tbody>
                     </table>
                    </th>
                    <th class="split" style="padding: 0;" valign="top">
                     <table border="0" cellpadding="0" cellspacing="0" class="column right" height="25" role="presentation" width="419">
                      <tbody>
                       <tr>
                        <td valign="bottom">
                         <p style="color: #FFFFFF; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: right; Margin: 0;">
                          <a style="color: #FFFFFF; text-decoration: none;">
                           Air
                          </a>
                          |
                          <a style="color: #FFFFFF; text-decoration: none;">
                           Hotel
                          </a>
                          |
                          <a style="color: #FFFFFF; text-decoration: none;">
                           Car
                          </a>
                          |
                          <a style="color: #FFFFFF; text-decoration: none;">
                           Vacations
                          </a>
                          |
                          <a style="color: #FFFFFF; text-decoration: none;">
                           Rapid Rewards®
                          </a>
                         </p>
                        </td>
                       </tr>
                      </tbody>
                     </table>
                    </th>
                   </tr>
                  </tbody>
                 </table>
                </td>
               </tr>
               <!-- end: top-nav -->
               <!-- start: product-bar -->
               <tr>
                <td id="product-bar" style="padding-bottom: 15px;">
                 <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                   <tr>
                    <td valign="bottom">
                     <p style="color: #FFFFFF; font-size: 22px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                      Click 'N Save
                     </p>
                    </td>
                    <td valign="bottom">
                     <p style="color: #8F8F8F; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: right; Margin: 0;">
                      <a style="color: #8F8F8F; text-decoration: none;">
                       MAY 22
                      </a>
                     </p>
                    </td>
                   </tr>
                  </tbody>
                 </table>
                </td>
               </tr>
               <!-- end: product-bar -->
              </tbody>
             </table>
            </td>
           </tr>
           <!-- end: header -->
          </table>
         </td>
        </tr>
        <!-- ===== end: header region ===== -->
        <!-- ===== start: main body region ===== -->
        <tr>
         <td class="wrap" id="main-body" valign="top">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
           <tbody>
            <!-- start: module 1 -->
            <tr>
             <td class="module" data-content-region-name="02-Module-1" id="module-1" valign="top">
              <!-- start: hero (two image) -->
              <table border="0" cellpadding="0" cellspacing="0" class="hero wrap">
               <tbody>
                <!-- Desktop Image -->
                <tr class="hide">
                 <td class="container" style="padding-bottom: 10px;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #FFFFFF;" width="100%">
                   <tbody>
                    <tr>
                     <td style="font-size: 0; line-height: 0;" valign="top">
                      <a style="color: #304CB2; text-decoration: underline;">
                       <img alt="JUNE, JULY, &amp; AUGUST TRAVEL. Get your summer vacation on with low fares to 100 destinations. [Search low fares]." border="0" class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Fcns%252F2018%252F05may%252Fl_180522_cns_lfc%252Fimages%252Fd-hero1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 16px; font-family: Arial, Helvetica, sans-serif;" width="600"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <!-- Mobile Image -->
                <tr aria-hidden="true">
                 <td class="container mobile" style="mso-hide: all;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="background" width="100%">
                   <tbody>
                    <tr>
                     <td style="font-size: 0; line-height: 0;" valign="top">
                      <a style="color: #304CB2; text-decoration: underline;">
                       <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Fcns%252F2018%252F05may%252Fl_180522_cns_lfc%252Fimages%252Fm-hero1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 0; line-height: 0; max-height: 0; width: 0;" width="1"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
              <!-- end: hero (two image) -->
             </td>
            </tr>
            <!-- end: module 1 -->
            <!-- start: module 2 -->
            <tr>
             <td class="module" data-content-region-name="03-Module-2" id="module-2" valign="top">
             </td>
            </tr>
            <!-- end: module 2 -->
            <!-- start: module 3 -->
            <tr>
             <td class="module" data-content-region-name="04-Module-3" id="module-3" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" class="eSplit" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td class="container" style="padding-bottom: 10px;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #304CB2;" width="100%">
                   <tbody>
                    <tr>
                     <!-- start: left column (image) -->
                     <th aria-hidden="true" class="split" style="padding: 0;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="column left" width="300">
                       <tbody>
                        <tr>
                         <td style="font-size: 0; line-height: 0;" valign="top">
                          <a style="color: #FFFFFF; text-decoration: underline;">
                           <img alt="" border="0" class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Fcns%252F2018%252F05may%252Fl_180522_cns_lfc%252Fimages%252Fsplit1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; color: #FFFFFF; font-size: 24px; font-weight: bold; line-height: normal; font-family: Arial, Helvetica, sans-serif;" width="300"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: left column (image) -->
                     <!-- start: right column (copy) -->
                     <th class="split" style="padding: 0; font-weight: normal;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="column right" role="presentation" width="300">
                       <tbody>
                        <!-- copy -->
                        <tr>
                         <td class="text-center" height="110" style="padding: 30px 30px 0 15px;" valign="top">
                          <h1 style="color: #FFFFFF; font-size: 26px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; Margin: 0 0 10px 0;">
                           Low fares to high tide.
                          </h1>
                          <p style="color: #FFFFFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                           Fly to Mexico, Central America, or the Caribbean.
                          </p>
                         </td>
                        </tr>
                        <!-- Price Point -->
                        <!-- CTA -->
                        <tr>
                         <td class="btn-wrap-mobile blue-white cta" style="padding: 15px 30px 15px 15px;" valign="bottom">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tbody>
                            <tr>
                             <td class="btn-mobile" valign="middle">
                              <p style="color: #FFFFFF; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                               <a style="color: #FFFFFF; text-decoration: none;">
                                Book now
                                <span aria-hidden="true" class="hide">
                                 &gt;
                                </span>
                               </a>
                              </p>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                        <!-- terms -->
                       </tbody>
                      </table>
                     </th>
                     <!-- end: right column (copy) -->
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: module 3 -->
            <!-- start: module 4 -->
            <tr>
             <td class="module" data-content-region-name="05-Module-4" id="module-4" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" class="ePromo" id="promo1" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td class="container" style="padding-bottom: 10px;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" height="100%" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <!-- start: left promo -->
                     <th class="split" style="padding: 0; font-weight: normal;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="column left background" height="100%" role="presentation" style="background-color: #1A2C80;" width="300">
                       <tbody>
                        <tr>
                         <td style="padding: 30px;" valign="top">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tbody>
                            <!-- icon header -->
                            <!-- copy -->
                            <tr>
                             <td class="copy text-center" height="160" valign="top">
                              <p style="color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 10px 0;">
                              </p>
                              <h3 style="color: #FFBF27; font-size: 26px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; Margin: 0 0 10px 0;">
                               Save up to $100 on Las Vegas vacations.
                              </h3>
                              <h6 style="color: #FFFFFF; font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; Margin: 0;">
                               Summer's simply better at the pool.
                              </h6>
                             </td>
                            </tr>
                            <!-- CTA -->
                            <tr>
                             <td class="btn-wrap-mobile blue-white btn-border" style="padding: 30px 0 0 0;" valign="bottom">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                               <tbody>
                                <tr>
                                 <td class="btn-mobile" valign="middle">
                                  <p style="color: #FFFFFF; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                                   <a class="mobilecta" style="color: #FFFFFF; text-decoration: none;">
                                    Book package
                                    <span aria-hidden="true" class="hide">
                                     &gt;
                                    </span>
                                   </a>
                                  </p>
                                 </td>
                                </tr>
                               </tbody>
                              </table>
                             </td>
                            </tr>
                            <!-- terms -->
                           </tbody>
                          </table>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: left promo -->
                     <!-- start: right promo -->
                     <th class="split" style="padding: 0; font-weight: normal;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="column right background" height="100%" id="promo3" role="presentation" style="background-color: #FFBF27;" width="300">
                       <tbody>
                        <tr>
                         <td style="padding: 30px;" valign="top">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                           <tbody>
                            <!-- icon header -->
                            <!-- copy -->
                            <tr>
                             <td class="copy text-center" height="160" valign="top">
                              <p style="color: #111B40; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 10px 0;">
                               Rapid Rewards® Credit Card
                              </p>
                              <h3 style="color: #111B40; font-size: 26px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; Margin: 0 0 10px 0;">
                               Earn
                               <br/>
                               <span style="color: #d5152e;">
                                40,000 points
                               </span>
                              </h3>
                              <h6 style="color: #111B40; font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; Margin: 0;">
                               Earn points on every purchase.
                               <br class="hide"/>
                               Get 3,000 anniversary points.
                               <br class="hide"/>
                               Unlimited rewards seats.
                              </h6>
                             </td>
                            </tr>
                            <!-- CTA -->
                            <tr>
                             <td class="btn-wrap-mobile blue btn-border" style="padding: 30px 0 0 0;" valign="bottom">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                               <tbody>
                                <tr>
                                 <td class="btn-mobile" valign="middle">
                                  <p style="color: #D5152E; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                                   <a class="mobilecta" style="color: #D5152E; text-decoration: none;">
                                    Learn more
                                    <span aria-hidden="true" class="hide">
                                     &gt;
                                    </span>
                                   </a>
                                  </p>
                                 </td>
                                </tr>
                               </tbody>
                              </table>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: right promo -->
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: module 4 -->
            <!-- start: module 5 -->
            <tr>
             <td class="module" data-content-region-name="06-Module-5" id="module-5" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" class="eSliver" id="sliver" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td class="container" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #c0ccd6;" width="100%">
                   <tbody>
                    <tr>
                     <!-- start: left column (copy) -->
                     <th class="split full" style="padding: 15px 30px; font-weight: normal; Margin: 0;" valign="bottom">
                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" height="100%" role="presentation">
                       <tbody>
                        <tr>
                         <td class="copy text-center" valign="bottom">
                          <h5 style="color: #111B40; font-size: 22px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; Margin: 0 0 10px 0;">
                           Low fares for travel inspiration.
                          </h5>
                          <h6 style="color: #111B40; font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; Margin: 0;">
                           Where to next, James?
                           <br class="hide"/>
                           Check out where our Storytellers have been this month
                           <br class="hide"/>
                           —then search for your own low fare.
                          </h6>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: left column (copy) -->
                     <!-- start: right column (CTA) -->
                     <th align="left" class="split" style="padding-right: 15px;" valign="middle">
                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="column right btn-wrap" role="presentation" style="background-color: #c0ccd6;">
                       <tbody>
                        <tr>
                         <td class="btn-wrap" style="padding: 0px;" valign="top">
                          <table align="left" border="0" cellpadding="0" cellspacing="0" class="column right btn-wrap" role="presentation" style="background-color: #ffffff; border: 1px solid #ffffff; border-radius: 2px; -ms-border-radius: 2px; -webkit-border-radius: 2px;">
                           <tbody>
                            <tr>
                             <td class="btn" height="35" width="160">
                              <p style="color: #111b40; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; Margin: 0;">
                               <a style="color: #304cb2; text-decoration: none;">
                                Explore low fares
                               </a>
                              </p>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: right column (CTA) -->
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td>
                  <!-- start: hero (two image) -->
                  <table border="0" cellpadding="0" cellspacing="0" class="hero wrap">
                   <tbody>
                    <!-- Desktop Image -->
                    <tr class="hide">
                     <td valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #FFFFFF;" width="100%">
                       <tbody>
                        <tr>
                         <td style="font-size: 0; line-height: 0;" valign="top">
                          <img alt="" border="0" class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Fcns%252F2018%252F05may%252Fl_180522_cns_lfc%252Fimages%252Fd-cns-social-header-insta.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 16px; font-family: Arial, Helvetica, sans-serif;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <!-- Mobile Image -->
                    <tr aria-hidden="true">
                     <td class="mobile" style="mso-hide: all;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="background" style="background-color: #ffffff;" width="100%">
                       <tbody>
                        <tr>
                         <td style="font-size: 0; line-height: 0;" valign="top">
                          <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Fcns%252F2018%252F05may%252Fl_180522_cns_lfc%252Fimages%252Fm-cns-social-header-insta.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 0; line-height: 0; max-height: 0; width: 0;" width="1"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                  <!-- end: hero (two image) -->
                 </td>
                </tr>
                <tr>
                 <td>
                  <!-- start: hero (two image) -->
                  <table border="0" cellpadding="0" cellspacing="0" class="hero wrap">
                   <tbody>
                    <!-- Desktop Image -->
                    <tr class="hide">
                     <td class="container" style="padding-bottom: 10px;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #FFFFFF;" width="100%">
                       <tbody>
                        <tr>
                         <td style="font-size: 0; line-height: 0;" valign="top">
                          <img alt="" border="0" class="full" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Fcns%252F2018%252F05may%252Fl_180522_cns_lfc%252Fimages%252Fd-cns-social-instagram-hi.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 16px; font-family: Arial, Helvetica, sans-serif;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <!-- Mobile Image -->
                    <tr aria-hidden="true">
                     <td class="container mobile" style="mso-hide: all;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="background" width="100%">
                       <tbody>
                        <tr>
                         <td style="font-size: 0; line-height: 0;" valign="top">
                          <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fcontent%252Fswair%252Fm-cns-social-instagram-hi.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 0; line-height: 0; max-height: 0; width: 0;" width="1"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                  <!-- end: hero (two image) -->
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: module 5 -->
            <!-- start: module 6 -->
            <tr>
             <td class="module" data-content-region-name="07-Module-6" id="module-6" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" class="miniPolo" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td class="container" style="padding-bottom: 10px;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                   <tbody>
                    <tr>
                     <!-- start: miniPolo 1 -->
                     <th class="split" style="padding: 0;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="column c1" height="33" role="presentation" width="200">
                       <tbody>
                        <tr>
                         <td class="miniPolo" style="padding-right: 10px;" valign="top">
                          <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #304CB2;" width="100%">
                           <tbody>
                            <tr>
                             <td style="padding: 5px 10px;" valign="top">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                               <tbody>
                                <tr>
                                 <td aria-hidden="true" class="icon" style="font-size: 0; line-height: 0; padding-right: 10px;" valign="middle" width="33">
                                  <a style="color: #FFFFFF; text-decoration: underline;">
                                   <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftest_content%252Fjoshsworkshop%252Fpromotionaltemplate%252Ftemplateimages%252Fico-hotel.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block;" width="33"/>
                                  </a>
                                 </td>
                                 <td class="copy" style="padding-right: 10px;" valign="middle">
                                  <p style="color: #FFFFFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                                   <a style="color: #FFFFFF; text-decoration: none; width: 100%;">
                                    Book hotel
                                   </a>
                                  </p>
                                 </td>
                                 <td align="right" aria-hidden="true" class="carrot" style="font-size: 0; line-height: 0;" valign="middle" width="8">
                                  <a style="color: #FFFFFF; text-decoration: none;">
                                   <img alt="&gt;" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftest_content%252Fjoshsworkshop%252Fpromotionaltemplate%252Ftemplateimages%252Fcarrot.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: normal;" width="8"/>
                                  </a>
                                 </td>
                                </tr>
                               </tbody>
                              </table>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: miniPolo 1 -->
                     <!-- start: miniPolo 2 -->
                     <th class="split" style="padding: 0;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="column c2" height="33" role="presentation" width="200">
                       <tbody>
                        <tr>
                         <td class="miniPolo" style="padding-right: 10px;" valign="top">
                          <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #304CB2;" width="100%">
                           <tbody>
                            <tr>
                             <td style="padding: 5px 10px;" valign="top">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                               <tbody>
                                <tr>
                                 <td aria-hidden="true" class="icon" style="font-size: 0; line-height: 0; padding-right: 10px;" valign="middle" width="33">
                                  <a style="color: #FFFFFF; text-decoration: underline;">
                                   <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftest_content%252Fjoshsworkshop%252Fpromotionaltemplate%252Ftemplateimages%252Fico-car.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block;" width="33"/>
                                  </a>
                                 </td>
                                 <td class="copy" style="padding-right: 10px;" valign="middle">
                                  <p style="color: #FFFFFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                                   <a style="color: #FFFFFF; text-decoration: none; width: 100%;">
                                    Book car
                                   </a>
                                  </p>
                                 </td>
                                 <td align="right" aria-hidden="true" class="carrot" style="font-size: 0; line-height: 0;" valign="middle" width="8">
                                  <a style="color: #FFFFFF; text-decoration: none;">
                                   <img alt="&gt;" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftest_content%252Fjoshsworkshop%252Fpromotionaltemplate%252Ftemplateimages%252Fcarrot.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: normal;" width="8"/>
                                  </a>
                                 </td>
                                </tr>
                               </tbody>
                              </table>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: miniPolo 2 -->
                     <!-- start: miniPolo 3 -->
                     <th class="split" style="padding: 0;" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" class="column c3" height="33" role="presentation" width="200">
                       <tbody>
                        <tr>
                         <td class="miniPolo" valign="top">
                          <table border="0" cellpadding="0" cellspacing="0" class="background" role="presentation" style="background-color: #304CB2;" width="100%">
                           <tbody>
                            <tr>
                             <td style="padding: 5px 10px;" valign="top">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                               <tbody>
                                <tr>
                                 <td aria-hidden="true" class="icon" style="font-size: 0; line-height: 0; padding-right: 10px;" valign="middle" width="33">
                                  <a style="color: #FFFFFF; text-decoration: underline;">
                                   <img alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftest_content%252Fjoshsworkshop%252Fpromotionaltemplate%252Ftemplateimages%252Fico-offers.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block;" width="33"/>
                                  </a>
                                 </td>
                                 <td class="copy" style="padding-right: 10px;" valign="middle">
                                  <p style="color: #FFFFFF; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                                   <a style="color: #FFFFFF; text-decoration: none; width: 100%;">
                                    View all offers
                                   </a>
                                  </p>
                                 </td>
                                 <td align="right" aria-hidden="true" class="carrot" style="font-size: 0; line-height: 0;" valign="middle" width="8">
                                  <a style="color: #FFFFFF; text-decoration: none;">
                                   <img alt="&gt;" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftest_content%252Fjoshsworkshop%252Fpromotionaltemplate%252Ftemplateimages%252Fcarrot.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: block; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: normal;" width="8"/>
                                  </a>
                                 </td>
                                </tr>
                               </tbody>
                              </table>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </th>
                     <!-- end: miniPolo 3 -->
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: module 6 -->
            <!-- start: module 7 -->
            <tr>
             <td class="module" data-content-region-name="08-Module-7" id="module-7" valign="top">
             </td>
            </tr>
            <!-- end: module 7 -->
            <!-- start: module 8 -->
            <tr>
             <td class="module" data-content-region-name="09-Module-8" id="module-8" valign="top">
             </td>
            </tr>
            <!-- end: module 8 -->
            <!-- start: module 9 -->
            <tr>
             <td class="module" data-content-region-name="10-Module-9" id="module-9" valign="top">
             </td>
            </tr>
            <!-- end: module 9 -->
            <!-- start: module 10 -->
            <tr>
             <td class="module" data-content-region-name="11-Module-10" id="module-10" valign="top">
             </td>
            </tr>
            <!-- end: module 10 -->
           </tbody>
          </table>
         </td>
        </tr>
        <!-- ===== end: main body region ===== -->
        <!-- ===== start: footer region ===== -->
        <tr>
         <td class="wrap" id="footer" style="padding-bottom: 15px;" valign="top">
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color: rgb(255, 255, 255);" width="100%">
           <tbody>
            <!-- start: bottom-nav -->
            <tr>
             <td id="bot-nav" style="padding: 15px;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tbody>
                <tr>
                 <th class="split" style="padding: 0;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="column c1" role="presentation">
                   <tbody>
                    <tr>
                     <td style="padding-right: 15px;" valign="top">
                      <p class="head" style="color: #616161; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 5px 0;">
                       Contact us
                      </p>
                      <p style="color: #616161; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                       <a style="color: #304CB2; text-decoration: none;">
                        Customer Service
                       </a>
                       |
                       <a style="color: #304CB2; text-decoration: none;">
                        FAQ
                       </a>
                      </p>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </th>
                 <th class="split" style="padding: 0;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="column c2" role="presentation">
                   <tbody>
                    <tr>
                     <td style="padding-right: 15px;" valign="top">
                      <p class="head" style="color: #616161; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 5px 0;">
                       Get automatic check-in
                      </p>
                      <p style="color: #616161; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                       <a style="color: #304CB2; text-decoration: none;">
                        with EarlyBird Check-In®
                       </a>
                      </p>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </th>
                 <th class="split" style="padding: 0;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="column c3" role="presentation">
                   <tbody>
                    <tr>
                     <td style="padding-right: 15px;" valign="top">
                      <p class="head" style="color: #616161; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 5px 0;">
                       Connect with us
                      </p>
                      <p style="color: #616161; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                       <a style="color: #304CB2; text-decoration: none;">
                        <img alt="Twitter" height="22" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftemplates%252Fcleancode%252Fpromotionaltemplate%252Ftemplateimages%252Fico-twitter.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: inline; border: 0;" width="22"/>
                       </a>
                       <a style="color: #304CB2; text-decoration: none;">
                        <img alt="Facebook" height="22" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftemplates%252Fcleancode%252Fpromotionaltemplate%252Ftemplateimages%252Fico-facebook.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: inline; border: 0;" width="22"/>
                       </a>
                       <a style="color: #304CB2; text-decoration: none;">
                        <img alt="Instagram" height="22" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftemplates%252Fcleancode%252Fpromotionaltemplate%252Ftemplateimages%252Fico-instagram.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: inline; border: 0;" width="22"/>
                       </a>
                       <a style="color: #304CB2; text-decoration: none;">
                        <img alt="YouTube" height="22" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftemplates%252Fcleancode%252Fpromotionaltemplate%252Ftemplateimages%252Fico-youtube.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: inline; border: 0;" width="22"/>
                       </a>
                       <a style="color: #304CB2; text-decoration: none;">
                        <img alt="Community" height="22" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftemplates%252Fcleancode%252Fpromotionaltemplate%252Ftemplateimages%252Fico-community.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: inline; border: 0;" width="22"/>
                       </a>
                      </p>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </th>
                 <th class="split" style="padding: 0;" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" class="column c4" role="presentation">
                   <tbody>
                    <tr>
                     <td valing="top">
                      <p class="head" style="color: #616161; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 5px 0;">
                       Mobile app
                      </p>
                      <p style="color: #616161; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                       <a style="color: #304CB2; text-decoration: none;">
                        <img alt="app" border="0" class="hide" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi2%252Fresponsysimages%252Fswair%252Fcontentlibrary%252Ftemplates%252Fcleancode%252Fpromotionaltemplate%252Ftemplateimages%252Fico-app.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPOA:WaEX1NnZB87vUnZuBkNZgyS64RjG8PxY_BJUBCuq_Po" style="display: inline;" width="14"/>
                        <span class="m-span" style="color: #FFFFFF; font-size: 1px;">
                         Get the mobile app
                        </span>
                       </a>
                      </p>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </th>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: bottom-nav -->
            <!-- start: link bar -->
            <!-- end: link bar -->
            <!-- start: terms and conditions -->
            <tr>
             <td id="terms" style="padding: 0px 15px;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td data-content-region-name="12-Terms-1" valign="top">
                 </td>
                </tr>
                <tr>
                 <td data-content-region-name="13-Terms-2" valign="top">
                  <p style="color: #616161; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 15px 0;">
                   <a style="color: #616161; text-decoration: none;">
                    <strong>
                     Southwest Vacations® Offer
                    </strong>
                    <br/>
                    <br/>
                    Up to $100 per reservation promotion code savings ($20 per night, up to five nights) apply on flight + hotel vacation packages of three nights or more to Las Vegas. Savings is reflected in the package price when using promotion code 100LASSAVE at the time of booking. Length of stay for flight and hotel components must match. Promotion code intended for redemption by individual consumer only. One-day advance purchase is required. Savings valid if booked 5/22/18 - 6/4/18 by 6:00 p.m. CT for travel 5/23/18 - 11/1/18.
                   </a>
                  </p>
                  <a style="color: #616161; text-decoration: none;">
                  </a>
                 </td>
                </tr>
                <tr>
                 <td data-content-region-name="14-Terms-3" valign="top">
                 </td>
                </tr>
                <tr>
                 <td data-content-region-name="15-Terms-4" valign="top">
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: terms and conditions -->
            <!-- start: legal -->
            <tr>
             <td id="legal" style="padding: 0px 15px 15px;" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
               <tbody>
                <tr>
                 <td valign="top">
                  <p style="color: #616161; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 10px 0;">
                   The account information in this email is only an estimate for a specific point in time. Please reference your 
        Rapid Rewards account on
                   <a style="color: #616161; text-decoration: none;">
                    <strong>
                     Southwest.com®
                    </strong>
                   </a>
                   for the most up-to-date information on available points, tier status, including tier qualifying points or flights, and Companion Pass qualifying points or flights.
                  </p>
                  <p style="color: #616161; font-size: 10px; font-family: Arial, Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 10px 0;">
                   <a style="color: #304CB2; text-decoration: underline;">
                    All Rapid Rewards rules and regulations apply.
                   </a>
                  </p>
                  <p style="color: #616161; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; margin: 0 0 10px 0;">
                   <span lang="es">
                    Cualquier información publicitaria, promocional o de mercadotecnia contenida en este correo electrónico sólo será efectiva y únicamente 
    será aplicable en los Estados Unidos de América.
                   </span>
                  </p>
                  <p style="color: #616161; font-size: 10px;  font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 10px 0;">
                   This is a post-only mailing from Southwest Airlines®. Please do not attempt to respond to this message.
                  </p>
                  <p style="color: #616161; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 10px 0;">
                   <a style="color: #616161; text-decoration: none;">
                    Southwest Airlines
                    <br/>
                    2702 Love Field Drive
                    <br/>
                    Dallas, TX 75235
                    <br/>
                    1-800-I-FLY-SWA (1-800-435-9792)
                   </a>
                  </p>
                  <p style="color: #616161; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0 0 10px 0;">
                   <span aria-hidden="true">
                    ©
                   </span>
                   Copyright 2018 Southwest Airlines Co. All Rights Reserved.
                  </p>
                  <p style="color: #616161; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; Margin: 0;">
                   You are currently subscribed to Click 'N Save emails as:
                   <a style="color: #616161; text-decoration: none;">
                    9de7e57c@uifeed.com
                   </a>
                   <br/>
                   <a style="color: #304CB2; text-decoration: underline;">
                    Update your preferences
                   </a>
                   |
                   <a style="color: #304CB2; text-decoration: underline;">
                    Click here to unsubscribe
                   </a>
                  </p>
                  <img height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fpixel.monitor1.returnpath.net%252Fpixel.gif%253Fr%253D535f027b927271a2aad46477125f26ebd1b61abc%2526c%253Dswair.4878962%2526s%253D15%252C892%252C138%252C302/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZwaXhlbC5tb25pdCJ9:1kXPOA:wiGHBf5NRz1KiXVgsmiJa7LkqQ_fHc7qERH4CxQZcbo" style="display: none;" width="1"/>
                  <img height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fswa.demdex.net%252Fevent%253Fc_pagename%253DEmail%2520Open%2526c_evar45%253D20812372781%2526c_evar38%253Dac8e32ec96b56e87848e0603521e75ec6aac29add4856d8ae7f2b694403a8574%2526c_evar39%253DL_180522_CNS_LFC_V1%2526c_evar65%253D0807%2526c_campaign%253DMAILCNS572030%2526c_event%253Devent16%2526d_rand%253D97%252C695/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnN3YS5kZW1kZXgubiJ9:1kXPOA:s-DjrTOhYvUPw2GOm1yMndQj1Ja8csOkP2QQ1Z2xEdw" style="display: none;" width="1"/>
                  <img height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fsmetrics.southwest.com%252Fb%252Fss%252Fswaprod%252F1%252FG.5--NS%252F123457%253Fpe%253Dlnk_o%2526pev2%253DEmail%2520Open%2526c65%253DEmail%2520Open%2526v1%253Demail%2526v45%253D20812372781%2526v38%253Dac8e32ec96b56e87848e0603521e75ec6aac29add4856d8ae7f2b694403a8574%2526v39%253DL_180522_CNS_LFC_V1%2526v65%253D0807%2526campaign%253DMAILCNS572030%2526events%253Devent16/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzbWV0cmljcy5zbyJ9:1kXPOA:W46vVEGkEUCzDdA_x1DdePYF2lXHcTPw30kfuPRfMWM" style="display: none;" width="1"/>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- end: legal -->
           </tbody>
          </table>
         </td>
        </tr>
        <!-- ===== end: footer region ===== -->
       </tbody>
      </table>
      <!-- ===== end: main wrapper ====== -->
     </td>
    </tr>
   </tbody>
  </table>
  <table cellpadding="0" cellspacing="0" style="border: 0px; padding: 0px; margin: 0px; position: absolute; display: none; float: left">
   <tr>
    <td height="1" style="font-size: 1px; line-height: 1px; padding: 0px;">
     <br/>
     <img src="https://inboxflows.com/_/image/https%253A%252F%252Fluv.southwest.com%252Fpub%252Fas%253F_ri_%253DX0Gzc2X%253DYQpglLjHJlTQGiquC43GzeXvrzgszcTKEh2ufIufBkzdD8seMreB7g7Izb7cdWnzbzdj9WYVXHkMX%253Dw%2526_ei_%253DEolaGGF4SNMvxFF7KucKuWMpGWAiDQwYCgesfgYrhlf1g667-SpswFX_GST2bDGxr0ulTWuAVJ8QJMK76w./?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZsdXYuc291dGh3ZSJ9:1kXPOA:C_k_XbSlvWZkfqjCUkjhzen2-853abPikopZ5DM5dfw"/>
    </td>
   </tr>
  </table>
 </body>
</html>