
<article class="rates">

            <h2 class="section-heading">Rates            <i class="icon icon-plus-circle"></i></h2>
        <div class="articleIntro">
            <span class="originalCurrency">
                Rates originally requested in <strong>USD</strong>
            </span>
            <div class="hlSelectWrap">
                <select class="hlSelect" name="currencies">
<option value="1.795430" >AUD ($) Australian dollars</option>
<option value="1.718062" >CAD ($) Canadian dollars</option>
<option value="1.257209" >CHF (CHF) Swiss francs</option>
<option value="1.111050" >EUR (&euro;) Euro</option>
<option value="1.000000" >GBP (&pound;) United Kingdom pounds</option>
<option value="11.425954" >SEK (Skr) Swedish Krona</option>
<option value="41.258067" >THB (&#3647;) Thai baht</option>
<option value="1.263322"  selected="selected">USD ($) United States dollars</option>
<option value="18.497745" >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">
            <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">
                        <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 8 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="8">
                <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 18</td>
                            <td class="dateTo" data-label="To">9 Jan 19</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="470.98047845284">$595</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</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 High Season</td>
                                                        <td class="dateFrom" data-label="From">3 Feb 19</td>
                            <td class="dateTo" data-label="To">10 Feb 19</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="375.99281893294">$475</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</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">Easter Week High Season</td>
                                                        <td class="dateFrom" data-label="From">17 Apr 19</td>
                            <td class="dateTo" data-label="To">25 Apr 19</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="387.86627637293">$490</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</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">16 Jun 19</td>
                            <td class="dateTo" data-label="To">16 Sep 19</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="387.86627637293">$490</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</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">Christmas 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="470.98047845284">$595</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</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 High Season</td>
                                                        <td class="dateFrom" data-label="From">23 Jan 20</td>
                            <td class="dateTo" data-label="To">30 Jan 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="387.86627637293">$490</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</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">All other dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="356.20372319963">$450</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="0">-</td>
                        <td class="monthlyCol" data-sterling-value="0">-</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 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><p><pre>Please note:
Payments by credit card will be invoiced in Indonesian Rupiah at the prevailing exchange rate, in accordance with Indonesian Government Regulations.
All rates are quoted in USD
All rates are subject to 15,5% Tax &amp; Service Charge
Rates may change without prior notice</pre></p>
    </div> <!-- // content-wrap -->
</article>
