
<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="853.68181528962">$1,127</td>
                        <td class="weekendNight" data-sterling-value="853.68181528962">$1,127</td>
                        <td class="weeklyCol" data-sterling-value="5681.1123466478">$7,500</td>
                        <td class="monthlyCol" data-sterling-value="20963.304559131">$27,675</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="891.5558976006">$1,177</td>
                        <td class="weekendNight" data-sterling-value="891.5558976006">$1,177</td>
                        <td class="weeklyCol" data-sterling-value="5946.2309228247">$7,850</td>
                        <td class="monthlyCol" data-sterling-value="22099.52702846">$29,175</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="929.42997991159">$1,227</td>
                        <td class="weekendNight" data-sterling-value="929.42997991159">$1,227</td>
                        <td class="weeklyCol" data-sterling-value="6211.3494990016">$8,200</td>
                        <td class="monthlyCol" data-sterling-value="23235.74949779">$30,675</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="967.30406222257">$1,277</td>
                        <td class="weekendNight" data-sterling-value="967.30406222257">$1,277</td>
                        <td class="weeklyCol" data-sterling-value="6476.4680751785">$8,550</td>
                        <td class="monthlyCol" data-sterling-value="24371.971967119">$32,175</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="1005.1781445336">$1,327</td>
                        <td class="weekendNight" data-sterling-value="1005.1781445336">$1,327</td>
                        <td class="weeklyCol" data-sterling-value="6741.5866513554">$8,900</td>
                        <td class="monthlyCol" data-sterling-value="25508.194436449">$33,675</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="1043.0522268445">$1,377</td>
                        <td class="weekendNight" data-sterling-value="1043.0522268445">$1,377</td>
                        <td class="weeklyCol" data-sterling-value="7006.7052275323">$9,250</td>
                        <td class="monthlyCol" data-sterling-value="26644.416905778">$35,175</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="1080.9263091555">$1,427</td>
                        <td class="weekendNight" data-sterling-value="1080.9263091555">$1,427</td>
                        <td class="weeklyCol" data-sterling-value="7271.8238037092">$9,600</td>
                        <td class="monthlyCol" data-sterling-value="27780.639375108">$36,675</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="1118.8003914665">$1,477</td>
                        <td class="weekendNight" data-sterling-value="1118.8003914665">$1,477</td>
                        <td class="weeklyCol" data-sterling-value="7536.9423798861">$9,950</td>
                        <td class="monthlyCol" data-sterling-value="28916.861844438">$38,175</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="1156.6744737775">$1,527</td>
                        <td class="weekendNight" data-sterling-value="1156.6744737775">$1,527</td>
                        <td class="weeklyCol" data-sterling-value="7802.060956063">$10,300</td>
                        <td class="monthlyCol" data-sterling-value="30053.084313767">$39,675</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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="1194.5485560885">$1,577</td>
                        <td class="weekendNight" data-sterling-value="1194.5485560885">$1,577</td>
                        <td class="weeklyCol" data-sterling-value="8067.1795322399">$10,650</td>
                        <td class="monthlyCol" data-sterling-value="31189.306783097">$41,175</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">1 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>
