
<article class="rates">

            <h2 class="section-heading">Rates            <i class="icon icon-plus-circle"></i></h2>
        <div class="articleIntro">
            <p>
                Rates originally requested in <strong>USD United States Dollars</strong>
            </p>
            <div class="hlSelectWrap">
                <i class="icon icon-arrow-down"></i>
                <select class="hlSelect" name="currencies" aria-label="Select your currency">
<option value="1.915335" >AUD ($) Australian dollars</option>
<option value="1.739062" >CAD ($) Canadian dollars</option>
<option value="1.298514" >CHF (CHF) Swiss francs</option>
<option value="1.185573" >EUR (&euro;) Euro</option>
<option value="1.000000" >GBP (&pound;) United Kingdom pounds</option>
<option value="12.391252" >SEK (Skr) Swedish Krona</option>
<option value="39.845587" >THB (&#3647;) Thai baht</option>
<option value="1.320164"  selected="selected">USD ($) United States dollars</option>
<option value="19.292182" >ZAR (R) South African rand</option>
</select>            </div>
            <span>Convert to</span>
        </div>
    
    <script type="text/x-handlebars-template" id="mobileRatesSelectTmpl">
        <div class="guests-selection-mobile">
            <div class="hlSelectWrap">
                <i class="icon icon-arrow-down"></i>
                <select class="hlSelect">
                {{#.}}
                    <option value="{{guests}}">{{guests}}</option>
                {{/.}}
                </select>
            </div>
            <span>Guests</span>
        </div>
    </script>

    <script type="text/x-handlebars-template" id="mobileRatesTmpl">
        {{#.}}
            <div class="guest-group {{#index}}hidden{{/index}}" data-guests="{{guests}}">
                <div class="rates-selection-mobile">
                    <div class="hlSelectWrap">
                        <i class="icon icon-arrow-down"></i>
                        <select class="hlSelect">
                            {{#rates}}
                            <option value="{{index}}">
                                {{#periodCol}}{{value}}{{/periodCol}}
                                {{#dateFrom}}{{value}} - {{#dateTo}}{{value}}{{/dateTo}}{{/dateFrom}}
                            </option>
                            {{/rates}}
                        </select>
                    </div>
                    <span>Period</span>
                </div>

                <h3>For up to {{guests}} guests</h3>
                {{#rates}}
                    <div class="rate {{#index}}hidden{{/index}}" data-rate="{{index}}">
                        {{#weeklyNight}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/weeklyNight}}
                        {{#weekendNight}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/weekendNight}}
                        {{#weeklyCol}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/weeklyCol}}
                        {{#monthlyCol}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/monthlyCol}}
                        {{#minimumStay}}
                            <div>
                                <span>{{label}}</span><span>{{{ value }}}</span>
                            </div>
                        {{/minimumStay}}
                        {{#changeoverDay}}
                            <div>
                                <span>{{label}}</span><span>{{{ value }}}</span>
                            </div>
                        {{/changeoverDay}}
                    </div>
                {{/rates}}
            </div>
        {{/.}}
    </script>

    <div class="content-wrap">
        <div id="mobileTableSelectWrapper"></div>

                        
            <div id="mobileTableRateWrapper"></div>

            <h3 class="mobileHidden">For up to 4 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="4">
                <thead>
                <tr>
                                        <th class="periodCol">Period</th>
                                        <th class="dateFrom">From</th>
                    <th class="dateTo">To</th>
                    <th class="weeklyNight">Weekday night</th>
                    <th class="weekendNight">Weekend night</th>
                    <th class="weeklyCol">Weekly</th>
                    <th class="monthlyCol">Monthly</th>
                    <th class="minimumStay" >Minimum stay</th>
                    <th class="changeoverDay">Changeover day</th>
                </tr>
                </thead>
                <tbody>
                                                                                    <tr>
                                                        <td class="periodCol">peak season</td>
                                                        <td class="dateFrom" data-label="From">20 Dec 19</td>
                            <td class="dateTo" data-label="To">9 Jan 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="204.52004447932">$270</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="204.52004447932">$270</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1431.6403113553">$1,890</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                    <span class="weeks">1 week</span>
                                                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Chinese New Year rate</td>
                                                        <td class="dateFrom" data-label="From">22 Jan 20</td>
                            <td class="dateTo" data-label="To">29 Jan 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1246.0573080314">$1,646</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Easter Week</td>
                                                        <td class="dateFrom" data-label="From">8 Apr 20</td>
                            <td class="dateTo" data-label="To">15 Apr 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1246.0573080314">$1,646</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">High Season Rate</td>
                                                        <td class="dateFrom" data-label="From">1 Jul 20</td>
                            <td class="dateTo" data-label="To">1 Aug 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1246.0573080314">$1,646</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Peak Season Rate</td>
                                                        <td class="dateFrom" data-label="From">1 Aug 20</td>
                            <td class="dateTo" data-label="To">1 Sep 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="204.52004447932">$270</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="204.52004447932">$270</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1431.6403113553">$1,890</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">5 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">High Season</td>
                                                        <td class="dateFrom" data-label="From">1 Sep 20</td>
                            <td class="dateTo" data-label="To">16 Sep 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="178.00818686163">$235</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1246.0573080314">$1,646</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Peak Season</td>
                                                        <td class="dateFrom" data-label="From">20 Dec 20</td>
                            <td class="dateTo" data-label="To">9 Jan 21</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="204.52004447932">$270</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1431.6403113553">$1,890</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                    <span class="weeks">1 week</span>
                                                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                    
                                                        <tr>
                                                <td class="periodCol">All other dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="147.70892101284">$195</td>
                        <td class="weekendNight" data-sterling-value="147.70892101284">$195</td>
                        <td class="weeklyCol" data-sterling-value="1033.9624470899">$1,365</td>
                        <td class="monthlyCol" data-sterling-value="0">-</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
                    
            <div id="mobileTableRateWrapper"></div>

            <h3 class="mobileHidden">For up to 5 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="5">
                <thead>
                <tr>
                                        <th class="periodCol">Period</th>
                                        <th class="dateFrom">From</th>
                    <th class="dateTo">To</th>
                    <th class="weeklyNight">Weekday night</th>
                    <th class="weekendNight">Weekend night</th>
                    <th class="weeklyCol">Weekly</th>
                    <th class="monthlyCol">Monthly</th>
                    <th class="minimumStay" >Minimum stay</th>
                    <th class="changeoverDay">Changeover day</th>
                </tr>
                </thead>
                <tbody>
                                                                                    <tr>
                                                        <td class="periodCol">peak season</td>
                                                        <td class="dateFrom" data-label="From">20 Dec 19</td>
                            <td class="dateTo" data-label="To">9 Jan 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="227.24449386591">$300</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="227.24449386591">$300</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1590.7114570614">$2,100</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                    <span class="weeks">1 week</span>
                                                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Chinese New Year rate</td>
                                                        <td class="dateFrom" data-label="From">22 Jan 20</td>
                            <td class="dateTo" data-label="To">29 Jan 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1405.1284537376">$1,855</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Easter Week</td>
                                                        <td class="dateFrom" data-label="From">8 Apr 20</td>
                            <td class="dateTo" data-label="To">15 Apr 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1405.1284537376">$1,855</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">High Season Rate</td>
                                                        <td class="dateFrom" data-label="From">1 Jul 20</td>
                            <td class="dateTo" data-label="To">1 Aug 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1405.1284537376">$1,855</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Peak Season Rate</td>
                                                        <td class="dateFrom" data-label="From">1 Aug 20</td>
                            <td class="dateTo" data-label="To">1 Sep 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="227.24449386591">$300</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="227.24449386591">$300</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1590.7114570614">$2,100</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">5 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">High Season</td>
                                                        <td class="dateFrom" data-label="From">1 Sep 20</td>
                            <td class="dateTo" data-label="To">16 Sep 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="200.73263624822">$265</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1405.1284537376">$1,855</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Peak Season</td>
                                                        <td class="dateFrom" data-label="From">20 Dec 20</td>
                            <td class="dateTo" data-label="To">9 Jan 21</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="227.24449386591">$300</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1590.7114570614">$2,100</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                    <span class="weeks">1 week</span>
                                                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                    
                                                        <tr>
                                                <td class="periodCol">All other dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="170.43337039944">$225</td>
                        <td class="weekendNight" data-sterling-value="170.43337039944">$225</td>
                        <td class="weeklyCol" data-sterling-value="1193.033592796">$1,575</td>
                        <td class="monthlyCol" data-sterling-value="0">-</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
            
    <p>NB: Rates may be subject to change at the homeowner's discretion</p>
    </div> <!-- // content-wrap -->
</article>
