
<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 Euro</strong>
            </span>
            <div class="hlSelectWrap">
                <select class="hlSelect" name="currencies">
<option value="1.773253" >AUD ($) Australian dollars</option>
<option value="1.727501" >CAD ($) Canadian dollars</option>
<option value="1.303817" >CHF (CHF) Swiss francs</option>
<option value="1.122659" >EUR (&euro;) Euro</option>
<option value="1.000000" >GBP (&pound;) United Kingdom pounds</option>
<option value="11.600203" >SEK (Skr) Swedish Krona</option>
<option value="43.896541" >THB (&#3647;) Thai baht</option>
<option value="1.312331"  selected="selected">USD ($) United States dollars</option>
<option value="17.565667" >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 10 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="10">
                <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"></td>
                                                        <td class="dateFrom" data-label="From">23 Jun 18</td>
                            <td class="dateTo" data-label="To">1 Sep 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="3117.5984871631">$4,092</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"></td>
                                                        <td class="dateFrom" data-label="From">1 Sep 18</td>
                            <td class="dateTo" data-label="To">29 Sep 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="2494.0787897305">$3,274</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"></td>
                                                        <td class="dateFrom" data-label="From">29 Sep 18</td>
                            <td class="dateTo" data-label="To">3 Nov 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="2226.8560622593">$2,923</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"></td>
                                                        <td class="dateFrom" data-label="From">3 Nov 18</td>
                            <td class="dateTo" data-label="To">15 Dec 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="1959.6333347882">$2,572</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"></td>
                                                        <td class="dateFrom" data-label="From">15 Dec 18</td>
                            <td class="dateTo" data-label="To">5 Jan 19</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="2494.0787897305">$3,274</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="0">-</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="2494.0787897305">$3,274</td>
                        <td class="monthlyCol" data-sterling-value="0">-</td>
                        <td class="minimumStay">
                                                                                                                    <span class="weeks">1 week</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>20% deposit payable at the time of booking.500 euros refundable security deposit payable with final invoice to be refunded at the end of the stay by transfer. Linen and Towels for use at the villa provided - beach towels not provided. Villa cleaned before arrival and on departure.  </pre></p>
    </div> <!-- // content-wrap -->
</article>
