
<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>EUR</strong>
            </span>
            <div class="hlSelectWrap">
                <select class="hlSelect" name="currencies">
<option value="1.77" >AUD ($) Australian dollars</option>
<option value="1.75" >CAD ($) Canadian dollars</option>
<option value="1.3" >CHF (CHF) Swiss francs</option>
<option value="1.12" >EUR (&euro;) Euro</option>
<option value="1" >GBP (&pound;) United Kingdom pounds</option>
<option value="11.16" >SEK (Skr) Swedish Krona</option>
<option value="43.78" >THB (&#3647;) Thai baht</option>
<option value="1.39"  selected="selected">USD ($) United States dollars</option>
<option value="16.58" >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 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">Early summer 2018</td>
                                                        <td class="dateFrom" data-label="From">1 May 18</td>
                            <td class="dateTo" data-label="To">29 Jun 18</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="276.78571428571">$385</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1785.7142857143">$2,483</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">4 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Summer 2018</td>
                                                        <td class="dateFrom" data-label="From">29 Jun 18</td>
                            <td class="dateTo" data-label="To">31 Aug 18</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="0">-</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="1919.6428571429">$2,669</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="245.53571428571">$342</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="1562.5">$2,172</td>
                        <td class="monthlyCol" data-sterling-value="0">-</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">4 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>500 euros security deposit also required with final balance payment, which is refunded on confirmation from our villa managers that no damage has occurred. Suggested changeover day is Friday in July and August, so guests benefit from cheaper air fares and avoid car hire queues. However, we can be flexible, subject to availability. Please enquire if you require 10 day holiday (or other duration) as we can be flexible, depending on availability.   Arrival after 16.00, departure before 10.00.</pre></p>
    </div> <!-- // content-wrap -->
</article>
