Click here to preview the resulting itinerary


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Proposal for {clientname}</title>
</head>
<body>
    <table style="width: 8in; background: black">
        <tr>
            <td colspan="2">
                <img src="{destinationimage.url}" alt="{destinationimage.name}"/>
            </td>
        </tr>
        <tr>
            <td style="width: 1in">
                <img src="http://www.peak15systems.com/itinerarydoc/images/sample_peak15_logo.jpg" />
            </td>
            <td style="width: 7in">
                <div style="color: white; font-family: Georgia; font-size: 28px; font-style: italic">
                    Prepared for {clientname}</div>
                <div style="color: white; font-family: Georgia; font-size: 16px">
                    {tripname}&nbsp&nbsp({p15_tripdepartures.p15_tourdays}&nbsp Days)</div>
                <br />
                <div style="color: white; font-family: Georgia; font-size: 14px">
                    {departuredates:MMMM d, yyyy}</div>
            </td>
        </tr>
    </table>
    {pagebreak}
    <table style="width: 8in">
        <tr>
            <td colspan="3">
                <div style="font-family: Georgia; font-size: 14px">
                    DAY-BY-DAY</div>
                <div style="font-family: Georgia; font-size: 36px; font-style: italic">
                    Your Itinerary</div>
                <br />
                <div style="font-family: Georgia; font-size: 14px">
                    Meals provided are indicated as Breakfast (B), Lunch (L) and Dinner (D)</div>
                <br />
            </td>
        </tr>
        <tr>
            <td style="width: 1in; background: #D9D9D9; font-family: Arial; font-size: 10px">
                DAY
            </td>
            <td style="width: 2in; background: #D9D9D9; font-family: Arial; font-size: 10px">
                LOCATION
            </td>
            <td style="width: 5in; background: #D9D9D9; font-family: Arial; font-size: 10px">
                ACTIVITIES
            </td>
        </tr>
        {departureday.begin}
        <tr>
            <td style="vertical-align: top">
                <div style="font-family: Georgia; font-size: 17px">
                    Day {day}</div>
                <div style="font-family: Arial; font-variant: small-caps; font-size: 11px">
                    {date:ddddd},<br />
                    {date:MMM d}</div>
            </td>
            <td style="vertical-align: top">
                <div style="font-family: Georgia; font-size: 14px">
                    {accommodation.coststartdestination.p15_name}</div>
                <div style="font-family: Georgia; font-size: 13px; font-style: italic">
                    {accommodation.vendorname}</div>
                <div style="font-family: Georgia; font-size: 13px; font-style: italic">
                    ({meals})</div>
            </td>
            <td style="vertical-align: top">
                <div style="font-family: Georgia; font-size: 13px">
                    {repeater.begin} {activity.p15_description1}<br />
                    {repeater.end}</div>
            </td>
        </tr>
        {departureday.end}
    </table>
    {pagebreak}
    <table style="width: 8in">
        <tr>
            <td style="width: 8in">
                <div style="font-family: Georgia; font-size: 14px">
                    WHERE YOU'RE STAYING</div>
                <div style="font-family: Georgia; font-size: 36px; font-style: italic">
                    Your Accommodation</div>
                <br />
            </td>
        </tr>
        {departureday.begin} {accommodations.begin}
        <tr>
            <td style="vertical-align: top; width: 8in">
                <span style="float: left; padding: 0px 10px 10px 10px"><img src="{vendorimage.url}" alt="{vendorimage.name}" </span>
                <span style="font-family: Georgia; font-size: 22px; vertical-align: top; font-style: italic">
                    {vendorname}</span>
                <br />
                <br />
                <span style="font-family: Georgia; font-size: 13px; vertical-align: top">{vendor_briefdescription}</span>
            </td>
        </tr>
        {accommodations.end} {departureday.end}
    </table>
    {pagebreak}
    <table style="width: 8in">
        <tr>
            <td style="width: 8in">
                <div style="font-family: Georgia; font-size: 14px">
                    A GLIMPSE INTO THE FUTURE</div>
                <div style="font-family: Georgia; font-size: 36px; font-style: italic">
                    Your Journey Highlights</div>
                <br />
            </td>
        </tr>
        {departureday.begin} {norepeat.begin}
        <tr>
            <td style="vertical-align: top; width: 8in">
                <span style="float: left; padding: 0px 10px 10px 10px"><img src="{accommodation.coststartdestinationimage.url}"/>
                </span><span style="font-family: Georgia; font-size: 16px; vertical-align: top; font-style: italic">
                    Destination:</span>
                <br />
                <span style="font-family: Georgia; font-size: 28px; vertical-align: top; font-style: italic">
                    {accommodation.coststartdestinationimage.name}</span>
                <br />
                <br />
                <span style="font-family: Georgia; font-size: 13px; vertical-align: top">{accommodation.coststartdestination.p15_description}</span>
            </td>
        </tr>
        {norepeat.end}
        <tr>
            <td style="vertical-align: top; width: 8in">
                <span style="font-family: Georgia; font-size: 22px; vertical-align: top; font-style: italic">
                    Day {day}: {activity.coststartdestinationimage.name}</span>
                <br />
                <br />
            </td>
        </tr>
        {repeater.begin}
        <tr>
               <td style="width: 8in">
                <span style="float: left; padding: 0px 10px 10px 0px"><img src="{activity.image.url}"/></span>
                <span style="font-family: Georgia; font-size: 13px; vertical-align: top">{activity.p15_description2}</span>
            </td>
        </tr>
        {repeater.end} {departureday.end}
    </table>
    {pagebreak}
    <table style="width: 8in">
        <tr>
            <td colspan="3" style=width: 8in">
                <div style="font-family: Georgia; font-size: 14px">
                    JOURNEY PRICING</div>
                <div style="font-family: Georgia; font-size: 36px; font-style: italic">
                    Your Quotation</div>
                <br />
            </td>
        </tr>
        <tr>
           <td colspan="3" style=width: 8in">
                <div style="font-family: Georgia; font-size: 14px">
                    Your quotation has been prepared for {p15_tripdepartures.p15_estimatedguests} travelers,
                    for {p15_tripdepartures.p15_tourdays} days. Gratuities for guides are not included.
                </div>
                <br />
            </td>
        </tr>
        <tr>
            <td style="width: 2in; background: #D9D9D9; font-family: Arial; font-size: 10px">
                CATEGORY
            </td>
            <td style="width: 2in; background: #D9D9D9; font-family: Arial; font-size: 10px">
                DESCRIPTION
            </td>
            <td style="width: 4in; background: #D9D9D9; font-family: Arial; font-size: 10px">
                CHARGES
            </td>
        </tr>
        <tr>
            <td colspan="3">
                &nbsp
            </td>
        </tr>
        {pricing.begin} {pricecategory.null.begin} {repeater.begin}
        <tr>
            <td style="font-family: Georgia; font-size: 16px; vertical-align: top">
                {p15_pricecategoryid}
            </td>
            <td style="font-family: Georgia; font-size: 13px; font-style: italic; vertical-align: top">
                {p15_pricename}
            </td>
            <td style="font-family: Georgia; font-size: 13px; vertical-align: top">
                {amount:C}&nbsp/&nbsp person
            </td>
        </tr>
        {repeater.end} {pricecategory.null.end}
        <tr>
            <td colspan="3">
                &nbsp
            </td>
        </tr>
        {pricecategory.singlesupplement.begin} {repeater.begin}
        <tr>
            <td style="font-family: Georgia; font-size: 16px; vertical-align: top">
                {p15_pricecategoryid}
            </td>
            <td style="font-family: Georgia; font-size: 13px; font-style: italic; vertical-align: top">
                {p15_pricename}
            </td>
            <td style="font-family: Georgia; font-size: 13px; vertical-align: top">
                {amount:C}&nbsp/&nbsp person
            </td>
        </tr>
        {repeater.end} {pricecategory.singlesupplement.end}
        <tr>
            <td colspan="3">
                &nbsp
            </td>
        </tr>
        {pricecategory.other.begin} {repeater.begin}
        <tr>
            <td style="font-family: Georgia; font-size: 16px; vertical-align: top">
                {p15_pricecategoryid}
            </td>
            <td style="font-family: Georgia; font-size: 13px; font-style: italic; vertical-align: top">
                {p15_pricename}
            </td>
            <td style="font-family: Georgia; font-size: 13px; vertical-align: top">
                {amount:C}&nbsp/&nbsp person
            </td>
        </tr>
        {repeater.end} {pricecategory.other.end} {pricing.end}
    </table>
</body>
</html>