San Francisco City Tour

Join us and explore this most culturally diverse and beautiful of cities. Your guided journey will highlight famous landmarks and familiarize you with the unique sociology of San Francisco.

Roll over thumbnails to view larger image.

Check rates and availability

Narrative includes Victorian houses, Civic Center, Union Square, Nob Hill, Cable Cars, Chinatown, North Beach, Coit Tower, Fisherman's Wharf, Marina District, Palace of Fine Arts, The Presidio, Golden Gate Park, Twin Peaks, Golden Gate Bridge and more.

Scheduled stops include Vista Point at the Golden Gate Bridge, the panoramic view of the city from atop Twin Peaks and other photo opportunities recommended by your guide. From past to present and hills to shiny sea, your experience will be most memorable.

Inclusion
Hotel pickup and drop off (selected hotels only).

Hours of operation
Available: Daily

Duration
Approximate duration: 3 1/2 Hours
Departure time: 9:15 & 11:15AM, 2:15PM

Redemption instructions
Present your voucher(s) and photo identification upon check-in.
Guest must present voucher to driver in exchange for services.

Policies
A complimentary hotel pick-up service is available from hotels in central San Francisco only.
Please call 415-434-8687 the day before your tour departure to schedule your pickup.

Hotel pick up and drop off is included from central San Francisco areas. To confirm your hotel is a participating, please call 1-415-642-9400. If not, a pick up location will be provided for you at the closest departure point.

Service provided by Gray Line San Francisco.

<div id="overflowDivCartItems">
    <table width="90%" border="0" cellpadding="0" cellspacing="0">
    <tpl for=".">
        <tr>
            <td colspan="3" class="right_pad"><a href="http://www.visionvacations.com/Activities/{CityName}/{NameForURL}-{Id}-Overview.aspx?Id={Id}&optId={ActivityOptionId}&date={SelectedDate}">{Name}</a></td>
        </tr>
        <tr>
            <td colspan="3" class="cart">
                <span class="cart_price"><nobr>{Price}</nobr></span><span><img name="infoTarget" id="infoTarget_{Id}_{ActivityOptionId}_{StringSelectedDate}" src="http://www.visionvacations.com/modules/customizable/images/cart_info.gif" /></span><span><a href="javascript:ActivityRemoveFromCart({Id}, {ActivityOptionId}, '{SelectedDate}')"><img id="_ctl0_MainHolder_ActivityCartList1_Image2" src="../../Modules/Customizable/images/Remove_activities.gif" border="0" /></a></span>
            </td>
        </tr>
    </tpl>
    </table>
    </div>
    <tpl for=".">
    <div class="sourceTip" id="infoTarget_{Id}_{ActivityOptionId}_{StringSelectedDate}_source">
        <table width="160" border="0" cellspacing="0" cellpadding="0" dir="ltr">
          <tr>
            <td width="36"><img src="http://www.visionvacations.com/modules/customizable/images/tt_topleft.png" /></td>
            <td width="1000px" class="tt_top"></td>
            <td width="10"><img src="http://www.visionvacations.com/modules/customizable/images/tt_topright.png" /></td>
          </tr>
          <tr>
            <td colspan="2" class="tt_left"><nobr>{Name}</nobr><br />
                <tpl if="!IsFreeSale">
                Date selected: {FormatedSelectedDate}<br />
                </tpl>
                {CategoryName}<br />
                {NumberOfAdults} {UnitLabel} <tpl if="IsAdultChild">, {NumberOfChildren} Children</tpl>
            </td>
            <td class="tt_right"> </td>
          </tr>
          <tr>
            <td width="36"><img src="http://www.visionvacations.com/modules/customizable/images/tt_botleft.png" /></td>
            <td class="tt_bot"> </td>
            <td><img src="http://www.visionvacations.com/modules/customizable/images/tt_botright.png" /></td>
          </tr>
        </table>
    </div>
    </tpl>

<tpl for=".">
<table cellpadding="0" cellspacing="0" width="100%">
    <tpl if="!IsDetailsPage">
    <tpl for="Category">
    <tpl if="IsFirstActivity(parent.Id, Id)">
    <tr>
        <td><a name="Category{Id}"></a></td>
    </tr>
    <tr>
        <td class="Title_Category">
            {Name}  
          
        </td>
    </tr>
    </tpl>
    </tpl>
    </tpl>
    <tpl if="IsDetailsPage && ShowClubPricesDetails == 'block' && !IsSearchByPoints">                             
    <tr>
        <td>
            <tpl for="ActivityOptions"> 
            <div class="details_club" id="clubprice_{[parent.Id]}_{Date}" style="display:{[xindex == 1 ? "" : "none"]};">
                <table cellpadding="1" cellspacing="0" border="0" width="100%" height="100%" style="border-collapse:collapse">
                <tr>
                    <td class="details_club_regular" style="width:{[parent.IsLoyaltyEnabled ? 25 : 33]}%">Regular Price: {RegularPrice}</td>
                    <td class="details_club_savings" style="width:{[parent.IsLoyaltyEnabled ? 25 : 33]}%">Member Savings {MemberSavings}</td>
                    <tpl if="parent.IsLoyaltyEnabled">
                    <td class="details_club_loyalty" style="width:25%">TripleDip gaining: {LoyaltyPointsAwarded}</td>
                    </tpl>
                    <td class="details_club_pay" style="width:{[parent.IsLoyaltyEnabled ? 25 : 33]}%">Members Pay: {MemberPay}</td>
                </tr>
                </table>
            </div>
            </tpl>  
        </td>                    
    </tr>                
    </tpl>
    <tpl if="IsDetailsPage && ShowClubPricesDetails == 'none' && IsLoyaltyEnabled && !IsSearchByPoints">                             
    <tr>
        <td>
            <tpl for="ActivityOptions"> 
            <div class="details_money" id="clubprice_{[parent.Id]}_{Date}" style="display:{[xindex == 1 ? "" : "none"]};">
                <table cellpadding="1" cellspacing="0" border="0" width="100%" height="100%" style="border-collapse:collapse">
                <tr>
                    <td style="width:100%"> </td>
                    <td class="details_loyalty" nowrap>You gain {LoyaltyPointsAwarded} TripleDip points</td>
                </tr>
                </table>
            </div>
            </tpl>  
        </td>                    
    </tr>                
    </tpl>    
    <tr>
        <tpl if="!IsDetailsPage">
        <td class="top_pad">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" class="borderActivitie">
        </tpl>
        <tpl if="IsDetailsPage">
        <td>
            <tpl if="ShowClubPricesDetails == 'none' && !IsSearchByPoints && IsLoyaltyEnabled">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" class="bordersActivities" style="border-top-width:0px">
            </tpl>
            <tpl if="ShowClubPricesDetails != 'none' || IsSearchByPoints || !IsLoyaltyEnabled">
            <table cellpadding="0" cellspacing="0" border="0" width="100%" class="bordersActivities" >
            </tpl>            
        </tpl>        
                <tpl if="!IsDetailsPage">
                <tr>
                    <td class="Activitie_title_box">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td rowspan="2">
                                    <a href="http://www.visionvacations.com/Activities/{CityName}/{NameForURL}-{Id}-Overview.aspx">
                                        <img width="70px" height="70px" src="{Thumb}" alt="{Name}" name="activityThumb" onerror="this.src='http://www.visionvacations.com/Modules/Customizable/images/photo-not-available-small.gif'" />
                                    </a>
                                </td>
                                <td width="100%" valign="top" class="Activitie_title_box_title">
                                    <a class="ActivitiyName" href="http://www.visionvacations.com/Activities/{CityName}/{NameForURL}-{Id}-Overview.aspx">
                                        {Name}
                                    </a>
                                </td>
                                <td valign="top"><img src="http://www.visionvacations.com/Modules/Customizable/images/{Rating}Stars.gif" /></td> 
                            </tr>
                            <tr>
                                <td valign="top" class="Activitie_title_box_description">
                                    {Desc}
                                </td>
                                
                             <tpl if="ShowClubPricesDetails == 'block' && !IsSearchByPoints">
                                <td valign="middle" align="center">                                    
                                    <div class="activity_club_border" style="white-space:nowrap;display:{ShowClubPricesDetails}">
                                    <tpl for="ActivityOptions">
                                    <div class="activity_club" id="clubprice_{[parent.Id]}_{Date}" style="display:{[xindex == 1 ? "" : "none"]};">
								        <table cellpadding="1" cellspacing="0" border="0" width="100%">
                                            <tr>
                                                <td class="ActivityRegularPriceTextClubWebsite">Regular Price:</td>
                                                <td class="ActivityRegularPriceClubWebsite">{RegularPrice}</td>
                                            </tr>
                                            <tr>
                                                <td class="ActivitySavingsClubTextWebsite">Member Savings</td>
                                                <td class="ActivitySavingsClubWebsite" nowrap>{MemberSavings}</td>
                                            </tr>   
                                            <tpl if="parent.IsLoyaltyEnabled">
                                                <tr>
                                                    <td class="ActivityLoyaltyClubTextWebsite" nowrap>TripleDip gaining:</td>
                                                    <td class="ActivityLoyaltyClubWebsite">{LoyaltyPointsAwarded}</td>
                                                </tr>
                                            </tpl>                 
                                            <tr>
                                                <td class="ActivityPayTextClubWebsite" nowrap>Members Pay:</td>
                                                <td class="ActivityPriceClub">{MemberPay}</td>
                                            </tr>    
								       </table>     
								    </div>      
								    </tpl>                     
                                    </div>
                               </td>
                             </tpl>
                             
                             <tpl if="IsSearchByPoints">
                                <td valign="middle" width="200px" align="center">
                                    <div class="loyalty_border">
				                        <tpl for="ActivityOptions">
				                            <div class="loyalty" id="pointsCost_{[parent.Id]}_{Date}" style="display:{[xindex == 1 ? "" : "none"]};">
								            <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%" >
                                            <tr>
                                                 <td align="center" class="loyaltyPoints">
                                                 <span class="ActivityLoyaltyPointsWebsite">{LoyaltyPoints}</span><br /> points
                                                 </td>
                                            </tr>
								            </table>
								            </div>
                                        </tpl>
                                    </div>
                                </td>
                             </tpl>
                               
                             <tpl if="ShowClubPricesDetails == 'none' && IsLoyaltyEnabled && !IsSearchByPoints">
                                <td valign="middle" width="200px" align="center">
                                    <div class="loyalty_border">
				                        <tpl for="ActivityOptions">
				                            <div class="loyalty" id="pointsAwarded_{[parent.Id]}_{Date}" style="display:{[xindex == 1 ? "" : "none"]};">
								            <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">								               
                                            <tr>
                                                 <td align="center" class="loyaltyPoints">
                                                 You gain <span class="ActivityLoyaltyPointsWebsite">{LoyaltyPointsAwarded}</span><BR> TripleDip points
                                                 </td>
                                            </tr>
								            </table>                                
								            </div>
								        </tpl>
                                    </div>
                                </td>
                            </tpl>
                            </tr>
                        </table>
                    </td>
                </tr>
                </tpl>
                <tr>
                    <td>

</td>
                </tr>
                <tr>
                    <tpl if="!IsDetailsPage">
                    <td class="ActivityPricingDetailsNoTop">
                    </tpl>
                    <tpl if="IsDetailsPage">
                    <td class="ActivityPricingDetails">
                    </tpl>
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td colspan="2" valign="bottom" style="padding-bottom: 4px">
                                    <tpl if="!IsFreeSale">
                                    <b>Select available date:</b> 
                                    <select id="ddlActivityAvailableDates_{Id}" class="input" style="width: 100px" onchange="SelectActivityDate({Id})">
                                        <tpl for="Dates">
                                            <option value="{Date}">{DateFormatted}</option>
                                        </tpl>
                                    </select>
                                       <tpl if="HasGroupingByHours">
                                          <select id="ddlActivityAvailableTimes_{Id}" class="input" style="width: 80px;" onchange="SelectActivityDate({Id}, 'true')"> 
                                                     <tpl for="TimesDefault">
                                                         <option value="{DateTime}">{TimeFormatted}</option>
                                                    </tpl>
                                            </select>
                                         </tpl>
                                    </tpl>
                                </td>
                                <td class="right_pad" style="padding-bottom: 4px">
                                    <tpl if="!HasGroupingByHours">
                                        <div><nobr><span id="Adults_{Id}">Adult ({ChildMaxAge}+)</span><span id="PerPerson_{Id}" style="display:none">{PerLabel}</span></nobr></div>
                                        <select id="ddlActivityAdults_{Id}" class="input" style="width: 45px">
                                        </select>
                                    </tpl>
                                </td>
                                <td style="padding-bottom: 4px;height:38px;">
                                    <tpl if="!HasGroupingByHours">
                                        <div><nobr>Child ({ChildMinAge}-{ChildMaxAge})</nobr></div>
                                        <select id="ddlActivityChilds_{Id}" class="input" style="width: 45px">
                                        </select>
                                    </tpl>
                                </td>
                            </tr>
                            <tpl for="ActivityOptions">
                                <tbody style="display:{[xindex == 1 ? "" : "none"]};" id="tbody_{[parent.Id]}_{Date}" name="tbody">
                                <tpl for="PricingDetails">
                                <tpl if="HasGroupingByHours">
                                    <tr>
                                        <td colspan="10">
                                          <div class="activities_section_pad">
                                              <div class="activities_section_box {[xindex % 2 === 0 ? "activities_box_brightkcolor" : "activities_box_darkcolor"]} "> 
                                                 <div class="activities_section_title"> {Name} (Available {MaxGuestsPerPlan} seats)</div>
                                                 <div class="activities_Captain_text">
                                                   <table cellpadding="0" cellspacing="0" border="0" class="activities_details_size">
                                                      <tr>
                                                           <td>
                                                                <tpl if="HasCaptainPkg">
                                                                   <div>
                                                                       <table cellpadding="0" cellspacing="0" border="0">
                                                                          <tr>
                                                                              <td><input id="cbxIsCaptain_{ActivityId}_{Id}_{parent.Date}" type="checkbox"></td>
                                                                              <td>Captain package  + {PricePerAdultCaptainAdditionFormated}</td>
                                                                          </tr>
                                                                       </table>
                                                                   </div>
                                                                </tpl>
                                                               <div class="activities_details_section">
                                                                   <table cellpadding="0" cellspacing="0" border="0">
                                                                      <tr>
                                                                          <td class="activities_details_text"><nobr><span id="Adults_{ActivityId}_{Id}_{parent.Date}">Adult ({ChildMaxAge}+)</span><span id="PerPerson_{ActivityId}_{Id}_{parent.Date}" style="display:none">{PerLabel}</span></nobr> </td>
	                                                                      <td class="activities_details_combo"><select id="ddlActivityAdults_{ActivityId}_{Id}_{parent.Date}" style="width:45px">/select></td>
	                                                                      <td class="activities_details_text">{PricePerAdultFormated}  </td>
                                        	                              
	                                                                      <td width="20px"> </td>
                                        	                              
	                                                                      <td class="activities_details_text"><nobr><span id="Childs_{ActivityId}_{Id}_{parent.Date}">Child ({ChildMinAge}-{ChildMaxAge})</td></span>
	                                                                      <td class="activities_details_combo"><select id="ddlActivityChilds_{ActivityId}_{Id}_{parent.Date}" style="width:45px"></td>
	                                                                      <tpl if="HasChildAvailabilityPerDate(ActivityId, [parent.Date])">
	                                                                          <td class="activities_details_text">                                        
	                                                                                <tpl if="ChildAvailability == 0">
                                                                                        Not Available
                                                                                    </tpl>
                                                                                    <tpl if="ChildAvailability != 0">
                                                                                        <tpl if="PricePerChild != 0">
                                                                                            {PricePerChildFormated}
                                                                                        </tpl>
                                                                                        <tpl if="PricePerChild == 0">
                                                                                            Free
                                                                                        </tpl>
                                                                                    </tpl>
                                                                              </td>
                                                                          </tpl>
	                                                                  </tr>
                                                                   </table>
                                                               </div>
                                                           </td>
                                                           <td class="activities_addtocard_side">
	                                                            <table cellpadding="0" cellspacing="0" border="0">
	                                                               <tr>
	                                                                   <td class="add_tocart_border">

<table onclick="ProcessOptionSelection(this, {MaxGuestsPerPlan}, 'ddlActivityAdults_{ActivityId}_{Id}_{parent.Date}','ddlActivityChilds_{ActivityId}_{Id}_{parent.Date}','chkAddToCart_{ActivityId}_{Id}_{[parent.Date]}','trActivityError_{ActivityId}_{Id}_{parent.Date}'); " cellpadding="0" cellspacing="0" border="0" class="add_tocart_off" align="center" width="100%">
                                                                               <tr>
                                                                                   <td id="chkAddToCart_{Id}">
                                                                                           <span >
                                                                                               <input id="chkAddToCart_{ActivityId}_{Id}_{[parent.Date]}" type="checkbox" onclick="this.checked = !this.checked;" 
                                                                                                   ActivityId="{ActivityId}" ActivityOptionId="{Id}" SelectedDate="{[parent.Date]}" adultCountPerOption="true" name="chkAddToCart" 
                                                                                                   />            
                                                                                           </span>
                                                                                   </td>
                                                                                   <td>
                                                                                       Add to cart
                                                                                   </td>
                                                                               </tr>
                                                                         </table>
	                                                                   </td>
	                                                               </tr>
	                                                            </table>
                                                             </td>
                                                        </tr>
                                                         <tr id="trActivityError_{ActivityId}_{Id}_{parent.Date}" style="display:none;">
                                                             <td colspan="2">
                                                                <div class="activities_section_error">
                                                                    No of Passengers exceeds the available seats.
                                                                </div>
                                                             </td>
                                                         </tr>
                                                   </table>
                                                 </div>
                                              </div>
                                          </div>
                                      </td>
                                  </tr>
                                </tpl>
                                <tpl if="!HasGroupingByHours">
                                      <tr class="{[xindex % 2 === 0 ? "Activities_line_white" : "Activities_line_color"]}">
                                            <td style="padding:3px 0px 3px 0px;">
                                                <input {[xcount == 1 ? "style='display:none'" : ""]} {[xindex == 1 ? "checked='checked'" : ""]} onclick="ChangeCategory({ActivityId}, '{[parent.Date]}', {Id})" value="{Id}" name="Radio_{ActivityId}_{[parent.Date]}" type="radio">
                                            </td>
                                            <td width="100%" {[xcount == 1 ? "style='padding:3px 0px 3px 3px;'" : ""]}>
                                                {Name}
                                            </td>
                                            <td nowrap="nowrap" class="align_left right_pad">
                                                {PricePerAdultFormated}  
                                            </td>
                                            <tpl if="HasChildAvailabilityPerDate(ActivityId, [parent.Date])">
                                            <td align="left" nowrap="nowrap" class="align_left right_pad">
                                                <tpl if="ChildAvailability == 0">
                                                    Not Available
                                                </tpl>
                                                <tpl if="ChildAvailability != 0">
                                                    <tpl if="PricePerChild != 0">
                                                        {PricePerChildFormated}
                                                    </tpl>
                                                    <tpl if="PricePerChild == 0">
                                                        Free
                                                    </tpl>
                                                </tpl>
                                            </td>
                                            </tpl>
                                        </tr>
                                </tpl>
                                </tpl> 
                                </tbody>   
                            </tpl>
                            <tr>
                                <td colspan="4" class="top_pad">
                                    <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                        <tr>
                                            <td nowrap="nowrap">
                                                <tpl if="!IsDetailsPage">
                                                    <a href="http://www.visionvacations.com/Activities/{CityName}/{NameForURL}-{Id}-Overview.aspx">More Details</a>
                                                </tpl>
                                                 
                                            </td>
                                            <tpl if="!HasGroupingByHours">
                                            <td style="display: none">
                                                <tpl if="!IsFreeSale">
                                                <div id="adultAvailability_{Id}">
                                                </tpl>
                                                <tpl if="IsFreeSale">
                                                <div style="display:none" id="adultAvailability_{Id}">
                                                </tpl>
                                                <img src="http://www.visionvacations.com/Modules/Customizable/images/Tickets_icon.gif" />
                                                 
                                                <tpl for="ActivityOptions">
                                                    <span style="display:{[xindex == 1 ? "" : "none"]};">
                                                    <tpl for="PricingDetails">
                                                        <span AdultAvailability="{AdultAvailability}" ChildAvailability="{ChildAvailability}" style="display:{[xindex == 1 ? "" : "none"]};" name="adultAvailability_{ActivityId}_{[parent.Date]}" 
                                                            id="adultAvailability_{ActivityId}_{[parent.Date]}_{Id}">
                                                            Only {TotalAvailability} Tickets left
                                                        </span>
                                                    </tpl>
                                                    </span>
                                                </tpl>
                                                </div>
                                            </td>
                                            <td nowrap="nowrap" class="align_right add_tocart_border">
                                                <table onclick="AddToCartButtonClick(this)" cellpadding="0" cellspacing="0" border="0" class="add_tocart_off" align="center"
                                                    width="100%">
                                                    <tr>
                                                        <td id="chkAddToCart_{Id}">
                                                            <tpl for="ActivityOptions">
                                                                <span style="display:{[xindex == 1 ? "" : "none"]};">
                                                                <tpl for="PricingDetails">
                                                                    <input id="chkAddToCart_{ActivityId}_{Id}_{[parent.Date]}" type="checkbox" onclick="this.checked=!this.checked;" 
                                                                        ActivityId="{ActivityId}" ActivityOptionId="{Id}" SelectedDate="{[parent.Date]}" name="chkAddToCart" 
                                                                        style="display:{[xindex == 1 ? "" : "none"]};" />            
                                                                </tpl>
                                                                </span>
                                                            </tpl>
                                                        </td>
                                                        <td>
                                                            Add to cart
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            </tpl>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tpl if="CallToAction != ''">
                <tr>
                    <td class="Activities_discount">
                        <img id="_ctl0_MainHolder_ActivityDetails1_ActivityResult1_Image5" src="../../Modules/Customizable/images/discount_star.gif" align="absmiddle" border="0" /> 
                        {CallToAction}
                    </td>
                </tr>
                </tpl>
                <tpl if="ChildMinAge != 0">
                <tr>
                    <td class="Infants_aged">
                        Ages under {ChildMinAge} are free of charge
                    </td>
                </tr>
                </tpl>
                <tpl if="IsDetailsPage">
                <tr id="rowModifySearchParams" style="">
                    <td align="right">
                        <a href="javascript:ModifySearchParams()">Modify search parameters</a>
                    </td>
                </tr>
                </tpl>
            </table>
        </td>
    </tr>
    <tpl if="!IsDetailsPage">
    <tr height="8px">
        <td> </td>
    </tr>
    <tpl for="Category">
    <tpl if="IsLastActivity(parent.Id, Id)">
    <tr>
        <td align="left"><a href="#top">Go to top</a></td>
    </tr>
    <tr height="8px">
        <td> </td>
    </tr>
    </tpl>
    </tpl>
    </tpl>
</table>
</tpl>

<tpl for=".">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
    <tr>
        <td class="Activities_line_color" style="padding:10px 10px 10px 10px" align="left">
            <table cellpadding="0" cellspacing="0" width="750px" border="0">
                <tr>
                    <td valign="middle">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                            <tr>
                                <td width="250px"> </td>
                                <td>
                                    <nobr><span id="Adults_{Id}">Adult ({ChildMaxAge}+)</span><span id="PerPerson_{Id}" style="display:none">Per Person</span></nobr>                        
                                </td>
                                <td>
                                    <nobr><span id="spanActivityChilds_{Id}">Child ({ChildMinAge}-{ChildMaxAge})</span></nobr>
                                </td>
                            </tr>
                            <tr>
                                <td valign="middle" align="left" style="padding-left:30px;">
                                    <tpl if="!IsFreeSale">
                                    <table cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="middle">
                                                <b>Select available date:</b>             
                                            </td>
                                            <td valign="middle">
                                             <select id="ddlActivityAvailableDates_{Id}" class="input" style="width: 100px" onchange="SelectActivityDate({Id})">
                                                <tpl for="ActivityOptions">
                                                    <option value="{Date}">{FormatedDate}</option>
                                                </tpl>
                                            </select>   
                                            </td>
                                        </tr>
                                    </table>
                                    </tpl>
                                </td>
                                <td valign="middle" width="100px" align="left">
                                    <nobr>
                                    <select id="ddlActivityAdults_{Id}" class="input" style="width: 45px">
                                    </select>
                                    <tpl for="ActivityOptions">
                                        <span style="display:{[xindex == 1 ? "" : "none"]};" id="tbody_{[parent.Id]}_{Date}_PAdult">
                                         
                                        <tpl for="PricingDetails">
                                            <span style="display:{[xindex == 1 ? "" : "none"]};" id="tbody_{ActivityId}_{[parent.Date]}_C{Id}_PAdult">
                                            {PricePerAdultFormated}
                                            </span>
                                        </tpl> 
                                         
                                        </span>
                                    </tpl>
                                    </nobr>
                                </td>
                                <td valign="middle" width="100px" align="left">
                                    <nobr>
                                    <select id="ddlActivityChilds_{Id}" class="input" style="width: 45px">
                                    </select>
                                    <tpl for="ActivityOptions">
                                        <span style="display:{[xindex == 1 ? "" : "none"]};" id="tbody_{[parent.Id]}_{Date}_PChild">
                                         
                                        <tpl for="PricingDetails">
                                            <span style="display:{[xindex == 1 ? "" : "none"]};" id="tbody_{ActivityId}_{[parent.Date]}_C{Id}_PChild">
                                            <tpl if="HasChildAvailabilityPerDate(ActivityId, [parent.Date], Id)">
                                                <tpl if="ChildAvailability == 0">
                                                    Not Available
                                                </tpl>
                                                <tpl if="ChildAvailability != 0">
                                                    <tpl if="PricePerChild != 0">
                                                        {PricePerChildFormated}
                                                    </tpl>
                                                    <tpl if="PricePerChild == 0">
                                                        Free
                                                    </tpl>
                                                </tpl>
                                            </tpl>
                                            </span>
                                        </tpl> 
                                         
                                        </span>   
                                    </tpl>
                                    </nobr>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td valign="middle" width="200px" align="center">
                        <div nowrap="nowrap" class="align_right add_tocart_border">
                            <table width="100%" onclick="AddToCartButtonClick(this)" cellpadding="0" cellspacing="0" border="0" class="add_tocart_off" align="center">
                                <tr>
                                    <td id="chkAddToCart_{Id}">
                                        <tpl for="ActivityOptions">
                                            <span style="display:{[xindex == 1 ? "" : "none"]};">
                                            <tpl for="PricingDetails">
                                                <input id="chkAddToCart_{ActivityId}_{Id}_{[parent.Date]}" type="checkbox" onclick="this.checked=!this.checked;" 
                                                    ActivityId="{ActivityId}" ActivityOptionId="{Id}" SelectedDate="{[parent.Date]}" name="chkAddToCart" 
                                                    style="display:{[xindex == 1 ? "" : "none"]};" />            
                                            </tpl>
                                            </span>
                                        </tpl>
                                    </td>
                                    <td>
                                        Add to cart
                                    </td>
                                </tr>
                            </table>
                        </div>
                        
                        <div style="display:none" id="adultAvailability_{Id}">
                        <tpl for="ActivityOptions">
                            <span style="display:{[xindex == 1 ? "" : "none"]};">
                            <tpl for="PricingDetails">
                                <span AdultAvailability="{AdultAvailability}" ChildAvailability="{ChildAvailability}" style="display:{[xindex == 1 ? "" : "none"]};" name="adultAvailability_{ActivityId}_{[parent.Date]}" 
                                    id="adultAvailability_{ActivityId}_{[parent.Date]}_{Id}">
                                </span>
                            </tpl>
                            </span>
                        </tpl>
                        </div>

</td>
                </tr>
            </table>
            
        </td>
    </tr>
    <tr>
        <td style="padding:15px 0px 5px 10px;">
            Select an option below before adding to cart.
        </td>
    </tr>
    <tr style="display:none">
        <td>
            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tpl for="ActivityOptions">
                    <tbody style="display:{[xindex == 1 ? "" : "none"]};" id="tbody_{[parent.Id]}_{Date}" name="tbody">
                    <tpl for="PricingDetails">
                        <tr><td>
                            <input style='display:none' {[xindex == 1 ? "checked='checked'" : ""]} onclick="ChangeCategory({ActivityId}, '{[parent.Date]}', {Id})" value="{Id}" name="Radio_{ActivityId}_{[parent.Date]}" type="radio">
                        </td></tr>
                        </tpl>
                    </tpl> 
                    </tbody>   
                </tpl>
            </table>
        </td>
    </tr>
    <tr>
        <td style="padding:10px;">
            <div id='divActivitySeatMap'></div>
        </td>
    </tr>
</table>
</tpl>