booking.champneys.com
Open in
urlscan Pro
13.42.216.251
Public Scan
Submitted URL: http://booking.champneys.com/
Effective URL: https://booking.champneys.com/
Submission: On April 09 via api from US — Scanned from GB
Effective URL: https://booking.champneys.com/
Submission: On April 09 via api from US — Scanned from GB
Form analysis 1 forms found in the DOM
Name: CheckAvailability — POST /jasmine-form/
<form id="CheckAvailability" method="POST" name="CheckAvailability" data-async="false" action="/jasmine-form/" class="js-jasmineForm">
<input type="hidden" name="FormPosted_CheckAvailability" value="Yes">
<input type="hidden" name="FormPosted" value="Yes">
<input type="hidden" name="FormId" value="1014">
<input name="HotelFieldHiddenValue_CheckAvailability" type="hidden" id="HotelFieldHiddenValue_CheckAvailability" aria-labelledby="HotelFieldHiddenValue_CheckAvailability" class="hotelSearchField" value="">
<input name="NoOfRooms_CheckAvailability" type="hidden" id="NoOfRooms_CheckAvailability" aria-labelledby="NoOfRooms_CheckAvailability" class="js-noOfRooms" value="1">
<div class="wrap-md wrap-md-sm p-md-x-xs p-0-x ">
<div class="">
<ul class="flex-stretch as-block-xs stayTypeTab nav-box-tabs nav nav-tabs m-auto align-center p-lg-b" role="tablist" data-staytype="STAY">
<li class="tabs-item align-center m-sm m-xs-sm m-0-xs">
<a class="js-stay-tab-item p-sm active" id="stay-tab" data-label="Select spa resort or hotel" data-type="STAY" data-toggle="tab" href="#stay" data-target="#dropdown-occupants-resbox-CheckAvailability .js-room-picker" role="tab" aria-controls="Stays" aria-selected="true">
<img class="img-height" src="//di4xinnspavm3.cloudfront.net/media/images/navigation/stay.png">
<div class="h4">Stays</div>
</a>
</li>
<li class="tabs-item align-center m-sm m-xs-sm m-0-xs">
<a class="js-stay-tab-item p-sm" id="day-tab" data-label="Select spa resort or hotel" data-type="DAY" data-toggle="tab" href="#day" data-target="#dropdown-occupants-resbox-CheckAvailability .js-room-picker" data-maxspaday="6" role="tab" aria-controls="Spa Days & Evenings" aria-selected="false">
<img class="img-height" src="//di4xinnspavm3.cloudfront.net/media/images/navigation/day.png">
<div class="h4">Spa Days & Evenings</div>
</a>
</li>
<li class="tabs-item align-center m-sm m-xs-sm m-0-xs">
<a class="js-stay-tab-item p-sm" id="treatment-tab" data-label="Select spa resort or hotel" data-type="TREATMENT" data-toggle="tab" href="#treatment" data-target="#dropdown-occupants-resbox-CheckAvailability .js-room-picker" data-maxtreatment="5" role="tab" aria-controls="Spa Treatments" aria-selected="false">
<img class="img-height" src="//di4xinnspavm3.cloudfront.net/media/images/navigation/treatment.png">
<div class="h4">Spa Treatments</div>
</a>
</li>
<li class="tabs-item align-center m-sm m-xs-sm m-0-xs">
<a class="p-sm" id="gift vouchers-tab" role="tab" href="/hbs/gift-vouchers.html">
<img class="img-height" src="//di4xinnspavm3.cloudfront.net/media/images/navigation/vouchers.png">
<div class="h4">Gift Vouchers</div>
</a>
</li>
</ul>
</div>
</div>
<!-- <style>
.date.load-indicator, .date.load-indicator a {
cursor: not-allowed;
}
.date.load-indicator:hover {
background: unset;
}
</style> -->
<div class="calendar-form wrap-sm wrap-blocked-sm clear p-sm-b p-0-x p-md-x-xs wrap-md-sm">
<div class="col-12 p-0 relative">
<div class="col-6 col-xs-12 p-0-l p-0-xs hidden">
<div class="form-content form-selectbox relative">
<span class="sr-only"><label class="label_StayType_CheckAvailability " for="StayType_CheckAvailability"> </label></span>
<select name="StayType_CheckAvailability" id="StayType_CheckAvailability" aria-labelledby="StayType_CheckAvailability">
<option value="STAY">Stay</option>
<option value="DAY">Spa Day</option>
<option value="TREATMENT">Treatment</option>
</select>
<i class="selectboxit-arrow selectboxit-default-arrow icon icon-chevron_down absolute-r p-sm-l m-sm-r text-secondary bg-white"></i>
</div>
</div>
<div class="col-12 col-xs-12 m-md-b p-0-x p-0-xs ">
<div class="h1 align-center p-md-b p-sm-t hidden"><i>Choose Your Dates</i></div>
<div class="form-input form-input-lg border relative p-0 ">
<div class="font-size-xs text-uppercase font-sans-serif text-primary ls-1 p-sm-x p-sm-t "> Location </div>
<div class="p-0 no-border">
<span class="sr-only"><label class="label_SelectHotel_CheckAvailability mandatoryField" title="Mandatory field" for="SelectHotel_CheckAvailability"> * </label></span>
<select name="SelectHotel_CheckAvailability" id="SelectHotel_CheckAvailability" aria-labelledby="SelectHotel_CheckAvailability" class="required select padding-sm no-selectboxit js-resbox-select fielderror select2-hidden-accessible"
data-method="select2" data-select2-id="SelectHotel_CheckAvailability" tabindex="-1" aria-hidden="true">
<option value="" data-select2-id="2">Select spa resort or hotel</option>
<optgroup data-value="RESORT_SPA" label="SPA RESORTS">
<option value="Tring" data-isallowchild="N" data-daystaytreatmentbookingendtime="18:00" data-issellingdayrooms="Y" data-roomtreatmentbookingstarttimeonfirstday="14:00" data-istreatmentrequirestay="Y"
data-roomtreatmentbookingendtimeonlastday="16:00" data-issellingstayrooms="Y" data-groupvalue="RESORT_SPA" data-daystaytreatmentbookingstarttime="10:00" data-issellingtreatments="Y" data-ischildallowedindaystay="N">Champneys Tring,
Hertfordshire</option>
<option value="Forest Mere" data-isallowchild="N" data-daystaytreatmentbookingendtime="18:00" data-issellingdayrooms="Y" data-roomtreatmentbookingstarttimeonfirstday="14:00" data-istreatmentrequirestay="Y"
data-roomtreatmentbookingendtimeonlastday="16:00" data-issellingstayrooms="Y" data-groupvalue="RESORT_SPA" data-daystaytreatmentbookingstarttime="10:00" data-issellingtreatments="Y" data-ischildallowedindaystay="N">Champneys Forest
Mere, Hampshire</option>
<option value="Henlow" data-isallowchild="N" data-daystaytreatmentbookingendtime="18:00" data-issellingdayrooms="Y" data-roomtreatmentbookingstarttimeonfirstday="14:00" data-istreatmentrequirestay="Y"
data-roomtreatmentbookingendtimeonlastday="16:00" data-issellingstayrooms="Y" data-groupvalue="RESORT_SPA" data-daystaytreatmentbookingstarttime="10:00" data-issellingtreatments="Y" data-ischildallowedindaystay="N">Champneys Henlow,
Bedfordshire</option>
<option value="Springs" data-isallowchild="N" data-daystaytreatmentbookingendtime="18:00" data-issellingdayrooms="Y" data-roomtreatmentbookingstarttimeonfirstday="8:00" data-istreatmentrequirestay="Y"
data-roomtreatmentbookingendtimeonlastday="18:00" data-issellingstayrooms="Y" data-groupvalue="RESORT_SPA" data-daystaytreatmentbookingstarttime="8:00" data-issellingtreatments="Y" data-ischildallowedindaystay="N">Champneys Springs,
Leicestershire</option>
</optgroup>
<optgroup data-value="HOTEL_SPA" label="SPA HOTELS">
<option value="Eastwell" data-isallowchild="N" data-daystaytreatmentbookingendtime="18:00" data-issellingdayrooms="Y" data-roomtreatmentbookingstarttimeonfirstday="8:00" data-istreatmentrequirestay="N"
data-roomtreatmentbookingendtimeonlastday="18:00" data-issellingstayrooms="Y" data-groupvalue="HOTEL_SPA" data-daystaytreatmentbookingstarttime="8:00" data-issellingtreatments="Y" data-ischildallowedindaystay="Y">Eastwell Manor,
Kent</option>
<option value="Mottram Hall" data-isallowchild="N" data-daystaytreatmentbookingendtime="18:00" data-issellingdayrooms="Y" data-roomtreatmentbookingstarttimeonfirstday="8:00" data-istreatmentrequirestay="N"
data-roomtreatmentbookingendtimeonlastday="18:00" data-issellingstayrooms="Y" data-groupvalue="HOTEL_SPA" data-daystaytreatmentbookingstarttime="8:00" data-issellingtreatments="Y" data-ischildallowedindaystay="Y">Mottram Hall,
Cheshire</option>
</optgroup>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="1" style="width: 578px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox"
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-SelectHotel_CheckAvailability-container"><span class="select2-selection__rendered"
id="select2-SelectHotel_CheckAvailability-container" role="textbox" aria-readonly="true" title="Select spa resort or hotel">Select spa resort or hotel</span><span class="select2-selection__arrow"
role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
<i class="selectboxit-arrow selectboxit-default-arrow icon icon-chevron_down absolute-r p-sm-l m-sm-r text-secondary bg-white"></i>
</div>
</div>
</div>
</div>
<div class="col-12 p-0">
<div class="col-6 col-xs-12 m-md-b-smxs p-0-xs p-0-l js-date-field-container">
<!-- DATEPICKER -->
<div class="columns gutter-sm hidden">
<div class="col-5 p-0 calendar date-range form-date relative" data-method="daterangepicker-auto-position" data-minday="" data-maxday="" data-maxdaysallowed="">
<div class="col-6 border-right p-xs js-datepicker-wrapper">
<div class="form-input-group border-none bg-none p-0 ">
<div class="form-input form-input-lg border-none bg-none">
<span class="as-block font-size-xs text-uppercase">
<label class="label_checkin_CheckAvailability font-size-xs padding-sm-t align-left margin-0" for="checkin_CheckAvailability">CHECK_IN_DATE </label>
</span>
<div class="relative">
<div class="hidden">
<div class="noScript form-control datepicker padding-0 margin-xs margin-0-l border-0 arrival-date" style="display: none;"><input type="hidden" name="checkin_CheckAvailability_alt" id="checkin_CheckAvailability_alt"><label
style="display:none" for="checkin_CheckAvailability_day">Day:</label><select id="checkin_CheckAvailability_day" name="checkin_CheckAvailability_day" class="select date">
<option value="">Day</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09" selected="selected">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select><label style="display:none" for="checkin_CheckAvailability_month">Month:</label><select id="checkin_CheckAvailability_month" name="checkin_CheckAvailability_month" class="select month">
<option value="">Month</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04" selected="selected">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select><label style="display:none" for="checkin_CheckAvailability_year">Year:</label><select id="checkin_CheckAvailability_year" name="checkin_CheckAvailability_year" class="select year">
<option value="">Year</option>
<option value="2024" selected="selected">2024</option>
<option value="2025">2025</option>
</select></div>
<div class="withScript" style=""><input name="checkin_CheckAvailability" type="text" id="checkin_CheckAvailability" aria-labelledby="checkin_CheckAvailability"
class="form-control datepicker padding-0 margin-xs margin-0-l border-0 arrival-date" readonly="readonly" value="09 Apr 2024"></div>
</div>
<div class="date-field">
<label class="sr-only" for="CheckInDate_CheckAvailability"> Check-in Date</label>
<input name="CheckInDate_CheckAvailability" id="CheckInDate_CheckAvailability" type="text" class="arrive-daterange form-control datepicker p-0 m-xs m-0 border-none" value="" autocomplete="off" placeholder="Arrival"
readonly="readonly">
</div>
<span class="js-datepicker-icon form-input-group-icon border-none absolute-tr p-sm-r m-xs-r">
<i class="icon icon-calendar"></i>
</span>
</div>
</div>
</div>
</div>
<div class="col-6 border-right p-xs js-datepicker-wrapper">
<div class="form-input-group border-none bg-none p-0">
<div class="form-input form-input-lg border-none bg-none">
<span class="as-block font-size-xs text-uppercase">
<label class="label_checkout_CheckAvailability font-size-xs padding-sm-t align-left margin-0" for="checkout_CheckAvailability">CHECK_OUT_DATE </label>
</span>
<div class="relative">
<div class="hidden">
<div class="noScript form-control datepicker padding-0 margin-xs margin-0-l border-0 departure-date" style="display: none;"><input type="hidden" name="checkout_CheckAvailability_alt" id="checkout_CheckAvailability_alt"><label
style="display:none" for="checkout_CheckAvailability_day">Day:</label><select id="checkout_CheckAvailability_day" name="checkout_CheckAvailability_day" class="select date">
<option value="">Day</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10" selected="selected">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select><label style="display:none" for="checkout_CheckAvailability_month">Month:</label><select id="checkout_CheckAvailability_month" name="checkout_CheckAvailability_month" class="select month">
<option value="">Month</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04" selected="selected">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select><label style="display:none" for="checkout_CheckAvailability_year">Year:</label><select id="checkout_CheckAvailability_year" name="checkout_CheckAvailability_year" class="select year">
<option value="">Year</option>
<option value="2024" selected="selected">2024</option>
<option value="2025">2025</option>
</select></div>
<div class="withScript" style=""><input name="checkout_CheckAvailability" type="text" id="checkout_CheckAvailability" aria-labelledby="checkout_CheckAvailability"
class="form-control datepicker padding-0 margin-xs margin-0-l border-0 departure-date" readonly="readonly" value="10 Apr 2024"></div>
</div>
<div class="date-field">
<label class="sr-only" for="CheckOutDate_CheckAvailability">Check-out Date</label>
<input name="CheckOutDate_CheckAvailability" id="CheckOutDate_CheckAvailability" type="text" class="depart-daterange form-control datepicker p-0 m-xs m-0 border-none" value="" autocomplete="off" placeholder="Departure"
readonly="readonly">
</div>
<span class="js-datepicker-icon form-input-group-icon border-none absolute-tr p-sm-r m-xs-r">
<i class="icon icon-calendar"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-date-field-box">
<div class="form-input form-input-lg disabled calendar-trigger" data-target="#resbox-CheckAvailability .calendar-container">
<div class="font-size-xs text-uppercase font-sans-serif ls-1 text-primary"> DATES</div>
<div class="selected-dates" data-format="D, dd M yy">
<span class="cin" data-label="Check-in Date">Tue, 09 Apr 2024</span><span class="sep"> – </span><span class="cout" data-label="Check-out Date">Wed, 10 Apr 2024</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-xs-12 p-0-r p-0-xs">
<div class="">
<!-- <a class="visible-smxs-block as-block p-md-b p-sm-t text-white toggle-arrow" title="ADVANCED_OPTIONS" role="button" data-toggle="collapse" href="#advanced-options" aria-expanded="true"
aria-controls="advanced-options"> ADVANCED_OPTIONS <i class="icon icon-chevron-toggle"></i> </a>-->
<div class="" id="advanced-options">
<div class="m-sm-b">
<div class="form-label sr-only"> Occupants </div>
<div class="p-0 occupants dropdown dropdown-occupants">
<div id="dropdown-occupants-resbox-CheckAvailability" class="form-input relative dropdown-static occupantsDropdown" role="form" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="font-size-xs text-uppercase font-sans-serif ls-1 text-primary">
<span class="js-adult-total">Adults </span>
<span class="js-child-total">/ Children</span>
<span class="js-room-total">/ Rooms</span>
</div>
<div class="relative border-none">
<span class="js-adult-total"><span class="ui-num">2</span><span class="ui-singular hidden"> adult</span><span class="ui-plural"> adults</span></span><span class="js-child-total"><span class="ui-comma">, </span><span
class="ui-num">0</span>
<span class="ui-singular hidden"> child</span>
<span class="ui-plural"> children</span></span><span class="js-room-total"><span class="ui-comma">, </span><span class="ui-num js-room-total padding-xs-r">1</span> <span class="ui-singular">room</span><span
class="ui-plural hidden">rooms</span></span>
<div class="dropdown-menu dropdown-menu-md columns no-shadow">
<div class="columns">
<div class="flex-stretch form-group form-header font-sans-serif m-0 p-sm-x p-md-t">
<div class="col-4 room-picker">Rooms</div>
<div class="col-4 align-center adult-picker"> Adults</div>
<div class="col-4 align-center child-picker">
<div class="flex">
<div>Children</div>
<div>
<a href="javascript:;" class="popover-link" data-toggle="popover" data-trigger="focus" data-placement="top" title="" data-content="Children under 12 years old." data-original-title="">
<i class="icon icon-info p-xs-l"></i>
</a>
</div>
</div>
</div>
</div>
<!-- ROOM loop Start -->
<div id="roombox-CheckAvailability-1" class="flex-stretch jusitfy-center js-room-picker form-group p-sm-x active">
<div class="col-4 align-left room-picker flex">
<div class="removable-item">
<span class="text-capitalize bold"> Room 1 </span>
</div>
</div>
<div class="col-4 adult-picker">
<div class="flex justify-center m-auto w120">
<div>
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" data-type="minus" data-field="NoOfAdults1_CheckAvailability" data-field-link="NoOfChildren1_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div>
<label class="sr-only" for="NoOfAdults1_CheckAvailability">Adults</label>
<input name="NoOfAdults1_CheckAvailability" type="text" id="NoOfAdults1_CheckAvailability" aria-labelledby="NoOfAdults1_CheckAvailability" class="js-adult border-0 align-center input-number" readonly="readonly"
data-min="1" data-max="2" data-link="NoOfChildren1_CheckAvailability" value="2">
</div>
<div>
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfAdults1_CheckAvailability" data-field-link="NoOfChildren1_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div class="col-4 flex-stretch justify-center child-picker">
<div class="flex">
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" disabled="" data-type="minus" data-field="NoOfChildren1_CheckAvailability" data-field-lookback="NoOfAdults1_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div class="flex">
<label class="sr-only" for="NoOfChildren1_CheckAvailability">Children</label>
<input name="NoOfChildren1_CheckAvailability" type="text" id="NoOfChildren1_CheckAvailability" aria-labelledby="NoOfChildren1_CheckAvailability" class="js-child border-0 align-center input-number" readonly="readonly"
data-min="0" data-max="2" data-lookback="NoOfChildren1_CheckAvailability" value="0" disabled="">
</div>
<div class="flex">
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfChildren1_CheckAvailability" data-field-lookback="NoOfAdults1_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div id="roombox-CheckAvailability-2" class="flex-stretch jusitfy-center js-room-picker form-group p-sm-x hidden">
<div class="col-4 align-left room-picker flex">
<div class="removable-item">
<a class="hide-item text-dark" href="javascript:;" data-target="#room-2">
<span class="text-capitalize bold">
Room
2
</span>
<span class="text-primary font-sans-serif font-size-xs text-underline as-block absolute">REMOVE</span>
</a>
</div>
</div>
<div class="col-4 adult-picker">
<div class="flex justify-center m-auto w120">
<div>
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" data-type="minus" data-field="NoOfAdults2_CheckAvailability" data-field-link="NoOfChildren2_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div>
<label class="sr-only" for="NoOfAdults2_CheckAvailability">Adults</label>
<input name="NoOfAdults2_CheckAvailability" type="text" id="NoOfAdults2_CheckAvailability" aria-labelledby="NoOfAdults2_CheckAvailability" class="js-adult border-0 align-center input-number" readonly="readonly"
data-min="1" data-max="2" data-link="NoOfChildren2_CheckAvailability" value="2">
</div>
<div>
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfAdults2_CheckAvailability" data-field-link="NoOfChildren2_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div class="col-4 flex-stretch justify-center child-picker">
<div class="flex">
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" disabled="" data-type="minus" data-field="NoOfChildren2_CheckAvailability" data-field-lookback="NoOfAdults2_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div class="flex">
<label class="sr-only" for="NoOfChildren2_CheckAvailability">Children</label>
<input name="NoOfChildren2_CheckAvailability" type="text" id="NoOfChildren2_CheckAvailability" aria-labelledby="NoOfChildren2_CheckAvailability" class="js-child border-0 align-center input-number" readonly="readonly"
data-min="0" data-max="2" data-lookback="NoOfChildren2_CheckAvailability" value="0" disabled="">
</div>
<div class="flex">
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfChildren2_CheckAvailability" data-field-lookback="NoOfAdults2_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div id="roombox-CheckAvailability-3" class="flex-stretch jusitfy-center js-room-picker form-group p-sm-x hidden">
<div class="col-4 align-left room-picker flex">
<div class="removable-item">
<a class="hide-item text-dark" href="javascript:;" data-target="#room-3">
<span class="text-capitalize bold">
Room
3
</span>
<span class="text-primary font-sans-serif font-size-xs text-underline as-block absolute">REMOVE</span>
</a>
</div>
</div>
<div class="col-4 adult-picker">
<div class="flex justify-center m-auto w120">
<div>
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" data-type="minus" data-field="NoOfAdults3_CheckAvailability" data-field-link="NoOfChildren3_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div>
<label class="sr-only" for="NoOfAdults3_CheckAvailability">Adults</label>
<input name="NoOfAdults3_CheckAvailability" type="text" id="NoOfAdults3_CheckAvailability" aria-labelledby="NoOfAdults3_CheckAvailability" class="js-adult border-0 align-center input-number" readonly="readonly"
data-min="1" data-max="2" data-link="NoOfChildren3_CheckAvailability" value="2">
</div>
<div>
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfAdults3_CheckAvailability" data-field-link="NoOfChildren3_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div class="col-4 flex-stretch justify-center child-picker">
<div class="flex">
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" disabled="" data-type="minus" data-field="NoOfChildren3_CheckAvailability" data-field-lookback="NoOfAdults3_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div class="flex">
<label class="sr-only" for="NoOfChildren3_CheckAvailability">Children</label>
<input name="NoOfChildren3_CheckAvailability" type="text" id="NoOfChildren3_CheckAvailability" aria-labelledby="NoOfChildren3_CheckAvailability" class="js-child border-0 align-center input-number" readonly="readonly"
data-min="0" data-max="2" data-lookback="NoOfChildren3_CheckAvailability" value="0" disabled="">
</div>
<div class="flex">
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfChildren3_CheckAvailability" data-field-lookback="NoOfAdults3_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div id="roombox-CheckAvailability-4" class="flex-stretch jusitfy-center js-room-picker form-group p-sm-x hidden">
<div class="col-4 align-left room-picker flex">
<div class="removable-item">
<a class="hide-item text-dark" href="javascript:;" data-target="#room-4">
<span class="text-capitalize bold">
Room
4
</span>
<span class="text-primary font-sans-serif font-size-xs text-underline as-block absolute">REMOVE</span>
</a>
</div>
</div>
<div class="col-4 adult-picker">
<div class="flex justify-center m-auto w120">
<div>
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" data-type="minus" data-field="NoOfAdults4_CheckAvailability" data-field-link="NoOfChildren4_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div>
<label class="sr-only" for="NoOfAdults4_CheckAvailability">Adults</label>
<input name="NoOfAdults4_CheckAvailability" type="text" id="NoOfAdults4_CheckAvailability" aria-labelledby="NoOfAdults4_CheckAvailability" class="js-adult border-0 align-center input-number" readonly="readonly"
data-min="1" data-max="2" data-link="NoOfChildren4_CheckAvailability" value="2">
</div>
<div>
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfAdults4_CheckAvailability" data-field-link="NoOfChildren4_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div class="col-4 flex-stretch justify-center child-picker">
<div class="flex">
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" disabled="" data-type="minus" data-field="NoOfChildren4_CheckAvailability" data-field-lookback="NoOfAdults4_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div class="flex">
<label class="sr-only" for="NoOfChildren4_CheckAvailability">Children</label>
<input name="NoOfChildren4_CheckAvailability" type="text" id="NoOfChildren4_CheckAvailability" aria-labelledby="NoOfChildren4_CheckAvailability" class="js-child border-0 align-center input-number" readonly="readonly"
data-min="0" data-max="2" data-lookback="NoOfChildren4_CheckAvailability" value="0" disabled="">
</div>
<div class="flex">
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfChildren4_CheckAvailability" data-field-lookback="NoOfAdults4_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div id="roombox-CheckAvailability-5" class="flex-stretch jusitfy-center js-room-picker form-group p-sm-x hidden">
<div class="col-4 align-left room-picker flex">
<div class="removable-item">
<a class="hide-item text-dark" href="javascript:;" data-target="#room-5">
<span class="text-capitalize bold">
Room
5
</span>
<span class="text-primary font-sans-serif font-size-xs text-underline as-block absolute">REMOVE</span>
</a>
</div>
</div>
<div class="col-4 adult-picker">
<div class="flex justify-center m-auto w120">
<div>
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" data-type="minus" data-field="NoOfAdults5_CheckAvailability" data-field-link="NoOfChildren5_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div>
<label class="sr-only" for="NoOfAdults5_CheckAvailability">Adults</label>
<input name="NoOfAdults5_CheckAvailability" type="text" id="NoOfAdults5_CheckAvailability" aria-labelledby="NoOfAdults5_CheckAvailability" class="js-adult border-0 align-center input-number" readonly="readonly"
data-min="1" data-max="2" data-link="NoOfChildren5_CheckAvailability" value="2">
</div>
<div>
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfAdults5_CheckAvailability" data-field-link="NoOfChildren5_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<div class="col-4 flex-stretch justify-center child-picker">
<div class="flex">
<button aria-label="minus" type="button" class="btn-none btn-number p-sm" disabled="" data-type="minus" data-field="NoOfChildren5_CheckAvailability" data-field-lookback="NoOfAdults5_CheckAvailability">
<i class="icon icon-minus"></i>
</button>
</div>
<div class="flex">
<label class="sr-only" for="NoOfChildren5_CheckAvailability">Children</label>
<input name="NoOfChildren5_CheckAvailability" type="text" id="NoOfChildren5_CheckAvailability" aria-labelledby="NoOfChildren5_CheckAvailability" class="js-child border-0 align-center input-number" readonly="readonly"
data-min="0" data-max="2" data-lookback="NoOfChildren5_CheckAvailability" value="0" disabled="">
</div>
<div class="flex">
<button aria-label="plus" type="button" class="btn-none btn-number p-sm" data-type="plus" data-field="NoOfChildren5_CheckAvailability" data-field-lookback="NoOfAdults5_CheckAvailability" disabled="">
<i class="icon icon-add"></i>
</button>
</div>
</div>
</div>
<!-- ROOM loop end -->
</div>
<div class="border-top p-md col-12 gutter-0 flex-stretch justify-center">
<a href="#" data-target="#resbox-CheckAvailability .js-room-picker" class="flex col-6 col-smxs-7 add-item text-dark font-sans-serif font-size-sm">
<i class="icon icon-xs icon-add p-xs-r"></i>
Add Room
</a>
<div class="col-6 col-smxs-5 btn-done-container">
<button class="js-occupants btn btn-outline btn-block text-uppercase" data-target="#dropdown-occupants-resbox-CheckAvailability" data-toggle="dropdown"> Done </button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end dropdown -->
</div>
</div>
</div>
</div>
</div>
</div>
</form>Text Content
Cookie Policy: Our website uses essential cookies to ensure its proper operation and analytics cookies to understand how you interact with it. Accept Accept Cookies Main Menu * * 0 Your Bag is empty Total £0.00 View Summary Booking Portal Sign in or Register Champneys.com Spa Resorts & Hotels City Spa Gift Vouchers Spa Deals, Packages & Offers Sign Up & Save Sign up for super savings Sign up or Log in What would you like to do? * Stays * Spa Days & Evenings * Spa Treatments * Gift Vouchers Stay Spa Day Treatment Choose Your Dates Location * Select spa resort or hotel Champneys Tring, Hertfordshire Champneys Forest Mere, Hampshire Champneys Henlow, Bedfordshire Champneys Springs, Leicestershire Eastwell Manor, Kent Mottram Hall, Cheshire Select spa resort or hotel CHECK_IN_DATE Day:Day12345678910111213141516171819202122232425262728293031Month:MonthJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecemberYear:Year20242025 Check-in Date CHECK_OUT_DATE Day:Day12345678910111213141516171819202122232425262728293031Month:MonthJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecemberYear:Year20242025 Check-out Date DATES Tue, 09 Apr 2024 – Wed, 10 Apr 2024 Occupants Adults / Children / Rooms 2 adult adults, 0 child children, 1 roomrooms Rooms Adults Children Room 1 Adults Children Room 2 REMOVE Adults Children Room 3 REMOVE Adults Children Room 4 REMOVE Adults Children Room 5 REMOVE Adults Children Add Room Done APRIL 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 MAY 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 JUNE 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 JULY 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 AUGUST 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 SEPTEMBER 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 OCTOBER 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 NOVEMBER 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 DECEMBER 2024 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 JANUARY 2025 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 FEBRUARY 2025 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 MARCH 2025 Mon Tue Wed Thu Fri Sat Sun 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Note: Prices shown are per person per night for our standard rate based on two people sharing. Note: Prices shown are per person per night based on two people sharing. Prices shown are per person for the lowest priced Spa Day or Twilight Spa session available on each day. Sorry! The dates you selected includes date(s) with no availability or fully booked. Please change your dates to proceed Copyright © 2024 Champneys. All rights reserved.