<meta http-equiv="Content-Type" content="text/html; charset=$CHARSET" />
<base href="$BASE_HREF" />
body {background-color:#ffffff; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
a:link {color:#0066cc;}
a:hover {background-color:#eeeecc; color:#0066cc;}
a:visited {color:#0066cc;}
.holder {background-color:#f9f9f9; border:1px solid #9a9a9a; font-size:9px; text-align:left; width:550px;}
.header {font-size:10px; padding:0px; width:550px;}
.content {font-size:10px; padding:5px; width:550px;}
.footer {border-top:1px solid #9a9a9a; font-size:9px; text-align:center; width:550px;}
.extra-info {background-color:#cccc99; border:1px dashed #9a9a9a; font-size:10px; margin-top:10px; padding:5px; width:550px;}
.content-line {padding:5px; font-size:10px;}
.content-line-title {font-weight:bold; font-size:11px; padding-top:3px;}
.order-detail-area {background-color:#CCCC99; border:1px #9a9a9a; width:542px; padding:2px; font-size:10px; }
.product-details {font-size:10px;}
.product-details-num {font-size:10px; font-weight:bold;}
.order-totals-text {font-size:10px; font-weight:bold;}
.order-totals-num {font-size:10px; }
.comments {background-color:#FF6699; border:1px #9a9a9a; width:542px; padding:2px; font-size:10px; }
.address-block {background-color:#E4E8F3; border:1px solid #9a9a9a; margin-top:3px;}
.address {font-size:10px;}
.payment-detail, .payment-footer {font-size:10px;}
.extra-info {background-color:#cccc99; border:1px solid #9a9a9a; font-size:10px; margin-top:10px; padding:5px; width:550px;}
.extra-info-bold {font-weight:bold;}
.disclaimer {background-color:#f9f9f9; border:1px solid #cccccc; font-size:10px; margin-top:10px; padding:5px; width:550px;}
.disclaimer1 {color:#666666; padding:5px;}
.disclaimer1 a:link {color:#666666;}
.disclaimer1 a:visited {color:#666666;}
.disclaimer2 {color:#666666; padding:5px;}
.copyright {border-bottom:0px solid #9a9a9a; padding:5px;}
<!-- Header Section -->
<img src="email/header.jpg" alt="logo" />
<!-- Content Section -->
<div class="content-line">
$EMAIL_TEXT_HEADER
<br /><br />
$EMAIL_FIRST_NAME $EMAIL_LAST_NAME,
<br />
$EMAIL_THANKS_FOR_SHOPPING
<br />
$EMAIL_DETAILS_FOLLOW
<br /><br />
$INTRO_ORDER_NUM_TITLE $INTRO_ORDER_NUMBER
<br />
$INTRO_DATE_TITLE $INTRO_DATE_ORDERED
<br />
<a href="$INTRO_URL_VALUE">$INTRO_URL_TEXT
</a>
<div class="order-detail-area">$PRODUCTS_DETAIL
</div>
<div class="order-detail-area">$ORDER_TOTALS
</div>
<div class="comments">$ORDER_COMMENTS
</div>
<div class="address-block">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<td valign="top" width="50%">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<td class="address">$ADDRESS_DELIVERY_DETAIL
</td>
<td class="content-line">$SHIPPING_METHOD_DETAIL
</td>
<td valign="top" width="50%">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<td class="content-line-title">$ADDRESS_BILLING_TITLE
</td>
<td class="address">$ADDRESS_BILLING_DETAIL
</td>
<td class="payment-detail">$PAYMENT_METHOD_DETAIL
</td>
<td class="payment-footer">$PAYMENT_METHOD_FOOTER
</td>
<!-- Footer Section -->
<div class="copyright">$EMAIL_FOOTER_COPYRIGHT
</div>
<div class="disclaimer1">$EMAIL_DISCLAIMER
</div>
<div class="disclaimer2">$EMAIL_SPAM_DISCLAIMER
</div>
$EXTRA_INFO