
<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</strong>
            </p>
            <div class="hlSelectWrap">
                <i class="icon icon-arrow-down"></i>
                <select class="hlSelect" name="currencies">
<option value="1.835831" >AUD ($) Australian dollars</option>
<option value="1.746367" >CAD ($) Canadian dollars</option>
<option value="1.306088" >CHF (CHF) Swiss francs</option>
<option value="1.163543" >EUR (&euro;) Euro</option>
<option value="1.000000" >GBP (&pound;) United Kingdom pounds</option>
<option value="12.126796" >SEK (Skr) Swedish Krona</option>
<option value="41.646702" >THB (&#3647;) Thai baht</option>
<option value="1.305874"  selected="selected">USD ($) United States dollars</option>
<option value="18.406072" >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 2 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="2">
                <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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="160.04606876314">$209</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="957.2133299231">$1,250</td>
                        <td class="monthlyCol" data-sterling-value="3445.9679877232">$4,500</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
                    
            <div id="mobileTableRateWrapper"></div>

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

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="3">
                <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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="205.99230859945">$269</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="1278.8370087773">$1,671</td>
                        <td class="monthlyCol" data-sterling-value="4824.3551828124">$6,300</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
                    
            <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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="251.93854843576">$329</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="1600.4606876314">$2,090</td>
                        <td class="monthlyCol" data-sterling-value="6202.7423779017">$8,100</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="297.88478827207">$390</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="1922.0843664856">$2,510</td>
                        <td class="monthlyCol" data-sterling-value="7581.129572991">$9,900</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
                    
            <div id="mobileTableRateWrapper"></div>

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

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="6">
                <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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="343.83102810838">$449</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="2243.7080453397">$2,930</td>
                        <td class="monthlyCol" data-sterling-value="8959.5167680802">$11,700</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
                    
            <div id="mobileTableRateWrapper"></div>

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

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="7">
                <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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="389.77726794469">$509</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="2565.3317241939">$3,350</td>
                        <td class="monthlyCol" data-sterling-value="10337.903963169">$13,500</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
                    
            <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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="435.723507781">$569</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="2886.9554030481">$3,770</td>
                        <td class="monthlyCol" data-sterling-value="11716.291158259">$15,300</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>These rates include
-  Breakfast
- Afternoon tea
- All rates and taxes are included in these rates. Service charge is also included in this rate.
These rates apply until  further notice but are subject to change without notice.
The prices quoted are for occupancy based on 1 or 2 persons.
Rates are higher depending on numer of occupants. Please consult our website for further details (www.villanailayabali.com)</pre></p>
    </div> <!-- // content-wrap -->
</article>
