<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>
</title>
<!--[if !mso]><!-- -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
#outlook a { padding:0; }
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
p { display:block;margin:13px 0; }
</style>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.mj-outlook-group-fix { width:100% !important; }
</style>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
</style>
<!--<![endif]-->
<style type="text/css">
@media only screen and (min-width:480px) {
.mj-column-per-100 { width:100% !important; max-width: 100%; }
.mj-column-per-33 { width:33% !important; max-width: 33%; }
.mj-column-per-66 { width:66% !important; max-width: 66%; }
.mj-column-per-33-333333333333336 { width:33.333333333333336% !important; max-width: 33.333333333333336%; }
.mj-column-per-40 { width:40% !important; max-width: 40%; }
.mj-column-per-60 { width:60% !important; max-width: 60%; }
}
</style>
<style type="text/css">
@media only screen and (max-width:480px) {
table.mj-full-width-mobile { width: 100% !important; }
td.mj-full-width-mobile { width: auto !important; }
}
</style>
<style type="text/css">.rounded-border table {
border-collapse: separate !important;
}
.hide_on_mobile {
display: none !important;
}
.hide_on_desktop {
display: block !important;
}
@media only screen and (min-width: 480px) {
.hide_on_mobile {
display: block !important;
}
.hide_on_desktop {
display: none !important;
}
}
@media only screen and (max-width: 480px){
.mobile-8,.mobile-8 div {
font-size: 8px !important;
}
.mobile-9,.mobile-9 div {
font-size: 9px !important;
}
.mobile-10,.mobile-10 div {
font-size: 10px !important;
}
.mobile-11,.mobile-11 div {
font-size: 11px !important;
}
.mobile-12,.mobile-12 div {
font-size: 12px !important;
}
.mobile-14,.mobile-14 div {
font-size: 14px !important;
}
.mobile-16,.mobile-16 div {
font-size: 16px !important;
}
.mobile-18,.mobile-18 div {
font-size: 18px !important;
}
.mobile-20,.mobile-20 div {
font-size: 20px !important;
}
.mobile-22,.mobile-22 div {
font-size: 22px !important;
}
.mobile-24,.mobile-24 div {
font-size: 24px !important;
}
.mobile-26,.mobile-26 div {
font-size: 26px !important;
}
.mobile-28,.mobile-28 div {
font-size: 28px !important;
}
.mobile-30,.mobile-30 div {
font-size: 30px !important;
}
.mobile-32,.mobile-32 div {
font-size: 32px !important;
}
.mobile-34,.mobile-34 div {
font-size: 34px !important;
}
.text-mobile-padding-0,.text-mobile-padding-0-0 {
padding: 0 !important;
}
.mobile-padding > table > tbody > tr > td {
padding: 5px 10px !important;
}
.mobile-padding-0 > table > tbody > tr > td {
padding: 0 !important;
}
.mobile-padding-0-5 > table > tbody > tr > td {
padding: 0 5px !important;
}
.mobile-padding-0-8 > table > tbody > tr > td {
padding: 0 10px !important;
}
.mobile-padding-0-8 > table > tbody > tr > td {
padding: 0 8px !important;
}
.mobile-padding-0-9 > table > tbody > tr > td {
padding: 0 9px !important;
}
.mobile-padding-0-10 > table > tbody > tr > td {
padding: 0 10px !important;
}
.mobile-padding-0-15 > table > tbody > tr > td {
padding: 0 15px !important;
}
.mobile-padding-0-20 > table > tbody > tr > td {
padding: 0 20px !important;
}
.mobile-padding-0-25 > table > tbody > tr > td {
padding: 0 25px !important;
}
.mobile-padding-0-30 > table > tbody > tr > td {
padding: 0 30px !important;
}
.mobile-padding-0-35 > table > tbody > tr > td {
padding: 0 35px !important;
}
.mobile-padding-5-0 > table > tbody > tr > td {
padding: 5px 0 !important;
}
.mobile-padding-5 > table > tbody > tr > td,.mobile-padding-5-5 > table > tbody > tr > td {
padding: 5px !important;
}
.mobile-padding-5-10 > table > tbody > tr > td {
padding: 5px 10px !important;
}
.mobile-padding-5-15 > table > tbody > tr > td {
padding: 5px 15px !important;
}
.mobile-padding-5-20 > table > tbody > tr > td {
padding: 5px 20px !important;
}
.mobile-padding-5-25 > table > tbody > tr > td {
padding: 5px 25px !important;
}
.mobile-padding-5-30 > table > tbody > tr > td {
padding: 5px 30px !important;
}
.mobile-padding-5-35 > table > tbody > tr > td {
padding: 5px 35px !important;
}
.mobile-padding-10-0 > table > tbody > tr > td {
padding: 10px 0 !important;
}
.mobile-padding-10-5 > table > tbody > tr > td {
padding: 10px 5px !important;
}
.mobile-padding-10 > table > tbody > tr > td,.mobile-padding-10-10 > table > tbody > tr > td {
padding: 10px !important;
}
.mobile-padding-10-15 > table > tbody > tr > td {
padding: 10px 15px !important;
}
.mobile-padding-10-20 > table > tbody > tr > td {
padding: 10px 20px !important;
}
.mobile-padding-10-25 > table > tbody > tr > td {
padding: 10px 25px !important;
}
.mobile-padding-10-30 > table > tbody > tr > td {
padding: 10px 30px !important;
}
.mobile-padding-10-35 > table > tbody > tr > td {
padding: 10px 35px !important;
}
.mobile-padding-15-0 > table > tbody > tr > td {
padding: 15px 0 !important;
}
.mobile-padding-15-5 > table > tbody > tr > td {
padding: 15px 5px !important;
}
.mobile-padding-15-10 > table > tbody > tr > td {
padding: 15px 10px !important;
}
.mobile-padding-15 > table > tbody > tr > td,.mobile-padding-15-15 > table > tbody > tr > td {
padding: 15px !important;
}
.mobile-padding-15-20 > table > tbody > tr > td {
padding: 15px 20px !important;
}
.mobile-padding-15-25 > table > tbody > tr > td {
padding: 15px 25px !important;
}
.mobile-padding-15-30 > table > tbody > tr > td {
padding: 15px 30px !important;
}
.mobile-padding-15-35 > table > tbody > tr > td {
padding: 15px 35px !important;
}
.mobile-padding-20-0 > table > tbody > tr > td {
padding: 20px 0 !important;
}
.mobile-padding-20-5 > table > tbody > tr > td {
padding: 20px 5px !important;
}
.mobile-padding-20-10 > table > tbody > tr > td {
padding: 20px 10px !important;
}
.mobile-padding-20-15 > table > tbody > tr > td {
padding: 20px 15px !important;
}
.mobile-padding-20 > table > tbody > tr > td,.mobile-padding-20-20 > table > tbody > tr > td {
padding: 20px !important;
}
.mobile-padding-20-25 > table > tbody > tr > td {
padding: 20px 25px !important;
}
.mobile-padding-20-30 > table > tbody > tr > td {
padding: 20px 30px !important;
}
.mobile-padding-20-35 > table > tbody > tr > td {
padding: 20px 35px !important;
}
.mobile-padding-25-0 > table > tbody > tr > td {
padding: 25px 0 !important;
}
.mobile-padding-25-5 > table > tbody > tr > td {
padding: 25px 5px !important;
}
.mobile-padding-25-10 > table > tbody > tr > td {
padding: 25px 10px !important;
}
.mobile-padding-25-15 > table > tbody > tr > td {
padding: 25px 15px !important;
}
.mobile-padding-25-20 > table > tbody > tr > td {
padding: 25px 20px !important;
}
.mobile-padding-25 > table > tbody > tr > td,.mobile-padding-25-25 > table > tbody > tr > td {
padding: 25px !important;
}
.mobile-padding-25-30 > table > tbody > tr > td {
padding: 25px 30px !important;
}
.mobile-padding-25-35 > table > tbody > tr > td {
padding: 25px 35px !important;
}
.mobile-padding-30-0 > table > tbody > tr > td {
padding: 30px 0 !important;
}
.mobile-padding-30-5 > table > tbody > tr > td {
padding: 30px 5px !important;
}
.mobile-padding-30-10 > table > tbody > tr > td {
padding: 30px 10px !important;
}
.mobile-padding-30-15 > table > tbody > tr > td {
padding: 30px 15px !important;
}
.mobile-padding-30-30 > table > tbody > tr > td {
padding: 30px 30px !important;
}
.mobile-padding-30-25 > table > tbody > tr > td {
padding: 30px 25px !important;
}
.mobile-padding-30 > table > tbody > tr > td,.mobile-padding-30-30 > table > tbody > tr > td {
padding: 30px !important;
}
.mobile-padding-30-35 > table > tbody > tr > td {
padding: 30px 35px !important;
}
.mobile-padding-35-0 > table > tbody > tr > td {
padding: 35px 0 !important;
}
.mobile-padding-35-5 > table > tbody > tr > td {
padding: 35px 5px !important;
}
.mobile-padding-35-10 > table > tbody > tr > td {
padding: 35px 10px !important;
}
.mobile-padding-35-15 > table > tbody > tr > td {
padding: 35px 15px !important;
}
.mobile-padding-35-35 > table > tbody > tr > td {
padding: 35px 35px !important;
}
.mobile-padding-35-25 > table > tbody > tr > td {
padding: 35px 25px !important;
}
.mobile-padding-35-30 > table > tbody > tr > td {
padding: 35px 30px !important;
}
.mobile-padding-35 > table > tbody > tr > td,.mobile-padding-35-35 > table > tbody > tr > td {
padding: 35px !important;
}
.mobile-height-25 {
height: 25px !important;
}
.mobile-height-29 {
height: 29px !important;
}
.mobile-height-36 {
height: 36px !important;
}
.mobile-height-43 {
height: 43px !important;
}
.mobile-height-48 {
height: 48px !important;
}
.mobile-height-60 {
height: 60px !important;
}
.mobile-height-75 {
height: 75px !important;
}
.mobile-height-100 {
height: 100px !important;
}
.mobile-height-125 {
height: 125px !important;
}
.mobile-height-186 {
height: 186px !important;
}
.mobile-width-100 {
width: 100px !important;
}
.mobile-width-120 {
width: 120px !important;
}
.mobile-width-126 {
width: 126px !important;
}
.mobile-width-150 {
width: 150px !important;
}
.mobile-width-175 {
width: 175px !important;
}
.mobile-width-193 {
width: 193px !important;
}
.mobile-width-200 {
width: 200px !important;
}
.mobile-width-5-percent {
width: 5% !important;
}
.mobile-width-10-percent {
width: 10% !important;
}
.mobile-width-15-percent {
width: 15% !important;
}
.mobile-width-18-percent {
width: 18% !important;
}
.mobile-width-19-percent {
width: 19% !important;
}
.mobile-width-20-percent {
width: 20% !important;
}
.mobile-width-23-percent {
width: 23% !important;
}
.mobile-width-24-percent {
width: 24% !important;
}
.mobile-width-25-percent {
width: 25% !important;
}
.mobile-width-30-percent {
width: 30% !important;
}
.mobile-width-35-percent {
width: 35% !important;
}
.mobile-width-40-percent {
width: 40% !important;
}
.mobile-width-45-percent {
width: 45% !important;
}
.mobile-width-50-percent {
width: 50% !important;
}
.mobile-width-55-percent {
width: 55% !important;
}
.mobile-width-60-percent {
width: 60% !important;
}
.mobile-width-65-percent {
width: 65% !important;
}
.mobile-width-70-percent {
width: 70% !important;
}
.mobile-width-75-percent {
width: 75% !important;
}
.mobile-width-80-percent {
width: 80% !important;
}
.mobile-width-85-percent {
width: 85% !important;
}
.mobile-width-90-percent {
width: 90% !important;
}
.mobile-width-95-percent {
width: 95% !important;
}
.mobile-width-100-percent {
width: 100% !important;
}
.mobile-width-100 {
width: 100% !important;
}
.vertical-mobile-items {
width: 100%;
width: 100% !important;
display: block;
display: block !important;
padding: 0;
padding: 0 !important;
}
}
.primary-button a {
width: 100%;
}
.MsoNormal {
background: #FFFFFF !important;
line-height: 0px !important;
height: 0px !important;
}</style>
</head>
<body style="background-color:#f3f3f3;">
<div style="color:transparent;visibility:hidden;opacity:0;font-size:0px;border:0;max-height:1px;width:1px;margin:0px;padding:0px;border-width:0px!important;display:none!important;line-height:0px!important;"><img border="0" width="1" height="1" src="https://cta.narvar.com/q/vwaTK0mtKQhqS6a69ThUbw~~/AAG0DBA~/E5XFAaIUwsLNGY9CmGvyKptfzdJwBQ7nOzYxteDsq2pkNk7_GxPKbPGkfxAP50Edonvx6lRriSSclYb2NJQ0ZQ~~" alt=""/></div>
<div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
Thanks for shopping with us.
</div>
<div
style="background-color:#f3f3f3;"
>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#000000;background-color:#000000;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#000000;background-color:#000000;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:15px 0px 0px 0px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" style="font-size:0px;padding:0px;word-break:break-word;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
>
<tbody>
<tr>
<td style="width:200px;">
<a
href="https://cta.narvar.com/f/a/v5rBhhS3Qq2DeIzNwIQLOA~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5jYXcAgfUiScp6xGR-q7dmEDhCCLgV4Cmy17YQh8VQ3P-9qo11XeBtJEMe_4vTwR7dOp-unlZOmR4tRR4EPvs_L0qGesx5QEF3uXb2b-_Iyhc" target="_blank"
>
<img
alt="Hot Topic" height="" src="https://narvar-freighter-st01.s3.us-west-2.amazonaws.com/hottopic/f4641876-4734-4bc8-8559-1ec63a5997b0" style="border:0;display:block;outline:none;text-decoration:none;height:;width:100%;font-size:13px;" width="200"
/>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#000000;background-color:#000000;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#000000;background-color:#000000;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-0-15-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-0-15" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" class="mobile-14" style="font-size:0px;padding:10px 0px 20px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:600;letter-spacing:0px;line-height:20px;text-align:center;color:#ffffff;"
>Order Delivered</div>
</td>
</tr>
<tr>
<td
style="font-size:0px;padding:0;word-break:break-word;"
>
<p
style="border-top:solid 0px #CCCCCC;font-size:1px;margin:0px auto;width:100%;"
>
</p>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 0px #CCCCCC;font-size:1px;margin:0px auto;width:520px;" role="presentation" width="520px"
>
<tr>
<td style="height:0;line-height:0;">
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#eeeeee;background-color:#eeeeee;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#eeeeee;background-color:#eeeeee;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" class="mobile-14" style="font-size:0px;padding:15px 0px 15px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:16px;letter-spacing:0px;line-height:1;text-align:center;color:#333333;"
><b>Order Number:</b> <a href="https://cta.narvar.com/f/a/182XghzIXqUbjBEKhd1LGw~~/AAG0DBA~/I-T15fPG_96xz-z9JsKjLOkzuqY8CB59lMBDTQelIOMLvtHzScQCrWaZ3mQRkzfc-mbu0sPkVCBAY2Jgc2xYb4BucaTlyGBYHoU6tSrDS2J5iSRO-igqfWrq3pmcIFPb" style="color: #333333;">DH2452347234</a></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-0-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-0" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
style="font-size:0px;word-break:break-word;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="20" style="height:20px;">
<![endif]-->
<div
style="height:20px;"
>
</div>
<!--[if mso | IE]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" class="mobile-22" style="font-size:0px;padding:8px 0px 8px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:24px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:32px;text-align:center;text-transform:none;color:#333333;"
>Your merch is here!</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-0-10-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-0-10" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" class="mobile-16" style="font-size:0px;padding:5px 0px 5px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:500;letter-spacing:0px;line-height:24px;text-align:center;text-decoration:none;text-transform:none;color:#333333;"
>Kai, your package is here and ready to be opened. Thanks again for shopping with Hot Topic!</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" vertical-align="middle" class="primary-button mobile-14" style="font-size:0px;padding:15px 0px 15px 0px;word-break:break-word;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:250px;line-height:100%;"
>
<tr>
<td
align="center" bgcolor="#CC0000" role="presentation" style="border:0px solid rgba(255,255,255,0);border-radius:3px;cursor:auto;height:40px;mso-padding-alt:10px 0;background:#CC0000;" valign="middle"
>
<a
href="https://cta.narvar.com/f/a/ZHRfTNLFdLXD_hwS33fVmw~~/AAG0DBA~/GL9GMwFy02PRvxfzqSWI6XqqGCIz_qcdG0M4PUop3n97PtYB0owIQEH2LZkDu4O4pzjxQHil-McDH4t3bg2Z7ISUG10QAjnLhy9vigN2_corfMgscqYCamAnluYij6jwfFpWEgZclMbnh4wy3kvC5ifFqGhHK0uOkjK_hliIpQjUG_4qNPtqrWlRv43p7doKTpJLkxL_0zayc2LkgICnH48-WduxtB28IsKzbx2mQEKj-1SoZ7ee3R5xTI4Hwv6J8-30qWeK-2bTYJhOYvDsYqNWkCgzlg5N3xv4cRjNWj9izFFyse7dcsQX6F6jja7d0Zoz386_Hv_tbIffoY_M1G7Qs5V877c6QYZWho91uIUlAqRtdsDDzDQzaiyuQESH9egzQDLXNIo4X-caManJnbBelGv4-lUC9vmDaw241_vOjHbrfYhA3J0Ea-ohp0yHOCXfNeAJUmxU5z9RRNPgesWPxyXVMERyN58FxlCSvJhRK7ASkkQbC225T7f-nW_WE2isoADu0Yd-MBhr4WOZ5yo_XCqDaFhXsK5AZLrZLqSAyt6L7TCB_hMp4Arh6ro1XAjzGkpzz3ZFr-cdZhUMFdAVr4iqJJNR6Tn7osMGYhTHnA4QSeBz2Cy8Ba8c7rE85mkzcfEOPrmmIBeuieqXTZEWLRqSzSHR-bmLVniVAid_MtNz5G_qBiJHRo8dD5PTfKfxcjpqAyYyoQKkVPdm7Q~~" style="display:inline-block;width:250px;background:#CC0000;color:#FFFFFF;font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:600;line-height:120%;letter-spacing:0px;margin:0;text-decoration:none;text-transform:none;padding:10px 0;mso-padding-alt:0px;border-radius:3px;" target="_blank"
>
TRACK YOUR ORDER
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="mobile-padding-outlook" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div class="mobile-padding" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-5-10-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-5-10" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="background-color:#ffffff;border:0px solid #ffffff;vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" class="mobile-14" style="font-size:0px;padding:0px 0px 0px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:500;line-height:24px;text-align:center;color:#333333;"
><span style="border: none;outline: none;"><a style="color: #333333;text-decoration: underline;border: none;outline: none; text-decoration-color: #666666;" href="https://cta.narvar.com/f/a/Oq03_Xrj8nrH0Tin2DDy6A~~/AAG0DBA~/b0JXgy6nzpMQp31dQcriuvyZ2YL2pvgJ_fV7XjcA05OXDe-xO5vWbi0gYvZbpEwnwhxlW6KXgtCxLlrSuS9JmQA3h5mkpuOGaf_DJIc_kvh_hhn-zN-6b5bHkZvG26tQlrpr5kATj-Rv5yjxPGgotY_x1CwKTUqcR3dmWNu6nP94rp3YbcGB1alTkVuayB0suw1BNM9DVJ_K4AVJpzS2e7BljTW1JZ8KvT55cg8bX6X_eXpdtD_I8999aN8befQUTMef7taJPChTWQvUU9OpV_XTVZejkCr4giy6fI9k20xENmzHYFwNvv11WNwMKKD5x23naXmxwJSraMMCsl6bvtRiGKKBSs34hnLjKFkqNA8~">Let us know</a> how your delivery experience was!</span></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-5-10-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-5-10" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="left" class="mobile-18" style="font-size:0px;padding:30px 0px 10px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:20px;font-weight:600;letter-spacing:0px;line-height:20px;text-align:left;color:#333333;"
>In This Package</div>
</td>
</tr>
<tr>
<td
style="font-size:0px;padding:0;word-break:break-word;"
>
<p
style="border-top:solid 1px #CCCCCC;font-size:1px;margin:0px auto;width:100%;"
>
</p>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #CCCCCC;font-size:1px;margin:0px auto;width:520px;" role="presentation" width="520px"
>
<tr>
<td style="height:0;line-height:0;">
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="mobile-padding-outlook" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div class="mobile-padding" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0px 40px;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="width:520px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;"
>
<!--[if mso | IE]>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation"
>
<tr>
<td
style="vertical-align:top;width:171px;"
>
<![endif]-->
<div
class="mj-column-per-33 mj-outlook-group-fix mobile-padding-5-10" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:33%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:20px 0px 20px 0px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="left" style="font-size:0px;padding:0px 20px 0px 0px;word-break:break-word;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
>
<tbody>
<tr>
<td style="width:151px;">
<a
href="https://cta.narvar.com/f/a/xt0V6aw305Y4j4N_yKw0Wg~~/AAG0DBA~/yy1WyCprcpmTDjGpU7Zs13dKk115i8g_CTSQ2sRI25Xy4ibJa9a5_d1sU0pQtLumTTR-LJFrrz0kFLf88r6D3mWfvJ4qVEzAclJCKlUgQ7Y9QcaR-Io71n0mScQbpLeWcJqxva0Jy6ncIQEzqSGVNF4c9x5-VtTi31rLnNT9Htx7hnAIDcCpj2we6_QHD8TPfSEXdB7pOYHGEoYM3f6oapj5xXE2ieyB86v2cC-wubI~" target="_blank"
>
<img
alt="" height="auto" src="https://cdn.media.amplience.net/s/hottopic/33624261_hi?$cartProductImageDesktopRetina$&fmt=auto" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="151"
/>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
<td
style="vertical-align:top;width:343px;"
>
<![endif]-->
<div
class="mj-column-per-66 mj-outlook-group-fix mobile-padding-5-10" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:66%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:20px 0px 20px 0px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:0;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px;line-height:20px;text-align:left;text-decoration:none;text-transform:none;color:#333333;"
>Hazbin Hotel Lucifer Take That Depression T-Shirt</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:0;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-style:normal;letter-spacing:0px;line-height:24px;text-align:left;text-decoration:none;text-transform:none;color:#666666;"
>Item Number: 33624322
<br/>
Qty: 1
<br/>
Price: USD $24.90
<br/></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-0-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-0" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
style="font-size:0px;word-break:break-word;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="20" style="height:20px;">
<![endif]-->
<div
style="height:20px;"
>
</div>
<!--[if mso | IE]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-5-10-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-5-10" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="left" class="mobile-18" style="font-size:0px;padding:30px 0px 10px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:20px;font-weight:600;letter-spacing:0px;line-height:20px;text-align:left;color:#333333;"
>Order Information</div>
</td>
</tr>
<tr>
<td
style="font-size:0px;padding:0;word-break:break-word;"
>
<p
style="border-top:solid 1px #CCCCCC;font-size:1px;margin:0px auto;width:100%;"
>
</p>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #CCCCCC;font-size:1px;margin:0px auto;width:520px;" role="presentation" width="520px"
>
<tr>
<td style="height:0;line-height:0;">
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:10px 30px;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:180px;"
>
<![endif]-->
<div
class="mj-column-per-33-333333333333336 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:bold;line-height:1;text-align:left;color:#333333;"
>Order Number:</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>DH2452347234</div>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
<td
class="mobile-padding-5-0-outlook" style="vertical-align:top;width:180px;"
>
<![endif]-->
<div
class="mj-column-per-33-333333333333336 mj-outlook-group-fix mobile-padding-5-0" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<div
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"
></div>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:180px;"
>
<![endif]-->
<div
class="mj-column-per-33-333333333333336 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:bold;line-height:1;text-align:left;color:#333333;"
>Order Date:</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>Dec. 25, 2025</div>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:10px 30px;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:180px;"
>
<![endif]-->
<div
class="mj-column-per-33-333333333333336 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:bold;line-height:1;text-align:left;color:#333333;"
>Shipping Address:</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>217 Yale St</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>San Francisco</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>CA 94134-1317</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>US</div>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
<td
class="mobile-padding-5-0-outlook" style="vertical-align:top;width:180px;"
>
<![endif]-->
<div
class="mj-column-per-33-333333333333336 mj-outlook-group-fix mobile-padding-5-0" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<div
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"
></div>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:180px;"
>
<![endif]-->
<div
class="mj-column-per-33-333333333333336 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:10px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:bold;line-height:1;text-align:left;color:#333333;"
>Billing Address:</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>Yale</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>San Fransisco</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>CA 94134</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:4px 25px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1;text-align:left;color:#333333;"
>US</div>
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-0-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-0" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
style="font-size:0px;word-break:break-word;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="20" style="height:20px;">
<![endif]-->
<div
style="height:20px;"
>
</div>
<!--[if mso | IE]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
style="font-size:0px;word-break:break-word;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="20" style="height:20px;">
<![endif]-->
<div
style="height:20px;"
>
</div>
<!--[if mso | IE]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="mobile-padding-outlook" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div class="mobile-padding" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0px 40px;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:520px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="background-color:#ffffff;border:1px solid #CCCCCC;vertical-align:top;padding:0 30px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:30px 0px 6px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:15px;font-weight:700;letter-spacing:0px;line-height:24px;text-align:left;text-transform:none;color:#333333;"
>Need Help?</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:6px 0px 6px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px;text-align:left;color:#333333;"
>Check out our
<a href="https://cta.narvar.com/f/a/ori4FhCYwo8_uBTO9iq-Mw~~/AAG0DBA~/6PpJafO4z7t3rqTD5Nw8yDDLEJH2OsLi5gf9xstpFzElceDLKHwPIaEQ1HoGM7EnvMXhYLMcbgpxt-qWuEx8phrU_7oh19tjmI39qKfcMlzocES_NFzYZeWZrleSa0FDdre0MYkC_52RItw_l1xbiw~~" style="color: #333333">customer service page</a> for FAQ and quick answers.
<br/>
<br/>
<b>Have more questions?
</b>
<br/>
See ways to contact us
<a href="https://cta.narvar.com/f/a/OcMriN9MRxiNGiOqfV3bcA~~/AAG0DBA~/DrKNeLrm8LE-of-0JVq9FLuTJ9T9S9lccaOtyNHZpfTPrMpniuCyuXf6tZgzwBotk8va7_XCXIsQS3GLyVQU7N923ITPxlkOXFMpCvGIs_d_b5ehUcib4UQtZLOh9Im3" style="color: #333333">here</a>.</div>
</td>
</tr>
<tr>
<td
align="left" class="mobile-14" style="font-size:0px;padding:6px 0px 30px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:500;letter-spacing:0px;line-height:1;text-align:left;color:#000000;"
><a href='' style='font-size: 14px; line-height: 21px; color:#0081A2; text-decoration:underline;'>
</a></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
style="font-size:0px;word-break:break-word;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="20" style="height:20px;">
<![endif]-->
<div
style="height:20px;"
>
</div>
<!--[if mso | IE]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0px 0px 0px 0px;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-5-10-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-5-10" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" style="font-size:0px;padding:0;word-break:break-word;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
>
<tbody>
<tr>
<td style="width:520px;" class="mj-full-width-mobile">
<a
href="https://cta.narvar.com/f/a/dMMX938Goane0hELakOTow~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5jZEz2Bv4JCtV5ucvYmj4Owq9PzFkJIJZuuNCv6Ye99iUSL5a1JRcG2wdVaO3z-ehksUN3c5u1HAx_SHgM7qz3mCMV4OPXQmjHFO9JZvTtTjDOq_1ZYeVzPSzd_qSwLPpkTuGw7obTbvEEJzH_x-epPg6GiYpI-hqrN1cwPDT6Mn0" target="_blank"
>
<img
alt="Apply to be part of the Hot Topic Partner Program where you can share your favorite HT merch on your own hottopic.com storefront, then earn commission on sales." height="auto" src="https://cdn.domain-freighter.prod20.narvar.com/hottopic/d6f7aeae-f55a-43f2-ba30-e71e39a0120c" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="520"
/>
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-0-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-0" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" class="mobile-14" style="font-size:0px;padding:10px 0px 10px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:600;letter-spacing:0px;line-height:24px;text-align:center;text-decoration:none;text-transform:uppercase;color:#333333;"
><div style="padding: 0; margin: 0; text-align: center;">
<div style="display: inline-block; padding: 0 10px;">
<a href="https://cta.narvar.com/f/a/deUjn4vnuOAjs3kawUJcHw~~/AAG0DBA~/1zP-DvizXn6XstuzMI_oQsEnHkULM8J2WPnesqibprrYEDf6XGChZBrMJyDpmJB60bHd9VrsggW5EXscweN-RpEbbuJj5__Tkby3LTFOdEI8tQwJgbK5Net6uerlCfJYg70iB7-QR4IuQUO3Yfrezg~~" style="color: #333333;">Shop All</a>
</div>
<div style="display: inline-block; padding: 0 10px;">
<a href="https://cta.narvar.com/f/a/EPA8fk7Y9TkoxSGwSqOSjw~~/AAG0DBA~/jtRVUnW27aGs_Zi2u6GfqUVgFg6DyFGlM45xLqoFwa0OAxH6Itwb7RzNJWW3NAGemDeVwETIEYQ9jqN0ZgL1SkSWxvqAYC2QGa2S6NSfWktyR_M5eRVoFnpx3djRjC_FKxecG33_CKLo-qf5MzDvJQ~~" style="color: #333333;">Girls</a>
</div>
<div style="display: inline-block; padding: 0 10px;">
<a href="https://cta.narvar.com/f/a/egl8tEgLmzVppmYT30x2rA~~/AAG0DBA~/qZlZhUfjZ7nJic2h22FR9aD2fsIVZEirvDgS2aweLgmg3SjlV-GgwMJ-9d_rP8MD7XR02nD_mWgpwTrOXtWniRa5GFiGpp3d1f1KQepJb2EOco_VN_QnIkjCjFGE7_lyca6DPJweUQ74KJYa_5lPaQ~~" style="color: #333333;">Guys</a>
</div>
<div style="display: inline-block; padding: 0 10px;">
<a href="https://cta.narvar.com/f/a/txHFTHi3AibteXKzAxMcAg~~/AAG0DBA~/nxTUDKV59AKFWGaNzG18VGWTx78g9ZbmONguf7JPboGJ1zHRA40VfNpdejOVA7Kfi0Xwtxl3r_jV7kkyfz5-zRwo03Ca1g6ysXYXYxtGP8Hy_uqevfEbkT7HBFGOkyVprU3LoG8u9iPCs6qXsGnxbQ~~" style="color: #333333;">New Arrivals</a>
</div>
</div></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="mobile-padding-outlook" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div class="mobile-padding" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0px 40px 10px 40px;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:520px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="background-color:#ffffff;border-bottom:0px solid #CCCCCC;border-top:0px solid #CCCCCC;vertical-align:top;padding:0;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" style="font-size:0px;padding:0;word-break:break-word;"
>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
>
<tr>
<td>
<![endif]-->
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"
>
<tr
>
<td style="padding:10px;vertical-align:middle;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:31px;"
>
<tr>
<td style="font-size:0;height:31px;vertical-align:middle;width:31px;">
<a href="https://cta.narvar.com/f/a/W7UB1TnvXIoY2sHKWBpIRw~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5jbmioHfCSoNXCGzu94JLoMRn_ha811YH_eHGc6gf-bfl3QlKkeTEUo7mo5vNGtJchaplMkbtqN0q2bub7Dkqn8qo1VYG9LOg6v1AFs-ILXkMeoRPs-B_tUUpjfQVFGcaQQ~~" target="_blank" >
<img
height="31" src="https://cdn.domain-freighter.prod20.narvar.com/hottopic/9f4730c4-4bef-4792-9b4c-5bf814a19e47" style="border-radius:3px;display:block;" width="31"
/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso | IE]>
</td>
<td>
<![endif]-->
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"
>
<tr
>
<td style="padding:10px;vertical-align:middle;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:31px;"
>
<tr>
<td style="font-size:0;height:31px;vertical-align:middle;width:31px;">
<a href="https://cta.narvar.com/f/a/bZVW5hp0BumVNMbxG1-Xrw~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5je-zRHrPF-ykgsjxsMJk_qplNZaOWRLBKulYHHGyp9KKLJfZxHyD20VC699vjabxqp33KuMbihJRXUdKTsWrzDHglqwt4krdVcAV7iac__Ne" target="_blank" >
<img
height="31" src="https://cdn.domain-freighter.prod20.narvar.com/hottopic/21453dfb-8d65-4465-98f7-8dd1139e90db" style="border-radius:3px;display:block;" width="31"
/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso | IE]>
</td>
<td>
<![endif]-->
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"
>
<tr
>
<td style="padding:10px;vertical-align:middle;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:31px;"
>
<tr>
<td style="font-size:0;height:31px;vertical-align:middle;width:31px;">
<a href="https://cta.narvar.com/f/a/qOz9W01KLz2xBt63yWutqQ~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5jZWBBWtnIT3ERXAcijEfZaDqandgMP1So2goFgOHIRNw_G1JjmXrSK5CATYI8N0ISwdMj9s523p9dwaLhQOhMXhpAbvcrNDM8qmcajELJ_46sO12vVYP7x__tYZ4oPXlZA~~" target="_blank" >
<img
height="31" src="https://cdn.domain-freighter.prod20.narvar.com/hottopic/9f96d522-baa3-45b2-8757-5dbf0a6fa985" style="border-radius:3px;display:block;" width="31"
/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso | IE]>
</td>
<td>
<![endif]-->
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"
>
<tr
>
<td style="padding:10px;vertical-align:middle;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:31px;"
>
<tr>
<td style="font-size:0;height:31px;vertical-align:middle;width:31px;">
<a href="https://cta.narvar.com/f/a/xy7kse7IXiBK07UmK5JgSg~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5jZ4WVgOPwUhcppCUzrsIAxCfJJ2O5KZ5SzqClT4SSLRxY3pypmTGR-YmSIN1LNu-d4ONcH68XA1x2BGQV10P1MFz7fk4cb9R475L3ndMreAhVpT0DB-N5r1O6ORJrKT27w~~" target="_blank" >
<img
height="31" src="https://cdn.domain-freighter.prod20.narvar.com/hottopic/512b579f-00a3-42d3-9e25-58e167320910" style="border-radius:3px;display:block;" width="31"
/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso | IE]>
</td>
<td>
<![endif]-->
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"
>
<tr
>
<td style="padding:10px;vertical-align:middle;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:31px;"
>
<tr>
<td style="font-size:0;height:31px;vertical-align:middle;width:31px;">
<a href="https://cta.narvar.com/f/a/MwcTh6LkGIuZiroB1iLR6w~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5jZ4WVgOPwUhcppCUzrsIAxDT5g7-7MD972YdbZguhYluunyR2ZPr5MkOxyH3VdHRwQ6VupvLqizxeyk_NgCz5vhYIrJUdD5-rEANcJM3IEr9S1y-sngl2LJXnN-HSYT9mw~~" target="_blank" >
<img
height="31" src="https://cdn.domain-freighter.prod20.narvar.com/hottopic/46569720-fcde-4ba8-bb59-bb3e654f1190" style="border-radius:3px;display:block;" width="31"
/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso | IE]>
</td>
<td>
<![endif]-->
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;"
>
<tr
>
<td style="padding:10px;vertical-align:middle;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:31px;"
>
<tr>
<td style="font-size:0;height:31px;vertical-align:middle;width:31px;">
<a href="https://cta.narvar.com/f/a/dZbNRiIEr3OD3k_hNWiSGg~~/AAG0DBA~/QyFmIxrGmRb8WygKjw_5jeMPuVpr3qGLdR4kQCLOWZmzqlPuXlo6gZmsf_wHnTTlp8AWcrKdgYxC-s32uGX6If4X2sEe4zgarDcZ9LFIc9yeBxDCIw3GL1WOjOoXd9eVEuFwhkHbH90a0JfVS695HQ~~" target="_blank" >
<img
height="31" src="https://cdn.domain-freighter.prod20.narvar.com/hottopic/5b8a674f-0138-4d59-a8fb-d69a0eb163b8" style="border-radius:3px;display:block;" width="31"
/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-0-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding-0" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
style="font-size:0px;word-break:break-word;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="15" style="height:15px;">
<![endif]-->
<div
style="height:15px;"
>
</div>
<!--[if mso | IE]>
</td></tr></table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#000000;background-color:#000000;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#000000;background-color:#000000;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="mobile-padding-outlook" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix mobile-padding" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:0px 40px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="center" class="mobile-12" style="font-size:0px;padding:25px 0px 25px 0px;word-break:break-word;"
>
<div
style="font-family:Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;text-align:center;color:#ffffff;"
>Please do not reply to this email. To contact us, please
<a href="https://cta.narvar.com/f/a/OcMriN9MRxiNGiOqfV3bcA~~/AAG0DBA~/DrKNeLrm8LE-of-0JVq9FLuTJ9T9S9lccaOtyNHZpfTPrMpniuCyuXf6tZgzwBotk8va7_XCXIsQS3GLyVQU7N923ITPxlkOXFMpCvGIs_d_b5ehUcib4UQtZLOh9Im3" style="color: white;">click here</a>.
<br/>
Hot Topic, Inc. 18305 E. San Jose Avenue, City of Industry, CA 91748 U.S.A.
<br/>
<br/>
COPYRIGHT HOT TOPIC, INC. © 2025. ALL RIGHTS RESERVED</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="vertical-align:top;width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%"
>
<tr>
<td
style="font-size:0px;padding:5px 20px;word-break:break-word;"
>
<p
style="border-top:solid 1px #999999;font-size:1px;margin:0px auto;width:100%;"
>
</p>
<!--[if mso | IE]>
<table
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #999999;font-size:1px;margin:0px auto;width:560px;" role="presentation" width="560px"
>
<tr>
<td style="height:0;line-height:0;">
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
>
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
<table
align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
>
<tbody>
<tr>
<td
style="direction:ltr;font-size:0px;padding:0;text-align:center;"
>
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td
class="" style="width:600px;"
>
<![endif]-->
<div
class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;"
>
<!--[if mso | IE]>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation"
>
<tr>
<td
style="vertical-align:top;width:240px;"
>
<![endif]-->
<div
class="mj-column-per-40 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:40%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding:10px 0 0 20px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<a href="https://cta.narvar.com/f/a/OzVx59-TRGwKLciNl0IbJg~~/AAG0DBA~/N_f9S338ira6jDruho8JXm-5aOtbQgD4g6hH3vYAkUj8telDcm755a8v3_0HpB5f-HsDRADMTe1VSdl0K-J35c7TYVuUJDRNRtyQKxaA3SX2RVz5bxxlRpy8Ks-stCp05PccFR8uS8f4Ls2j_baBT6RWLGv7Xz5m_S132BlA9cSu8VptSzfTwbpM7Xr0pUDQkw20fTLHz-4-xBeLZmrQtYql4r9Y0LQ6nzvy_bvXkcv6lijuC5q7Vv-uY7H3329U" target="_blank">
<img src='https://narvar-freighter-prod01.s3.us-west-2.amazonaws.com/narvar/d811573e-b9e3-44ce-9e58-41ead6773f2d' width='130' height='20' style="width:130px; height:20px;"/>
</a>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
<td
style="vertical-align:top;width:360px;"
>
<![endif]-->
<div
class="mj-column-per-60 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:60%;"
>
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
>
<tbody>
<tr>
<td style="vertical-align:top;padding-right:20px;">
<table
border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
>
<tr>
<td
align="right" class="mobile-10" style="font-size:0px;padding:12px 0px;word-break:break-word;"
>
<div
style="font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;text-align:right;color:#999999;"
><a href="https://cta.narvar.com/f/a/ySLbWcTwi_iCbqArsN3N0Q~~/AAG0DBA~/N_f9S338ira6jDruho8JXlglSQlM7xaaXNJJYlzmcG_7IyGjUi_1jb8F9y2x0i-IHVG3AyRvjlQax7gn4vszHg6XTdBKGJjOl_lz7a51klC4GiHx89xz_LBl74aJmb2Fnwj7gqykCwUQccFntzELuw~~" style='color: #999999; text-decoration: none;'>Privacy Policy</a></div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</div>
<img border="0" width="1" height="1" alt="" src="https://cta.narvar.com/q/ab8qrzJxZFvjETfylAtdZA~~/AAG0DBA~/mf2ITHx7wNd3lqdxF9_BeKQgT6xqPsO7rMQzFQAcoOZspS6ITlNJGbiCdOGqSxevZm-apG-NJ1TutaipHifmcA~~">
</body>
</html>