
<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>USD</strong>
            </span>
            <div class="hlSelectWrap">
                <select class="hlSelect" name="currencies">
<option value="190.627432" ></option>
<option value="4.966437" ></option>
<option value="146.480828" ></option>
<option value="2.420638" ></option>
<option value="315.077120" ></option>
<option value="32.863763" ></option>
<option value="1.797856" ></option>
<option value="2.306029" ></option>
<option value="2.249476" ></option>
<option value="2.704622" ></option>
<option value="115.552508" ></option>
<option value="2.245498" ></option>
<option value="0.513608" ></option>
<option value="1.352311" ></option>
<option value="1.818236" ></option>
<option value="9.519898" ></option>
<option value="4.981989" ></option>
<option value="1.352311" ></option>
<option value="13.635329" ></option>
<option value="27046.220000" ></option>
<option value="2.761137" ></option>
<option value="1.729121" ></option>
<option value="2181.146774" ></option>
<option value="1.353732" ></option>
<option value="854.810999" ></option>
<option value="8.611033" ></option>
<option value="3897.149856" ></option>
<option value="777.190230" ></option>
<option value="33.807775" ></option>
<option value="126.325175" ></option>
<option value="29.288552" ></option>
<option value="8.532684" ></option>
<option value="67.608789" ></option>
<option value="158.368779" ></option>
<option value="24.186418" ></option>
<option value="37.562108" ></option>
<option value="1.145484" ></option>
<option value="2.837877" ></option>
<option value="1.000000" ></option>
<option value="3.348946" ></option>
<option value="61468.681818" ></option>
<option value="6.206621" ></option>
<option value="64.297784" ></option>
<option value="12293.736364" ></option>
<option value="10.096017" ></option>
<option value="290.008793" ></option>
<option value="10.614686" ></option>
<option value="32.480929" ></option>
<option value="8.463210" ></option>
<option value="87.426364" ></option>
<option value="362.939077" ></option>
<option value="19046.633803" ></option>
<option value="4.856044" ></option>
<option value="91.619986" ></option>
<option value="1625.373798" ></option>
<option value="56346.291667" ></option>
<option value="140.719147" ></option>
<option value="170.466532" ></option>
<option value="0.961493" ></option>
<option value="149.591925" ></option>
<option value="136.970627" ></option>
<option value="5542.258197" ></option>
<option value="182.572026" ></option>
<option value="1454.097849" ></option>
<option value="0.410156" ></option>
<option value="1.126921" ></option>
<option value="444.254599" ></option>
<option value="11460.262712" ></option>
<option value="2067.753823" ></option>
<option value="214.312361" ></option>
<option value="180.140003" ></option>
<option value="3.955595" ></option>
<option value="0.805139" ></option>
<option value="1.853072" ></option>
<option value="12.795070" ></option>
<option value="22.658987" ></option>
<option value="4433.806557" ></option>
<option value="12406.522936" ></option>
<option value="70.790504" ></option>
<option value="3250.747596" ></option>
<option value="11.044413" ></option>
<option value="486.267889" ></option>
<option value="48.176380" ></option>
<option value="21.346324" ></option>
<option value="988.531433" ></option>
<option value="26.563299" ></option>
<option value="5.373222" ></option>
<option value="82.132463" ></option>
<option value="16.940521" ></option>
<option value="491.392078" ></option>
<option value="42.832605" ></option>
<option value="10.954055" ></option>
<option value="147.664446" ></option>
<option value="1.962812" ></option>
<option value="0.522384" ></option>
<option value="1.352311" ></option>
<option value="4.436468" ></option>
<option value="4.497090" ></option>
<option value="70.764574" ></option>
<option value="157.355248" ></option>
<option value="4.912368" ></option>
<option value="7683.585227" ></option>
<option value="5.007799" ></option>
<option value="5.316524" ></option>
<option value="135.706071" ></option>
<option value="83.786307" ></option>
<option value="1180.027051" ></option>
<option value="5.073500" ></option>
<option value="10.879413" ></option>
<option value="19.286493" ></option>
<option value="2449.838768" ></option>
<option value="24.506823" ></option>
<option value="11.785872" ></option>
<option value="1.814014" ></option>
<option value="1.000142" ></option>
<option value="10564.929688" ></option>
<option value="818.094979" ></option>
<option value="10.141673" ></option>
<option value="10167.751880" ></option>
<option value="28173.145833" ></option>
<option value="11.832692" ></option>
<option value="290.569618" ></option>
<option value="43.428209" ></option>
<option value="4.868316" ></option>
<option value="3.413797" ></option>
<option value="3.102456" ></option>
<option value="6.008402" ></option>
<option value="9.170386" ></option>
<option value="40.494415" ></option>
<option value="3094.533181" ></option>
<option value="35.722501" ></option>
<option value="5045.936567" ></option>
<option value="1.352311"  selected="selected"></option>
<option value="42.063859" ></option>
<option value="10905.733871" ></option>
<option value="13523.110000" ></option>
<option value="96593.642857" ></option>
<option value="30734.340909" ></option>
<option value="148.149759" ></option>
<option value="3.489015" ></option>
<option value="751.283889" ></option>
<option value="751.283889" ></option>
<option value="136.970627" ></option>
<option value="338.585628" ></option>
<option value="16.940521" ></option>
<option value="508.961611" ></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"></td>
                                                        <td class="dateFrom" data-label="From">19 Dec 18</td>
                            <td class="dateTo" data-label="To">11 Jan 19</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="147.89497386326">$200</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">5 night</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="110.92123039745">$150</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="0">-</td>
                        <td class="monthlyCol" data-sterling-value="0">-</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">3 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>
