<div id="checkoutSection" style="background-color: white; padding:5px">
    <div id="checkoutDomainNameRegistration" style="display:none">
        <div class="bluetitle" style="margin:0; padding:0; height:15px">[l]Domain[/l]</div>
        <div class="step3tdbg" style="position:relative">
            {DOMAIN} - 
            <span class="smallfont" style="border-style: none; padding-right: 10;padding-bottom: 0; font-weight:normal"></span>
            <span id="checkoutDomainNameRegistrationFee" style="position:absolute; right:0"></span>
        </div>
    </div>
    <div class="bluetitle" style="margin-top:10px">[l]Package[/l]</div>
    <div id="checkoutPackageProrated" class="step3tdbg" style="position:relative; display:none";>
        {PLANNAME} - <span class="smallfont" style="font-weight:normal">{SHOWPRORATEDDISPLAY_PACKAGE}</span>
        <span id="checkoutPackageProratedFee" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageUnprorated" class="step3tdbg" style="position:relative; display:none";>
        {PLANNAME} - <span class="smallfont" style="font-weight:normal">{PACKAGECYCLE}</span>
        <span id="checkoutPackageUnproratedFee" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageSetup" class="step3tdbg" style="position:relative; display:none">
        {PLANNAME} - <span class="smallfont" style="font-weight:normal">[l]Setup Fee[/l]</span>
        <span id="checkoutPackageSetupFee" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageAddonProrated" class="step3tdbg" style="position:relative; display:none">
        [l]Package add-ons[/l] - 
        <span class="smallfont" style="font-weight:normal">{SHOWPRORATEDDISPLAY_PACKAGE}</span>
        <span id="checkoutPackageAddonProratedFee" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageAddonUnprorated_1" class="step3tdbg" style="position:relative; display:none">
        [l]Package add-ons[/l] - 
        <span class="smallfont" style="font-weight:normal">[l]Billed Monthly[/l]</span>
        <span id="checkoutPackageAddonUnproratedFee_1" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageAddonUnprorated_3" class="step3tdbg" style="position:relative; display:none">
        [l]Package add-ons[/l] - 
        <span class="smallfont" style="font-weight:normal">[l]Billed Quarterly[/l]</span>
        <span id="checkoutPackageAddonUnproratedFee_3" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageAddonUnprorated_6" class="step3tdbg" style="position:relative; display:none">
        [l]Package add-ons[/l] - 
        <span class="smallfont" style="font-weight:normal">[l]Billed Semiannually[/l]</span>
        <span id="checkoutPackageAddonUnproratedFee_6" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageAddonUnprorated_12" class="step3tdbg" style="position:relative; display:none">
        [l]Package add-ons[/l] - 
        <span class="smallfont" style="font-weight:normal">[l]Billed Annually[/l]</span>
        <span id="checkoutPackageAddonUnproratedFee_12" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageAddonUnprorated_24" class="step3tdbg" style="position:relative; display:none">
        [l]Package add-ons[/l] - 
        <span class="smallfont" style="font-weight:normal">[l]Billed Every 2 Years[/l]</span>
        <span id="checkoutPackageAddonUnproratedFee_24" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutPackageAddonSetup" class="step3tdbg" style="position:relative; display:none">
        [l]Package add-ons[/l] - 
        <span class="smallfont" style="font-weight:normal">[l]Setup Fees[/l]</span>
        <span id="checkoutPackageAddonSetupFee" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutDiscountPreTaxes" class="step3tdbg" style="position:relative; display:none; margin-top:15px">
        [l]Discount[/l] - 
        <span id="checkoutDiscountPreTaxesName" class="smallfont" style="font-weight:normal"></span>
        <span id="checkoutDiscountPreTaxesFee" style="position:absolute; right:0"></span>
    </div>


    <div id="checkoutSubtotal" class="step3tdbg" style="position:relative; margin-top:15px">
        [l]Subtotal[/l]
        <span id="checkoutSubtotalAmount" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutTaxes" class="signuptotal" style="position:relative; display:none">
        [l]Tax[/l] <span id="checkoutTaxesRate"></span>%
        <span id="checkoutTaxesAmount" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutDiscountPostTaxes" class="step3tdbg" style="position:relative; display:none; margin-top:15px">
        [l]Discount[/l] - 
        <span id="checkoutDiscountPostTaxesName" class="smallfont" style="font-weight:normal"></span>
        <span id="checkoutDiscountPostTaxesFee" style="position:absolute; right:0"></span>
    </div>
    <div id="checkoutTotal" style="position:relative; margin-top:15px">
        <span class="bluetitle" style="margin-top:10px">[l]Your Total Today[/l]</span>
        <span id="checkoutTotalFee" class="step3tdbg" style="position:absolute; right:0"></span>
    </div>
    <!-- BEGIN DYNAMIC BLOCK: prorateddays -->
    <div class=smallfont>[l]Your Next Invoice Will Be Due[/l] - {PRONEXTBILL}</div>
    <!-- END DYNAMIC BLOCK: prorateddays -->
</div>
