
<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 1 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="1">
                <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="854.43929693584">$1,128</td>
                        <td class="weekendNight" data-sterling-value="854.43929693584">$1,128</td>
                        <td class="weeklyCol" data-sterling-value="5981.0750785508">$7,896</td>
                        <td class="monthlyCol" data-sterling-value="25633.178908075">$33,840</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 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="883.22359949218">$1,166</td>
                        <td class="weekendNight" data-sterling-value="883.22359949218">$1,166</td>
                        <td class="weeklyCol" data-sterling-value="6182.5651964453">$8,162</td>
                        <td class="monthlyCol" data-sterling-value="26496.707984766">$34,980</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="912.00790204853">$1,204</td>
                        <td class="weekendNight" data-sterling-value="912.00790204853">$1,204</td>
                        <td class="weeklyCol" data-sterling-value="6384.0553143397">$8,428</td>
                        <td class="monthlyCol" data-sterling-value="27360.237061456">$36,120</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="940.79220460488">$1,242</td>
                        <td class="weekendNight" data-sterling-value="940.79220460488">$1,242</td>
                        <td class="weeklyCol" data-sterling-value="6585.5454322342">$8,694</td>
                        <td class="monthlyCol" data-sterling-value="28223.766138146">$37,260</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="969.57650716123">$1,280</td>
                        <td class="weekendNight" data-sterling-value="969.57650716123">$1,280</td>
                        <td class="weeklyCol" data-sterling-value="6787.0355501286">$8,960</td>
                        <td class="monthlyCol" data-sterling-value="29087.295214837">$38,400</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="998.36080971758">$1,318</td>
                        <td class="weekendNight" data-sterling-value="998.36080971758">$1,318</td>
                        <td class="weeklyCol" data-sterling-value="6988.5256680231">$9,226</td>
                        <td class="monthlyCol" data-sterling-value="29950.824291527">$39,540</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="1027.1451122739">$1,356</td>
                        <td class="weekendNight" data-sterling-value="1027.1451122739">$1,356</td>
                        <td class="weeklyCol" data-sterling-value="7190.0157859175">$9,492</td>
                        <td class="monthlyCol" data-sterling-value="30814.353368218">$40,680</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="1055.9294148303">$1,394</td>
                        <td class="weekendNight" data-sterling-value="1055.9294148303">$1,394</td>
                        <td class="weeklyCol" data-sterling-value="7391.505903812">$9,758</td>
                        <td class="monthlyCol" data-sterling-value="31677.882444908">$41,820</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 9 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="9">
                <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="1084.7137173866">$1,432</td>
                        <td class="weekendNight" data-sterling-value="1084.7137173866">$1,432</td>
                        <td class="weeklyCol" data-sterling-value="7592.9960217064">$10,024</td>
                        <td class="monthlyCol" data-sterling-value="32541.411521599">$42,960</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 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">All dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="1113.498019943">$1,470</td>
                        <td class="weekendNight" data-sterling-value="1113.498019943">$1,470</td>
                        <td class="weeklyCol" data-sterling-value="7794.4861396008">$10,290</td>
                        <td class="monthlyCol" data-sterling-value="33404.940598289">$44,100</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>
    </div> <!-- // content-wrap -->
</article>
