/* BASIC */
body { background: #BAAEA7; margin:0 auto; overflow-x: hidden; }
form { font-family: "Gill Sans MT", Mukta; font-size: 1.0em; letter-spacing:0.04em; color: #fff; margin:0 auto; margin-top:0px; margin-bottom:0px; width:100%; line-height:1.6em; padding:0px; overflow-x:hidden; }
input { font-family:"Gill Sans MT", Mukta; }
h1 { font-size:2.8em; text-transform:uppercase; margin:30px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.2em; }
h2 { font-size:2.1em; text-transform:uppercase; margin:30px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.2em; }
h3 { font-size:1.8em; text-transform:none; margin:30px 0px; font-weight:500; letter-spacing:0.03em; line-height:1.2em;}
h4 { font-size:1.4em; text-transform:none; margin:30px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.5em;  }
p { margin-top:0px; margin-bottom:10px; font-family:"Gill Sans MT", Mukta;}
input[type="submit"], input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0; }
a:link, a:active, a:visited { color: #eee; }
a:link:hover, a:active:hover, a:visited:hover { color: #fff; }
select {  border-radius:3px; color:#424242; }
select:focus { outline:none; }

.mobile-dropdown {
    display: flex;
    flex-direction: column;
    background:#444;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:200;
}

.mobile-dropdown a, .mobile-dropdown button {
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0px 0;
    text-align: left;
    cursor: pointer;
}

/* BASIC */
ul.ticks li { list-style:none; background:url(/images/base/tick.png) no-repeat; padding:0px 0px 10px 45px; margin-bottom:5px; }

/* NOT FOUND */
.notfound{ margin-top:200px; min-height:400px;  text-align:center; color: #fff; }
html.sr .load-hidden { visibility: hidden; }

/* BOOK ACCOMMODATION */
.bookaccommodation { background: #f4f4f4; padding: 0px 40px;  margin-top:90px; }
.bookaccommodation .inner { max-width:1400px; margin:0 auto; }

/* HEADER */
.header { position: fixed; width:100%; height:40px; text-align:center; z-index:10000; padding:25px 0px 25px 0px; background:#BAAEA7; }
.header .logo { height:40px; }
.header .logo img { height:100%; }
.header .menuicon { position: absolute; top:29px; height:34px; left:30px; transition:0.25s; opacity:0.8; }
.header .menuicon:hover { cursor:pointer; opacity:1; }
.header .menuicon img { height:100%; }
.header .contact { position: absolute; top: 33px; left:110px; }
.header .contact a:link, .header .contact a:active, .header .contact a:visited { text-decoration:none; color: #eee; transition:0.25s; }
.header .contact a:link:hover, .header .contact a:active:hover, .header .contact a:visited:hover { color: #fff; }
.header .phone { display:none;  transition:0.25s; opacity:0.8; }
.header .phone:hover { opacity:1; }
.header .vouchers { position: absolute; top: 0px; right:190px; width:170px; }
.header .vouchers a:link, .header .vouchers a:active, .header .vouchers a:visited { display:block; width:calc(100% - 20px); height:calc(100% - 64px); text-align:center;  padding:32px 10px; font-size:1.2em; transition:0.25s; background: #A09690; color: #fff; text-decoration:none; }
.header .vouchers a:link:hover, .header .vouchers a:active:hover, .header .vouchers a:visited:hover { background: #89807B; cursor: pointer; }
.header .booknow { position: absolute; top: 0px; right:0px; width:170px; height:calc(100% - 64px); text-align:center;  padding:32px 10px; font-size:1.2em; transition:0.25s; background-color: #726B67; color: #fff; text-decoration:none; background-image:url(/images/base/downarrow.png); background-repeat:no-repeat; background-size: 16px 9px; background-position: calc(50% - 2px) calc(100% - 14px); }
.header .booknow:hover { background-color: #544F4C; cursor: pointer; }
.header .booknow ul { position: relative; top: 13px; width:190px; left:-10px; background-color: #BAAEA7; display:none; list-style-type:none; padding:0px; }
.header .booknow:hover ul { display:block; }
.header .booknow li a:link, .header .booknow li a:active, .header .booknow li a:visited { padding:15px 10px; width:calc(100% - 10px); background-color: #726B67; display:block; text-decoration:none; transition:0.25s; color: #fff; font-size:1.0em; padding-left:0px; border-top: solid 0px #aaa; }
.header .booknow li a:link:hover, .header .booknow li a:active:hover, .header .booknow li a:visited:hover { background:#938A85; }

/* ORIGINAL */
#original { position: fixed; top:90px; left:0px; border: solid 10px #D8CBC3; z-index:50000; max-width:400px; background: #BAAEA7;; }
#original .item { width:200px; height:30px; padding:16px 0px; display:inline-block; vertical-align:top; text-align:center; background: #BAAEA7; transition:0.25s; position:relative; }
#original .item:hover { background: #A59B95; }
#original .item img { max-width:calc(100% - 40px); max-height:30px;  position: absolute;  top: 25%; transform: translateY(-50%); left: 50%; transform: translateX(-50%); }

#main { margin-top:90px; }

/* MENU */
#menu { position: fixed; left:0px; top:0px; background:#A39892; width:280px; height:100%; z-index:20000;  transition-duration:0.5s;  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); overflow:visible; opacity:0; color: #fff; padding:20px 30px; left:-340px; }
#menu.open { transition-duration:0.5s; width:280px; opacity:1; left:0px; }
#menu .close { position: absolute; top:12px; right:12px; color: #999; font-size:2.0em; transition:0.25s; width:20px; transition:0.25s; opacity:0.6;  }
#menu .close:hover { cursor: pointer; opacity:1; }
#menu .close img { width:100%; }
#menu .close2 { position: absolute; top:12px; right:60px; color: #999; font-size:1.2em; transition:0.25s; width:20px; transition:0.25s; opacity:0.6; z-index:100; color:#A39892; text-transform:uppercase; display:none;  }
#menu .close2:hover { cursor: pointer; opacity:1; }
#menu .close2 img { width:100%; }
#menu h2 { font-size:2.2em; margin-bottom:10px; margin-top:5px; text-transform:none; }
#menu ul {margin:0; padding:0; list-style-type: none; margin-top:70px;  position: relative; width:calc(100% + 75px); margin-left:-30px; z-index:50; }
#menu ul li { position: relative;  }
#menu li { width:100%; }
#menu li:hover { }
#menu li a { display:block; color: #eee; font-size:1.3em; padding: 15px 0px 15px 30px;  text-decoration: none; font-weight:300;  border-bottom: solid 0px #888; overflow-y:hidden; width:calc(100% - 45px); transition:0.25s; z-index:25; text-transform:uppercase; letter-spacing:0.043em; font-weight:500; color: #fff;  }
#menu li.menuwithsubmenu1 a { background-image:url(/images/base/rightarrow.png); background-size: 12px 18px; background-repeat:no-repeat; background-position: calc(100% - 15px); }
#menu li.menuwithsubmenu a { background-image:url(/images/base/rightarrow2.png); background-size: 24px 24px; background-repeat:no-repeat; background-position: calc(100% - 15px); }
#menu li a:hover { text-decoration: none; color: #eee; transition:0.25s; background-color: #938A85; }
#menu ul ul { position: fixed; top: -70px; left:370px; width: 0px; overflow:hidden; background: #BAAEA7; transition-duration:0.25s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); opacity:0; padding:90px 0px 20px 0px; height:100%; z-index:500;  }
#menu ul li:focus-within ul { opacity:1; transition-duration:0.25s; width:280px; left:370px; padding:90px 30px 20px 30px; }
#menu li:focus { outline: none !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;  }
#menu li li a { width:calc(100% + 30px); margin-left:-30px; }
#menu li.back a { text-transform:none; }
#menu li.menuwithsubmenu1 li a  { background-image:none; }
#menu li li a:hover { background: #998F89; }

/* MAP */
.map { width:100%; height:100%; padding-bottom:50%; color:#424242; filter:grayscale(100%); }
.map h2 { color: #222; text-transform:none; font-size:1.4em; margin-top:0px; margin-bottom:10px; }
.map .overlay { line-height:1.5em; }

/* VIDEO */
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom:20px; } 
.video iframe, .video object, .video embed { position: absolute; top: 0;  left: 0; width: 100%; height: 100%; z-index:100; }

/* THEMES */
.themedark1 { background: #A39892; color:#fff; }
.themedark2 { background: #BAAEA7; color:#fff; }
.themedark3 { background: #666; color:#fff; }
.themedark1 a:link, .themedark1 a:active, .themedark1 a:visited { color: #eee; }
.themedark1 a:link:hover, .themedark1 a:active:hover, .themedark1 a:visited:hover { color: #fff; }
.themedark2 a:link, .themedark2 a:active, .themedark2 a:visited { color: #eee; }
.themedark2 a:link:hover, .themedark2 a:active:hover, .themedark2 a:visited:hover { color: #fff; }
.themedark3 a:link, .themedark3 a:active, .themedark3 a:visited { color: #eee; }
.themedark3 a:link:hover, .themedark3 a:active:hover, .themedark3 a:visited:hover { color: #fff; }
.themelight1 .button1 a:link, .themelight1 .button1 a:active, .themelight1 .button1 a:visited {  border: solid 2px #888;  color:#424242; }
.themelight1 .button1 a:link:hover, .themelight1 .button1 a:active:hover, .themelight1 .button1 a:visited:hover { background: #A39892; color: #fff; border: solid 2px #A39892; }
.themelight1 .text .button1 a:link, .themelight1 .text .button1 a:active, .themelight1 .text .button1 a:visited {  border: solid 2px #888;  color:#424242; }
.themelight1 .text .button1 a:link:hover, .themelight1 .text .button1 a:active:hover, .themelight1 .text .button1 a:visited:hover { background: #A39892; color: #fff; border: solid 2px #A39892; }
.themelight1 { background: #f4f4f4; color:#424242; }
.themelight1 .picture h3 { color:#fff; text-transform:uppercase; }
.themelight2 { background: #e8e8e8; }
.themelight3 { background: #e4e4e4; }
.themedark1 h3, .themedark2 .text h3 { color: #fff; }
.themedark1 h4, .themedark2 .text h4 { color: #fefefe; }
.themelight1 h3, .themelight2 .text h3 { color:#424242; }
.themelight1 h4, .themelight2 .text h4 { color: #888; }
.themelight1 .text a:link, .themelight1 .text a:active, .themelight1 .text a:visited { color:#424242; transition:0.25s; font-weight:600; }
.themelight1 .text a:link:hover, .themelight1 .text a:active:hover, .themelight1 .text :visited:hover { color: #666; transition:0.25s; }

.text .button1 a:link, .text .button1 a:active, .button1 a:visited { font-weight:300; }
.button1 { margin:40px 0px; margin-bottom:40px; }
.button1 a:link, .button1 a:active, .button1 a:visited {  padding: 12px 30px; border: solid 2px #fff; border-radius:6px; transition:0.25s; color: #fff; text-transform:uppercase; text-decoration:none; text-shadow:none; font-weight:400;  }
.button1 a:link:hover, .button1 a:active:hover, .button1 a:visited:hover { background: #fff; color:#424242; }
.button5 { margin:30px 0px; margin-bottom:40px; }
.button5 a:link, .button5 a:active, .button5 a:visited {  padding: 12px 30px; border: solid 2px #fff; border-radius:6px; transition:0.25s; color: #fff; text-transform:uppercase; text-decoration:none; text-shadow:none; font-weight:400;  }
.button5 a:link:hover, .button5 a:active:hover, .button5 a:visited:hover { background: #fff; color:#424242; }
.text { text-align:left; }
.text .button1 a:link, .text .button1 a:active, .text .button1 a:visited {  padding: 12px 30px; border: solid 2px #fff; border-radius:6px; transition:0.25s; color: #fff; text-transform:uppercase;  text-decoration:none; }
.text .button1 a:link:hover, .text .button1 a:active:hover, .text .button1 a:visited:hover { background: #fff; color:#424242; }

/* COLUMNS */
.column1 { width:calc(100% - 10px); padding:5px; }
.column1 img { }
.column2 { width:calc(50% - 40px); padding:30px 20px; display:inline-block; vertical-align:top;  }
.column2 img { width:100%; }
.column3 { width:calc(33.33% - 40px); padding:10px 20px; display:inline-block; vertical-align:top; margin-bottom:20px;  }
.column3 img { width:100%; }
.column3_2 { width:calc(66.66% - 50px); padding:10px 20px; display:inline-block; vertical-align:top; margin-bottom:20px;  }
.column3_2 img { width:100%; }
.column4 { width:calc(25% - 10px); padding:5px; display:inline-block; vertical-align:top;  }
.column4 img { width:100%; }
.column5 { width:calc(20% - 10px); padding:5px; display:inline-block; vertical-align:top;  }
.column5 img { width:100%; }
.column6 { width:calc(16.67% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:200px;  }
.column6 img { width:100%; }
.column7 { width:calc(14.2% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:171px;  }
.column7 img { max-width:100%; height:auto; object-fit:contain; }
.column8 { width:calc(12.5% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:150px;  }
.column8 img { max-width:100%; height:auto; object-fit:contain;  }
.column9 { width:calc(11.1% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:133px; }
.column9 img { max-width:100%; height:auto; object-fit:contain;  }
.column10 { width:calc(10% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:120px;  }
.column10 img { max-width:100%; height:auto; object-fit:contain;  }
.column11 { width:calc(9.1% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:110px; }
.column11 img { max-width:100%; height:auto; object-fit:contain;  }
.column12 { width:calc(8.5% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:100px; }
.column12 img { max-width:100%; height:auto; object-fit:contain; }

/* SOCIAL ICONS */
.socialicon { display:inline-block; margin:5px 3px 0px 0px; height:40px; vertical-align:middle; }
.socialicon.large { height:80px; margin:5px 6px 0px 0px; text-align:right; width:100%; }
.socialicon img, .socialicon.large img { height:100%; width:auto; transition:0.25s; }
.socialicon img:hover { filter:brightness(0.75); cursor:pointer; }
.socialicon.large img:hover { filter:brightness(1); cursor:default; }
.text .socialicon img { width:auto; }

/* PHOTO GALLERY */
.photogallery { width:100%; position:relative; padding-bottom:50%; overflow:hidden; }
.photogallery .photo { position: absolute; left:0px; top:0px;  width:100%; height:100%; z-index:0; }
.photogallery .photo .overlay { position: absolute; padding:50px; width:calc(100% - 100px); text-align:center; top:50%; margin-top:-100px; z-index:100; font-size:1.25em; text-shadow: #A39892 1px 1px; color: #fff;  }
.photogallery .photo .overlay h2 { margin-top:0px; margin-bottom:20px; }
.photogallery .photo .overlay h3 { font-size:1.2em; }
.photogallery .photo .credit { position: absolute; z-index:100; bottom:10px; right:15px; text-shadow: #A39892 1px 1px; text-align:center; font-size:0.9em; line-height:1.2em; }
.photogallery .photo3 { width:calc(33.33% - 20px); display:inline-block; margin:10px; vertical-align:middle; }
.photogallery img { object-fit:cover; width:100%; }
.photogallery .leftarrow { position:absolute; top:50%; margin-top:-16px; left:20px; }
.photogallery .leftarrow img { height:32px; opacity:0.5; transition:0.25s; width:21px; }
.photogallery .leftarrow img:hover { cursor: pointer; opacity:1; }
.photogallery .rightarrow { position:absolute; top:50%; margin-top:-16px; right:20px; }
.photogallery .rightarrow img { height:32px;  opacity:0.5; transition:0.25s; width:21px; }
.photogallery .rightarrow img:hover { cursor: pointer; opacity:1; }
.photogallery .labels { position: absolute; bottom:20px; width:100%; z-index:100; text-align:center; }
.photogallery .labels .label { width:20px; height:20px; background: #fff; opacity:0.5; border: solid 0px #fff; border-radius:50%; transition:0.25s; display:inline-block; margin:0px 5px; }
.photogallery .labels .label:hover { opacity:1; cursor:pointer; }
.photogallery .labels .selectedlabel { width:20px; height:20px; background: #fff; opacity:1; border: solid 0px #fff; border-radius:50%; transition:0.5s; display:inline-block; margin:0px 5px; }

/* TEXT */
.text img { width:30px; }
.text a:link img, .text a:active img, .text a:visited img { transition:0.25s; }
.text a:link img:hover, .text a:active img:hover, .text a:visited img:hover { opacity:0.7; }
.text a:link, .text a:active, .text a:visited { color: #fefefe; text-decoration:none; transition:0.25s; }
.text a:link:hover, .text a:active:hover, .text a:visited:hover { color: #fff; text-decoration:none; transition:0.25s; }
.text .accordion { padding:0px 10px; }
.text .accordion li { line-height:1.6em; }
.text .accordion h2 { text-align:center; margin-bottom:20px; text-transform:none; font-size:1.8em; margin-top:0px; }
.text .accordionitem { padding:0px; line-height:1.4em; }
.text .accordionitem h3 { border-top: solid 1px #888; padding:12px 0px; margin:0px; transition:0.25s; text-transform:none; font-weight:400; background:url(/images/base/accordionclosed.png) no-repeat; background-size: 24px 16px; background-position: 100% 17px; font-size:1.5em;  }
.text .accordionitem h3:hover { border-top: solid 1px #888;  transition:0.25s; cursor:pointer; }
.text .accordionitem h3:focus { outline:none; }
.text .accordionitem ul { margin-top:10px;}
.text .accordion .separator { border-bottom: solid 0px #888;  }
.accordionitemopen { background:url(/images/base/accordionclosed.png) no-repeat; }
.accordionitemclosed { background:url(/images/base/accordionopen.png) no-repeat;  }
.text ul { line-height:2em; }

/* COLLECTION MAP */
.collectionmap { position: relative; text-align:center; max-width:800px; margin:0 auto; margin-bottom:30px;}
.collectionmap .mappic { position: relative; width:100%;  }
.collectionmap .mappic img { width:100%; }
.collectionmap .auchen { background:#ddd; opacity:0; position:absolute; left:9.8%; top:51%; width:16.5%; height:9%; transition:0.25s; }
.collectionmap .boathouse { background:#ddd; opacity:0; position:absolute; left:1.8%; top:79.5%; width:34%; height:6.5%; transition:0.25s; }
.collectionmap .broadford { background:#ddd; opacity:0; position:absolute; left:1.4%; top:3%; width:33.2%; height:6.9%; transition:0.25s;  }
.collectionmap .elephant { background:#ddd; opacity:0; position:absolute;  left:69%; top:92.5%; width:34%; height:7%;  transition:0.25s; }
.collectionmap .forss { background:#ddd; opacity:0; position:absolute; left:70.8%; top:12.9%; width:27.1%; height:7.3%; transition:0.25s; }
.collectionmap .kirkwall { background:#ddd; opacity:0; position:absolute; left:70.2%; top:1.9%; width:27%; height:8%; transition:0.25s; }
.collectionmap .melville { background:#ddd; opacity:0; position:absolute; left:74.6%; top:38.5%; width:19%; height:8.5%; transition:0.25s; }
.collectionmap .shieldaig { background:#ddd; opacity:0; position:absolute;  left:7%; top:38.3%; width:22.1%; height:8.7%; transition:0.25s;  }
.collectionmap .ship { background:#ddd; opacity:0; position:absolute; left:74.6%; top:51%; width:19%; height:8.4%; transition:0.25s; }
.collectionmap .widbrook { background:#ddd; opacity:0; position:absolute; left:6.8%; top:92.5%; width:23%; height:7%; transition:0.25s; }
.collectionmap .auchen:hover, .collectionmap .boathouse:hover, .collectionmap .broadford:hover, .collectionmap .elephant:hover, .collectionmap .forss:hover, .collectionmap .forss:hover, .collectionmap .kirkwall:hover, .collectionmap .melville:hover, .collectionmap .shieldaig:hover, .collectionmap .ship:hover, .collectionmap .widbrook:hover { cursor: pointer; opacity:0.1; }
.collectionmap a:link, .collectionmap a:active, .collectionmap a:visited { display:block; width:100%; height:100%; }

/* POPUP AD */
.advert .popupbg { position: fixed; left:0px; top:0px; background: url(/images/base/popup_bg.png); width:100%; height:100%; z-index:10000;}
.advert .popupbg .bgclick { width:100%; height:100%; left:0px; top:0px; background: #A39892; opacity:0.1; position:absolute; z-index:10010; }
.advert .popup { position: absolute; background:#A39892;  left:50%; top:50%; transform: translateY(-50%) translateX(-50%); max-height:calc(100% - 100px); width:100%; z-index:10100; }
.advert .popup .pic, .popup .piclink { position: relative; width:calc(100% - 4px); border: solid 2px #fff;  }
.advert .popup .piclink:hover { cursor:pointer; }
.advert .popup .pic img, .popup .piclink img  { width:100%; height:100%;; position: absolute; top:0px; left:0px; }
.advert .popup .close { position: absolute; top:10px; right:10px; width:50px; height:50px; transition:0.25s; opacity:0.7; }
.advert .popup .close:hover { cursor: pointer; filter:brightness(2); opacity:1; }
.advert .popup .close input { width:100%; }
.advert .popup .enquiryform { padding: 20px; }

/* BLOG */
.blog { font-size:1.0em;  }
.blog .intro { text-align:center;  margin-bottom:80px; font-size:1.2em; }
.blog .blogitems { margin-bottom:40px; max-width:100%; text-align:center; }
.blog .blogitem { width:360px; max-width: 100%;  border: solid 0px #666; text-align:center; display:inline-block; vertical-align:top; height:560px; position: relative; margin:10px; background: #A39892; padding:10px; line-height:1.4em; }
.blog .blogitem .date { line-height:1.2em; margin:10px 0px; }
.blog .blogitem .light { color: #ccc; font-size:0.8em; }
.blog .blogitem .pic { width:calc(100% + 20px); height:270px; overflow:hidden; margin-left:-10px; margin-top:-10px; }
.blog .blogitem .pic img { width:100%; }
.blog .blogitem .link { position:absolute; bottom:20px; right:20px;; text-align:right; }
.blog .blogitem h2 { font-size:1.7em; margin-bottom:20px; margin-top:0px; text-transform:none; }
.blog .blogitem a:link, .blog .blogitem a:active, .blog .blogitem a:visited { color: #fff; transition:0.25s; }
.blog .blogitem a:link:hover, .blog .blogitem a:active:hover, .blog .blogitem a:visited:hover { color: #ccc; }
.blogitemdetails { max-width:1200px; margin: 0 auto; margin-top:200px; }
.blogitemdetails h1 { font-size:4.0em; padding-bottom:60px; border-bottom: solid 1px #fff; margin-bottom:40px; font-weight:600; }
.blogitemdetails .pic { width:100%; margin-bottom:40px; }
.blogitemdetails .pic img { width:100%; }
.blogitemdetails .info { line-height:1.8em; padding-bottom:30px; border-bottom: solid 1px #fff; margin-bottom:100px; }
.blogitemdetails .earlier { float:left; margin-right:50px; font-size:2.0em; text-transform:uppercase; font-weight:bold; }
.blogitemdetails .later { float:right;  font-size:2.0em; text-transform:uppercase; font-weight:bold; }
.blogitemdetails .clear { clear:both; height:50px; }
.blogitemdetails .links a:link, .blogitemdetails .links a:active, .blogitemdetails .links a:visited { color: #fff; text-decoration:none; transition:0.25s; opacity:1.0; }
.blogitemdetails .links a:link:hover, .blogitemdetails .links a:active:hover, .blogitemdetails .links a:visited:hover { cursor: pointer; opacity:0.6; }
.blogitemdetails .links .earlier a { padding: 5px 0px 5px 40px; background:url(/images/base/prev.png) no-repeat; display:block; height:25px; background-size:contain; margin-bottom:20px; }
.blogitemdetails .links .later a { padding: 5px 40px 5px 0px; background:url(/images/base/next.png) no-repeat; display:block; height:25px; background-size:contain; background-position: right; margin-bottom:20px; }

/* CATEGORY SELECTOR */
.categoryselector { background: #f4f4f4; padding: 50px 100px; position:relative; left:50%; margin-left:-2000px; width:3800px; text-align:center; }
.categoryselector h4 { margin-top:0px; color:#424242; margin-bottom:40px; font-weight:300; }
.categoryselector .categories { margin-top:30px; max-width:1000px; margin:0 auto; }
.categoryselector .categories .item { display:inline-block; vertical-align:middle; margin:10px; }
.categoryselector .categories .item .input { padding: 8px 30px; border: solid 2px #A39892; color:#424242; font-size:1.2em; text-transform:lowercase; transition:0.25s; background: #f4f4f4; line-height:1.0em; border-radius:5px; }
.categoryselector .categories .item .input:hover { cursor: pointer; background:#A39892; color: #fff; }
.categoryselector .categories .item .selectedinput { padding: 8px 30px; border: solid 2px #A39892; color: #fff; font-size:1.2em; text-transform:lowercase; transition:0.25s; background: #A39892; line-height:1.0em; border-radius:5px; }

/* ROLL OUT CAPTION */
.rolloutcaption { position: fixed; bottom:100px; left:0px; z-index:100; }
.rolloutcaption a:link, .rolloutcaption a:active, .rolloutcaption a:visited { color: #222; text-decoration:none; transition:0.25s; background: #fff; padding: 15px 60px 15px 60px; font-size:1.4em; text-transform:uppercase; display:block; }
.rolloutcaption a:link:hover, .rolloutcaption a:active:hover, .rolloutcaption a:visited:hover { color: #fff; background: #A39892; }
.rolloutcaption p { margin:0px; }

/* BOOK TABLE */
.booktable { text-align:center; padding-bottom:50px; }
.booktable h2 { }
.booktable h3 { text-transform:none; }
.booktable .message { color: #444; margin-bottom:30px; }
.booktable .button { padding: 8px 14px; font-size:1.0em; margin:5px; border: solid 2px #888; border-radius:7px; color: #444; background:none; transition:0.25s; opacity:0.5; }
.booktable .button:hover { opacity:1; cursor: pointer; background: #888; color: #fff; border: solid 2px #888;  }
.booktable .button:disabled { opacity:0.25; }
.booktable .button:disabled:hover { opacity:0.25; cursor: default; }
.booktable .selectedbutton { padding: 8px 14px; font-size:1.0em; margin:5px; border: solid 2px #444; border-radius:7px; color: #fff; background:#444; transition:0.25s; opacity:1; }
.booktable .panels { text-align:center; }
.booktable .calendar { position: relative; left:50%; margin-left:-160px; margin-top:30px; margin-bottom:40px; width:320px;  }
.booktable .datebutton { padding: 2px 7px; font-size:1.0em; border: solid 2px #888; border-radius:7px; color: #444; background:none; transition:0.25s; opacity:0.5; }
.booktable .datebutton:hover { opacity:1; cursor: pointer; }
.booktable .datebutton:disabled { opacity:0.25; }
.booktable .datebutton:disabled:hover { opacity:0.25; cursor: default; }
.booktable .calendar .days td { padding:5px 0px; color: #888; }
.booktable .calendar .previousday { color: #bbb; padding:5px 0px; }
.booktable .calendar .otherday { color: #bbb; padding:5px 0px;  }
.booktable .calendar .day { color: #bbb; padding:5px 0px;  }
.booktable .calendar .daybutton { background:none; color: #888; font-size:1.0em; border:solid 1px #888; border-radius:5px; opacity:0.8; transition:0.25s; width:34px; text-align:center; margin:3px 0px; padding: 5px 0px; }
.booktable .calendar .daybutton:disabled { opacity:0.25; border:solid 0px #888; background: #A39892; }
.booktable .calendar .daybutton:disabled:hover { opacity:0.25; cursor:default; border:solid 0px #888; }
.booktable .calendar .daybutton:hover { opacity:1; cursor: pointer; background: #888; color: #fff; border: solid 1px #888; }
.booktable .calendar .selecteddaybutton { background:#444; color: #fff; font-size:1.0em; border:solid 1px #888; border-radius:5px; opacity:1; transition:0.25s; width:34px; text-align:center; margin:3px 0px; padding: 5px 0px; }
.booktable .guestdetails { margin-bottom:20px; }
.booktable .item { width:140px; display:inline-block; vertical-align:middle; text-align:left; }
.booktable .value { display: inline-block; vertical-align:middle; }
.booktable .value .input { font-size:1.0em; border-radius:7px; border: solid 2px #fff; padding: 5px 10px; }
.booktable .value .input:focus { outline:none; }
.booktable .value .input:disabled { background:none; color: #ccc; border: solid 2px #aaa; }
.booktable .clear2 { clear:both; height:16px; }
.booktable .submit .button { font-size:0.9em; margin:20px 0px; padding: 10px 26px; text-transform:uppercase; font-weight:300; color: #444; opacity:1; }
.booktable .submit .button:hover { background: #888; color: #fff; border: solid 2px #888; }
.booktable a:link, .booktable a:active, .booktable a:visited { color: #fefefe; }
.booktable a:link:hover, .booktable a:active:hover, .booktable a:visited:hover { color: #fff; }
.booktable .input { font-family: "Gill Sans MT", Mukta }

/* PHOTO */
.picture { position: relative; transition:0.25s;   }
.picture img { width:100%; object-fit:cover; }
a:link .picture:hover, a:active .picture:hover, a:visited .picture:hover { filter:brightness(0.8); }
a:link .picture, a:active .picture, a:visited .picture { color: #fff; }
.picture .overlay { position: absolute; padding:50px; width:calc(100% - 50px); text-align:center; top:50%; margin-top:-100px; z-index:100; font-size:1.25em; text-shadow: #A39892 1px 1px; color: #fff; }
.picture .overlay h2 { margin-top:0px; margin-bottom:20px; }
.picture .overlay h3 { font-size:1.2em; }
.picture .credit { position: absolute; z-index:100; bottom:10px; right:15px; text-shadow: #A39892 1px 1px; text-align:center; font-size:0.9em; text-decoration:none; line-height:1.2em; }
.gallery .credit { margin-top:10px; color: #bbb; font-size:0.9em; line-height:1.2em; }
.galleryimage { width:100%; padding-bottom:100%;overflow:hidden; position:relative; }
.galleryimage img { object-fit:cover; width:240%; height:auto; position: absolute; left:-20%; top:-20%; }
sl-caption pos-bottom { font-family:Arial; }

/* TEXT WITH PHOTO */
.textwithphototextleft {  display:inline-block; margin-left:20px; width:calc(50% - 20px); vertical-align:top; padding:0px; font-size:0.9em;  }
.textwithphototextright { display:inline-block; margin-right:20px; width:calc(50% - 20px); vertical-align:top;padding:0px; font-size:0.9em;  }
.textwithphotophotoleft {  display:inline-block; width:50%; vertical-align:top; margin:0px; margin-bottom:20px; }
.textwithphotophotoright { display:inline-block; width:50%; vertical-align:top; margin:0px; margin-bottom:20px; }
.textwithphotophotoleft img { width:100%; }
.textwithphotophotoright img { width:100%; }
.textwithphototexttop { margin-top:10px;  text-align:left; font-size:0.9em; }
.textwithphototextbottom { margin-bottom:10px;  text-align:left;  font-size:0.9em; }

/* VOUCHER DETAILS */
.voucherdetails { width:calc(100% - 40px); position: relative; }
.voucherdetails h2 { text-transform:none; }
.voucherdetails .desc { margin-bottom:20px; line-height:1.5em; }
.voucherdetails .price { position:relative; margin-top:20px;color: #666; font-size:1.8em; font-weight:600; }
.voucherdetails .perperson { margin-top:0px; color: #888; font-weight:400; font-size:0.5em; letter-spacing:0.05em; text-transform:uppercase; }
.voucherdetails .pic { margin-bottom:50px; position: relative; }
.voucherdetails .pic .nearlysold { position: absolute; bottom:0px; left:0px; width:calc(100% - 20px); padding:6px 10px; background:#222; color: #fff; font-weight:300;  text-align:center; z-index:200; font-size:0.9em; text-transform:uppercase; height:26px; opacity:0.85 }
.voucherdetails .basket { margin-top:20px; position: relative; margin-bottom:40px; }
.voucherdetails .basket .input { transition:0.25s; text-align:center; font-size:1.1em; padding:12px 20px; background: #f8f8f8; border: solid 2px #888;  color:#424242; text-transform:uppercase; border-radius:5px; }
.voucherdetails .basket .input:hover { background: #A39892; cursor: pointer; border: solid 2px #A39892; color: #fff; }
.voucherdetails .basket .buy { position: absolute; left:0px; }
.voucherdetails .basket .add { position: absolute; left:140px; }
.voucherdetails .basket .add .input { background: #f8f8f8; padding: 12px 16px 12px 32px; font-size:1.1em; color:#424242; transition:0.25s; border:none; text-transform:uppercase; border: solid 2px #888; border-radius:5px; text-align:right; background-image:url(/images/base/basketlight.png); background-repeat:no-repeat; background-position: 8px 12px; background-size:20px 20px;  }
.voucherdetails .basket .add .input:hover { background-color:#424242; border: solid 2px #A39892; color: #fff; }
.voucherdetails .basket .selectquantity { font-size:1.4em; padding:0px; position: absolute; bottom:-1px; left:-1px; border: solid 1px #ddd; border-radius:0px; background: #f8f8f8; }
.voucherdetails .basket .selectquantity:focus { outline:none; }
.voucherdetails .basket .back { position: absolute; right:0px; }
.voucherdetails .basket .back .input { background:#f8f8f8; color:#424242; }
.voucherdetails .basket .back .input:hover { background: #A39892; border: solid 1px #A39892; color: #fff; }
.voucherdetails .reduced { color: #888; font-size:0.7em; font-weight:normal; padding-left:10px; letter-spacing:0; }
.voucherdetails .originalprice { text-decoration:line-through red; font-weight:300;  color: #aaa; -webkit-text-decoration: line-through red; }
.voucherdetails .reducedprice { color: #ff0000; padding-left:4px; }
.voucherdetails .addbutton { filter:brightness(0.6); transition:0.25s; position: absolute;  }
.voucherdetails .addbutton:hover { filter:brightness(0.5); cursor: pointer; }
.voucherdetails .persons h4 { margin-bottom: 6px; font-size:1.0em; }
.voucherdetails .persons .input { font-size:1.3em; padding:3px 12px; border: solid 2px #888; border-radius:5px; font-family:Mukta, "Gill Sans MT"; }
.voucherdetails .basket .input:disabled { opacity:0.25; }
.voucherdetails .basket .input:disabled:hover { background-color:#f8f8f8; cursor:default; color: #444; }

/* TESTIMONIALS */
.testimonials { text-align:center; font-size:1.4em; line-height:1.6em; font-weight:300; }
.testimonials .center { display:inline-block; vertical-align:top; padding:50px 50px 0px 50px; width:900px; max-width:calc(100% - 240px); font-style:italic; }
.testimonials .center .item {  }
.testimonials .name { margin-top:10px; font-style:normal; }
.testimonials .source { margin-top:20px; text-align:center; left:50%; position: relative; margin-left:-50px; width:100px; }
.testimonials .source img { max-width:100px; max-height:50px; text-align:center; filter:grayscale(1); }
.themelight1 .testimonials img, .themelight2 .testimonials img, .themelight3 .testimonials img { filter:brightness(0.6); }

/* BOOK A ROOM */
.bookroom { background: #f4f4f4; text-align:center; position: relative; color:#424242; }
.bookroom .controls { padding:50px 0px; position: relative; left:50%; margin-left:-500px; width:1000px; }
.bookroom .controls .section { display:inline-block; vertical-align:top; min-width:90px; height:80px; font-size:1.0em; }
.bookroom .controls .section2 { display:inline-block; vertical-align:top; min-width:90px; height:80px; font-size:1.0em; color: #666; }
.bookroom .controls .section2 h3 { margin-top:0px; text-transform:capitalize; margin-bottom:10px; font-weight:400; font-size:1.1em; color: #888; text-align:left; }
.bookroom .controls .separator { padding-left:25px; margin-left:25px; border-left: solid 1px #ccc; height:80px; display:inline-block;}
.bookroom .controls .section h3 { margin-top:0px; text-transform:capitalize; margin-bottom:0px; font-weight:400; font-size:1.1em; color: #888; }
.bookroom .controls .section input[type="image"] { border:none; text-align:center; opacity:0.25; padding:0px 5px 2px 0px; transition:0.25s;}
.bookroom .controls .section input[type="image"]:hover { cursor:pointer; opacity:0.5; }
.bookroom .controls .section input[type="image"]:disabled { opacity:0.07; }
.bookroom .controls .section input[type="image"]:disabled:hover { opacity:0.07; cursor:default; }
.bookroom .controls .section input[type="text"] { width:20px; font-size:2.0em; text-align:center; color: #666; padding:0px; border:none; margin:0px 2px; padding-top:8px; }
.bookroom .controls .section .dropdown { font-family:"Gill Sans MT", Mukta; font-size:1.1em; border: solid 0px #ddd; border-radius:2px; padding: 3px 5px; color: #666; margin-top:14px; background:#f0f0f0; }
.bookroom .controls .section .dropdown:focus { outline:none; }
.bookroom .controls .section .clear { clear:both; height:20px; }
.bookroom .button .input { border: solid 2px #888; border-radius:6px; padding:10px 30px 11px 30px; font-size:1.0em; transition:0.25s; color:#424242; text-transform:uppercase; letter-spacing:0.02em; font-weight:300; margin-top:20px; }
.bookroom .button .input:hover { cursor: pointer; background: #A39892; border: solid 2px #A39892; color: #fff; }
.bookroom .results h2 { text-align:left; margin-bottom:10px; margin-top:50px;}
.bookroom .results h3 { text-align:left; text-transform:none; font-size:1.2em; margin-top:0px; color: #888; }
.bookroom .roomtype { max-width:1000px; margin-top:20px; padding-top:20px; border-top: solid 1px #ccc; }
.bookroom .roomtype .pic { display: inline-block; width:400px; height:267px; vertical-align:top; }
.bookroom .roomtype .pic img { width:100%; }
.bookroom .roomtype .details { display:inline-block; width:calc(100% - 430px); padding-left: 30px; vertical-align:top; text-align:left; line-height:1.5em; color: #666; position: relative; }
.bookroom .roomtype .details h3 { margin-top:0px; margin-bottom:20px; text-transform:capitalize; font-size:1.7em; color: #666; }
.bookroom .roomtype .price  { margin-top:20px; font-size:1.7em; }
.bookroom .roomtype .price .from { text-transform:uppercase; font-size:0.6em; padding-bottom:4px; color: #999; }
.bookroom .roomtype .price .gbp { text-transform:uppercase; font-size:0.6em; padding-left:5px; color: #999; }
.bookroom .roomtype .book { position: absolute; right:0px; bottom:0px; }
.bookroom .roomtype a:link, .bookroom .roomtype a:active, .bookroom .roomtype a:visited { border: solid 2px #A39892; border-radius:6px; padding:13px 35px 14px 35px; font-size:1.0em; transition:0.25s; color:#424242; text-transform:uppercase; letter-spacing:0.02em; font-weight:300; margin-top:20px;  text-decoration:none;}
.bookroom .roomtype a:link:hover, .bookroom .roomtype a:active:hover, .bookroom .book a:visited:hover { cursor: pointer; background: #A39892; border: solid 2px #A39892; color: #fff; }

/* ENQUIRY FORM */
.enquiryform { line-height:1.4em; position: relative; z-index:0; margin-bottom:20px; padding:0px; }
.enquiryform h2 { margin-bottom:16px; font-weight:400; font-size:2.8em; margin-bottom:20px; margin-top:0px; width:calc(100% - 80px); }
.enquiryform h4 { margin-bottom:30px; line-height:1.2em; margin-top:0px; }
.enquiryform .intro { margin-bottom:20px; }
.enquiryform .input { background: #888; border: solid 0px #fff; border-radius:5px; padding: 8px 20px; font-size:1.2em; color: #fff; transition:0.25s; }
.enquiryform .input:hover { background: #222; cursor: pointer; }
.enquiryform .questions {  display:inline-block; vertical-align:top; margin-right:10px;  }
.enquiryform .question { margin-bottom:20px; display:inline-block; margin-right:15px; vertical-align:middle; }
.enquiryform .question .questiontitle { display:inline-block; width:150px; padding-right:20px; vertical-align:middle; text-align:left; margin:2px 0px; }
.enquiryform .question .questionresponse { display:inline-block; width:25%; vertical-align:middle; min-width:250px; padding:0px; }
.enquiryform .question .questionresponse input { max-width:100%;  }
.enquiryform .question .questionresponse .answer { font-size:1.2em;background:none; border: solid 1px #fff; border-radius:3px; padding: 6px 10px; color: #222; background:#fff; font-family:"Gill Sans MT", Mukta; max-width:100%; font-weight:300; width:calc(100% - 30px); }
.enquiryform .question .questionresponse .answer:focus { outline:none; background: #FEFFCC; }
.enquiryform .question .questionresponse .answerwarning { font-size:1.2em; border: solid 1px #dd0000; padding: 6px 10px; border-radius:3px; background: #FFEDED; color: #222; font-family:"Gill Sans MT", Mukta; max-width:100%; font-weight:300; width:calc(100% - 30px); }
.enquiryform .question .clear { clear:both; height:10px; }
.enquiryform .buttons { display:inline-block; vertical-align:top; text-align:left; vertical-align:top;  }
.enquiryform .buttons .input { padding: 10px 30px; border: solid 2px #fff; background:none; color: #fff; transition:0.25s;  }
.enquiryform .buttons .input:hover { cursor: pointer; background: #fff; color:#424242; }
.enquiryform .marketing { margin-top:30px; }
.enquiryform .captcha { width:140px; margin-bottom:10px; }
.enquiryform .thanks { margin-bottom:20px; }
.themelight1 .enquiryform .buttons .input, .themelight2 .enquiryform .buttons .input { padding: 7px 30px 8px 30px; border: solid 2px #aaa; background:none; color:#424242; transition:0.25s; text-transform:uppercase; font-size:1.0em; letter-spacing:0.04em; }
.themelight1 .enquiryform .buttons .input:hover, .themelight2 .enquiryform .buttons .input:hover { cursor: pointer; background: #A39892; color: #fff; border: solid 2px #A39892; }
.themedark1 .enquiryform .buttons .input, .themedark2 .enquiryform .buttons .input { padding: 7px 30px 8px 30px; border: solid 2px #fff; background:none; color: #fff; transition:0.25s; text-transform:uppercase; font-size:1.0em; letter-spacing:0.04em; }
.themedark1 .enquiryform .buttons .input:hover, .themedark2 .enquiryform .buttons .input:hover { cursor: pointer; background: #fff; color: #666; border: solid 2px #fff; }

/* FOOTER */
#footer { text-align:center; padding:30px 0px; position:relative; font-size:0.85em; }
#footer img { width:150px; margin-bottom:20px; }

@media only screen and (max-width: 1100px)
{
	.header .contact { display:none; }
	.header .vouchers { display:none; }
}

@media only screen and (max-width: 960px)
{	
	.column3 { width:calc(50% - 10px); padding:5px 5px; display:inline-block; vertical-align:top; text-align:left;  }
	.column3 img {  }
	.column4 { width:calc(50% - 10px); padding:5px 5px; display:inline-block; vertical-align:top; text-align:left;  }
	.column4 img {}
	
	.text {padding:0px 15px; };
	.blogitemdetails {  padding:0px 20px; }
}

@media only screen and (max-width: 720px)
{
	form { font-size: 0.85em; }
	.column3 { width:calc(100% - 20px); padding:5px 10px; display:inline-block; vertical-align:top; text-align:left;  }
	.column3 img {  }
	.column3_2 { width:calc(100% + 20px); padding:5px 10px; display:inline-block; vertical-align:top; text-align:left; margin-right:0px;  }
	.column3_2 img {  }
	
	/* BOOK A ROOM */
	.bookaccommodation { padding: 0px; margin-top:-20px;  }
	.bookroom .controls { padding:50px 0px; position: relative; left:0; margin-left:0px; width:calc(100% - 20px); }
	.bookroom .controls .section { display: block; width:100%; }
	.bookroom .controls .separator { padding-top:15px; margin-top:10px; border-top: solid 1px #ccc; height:0px; display:block; border-left:none; }
	
	.bookroom .button .input { border: solid 2px #A39892; border-radius:6px; padding:13px 35px 14px 35px; font-size:1.0em; transition:0.25s; color:#424242; text-transform:uppercase; letter-spacing:0.02em; font-weight:300; margin-top:20px; }
	.bookroom .button .input:hover { cursor: pointer; background: #A39892; border: solid 2px #A39892; color: #fff; }
	.bookroom .results { width:calc(100% - 40px); padding: 0px 20px;}
	.bookroom .roomtype { max-width:100%; margin-top:20px; padding-top:20px; border-top: solid 1px #ccc;  }
	.bookroom .roomtype .pic { display: block; width:100%; height:auto; margin-bottom:20px; }
	.bookroom .roomtype .pic img { width:100%; }
	.bookroom .roomtype .details { display:block; width:100%; padding-left: 0px; }
	.bookroom .roomtype .details h3 { margin-top:0px; margin-bottom:20px; text-transform:capitalize; font-size:1.7em; color: #666; }
	.bookroom .roomtype .price  { margin-top:20px; font-size:1.7em; }
	.bookroom .roomtype .price .from { text-transform:uppercase; font-size:0.5em; padding-bottom:4px; color: #999; }
	.bookroom .roomtype .price .gbp { text-transform:uppercase; font-size:0.5em; padding-left:5px; color: #999; }
	.bookroom .roomtype .book { position: relative; margin:25px 0px 35px 0px; }
	.bookroom .roomtype a:link, .bookroom .roomtype a:active, .bookroom .roomtype a:visited { border: solid 2px #A39892; border-radius:6px; padding:13px 35px 14px 35px; font-size:1.0em; transition:0.25s; color:#424242; text-transform:uppercase; letter-spacing:0.02em; font-weight:300; margin-top:20px;  text-decoration:none;}
	.bookroom .roomtype a:link:hover, .bookroom .roomtype a:active:hover, .bookroom .book a:visited:hover { cursor: pointer; background: #A39892; border: solid 2px #A39892; color: #fff; }
	
	.datepicker .date .input { height:39px; }
}

@media only screen and (max-width: 640px)
{	
	.text { line-height:1.4em; text-align:left; }
	.text h1 { font-size:1.9em; margin-bottom:16px; }
	.text h2 { font-size:1.6em; margin-bottom:16px; }
	.text h3 { font-size:1.4em; margin-top:20px; margin-bottom:10px; }
	.text h4 { font-size:1.2em; text-transform:none; margin:10px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.5em;  }
	.text li { line-height:1.4em; }
	.button1 a:link, .button1 a:active, .button1 a:visited {  padding: 10px 20px; margin-bottom:60px;  }
	.text .button1 a:link, .text .button1 a:active, .text .button1 a:visited {  padding: 10px 20px; margin-bottom:60px; }
	
	/* ORIGINAL */
	#original { top:75px; left:0px; position: absolute; }
	#original .item { width:200px; height:30px; padding:20px 0px; display:inline-block; vertical-align:top; text-align:center; background: #BAAEA7; transition:0.25s; }

	/* MENU */
	.header { padding:0px; background:none; position: fixed; padding-top:20px; padding-bottom:20px; background: #BAAEA7; height:50px; }
	.header .logo { margin-top:-5px; }
	.header .logo img { max-width:calc(100% - 160px); height:auto; max-height:30px; }
	.header .menuicon { left:20px; top:28px; }
	.header .phone { position: absolute; top: 28px; right:20px; height:30px; display:block; z-index:1000; }
	.header .phone img { height:100%; }
	#menu { width:calc(100% - 60px); left:calc(0px - 100%); top:0px; }
	#menu.open { width:calc(100% - 60px); }
	#menu ul ul { position: fixed; top: -70px; right:0px; left:auto; width: 0px; overflow:hidden; background: #BAAEA7; transition-duration:0.25s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); opacity:0; padding:90px 0px 20px 0px; height:100%;  }
	#menu ul li:focus-within ul { opacity:1; transition-duration:0.25s; width:calc(100% - 60px); left:auto;  padding:90px 30px 20px 30px; }
	#menu .close2 { display:block; }
	
	.header .booknow { display:block; position: absolute; top: 60px; left:50%; margin-left:-60px; width:100px; height:20px; text-align:center;  padding:4px 10px 6px 10px;; font-size:1.2em; transition:0.25s; background-color: #222; color: #fff; text-decoration:none; background-image:none;  font-size:1.0em; }
	.header .booknow:hover { background-color: #111; cursor: pointer; }
	.header .booknow ul { position: relative; top: -10px; width:120px; left:-10px; background-color: #BAAEA7; display:none; list-style-type:none; padding:0px; }
	.header .booknow:hover ul { display:block; text-align:center; }
	.header .booknow li.menu { text-align:center; }
	.header .booknow li a:link, .header .booknow li a:active, .header .booknow li a:visited { padding:7px 5px; width:calc(100% - 10px); background-color: #6F6F6E; text-decoration:none; transition:0.25s; color: #fff; font-size:1.0em; border-top: solid 0px #aaa; text-align:center; }
	.header .booknow li a:link:hover, .header .booknow li a:active:hover, .header .booknow li a:visited:hover { background:#938A85; }
	
	#main { margin-top:75px; }
	
	/* PHOTO GALLERY */
	.photogallery { width:100%; position:relative; padding-bottom:50%; overflow:hidden; margin-bottom:0px; }
	.photogallery .photo .overlay { position: absolute; padding:10px; width:calc(100% - 20px); margin-top:-50px; z-index:100; font-size:1.0em; text-shadow: #A39892 1px 1px; color: #fff; line-height:1.3em;  }
	.photogallery .photo .overlay h2 { margin-top:0px; margin-bottom:10px; }
	.photogallery .photo .overlay h3 { font-size:1.2em; margin-bottom:0px; line-height:1.3em; }
	
	/* PICTURE */
	.picture .overlay { padding:10px; width:calc(100% - 20px); text-align:center; top:0%; margin-top:20px; z-index:100; font-size:1.0em; line-height:1.2em; }
	.picture .overlay h2 { margin-top:0px; margin-bottom:0px; font-size:1.9em; }
	.picture .overlay h3 { font-size:1.0em; margin-top:10px; }
	
	/* CATEGORY SELECTOR */
	.categoryselector { background: #f4f4f4; padding: 50px 10px; position:relative; left:0px; margin-left:0px; width:calc(100% - 20px); text-align:center; }
	
	/* ENQUIRY FORM */
	.enquiryform .buttons { display:block; text-align:center; }
	
	/* ACCORDION */
	.text .accordionitem h3 { font-size:1.3em; background-position: 100% 12px; background-size: 18px 17px;   } 
	.text .accordionitem li { line-height:1.4em; }

	/* COLUMNS */
	.column1 { width:calc(100% - 20px); padding:5px 10px; }
	.column1 img {  }
	.column2 { width:calc(100% - 20px); padding:10px; display:inline-block; vertical-align:top; text-align:left;  }
	.column2 img {  }
	.column3 { width:calc(100% - 20px); padding:10px;  }
	.column3 img {  }
	.column4 { width:calc(100% - 20px); padding:10px;  }
	.column4 img { }
	.column5 { width:calc(20% - 20px); padding:10px; display:inline-block; vertical-align:top;  }
	.column5 img { max-width:100%; }
	.column6 { width:calc(16.67% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:200px;  }
	.column6 img { max-width:100%;  }
	.column7 { width:calc(14.2% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:171px;  }
	.column7 img { max-width:100%; height:auto; object-fit:contain; }
	.column8 { width:calc(12.5% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:150px;  }
	.column8 img { max-width:100%; height:auto; object-fit:contain;  }
	.column9 { width:calc(11.1% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:133px; }
	.column9 img { max-width:100%; height:auto; object-fit:contain;  }
	.column10 { width:calc(10% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:120px;  }
	.column10 img { max-width:100%; height:auto; object-fit:contain;  }
	.column11 { width:calc(9.1% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:110px; }
	.column11 img { max-width:100%; height:auto; object-fit:contain;  }
	.column12 { width:calc(8.5% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:100px; }
	.column12 img { max-width:100%; height:auto; object-fit:contain; }
	
	/* PHOTO GALLERY */
	.photo .overlay { display:block; font-size:1.0em; padding:0px; width:100%;  }
	.photo .overlay h1 { font-size: 1.5em;  margin-bottom:14px; margin-top:0px;}
	.photo .overlay h3 { font-size:1.2em; margin-top:0px; }
	
	/* TESTIMONIALS */
	.testimonials .center { display:inline-block; vertical-align:top; padding:40px 20px; width:calc(100% - 40px); max-width:100%; line-height:1.4em; }
	
	/* MENU */
	#menu ul { margin-top:20px; }
	#menu .close {  }
	#menu li a { padding: 8px 0px 8px 30px; border-bottom: solid 1px #555; text-transform:none; font-weight:300; }
	#menu li li a { border-bottom: solid 1px #CEC1B9; }
	#menu li.menuwithsubmenu1 a { background-size: 8px 12px; background-repeat:no-repeat; background-position: calc(100% - 15px); }
	
	/* CATEGORY SELECTOR */
	.categoryselector { background: #f4f4f4; padding: 30px 10px; position:relative; left:0; margin-left:0px; width:calc(100% - 20px); text-align:center; }
	
	/* BOOK A ROOM */
	.bookroom .controls { padding:10px 10px 40px 10px;; position: relative; left:0; margin-left:0px; width:calc(100% - 20px); text-align:left;  }
	.bookroom .controls .section { display:inline-block; vertical-align:top; min-width:90px; height:auto; font-size:1.0em; margin-top:5px; border-top: solid 1px #ddd; padding-top:5px; }
	.bookroom .controls .section2 { display:inline-block; vertical-align:top; min-width:90px; height:auto; font-size:1.0em; color: #666; margin-bottom:20px; }
	.bookroom .controls .section2 h3 { margin-top:0px; text-transform:capitalize; margin-bottom:10px; font-weight:400; font-size:1.1em; color: #888; text-align:left; }
	.bookroom .controls .separator { display:none; }
	.bookroom .controls .section h3 { margin-top:0px; text-transform:capitalize; margin-bottom:0px; font-weight:400; font-size:1.1em; color: #888; display:inline-block; margin-bottom:0px; width:80px; padding-top:12px; vertical-align:top;  }
	.bookroom .controls .section input[type="text"] { width:20px; font-size:2.0em; text-align:center; color: #222; padding:0px; border:none; margin:0px 2px; padding-top:0px; background:none; }
	.bookroom .button .input { border: solid 2px #888; border-radius:6px; padding:10px 30px 11px 30px; font-size:1.1em; transition:0.25s; color:#424242; text-transform:uppercase; letter-spacing:0.02em; font-weight:300; margin-top:20px; }
	.bookroom .button .input:hover { cursor: pointer; background: #A39892; border: solid 2px #A39892; color: #fff; }
}

/* Gift Vouchers */
.giftvouchercaption { position: relative; top:-280px; left:50%; margin-left:-380px; background:url(/images/base/giftvouchercaptionbg.png); padding:20px; width:720px; }
.giftvouchercaption h1 {  text-transform:uppercase; font-size:1.8em; text-align:center; font-weight:500; margin-bottom:0px; }
.giftvouchercaption h3 { text-transform:uppercase; font-size:1.4em; text-align:center; font-weight:300; margin-bottom:0px; margin-top:20px; }
.giftvouchers { margin-left:-90px; width:calc(100% + 180px);  text-align:center; top:0px; position: relative; }
.giftvouchers h1 { color:#424242; background: none; text-transform:uppercase; font-size:1.8em; text-align:center; margin-top:20px; font-weight:500; }
.giftvouchers h2 { color:#424242; background: none; text-transform:uppercase; font-size:1.5em; text-align:left; margin-top:0px; font-weight:500; }
.giftvouchers h3 { color: #888; background: none; text-transform:uppercase; font-size:1.4em; text-align:center; }
.giftvouchers .leftcaption { float:left; width:150px; margin-right:0px; background: #f8f8f8; padding:15px; height:252px; }
.giftvouchers .browsebycategory { margin-top:74px; background: #A19E7F; padding: 5px 10px; color: #fff; text-transform:uppercase; font-size:1.2em; text-align:center;  transition:0.25s;  }
.giftvouchers .browsebycategory:hover { background: #757A65; transition:0.25s; cursor: pointer; }
.giftvouchers .browsebycategory a:link, .giftvouchers .browsebycategory a:active, .giftvouchers .browsebycategory a:visited { text-decoration:none; color: #fff; font-weight:500; }
.giftvouchers .text { margin-top:-20px; margin-bottom:20px; }
.giftvouchers .text h3 { text-transform:none; color: #444; font-size:1.8em; margin-bottom:20px; text-align:left; }
.giftvouchers .leftcaption { float:left; width:150px; margin-right:0px; background: #f8f8f8; padding:15px; height:252px; }
.giftvouchers .browsebycategory { margin-top:74px; background: #A19E7F; padding: 5px 10px; color: #fff; text-transform:uppercase; font-size:1.2em; text-align:center;  transition:0.25s;  }
.giftvouchers .browsebycategory:hover { background: #757A65; transition:0.25s; cursor: pointer; }
.giftvouchers .browsebycategory a:link, .giftvouchers .browsebycategory a:active, .giftvouchers .browsebycategory a:visited { text-decoration:none; color: #fff; font-weight:500; }
.giftvouchers .changehotel { margin:20px 0px; display:none; }
.giftvouchers .changehotel .input { background: #f8f8f8; padding: 10px 20px; font-size:0.9em; color: #444; transition:0.25s; border:none; text-transform:uppercase; border: solid 2px #888; border-radius:5px;height:44px; }
.giftvouchers .changehotel .input:hover { background: #444; transition:0.25s; cursor: pointer; color: #fff; border: solid 2px #444; }
.giftvouchers .hotels { text-align:center; }
.giftvouchers .hotels .caption { width:300px; height:auto; margin:0px 10px; display:inline-block; vertical-align:top; opacity:0.8; transition:0.25s; }
.giftvouchers .hotels .caption:hover { cursor: pointer; opacity:1; }
.giftvouchers .hotels .caption h3 { width:100%; text-align:center; background: #444; color: #fff; text-transform:none; margin-bottom:0px; padding:10px 0px; height:24px; overflow:hidden; }
.giftvouchers .hotels .caption h4 { width:calc(100% - 20px); text-align:center; background: #ddd; color: #222; text-transform:none; margin-bottom:0px; padding:10px 10px; height:70px; overflow:hidden; }
.giftvouchers .hotels .caption .pic { width:100%; height:200px; overflow:hidden; }
.giftvouchers .hotels .caption .pic img { width:100%; }
.giftvouchers h4 { font-size:1.0em; margin:0px; color: #888; }

.giftvouchers { width:100%; left:50%; margin-left:-50%; }
.giftvouchers .vouchercategory { display:inline-block; width:320px; max-width:calc(100% - 40px); margin-left:20px; margin-right:20px; margin-bottom:40px; height: 400px; overflow:hidden; color: #222; border: solid 0px #ddd; position: relative; background:#ebebeb; }
.giftvouchers .vouchercategory img { transition:0.25s; }
.giftvouchers .vouchercategory img:hover { filter:brightness(0.8); }
.giftvouchers .vouchercategory h2 { text-transform:none; font-size:1.3em; font-weight:300; text-align:center; margin:10px; letter-spacing:0; transition:0.25s;  }
.giftvouchers .vouchercategory h3 { color: #888; text-transform:none; font-size:1.0em; font-weight:300; text-align:center; margin:0px 10px; transition:0.25s; }
.giftvouchers .vouchercategory h4 { background: #666; padding: 8px 20px 14px 20px; color: #fff; font-weight:400; font-size:1.3em; text-transform:uppercase; width:calc(100% - 60px); text-align:center; position: absolute; bottom:10px; left:10px; margin-bottom:0px; height:25px; transition:0.25s; }
.giftvouchers .vouchercategory h4:hover { background: #A39892; cursor:pointer; }
.giftvouchers .vouchercategory .pic { width:360px; height:240px; overflow:hidden; position: relative; background: #A39892;  }
.giftvouchers .vouchercategory img { width:360px; transition:0.25s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }

.giftvouchers .voucherfilters { background: none; padding: 20px; text-align:center; margin-bottom:30px; padding-bottom:0px; }
.giftvouchers .voucherfilters .section { display: inline-block; vertical-align:top; margin-right:20px; margin-bottom:20px; }
.giftvouchers .voucherfilters .section .title { padding: 0px; margin-bottom:5px; font-weight:300; text-transform:uppercase; color: #888; text-align:left; font-size:0.75em; height:20px; }
.giftvouchers .voucherfilters .section .selector .input { font-family:"Gill Sans MT", Mukta; font-size:1.0em; padding: 5px 10px; border: solid 1px #aaa; background: #fff;  height:34px;}
.giftvouchers .voucherfilters .section .selector input[type="text"] { padding: 0px 10px; border-radius:3px; height:32px; }
.giftvouchers .voucherfilters .section .button { background: #f8f8f8; padding: 8px 15px; font-size:0.8em; color:#424242; transition:0.25s; border:none; text-transform:uppercase; border: solid 2px #888; border-radius:5px; transition:0.25s; }
.giftvouchers .voucherfilters .section .button:hover { background: #ddd; transition:0.25s; cursor: pointer; color: #444; border: solid 2px #888; }

.giftvouchers .voucheroptions {  }
.giftvouchers .voucheroptions .blackfriday { width:calc(100% - 80px); padding:20px; margin:-20px 20px 30px 20px; background: #A39892; color: #fff; text-align:center; }
.giftvouchers .voucheroptions .blackfriday table { text-transform:uppercase; margin:0 auto; font-size:1.3em; color: #fefefe; }
.giftvouchers .voucheroptions .blackfriday .titles td { font-size:0.6em; color: #eee; }
.giftvouchers .voucheroptions .blackfriday .values td { font-size:1.5em; color: #fff; }
.giftvouchers .voucheroptions .voucheroption {display:inline-block; width:360px; max-width:calc(100% - 40px); margin-left:20px; margin-right:20px; margin-bottom:40px; height: 580px; overflow:hidden; color: #222; border: solid 0px #ddd; position: relative; background:#ebebeb; box-shadow: #ccc 2px 2px 5px; }
.giftvouchers .voucheroptions .voucheroption .pic { width:100%; margin-right:0px; overflow:hidden; height:230px; position: relative; background: #A39892; }
.giftvouchers .voucheroptions .voucheroption .pic img { width:100%; transition:0.25s; position:absolute; left:50%;  top:50%; transform: translate(-50%, -50%); z-index:100; min-height:230px; }
.giftvouchers .voucheroptions .voucheroption .pic:hover { cursor: pointer; }
.giftvouchers .voucheroptions .voucheroption .pic .cat { position: absolute; padding:5px 10px; top:0px; left:50%; margin-left:-50%; text-align:center; text-transform:uppercase; background: #222; color: #fff; z-index:200; font-weight:300; font-size:0.75em; letter-spacing:0.03em; opacity:0.75; }
.giftvouchers .voucheroptions .voucheroption .nearlysold { position: absolute; top:194px; left:0px; width:calc(100% - 20px); padding:6px 10px; background:#222; color: #fff; font-weight:300;  text-align:center; z-index:200; font-size:0.75em; text-transform:uppercase; height:26px; opacity:0.85 }
.giftvouchers .voucheroptions .voucheroption .desc { padding:10px 15px; width:calc(100% - 30px); text-align:left; line-height:1.5em; font-size:1.0em; height:185px; overflow-y:hidden;  }
.giftvouchers .voucheroptions .voucheroption .desc h2 { text-transform:none; letter-spacing:0em; font-size:1.6em; font-weight:300; height:60px; overflow-y:hidden; margin-bottom:10px; }
.giftvouchers .voucheroptions .voucheroption .button { position:absolute; bottom:10px; left:10px; padding: 0px; transition:0.25s; text-align:center; letter-spacing:0.02em; font-size:1.2em;  }
.giftvouchers .voucheroptions .voucheroption .button .input { background: #f8f8f8; padding: 10px 6px; font-size:0.9em; color:#424242; transition:0.25s; border:none; text-transform:uppercase; border: solid 2px #888; border-radius:5px; width:120px; height:44px; }
.giftvouchers .voucheroptions .voucheroption .button .input:hover { background: #ddd; transition:0.25s; cursor: pointer; color: #444; border: solid 2px #888; }
.giftvouchers .voucheroptions .voucheroption .button2 { position:absolute; bottom:9px; right:10px; padding: 0px; transition:0.25s; text-align:center; letter-spacing:0.02em; font-size:1.2em; }
.giftvouchers .voucheroptions .voucheroption .button2 .input { background: #f8f8f8; padding: 10px 6px; font-size:0.9em; color:#424242; transition:0.25s; border:none; text-transform:uppercase; border: solid 2px #888; border-radius:5px; width:110px;height:44px; }
.giftvouchers .voucheroptions .voucheroption .button2 .input:hover { background: #ddd; transition:0.25s; cursor: pointer; color: #444; border: solid 2px #888;  }
.giftvouchers .voucheroptions .voucheroption .button3 { position:absolute; bottom:10px; right:135px; padding: 0px; transition:0.25s; text-align:center; letter-spacing:0.02em; font-size:1.2em; }
.giftvouchers .voucheroptions .voucheroption .button3 .input { background: #f8f8f8; padding: 10px 30px 10px 6px; font-size:0.9em; color:#424242; transition:0.25s; border:none; text-transform:uppercase; border: solid 2px #888; border-radius:5px; text-align:right; background-image:url(/images/base/basketlight.png); background-repeat:no-repeat; background-position: 48px 9px; background-size:20px 20px; width:80px; height:44px; }
.giftvouchers .voucheroptions .voucheroption .button3 .input:hover { background-color: #ddd; transition:0.25s; cursor: pointer; color: #444; border: solid 2px #888;  }
.giftvouchers .voucheroptions .voucheroption .price { position:absolute; bottom:75px; color: #666; font-size:1.8em; font-weight:600; }
.giftvouchers .voucheroptions .voucheroption .perperson { margin-top:1px; color: #888; font-weight:400; font-size:0.6em; letter-spacing:0.05em; text-transform:uppercase;  }
.giftvouchers .voucheroptions .voucheroption .button input:focus, .giftvouchers .voucheroptions .voucheroption .button2 input:focus { outline:none; }
.giftvouchers .voucheroptions .voucheroption .addbutton { filter:brightness(0.6); transition:0.25s; position: absolute; right:5px; bottom:70px; }
.giftvouchers .voucheroptions .voucheroption .addbutton:hover { filter:brightness(0.5); cursor: pointer; }
.giftvouchers .voucheroptions .voucheroption .input:disabled { opacity:0.25; }
.giftvouchers .voucheroptions .voucheroption .input:disabled:hover { background-color: #f8f8f8; cursor:default; }

.giftvouchers .bestselling { margin-left:-30px; margin-top:30px; }
.giftvouchers .bestselling .voucheroption { float:left; width:calc(50% - 32px); margin-left:30px; border: solid 1px #ddd; height:200px; position: relative; }
.giftvouchers .bestselling .voucheroption .pic { width:200px; margin-right:0px; float:left; overflow:hidden; height:200px; position: relative; background: #A39892; }
.giftvouchers .bestselling .voucheroption .pic img { width:360px; transition:0.25s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
.giftvouchers .bestselling .voucheroption .pic img:hover { width:390px; transition:0.25s; opacity:0.7; cursor:pointer; }
.giftvouchers .bestselling .voucheroption .desc { padding:10px 15px; width:calc(100% - 230px); float:left;  font-size:0.9em; text-align:left; line-height:1.5em; }
.giftvouchers .bestselling .voucheroption .desc h2 { text-transform:none; letter-spacing:0em; }
.giftvouchers .bestselling .voucheroption .button { position:absolute; bottom:15px; width:130px; padding: 10px 14px; background: #A19E7F; transition:0.25s; text-align:center; letter-spacing:0.02em; }
.giftvouchers .bestselling .voucheroption .button:hover { background: #757A65; transition:0.25s; cursor: pointer; }
.giftvouchers .bestselling .voucheroption a:link, .giftvouchers .bestselling .voucheroption a:active, .giftvouchers .bestselling .voucheroption a:visited { color: #fff; text-decoration:none; }
.giftvouchers .leftpanel { float:left; width:calc(50% - 20px); margin-right:40px; }
.giftvouchers .rightpanel { float:right; width:calc(50% - 20px); }
.giftvouchers .leftpanel h3, .giftvouchers .rightpanel h3 { font-size:1.3em; }
.giftvouchers .clear { clear:both; height:0px; }
.giftvouchers .featured { margin-top: 20px; }
.giftvouchers .featured .pic { width:100%; height: 300px; overflow:hidden; background: #A39892; }
.giftvouchers .featured .pic img { width:100%; height:auto; opacity:1.0; transition:0.25s; }
.giftvouchers .featured .pic img:hover { width:100%; height:auto; opacity:0.8; transition:0.25s; cursor:pointer; }
.giftvouchers .featured .details { background: #A19E7F; width:calc(100% - 20px); padding:10px; height:110px; color: #fff; text-align:center; transition:0.25s; }
.giftvouchers .featured .details h3 { color: #fff; margin-top:0px; margin-bottom:-5px; }
.giftvouchers .featured .details:hover { background: #757A65; transition:0.25s; cursor: pointer; }
.giftvouchers .breadcrumb { margin-top:15px; font-size:1.2em; text-transform:uppercase; color: #767A65; text-align:left; }
.giftvouchers .breadcrumb a:link, .giftvouchers .breadcrumb a:active, .giftvouchers .breadcrumb a:visited { text-decoration:none; color: #A39F80; transition:0.25s; font-weight:300; text-decoration:none; }
.giftvouchers .breadcrumb a:link:hover, .giftvouchers .breadcrumb a:active:hover, .giftvouchers .breadcrumb a:visited:hover { color: #767A65; transition:0.25s; }
.giftvouchers .controlpanel { background: none; padding:10px; width:calc(100% - 20px); font-size:1.0em; position: relative; z-index:1000; line-height:1.5em; max-width:1140px; margin:0 auto; text-align:center; margin-top:-30px; }
.giftvouchers .controlpanel h1 { text-align:left; margin-bottom:0px; margin-top:0px; text-transform:none; }
.giftvouchers .controlpanel h3 { text-align:left; margin-bottom:0px; margin-top:0px; font-size:1.1em; text-transform:none; }
.giftvouchers .controlpanel .left { width:50%; float:left; }
.giftvouchers .controlpanel .centre { width:25%; float:left; text-align:left; }
.giftvouchers .controlpanel .right { width:25%; float:left; background:none; text-align:right; position:relative; }
.giftvouchers .controlpanel .basket { padding-left: 44px; background:url(/images/base/basket.png) no-repeat; background-position: left; text-transform: none; font-weight:300; font-size:1.65em; margin-top:15px; padding-top:3px; padding-bottom:4px; }
.giftvouchers .controlpanel .basket a:link, .giftvouchers .controlpanel .basket a:active, .giftvouchers .controlpanel .basket a:visited { color: #767A65; text-decoration:none; transition:0.25s; }
.giftvouchers .controlpanel .basket a:link:hover, .giftvouchers .controlpanel .basket a:active:hover, .giftvouchers .controlpanel .basket a:visited:hover { color: #A39F80; transition:0.25s;}
.giftvouchers .controlpanel .categoryselect { text-transform: none; font-weight:300; font-size:1.2em; margin-top:0px; color: #222; text-align:center; transition:0.25s; background: url(/images/base/menu2.png) no-repeat; background-size:24px 24px; background-position: right; padding-right:30px; filter:brightness(1.7); width:160px; left:50%; margin-left:-95px; position: relative; margin-bottom:20px; height:24px; }
.giftvouchers .controlpanel .categoryselect:hover { cursor: pointer; filter:brightness(1); }
.giftvouchers .controlpanel .categoryholder { background: #fff; border: solid 1px #ccc; border-radius:3px; padding: 8px 10px; text-align:left; width:200px; position: absolute; left:50%; margin-left:-107px; top:45px; font-size:0.9em; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.giftvouchers .controlpanel .categoryholder .separator { margin-bottom:6px; border-bottom: solid 1px #ddd; padding-bottom:6px; margin-left:-10px; width:calc(100% + 20px); }
.giftvouchers .controlpanel .categoryholder .link { margin-left:-10px; width:calc(100% + 20px); }
.giftvouchers .controlpanel .categoryholder .link a:link, .giftvouchers .controlpanel .categoryholder .link a:active, .giftvouchers .controlpanel .categoryholder .link a:visited { padding: 3px 10px; text-decoration:none; display:block; color:#424242; }
.giftvouchers .controlpanel .categoryholder .link a:link:hover, .giftvouchers .controlpanel .categoryholder .link a:active:hover, .giftvouchers .controlpanel .categoryholder .link a:visited:hover { background: #f4f4f4; color: #888; }
.giftvouchers .controlpanel .clear { clear:both; height:0px; }

.giftvouchers .categories { margin-left:-25px; }
.giftvouchers .categories .category { float:left; width:calc(33% - 25px); margin-left:25px; margin-bottom:25px; border: solid 1px #ddd; height:380px; position: relative; }
.giftvouchers .categories .category .pic { width:100%; margin-right:0px; overflow:hidden; height:230px; position: relative; background: #A39892; }
.giftvouchers .categories .category .pic img { width:400px; transition:0.25s; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  }
.giftvouchers .categories .category .desc { padding:10px 15px; width:calc(100% - 30px); text-align:left; line-height:1.5em; font-size:1.0em; }
.giftvouchers .categories .category .desc a:link, .giftvouchers .categories .category .desc a:active, .giftvouchers .categories .category .desc a:visited { color:#424242; padding:0px; }
.giftvouchers .categories .category .desc h2 { text-transform:none; letter-spacing:0em; font-size:1.6em; }
.giftvouchers .categories .category .button { position:absolute; bottom:10px; left:10px;  transition:0.25s; text-align:center; letter-spacing:0.02em; font-size:1.2em; padding:10px; background: #A19E7F; }
.giftvouchers .categories .category .button:hover { background: #757A65; transition:0.25s; cursor: pointer; }
.giftvouchers .categories .category .button a:link, .giftvouchers .categories .category .button a:active, .giftvouchers .categories .category .button a:visited { color: #fff; }
.giftvouchers .categories .category a:link, .giftvouchers .categories .category a:active, .giftvouchers .categories .category a:visited { color: #fff; text-decoration:none; padding:12px 12px; width:120px; display:block; }

.giftvouchers .voucherdetails { padding-top:50px; }
.giftvouchers .voucherdetails h2 { text-transform:none; }
.giftvouchers .voucherdetails { margin-top:20px; background: #f4f4f4; }
.giftvouchers .voucherdetails .left { float:left; width: 580px; margin-right:60px; }
.giftvouchers .voucherdetails .left .pic { width:100%; position: relative; }
.giftvouchers .voucherdetails .left .pic img { width:100%; }
.giftvouchers .voucherdetails .right { float:left; width: calc(100% - 720px); background:#f4f4f4; margin-left:20px; }
.giftvouchers .voucherdetails .featured { margin-top: 0px; margin-bottom:20px; }
.giftvouchers .voucherdetails .featured .pic { width:100%; height: auto; overflow:hidden; background: #A39892; }
.giftvouchers .voucherdetails .featured .pic img { width:100%; height:auto; opacity:1.0; transition:0.25s; }
.giftvouchers .voucherdetails .featured .pic img:hover { width:100%; height:auto; opacity:0.8; transition:0.25s; cursor:pointer; }
.giftvouchers .voucherdetails .featured .details { background: #A19E7F; width:calc(100% - 20px); padding:10px; height:90px; color: #fff; text-align:center; transition:0.25s; }
.giftvouchers .voucherdetails .featured .details h1 { color: #fff; margin-top:0px; margin-bottom:10px; font-size:1.5em; text-align:center; }
.giftvouchers .voucherdetails .featured .details h3 { color: #fff; margin-top:0px; font-size:1.0em; letter-spacing:0.02em; }
.giftvouchers .voucherdetails .featured .details:hover { background: #757A65; transition:0.25s; cursor: pointer; }
.giftvouchers .voucherdetails .details { padding: 20px; calc(100% - 40px); background: #f4f4f4; font-size:0.9em; text-align:left; line-height:1.5em; position: relative; }
.giftvouchers .voucherdetails .details h1 { text-align:left; margin-top:0px; }
.giftvouchers .voucherdetails .details .desc { margin-bottom:40px; line-height:1.5em; }
.giftvouchers .voucherdetails .details .price { position:relative; margin-top:20px;color: #666; font-size:1.8em; font-weight:600; }
.giftvouchers .voucherdetails .details .perperson { margin-top:5px; color: #888; font-weight:400; font-size:0.5em; letter-spacing:0.05em; text-transform:uppercase; }
.giftvouchers .voucherdetails .right .buy { position:relative; margin:20px; margin-left:0px; text-align:right; background:none; }
.giftvouchers .voucherdetails .right .basket { position:relative; margin:20px; margin-left:0px; text-align:right; background:none;}
.giftvouchers .voucherdetails .right .input { width:100%; padding: 9px 14px 9px 14px; text-transform:uppercase; border:none; color: #fff; font-size:1.2em; background: #A19E7F; transition:0.25s; text-align:center; letter-spacing:0.02em;  }
.giftvouchers .voucherdetails .right .input:hover { background: #757A65; transition:0.25s; cursor: pointer; }
.giftvouchers .voucherdetails .right .input:focus { outline:none; }
.giftvouchers .voucherdetails .right .buy .input { border: solid 1px #757A65; background: #fff; color: #757A65; }
.giftvouchers .voucherdetails .right .buy .input:hover { background:#757A65; color: #fff; }
.giftvouchers .voucherdetails .left .delivery { text-align:left; background: #757A65; padding: 10px 15px; line-height:1.5em; color: #fff; text-transform:uppercase; font-size:1.2em; font-weight:400; margin:0px 20px; }
.giftvouchers .voucherdetails .right .delivery { text-align:left; margin-top:0px; width:calc(100% - 20px); font-size:0.9em; line-height:1.5em }
.giftvouchers .voucherdetails .right .deliverypic { margin-bottom:20px; }
.giftvouchers .voucherdetails .right .delivery h3 { font-weight:500; margin-top:0px; text-align:left; font-size:1.8em; color: #222; }
.giftvouchers .voucherdetails .right .delivery li { margin-left:-22px; margin-bottom:10px; }
.giftvouchers .voucherdetails .left .terms {  text-align:left; margin:40px 20px; font-size:0.9em; }
.giftvouchers .voucherdetails .left .terms h1 { text-align:left; letter-spacing:0em; }
.giftvouchers .popupbg { position: fixed; left:0px; top:0px; background: url(/images/base/popup_bg.png); width:100%; height:100%; z-index:10000; font-size:1.0em; }
.giftvouchers .popup { position: relative; left:50%; top:50%; margin-left:-300px; margin-top:-240px; padding:20px; width:560px; height:440px; background:#fff; border: solid 1px #fff; border-radius:5px; text-align:left; overflow-y:auto; }
.giftvouchers .popup h1 { text-align:center; margin-top:10px; margin-bottom:20px; font-size:1.4em; max-width:calc(100% - 50px); margin-left:20px; }
.giftvouchers .popup h3 { text-align:left; margin-bottom:7px; text-transform:none; color:#424242; font-weight:bold; }
.giftvouchers .popup .close { position: absolute; top:10px; right:30px; font-size:2.4em; color:#424242; font-weight:600; width:20px; height:20px; opacity:0.3; transition:0.25s; }
.giftvouchers .popup .close:hover { cursor: pointer; opacity:1; }
.giftvouchers .popup p { margin-top:0px; }

.giftvouchers .checkout { max-width:1500px; margin: 0 auto; margin-top:30px; padding:0px 20px; }
.giftvouchers .checkout .item { border: solid 1px #ccc; padding:20px 0px; width:100%; margin-top:20px; font-size:1.2em; }
.giftvouchers .checkout .item .input { font-family:Mukta; font-size:1em; }
.giftvouchers .checkout .item .input-limited { font-family:Mukta; font-size:1.0em; width:calc(100% - 22px); padding:10px; border: solid 1px #aaa; border-radius:4px; margin-bottom:5px; }
.giftvouchers .checkout .item .input:focus, .giftvouchers .checkout .item .input-limited:focus { background:#FFFCC9; outline:0; }
.giftvouchers .checkout .item .input2 { font-family:Mukta; font-size:0.85em; margin-right:10px; }
.giftvouchers .checkout .item .input2:focus { background:#FFFCC9; outline:0; }
.giftvouchers .checkout .subitem { position:relative; text-align:left; max-width:calc(100% - 20px); }
.giftvouchers .checkout .item .name { float:left; width:calc(100% - 100px); margin-right:20px; font-size:1.2em; line-height:1.3em; }
.giftvouchers .checkout .item .price { float: right; width:80px; font-size:1.4em; font-weight:600; text-align:right; margin-right:0px;  }
.giftvouchers .checkout .item .clear { clear:both; height:0px; }
.giftvouchers .checkout .subitem h3 { text-align:left; text-transform:none; font-size:1.0em; padding-top:10px; margin-top:12px; border-top: solid 1px #eee; color: #000; margin-bottom:10px; }
.giftvouchers .checkout .subitem .input { border: solid 1px #ddd; border-radius:4px; padding: 7px 10px; color: #aaa; width:calc(100% - 22px); font-weight:300; margin-bottom:10px; }
.giftvouchers .checkout .subitem .input.small { width:522px; max-width:calc(100% - 22px); }
.giftvouchers .checkout .subitem .input2 { border: solid 1px #ddd; border-radius:4px; padding: 4px 10px; color: #222; width:auto; font-weight:300; margin-bottom:10px; background:#fff; font-size:1.0em; }
.giftvouchers .checkout .button { width:180px; padding: 9px 20px 9px 20px; text-transform:uppercase; border:solid 1px #fff; color: #eee; font-size:0.9em; background: #A39892; transition:0.25s; text-align:center; letter-spacing:0.02em; width:auto; margin-top:20px; position:absolute; bottom:0px; right:0px;  }
.giftvouchers .checkout .button:hover { background: #666; border: solid 1px #666; color: #fff; transition:0.25s; cursor: pointer; }
.giftvouchers .checkout .totals { float:right; text-align:right; font-size:1.2em; font-weight:300; margin-top:15px; line-height:1.5em; letter-spacing:0.02em; text-transform: none; color: #999; margin-right:0px; }
.giftvouchers .checkout .subtotal { font-size:0.9em;  }
.giftvouchers .checkout .total { font-size:1.2em; margin-top:0px; padding-top:9px; border-top: solid 0px #eee; color:#424242; }
.giftvouchers .checkout .continue { width:130px; padding: 7px 20px 7px 20px; text-transform:uppercase; border:none; color: #fff; font-size:1.1em; background: #666; transition:0.25s; text-align:center; letter-spacing:0.02em; width:auto; margin-top:20px; border:0;  }
.giftvouchers .checkout .continue:hover { background: #A39892; transition:0.25s; cursor: pointer; }
.giftvouchers .checkout .continue:disabled { opacity:0.4; }
.giftvouchers .checkout .continue:disabled:hover { cursor: default; background:none; color: #666; }
.giftvouchers .checkout .remove { font-size:1.0em; position: absolute; bottom:0px; right:0px; display:block; border: solid 2px #aaa; border-radius:4px; padding: 8px 20px; transition:0.25s; font-size:1.0em; color: #666; font-weight:300;  margin-top:20px; text-transform:uppercase; background:none; text-decoration:none; }
.giftvouchers .checkout .remove:hover { background: #A39892; color: #fff; cursor:pointer; border: solid 2px #A39892; }
.giftvouchers .checkout .remove:focus { outline:none; }
.giftvouchers .checkout .continue { font-family:"Gill Sans MT", Mukta; padding: 10px 20px; border: solid 2px #aaa; border-radius:3px; font-size:1.0em; color: #666; background:none; }
.giftvouchers .checkout .continue:hover { background: #A39892; cursor: pointer; border: solid 2px #A39892; color:#fff; }
.giftvouchers .checkout .reduced { text-decoration: line-through; color: #aaa; font-weight:400; }
.giftvouchers .checkout .addresswarning { background: #ffa500; padding:6px 15px; color: #fff; margin:20px 0px; border: solid 0px #fff; border-radius:4px; }

.giftvouchers .checkout .specialoffers { float:left; text-align:left; margin-top:20px; background:none; padding:0px 0px; margin-left:0px; }
.giftvouchers .checkout .specialoffers h3 { margin-top:0px; font-size:1.5em; text-transform:capitalize; margin-bottom:15px; font-weight:300; text-align:left;  }
.giftvouchers .checkout .specialoffers .label { margin-bottom:5px; color: #666; }
.giftvouchers .checkout .specialoffers .input { font-family:Mukta; padding: 6px 10px; border: solid 1px #aaa; border-radius:3px; font-size:1.3em; font-weight:400; text-transform:uppercase; }
.giftvouchers .checkout .specialoffers .input:focus { outline:none; }
.giftvouchers .checkout .specialoffers .use .continue { font-family:"Gill Sans MT", Mukta; padding: 10px 20px; border: solid 2px #aaa; border-radius:3px; font-size:1.2em; color: #666; background:none; }
.giftvouchers .checkout .specialoffers .use .continue:hover { background: #A39892; border: solid 2px #A39892; color: #fff; }
.giftvouchers .yourdetails {  margin:0 auto; width:800px;  margin-top:100px; padding-bottom:50px; }
.giftvouchers .yourdetails .item1 { float:left; margin-left:30px; }
.giftvouchers .yourdetails .item2 { float:left; margin-left:30px; }
.giftvouchers .yourdetails .title { color: #888; margin-bottom:3px; max-width:calc(100% - 20px); } 
.giftvouchers .yourdetails .value { margin-bottom:20px; }
.giftvouchers .yourdetails .value .input { background: #fff; border: solid 1px #bbb; padding: 5px 5px; font-size:1.0em; color: #222; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out; font-family:Mukta; }
.giftvouchers .yourdetails .value .inputwarning { background: #FFF2E0; border: solid 1px #FFA11E; padding: 5px 5px; font-size:1.0em; color: #222; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out; font-family:Mukta; }
.giftvouchers .yourdetails .value .input:focus, .giftvouchers .yourdetails .value .inputwarning:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); outline:none; }
.giftvouchers .yourdetails .value .inputlist { background: #fff; border: solid 1px #bbb; padding: 4px 5px; font-size:1.0em; color: #222; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out; font-family:Mukta; }
.giftvouchers .yourdetails .value .inputlist:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); outline:none; }
.giftvouchers .yourdetails .value .button { background: #eee; border: solid 2px #666; padding: 5px 20px; font-size:1.0em; color: #666;font-family:Mukta; transition:0.25s; background: #fff; }
.giftvouchers .yourdetails .continue { margin-left:30px; }
.giftvouchers .yourdetails .continue .button { width:auto; padding: 10px 20px; text-transform:uppercase; border:none; color: #888; font-size:1.2em; background: #fff; transition:0.25s; text-align:center; margin-top:20px; border: solid 2px #aaa; border-radius:5px; }
.giftvouchers .yourdetails .continue .button:hover { background: #A39892; transition:0.25s; cursor: pointer; border: solid 2px #A39892; color:#fff; }
.giftvouchers .yourdetails .continue .button:disabled { opacity:0.25; transition:0.25s; }
.giftvouchers .yourdetails .warning { color: #dd0000; font-size:0.9em; }
.giftvouchers .yourdetails .box { float:left; margin-right:10px; margin-left:30px; }
.giftvouchers .yourdetails .boxtext { float:left; margin-right:10px; padding-top:5px; width:calc(100% - 90px); text-align:left; line-height:1.3em;  }
.giftvouchers .yourdetails .clear { clear:both; margin-bottom:10px; }
.giftvouchers .yourdetails .box input[type="checkbox"] { width:1.8em; height:1.8em; }
.giftvouchers .yourdetails a:link, .giftvouchers .yourdetails a:active, .giftvouchers .yourdetails a:visited { color: #888; font-weight:400; text-decoration:none; transition:0.25s; }
.giftvouchers .yourdetails a:link:hover, .giftvouchers .yourdetails a:active:hover, .giftvouchers .yourdetails a:visited:hover { color:#424242; }
.giftvouchers .yourdetails .missing { margin:30px; background: #FFF2E0; border: solid 1px #FFA11E; border-radius:3px; padding:20px; text-align:center; }
.giftvouchers .progress { position: relative; margin-top:30px; text-align:center; }
.giftvouchers .progress .item { margin:0px 15px; width:100px; text-align:center; line-height:1.3em; display:inline-block; }
.giftvouchers .progress .icon { margin-bottom:20px; }
.giftvouchers .progress .name { color: #aaa; }
.giftvouchers .progress .nameselected { color: #222; }
.giftvouchers .progress .clear { clear:both; height:0px; }
.giftvouchers .reduced { color: #888; font-size:0.7em; font-weight:normal; padding-left:5px; letter-spacing:0; line-height:1.0em; }
.giftvouchers .originalprice { text-decoration:line-through red; font-weight:300;  color: #aaa; -webkit-text-decoration: line-through red;}
.giftvouchers .reducedprice { color: #ff0000; padding-left:4px; }

.giftvouchers .countdowntimer { text-align:center; width:calc(100% - 40px);  font-size:1.5em; padding:20px; background: #A39892; max-width:1120px; margin:0 auto; margin-bottom:40px; }
.giftvouchers .timeitems { text-align:center; width:100%; }
.giftvouchers .timeitem { width:36px; font-size:1.2em; display:inline-block; text-align:center; font-weight:normal; margin-bottom:0px; margin-right:1px; color: #eee; }
.giftvouchers .timelabels { margin-top:-4px;  text-align:center; width:100%; }
.giftvouchers .timelabel { width:36px; font-size:0.6em; display:inline-block; margin-right:10px; text-align:center; text-transform:uppercase; margin-right:1px; font-weight:bold; color: #aaa;  }
.giftvouchers .timeitems h3 { font-size:1.0em; text-align:center; text-transform:uppercase; font-weight:normal; margin-bottom:10px; margin-top:0px; color: #ddd; }

.waitmessage { position: fixed; left:0px; top:0px; width:100%; height:100%; background: url(/images/base/bg.png); z-index:100000; }
.waitmessage .waittext { position: absolute; left:50%; top:50%; margin-left:-150px; margin-top:-50px; padding:20px; background: #222; color: #fff; width:300px; text-align:center; border:solid 1px #fff; }

.giftvouchers .addresspopup { font-size:1.1em; }
.giftvouchers .addresspopup .popupbg { background: url(/images/base/basketbg.png); }
.giftvouchers .addresspopup .popup { width:440px; margin-left:-240px; height:440px; margin-top:-240px; border-radius:0px; border:none; overflow-x:hidden; }
.giftvouchers .popup .instructions { margin:20px 0px; }
.giftvouchers .popup .quantity { font-size:1.4em; }
.giftvouchers .popup h2 { margin-bottom:30px; background: #A39892; color: #fff; text-align:center; margin-top:-21px; margin-left:-21px; padding:12px 21px; width:100%; font-size:1.2em;  }
.giftvouchers .popup .title { float:left; width:120px; margin-right:10px; padding-top:4px; color: #888; }
.giftvouchers .popup .title .input { border: solid 1px #ccc; border-radius:4px; }
.giftvouchers .popup .value { float:left; width:calc(100% - 130px); }
.giftvouchers .popup .value .input { max-width:100%; border: solid 1px #ccc; border-radius:3px; padding:5px 5px; font-weight:400; font-size:1.0em; font-family:"Gill Sans MT", Arial; }
.giftvouchers .popup .value .input.warning { border: solid 1px #ffa500; background: #FFF6E8; }
.giftvouchers .popup .clearnone { clear:both; height:14px; border: none; }
.giftvouchers .popup .buttons { position: absolute; bottom:15px; left:0px; width:100%; }
.giftvouchers .popup .buttons .cancel { position: absolute; left:10px; bottom:0px; width:100px; }
.giftvouchers .popup .buttons .confirm { position: absolute; right:15px; bottom:0px; }
.giftvouchers .popup .buttons .cancel .button {  background: #f8f8f8; padding: 7px 15px; border: solid 1px #ccc; border-radius:4px; color: #444; text-transform:uppercase; transition:0.25s; text-transform:capitalize; width:100px; opacity:0.7; font-size:1.1em; }
.giftvouchers .popup .buttons .cancel .button:hover { background: #444; cursor: pointer; border: solid 1px #444; color: #fff;  }
.giftvouchers .popup .buttons .confirm .button {background: #f8f8f8; padding: 7px 15px; border: solid 1px #ccc; border-radius:4px; color: #444; text-transform:uppercase; transition:0.25s; text-transform:capitalize; width:110px;  font-size:1.1em; }
.giftvouchers .popup .buttons .confirm .button:hover { background: #444; cursor: pointer; border: solid 1px #444; color: #fff;  }
.giftvouchers .popup .button2 { background: #f8f8f8; padding: 7px 15px; border: solid 1px #ccc; border-radius:4px; color: #444; text-transform:uppercase; font-size:0.9em; transition:0.25s; text-transform:capitalize; }
.giftvouchers .popup .button2:hover { background: #444; cursor: pointer; border: solid 1px #444; color: #fff;  }
.giftvouchers .selectquantity { position: relative;  font-size:1.4em; padding-top:0px; position: absolute; bottom:-1px; left:-1px; border: solid 1px #ddd; border-radius:0px; background: #f8f8f8; color: #666;  width:100%; max-height:250px; overflow-y:auto; }
.giftvouchers .selectquantity:focus { outline:none; }
.giftvouchers .selectquantity .quantityitem { padding:7px 10px; text-align:center; transition: 0.25s; border-bottom: solid 1px #888; background: #444; color: #fff; font-size:0.8em; }
.giftvouchers .selectquantity .quantityitem:hover { background: #222; cursor:pointer; }

.giftvouchers .voucherpreviewbg { background: url(/images/base/bg.png); position:fixed; left:0px; top:0px; width:100%; height:100%; text-align:center; z-index:100000; overflow-y:auto; }
.giftvouchers .voucherpreview .header { width:100%; position: relative; background:none; height:80px; margin-top:-40px; top:0px; pointer-events:none; }
.giftvouchers .voucherpreview .closepreview { position: absolute; top:10px; right:10px; transition:0.25s; opacity:0.2;  }
.giftvouchers .voucherpreview .closepreview input { height:50px; }
.giftvouchers .voucherpreview .closepreview:hover { opacity:0.7; cursor:pointer; }
.giftvouchers .voucherpreview .closepreview input:focus { outline:none; }
.giftvouchers .voucherpreview { width: 720px; height:auto; padding:30px; padding-bottom:100px; min-height:400px; top:20px; margin-bottom:20px; background:#fff; position: absolute; left:50%; margin-left:-375px; font-family:Nunito; font-size:0.9em; }

.giftvouchers .voucherpreview .header img { max-height:80px; margin-bottom:0px; } 
.giftvouchers .voucherpreview .pic { text-align:center; margin-bottom:30px;  }
.giftvouchers .voucherpreview .pic img { max-height: 240px; }
.giftvouchers .voucherpreview .desc { text-align:center;  color:#888; max-height:150px; overflow:hidden; line-height:1.3em; margin-top:-20px; margin-bottom:20px; }
.giftvouchers .voucherpreview .desc h1 { color: #444; font-size:1.3em; text-transform:none; margin-bottom:10px; } 
.giftvouchers .voucherpreview .message { margin-top:30px; border-top: solid 1px #ccc; padding:10px 20px; text-align:center; max-height:280px; overflow:hidden; line-height:1.3em; }
.giftvouchers .voucherpreview .code { margin:10px 0px; font-size:1.2em;  border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; text-align:center; padding:10px;} 
.giftvouchers .voucherpreview .details { width:100%; margin:0 auto; margin-top:20px; margin-bottom:40px; } 
.giftvouchers .voucherpreview .scan { float:left; width:calc(50% - 40px); padding-right:20px; margin-right:19px; border-right: solid 1px #ccc;  font-size:0.9em; }  
.giftvouchers .voucherpreview .scan .qrcode { float:left; width:40%; margin-right:20px; max-width:100px; } 
.giftvouchers .voucherpreview .scan .instructions { float:left; width:calc(60% - 20px); text-align:left; max-height:120px; overflow:hidden; }
.giftvouchers .voucherpreview .scan .instructions p { margin-top:0px; margin-bottom:20px; line-height:1.2em; } 
.giftvouchers .voucherpreview .scan .qrcode img { width:100%; } 
.giftvouchers .voucherpreview .terms { float:left; width:50%; font-size:0.75em; line-height:1.4em; max-height:240px; overflow:hidden; text-align:left; }   
.giftvouchers .voucherpreview .base { width:calc(100% - 60px); margin:0 auto; position:absolute; bottom:30px; left:30px; } 
.giftvouchers .voucherpreview .base .left { float:left;} 
.giftvouchers .voucherpreview .base .right { float:right; }  
.giftvouchers .voucherpreview .base img { max-height:60px; } 
.giftvouchers .voucherpreview .clear { clear:both; height:0px; } 

.giftvouchers .previewbutton { background: #eee; border: solid 2px #aaa; border-radius:5px; padding: 10px 20px; transition:0.25s; font-size:1.0em; color: #666; font-weight:300;  margin-top:20px; text-transform:uppercase; background:none; letter-spacing:0.02em; }
.giftvouchers .previewbutton.small {  text-transform:capitalize; padding:9px 12px; font-size:0.9em; margin-top:0px; margin-bottom:10px; }
.giftvouchers .previewbutton:hover { background: #A39892; color: #fff; cursor:pointer; border: solid 2px #A39892;  }
.giftvouchers .previewbutton:focus { outline:none; }
.giftvouchers .checkout .item { background: #f4f4f4; border:none; margin-bottom:20px; padding-bottom:40px; border-bottom: solid 1px #ccc; }

.giftvouchers .voucherdetails .detailstop .right { font-size:1.05em; line-height:1.3em; background:#eee; padding:0px 20px; width:280px; padding-bottom:180px; margin-bottom:0px; }
.giftvouchers .voucherdetails .detailstop .right .delivery h3 { font-size:1.5em; line-height:1.2em; margin-top:20px; }
.giftvouchers .voucherdetails .detailstop .right .delivery .deliverypic { width:calc(100% + 60px); margin-left:-20px; }
.giftvouchers .voucherdetails .detailstop .right .delivery .deliverypic img { width:100%; }
.giftvouchers .yourdetails .item1 { text-align:left; }
.giftvouchers .yourdetails .item2 { text-align:left; }

.giftvouchers .basketpreview { position: fixed; top:0px; left:100%; width:360px; height:100%; background: none; z-index:200000; }
.giftvouchers .basketpreview .right { position: absolute; top:0px; right:0px; width:320px; border-left: solid 0px #ccc; padding:20px 20px 30px 20px; height:auto; max-height:calc(100% - 50px); background: #A39892;  color: #fff; overflow-y:auto; }
.giftvouchers .basketpreview .continueshopping { position: absolute; left: 50%; margin-left:-300px; top:50%; margin-top:-25px; transition:0.25s; font-size:1.2em; }
.giftvouchers .basketpreview .close { position: absolute; top:10px; right:10px; opacity:0.6; transition:0.25s; width:36px; height:36px; }
.giftvouchers .basketpreview .close:hover { cursor:pointer; opacity:1; }
.giftvouchers .basketpreview .close img { width:100%; height:100%; }
.giftvouchers .basketpreview h2 { text-align:left; font-weight:300; text-transform:capitalize; margin-top:0px; margin-bottom:30px; color: #fff; }
.giftvouchers .basketpreview .totalcost { font-weight:300; margin-top:20px; text-align:right; font-size:1.1em; color: #fff; margin-bottom:0px; }
.giftvouchers .basketpreview .postagedetails { font-weight:300; color: #fefefe; text-align:right; font-size:0.8em; margin-top:0px; margin-bottom:20px; }
.giftvouchers .basketpreview .checkout { position: relative; margin-top:70px; text-align:center; font-size:1.2em; }
.giftvouchers .basketpreview .basketpreviewitem { margin-bottom:10px; text-align:left; padding-bottom:14px; border-bottom:solid 1px #ddd; color: #fff; }
.giftvouchers .basketpreview .button { transition:0.25s; }
.giftvouchers .basketpreview .button:focus { outline:none; }
.giftvouchers .basketpreview .button2 { transition:0.25s; padding:0px 3px 1px 3px; font-size:1.0em; font-weight:600; color: #fff; border: solid 1px #fff; background: #A39892; margin-top:10px; margin-right:10px; width:28px; border-radius:0px; }
.giftvouchers .basketpreview .button2:hover { border: solid 1px #fff; background:#fff; color:#424242;  cursor: pointer; }
.giftvouchers .basketpreview .button2:focus { outline:none; }
.giftvouchers .basketpreview .quantity { position: relative; width:100%; }
.giftvouchers .basketpreview .quantity .price { position: absolute; right:0px; top:22px; color: #fff; font-size:1.0em; }
.giftvouchers .basketicon { position: fixed; top:0px; right:0px; background: #BAAEA7 url(/images/base/basketicon.png) no-repeat; background-position:-5px 7px; color: #fff; width:60px; height:60px; z-index:150000; transition:0.25s; background-size: cover;  }
.giftvouchers .basketicon:hover {cursor:pointer; }
.giftvouchers .basketicon .number { background: #222; border: solid 0px #fff; border-radius:11px; text-align:center; width:22px; height:22px; position: absolute; top:6px; right:4px; font-weight:bold; font-size:0.8em; line-height:1.7em; }
.giftvouchers .combinedelivery { background: #F7F4DE; padding:20px; text-align:left; margin-top:-20px; }
.giftvouchers .combinedelivery .input { padding: 5px 10px; margin-top:10px; }
.giftvouchers .combinedelivery h3 { margin-top:0px; text-transform:uppercase; text-align:left; font-weight:300; font-size:1.5em; }

.giftvouchers .payment { width:calc(100% - 60px); max-width:1000px; margin: 0 auto; margin-top:40px; }
.giftvouchers .payment h2 { text-transform:none; font-size:1.8em; margin-bottom:0px; }
.giftvouchers .payment .left { display:inline-block; width:calc(100% - 360px); min-width:600px; margin-right:80px; vertical-align:top; }
.giftvouchers .payment .right { display:inline-block; width:260px;  vertical-align:top; }
.giftvouchers .payment .voucherpanel { text-align:left; margin-bottom:20px; padding-bottom:5px; border-bottom: solid 1px #ccc; position: relative;  }
.giftvouchers .payment .voucherpanel h3 { text-transform:none; text-align:left; margin-bottom:20px; color: #666; margin-top:0px; }
.giftvouchers .payment .voucherpanel .deliverymethod { font-weight:400; margin-bottom:2px; font-size:1.0em; color: #888; }
.giftvouchers .payment .voucherpanel .delivery { font-weight:400; margin-bottom:6px; }
.giftvouchers .payment .light { color: #888; font-weight:300; }
.giftvouchers .payment .voucherpanel .preview { margin:0px 0px 20px 0px; }
.giftvouchers .payment .voucherpanel .subtotal { position: absolute; right:10px; bottom:20px; font-weight:300; font-size:1.0em; color: #666; }
.giftvouchers .payment .totalcost { font-size:1.2em; font-weight:400; background:#f4f4f4; text-align:right; padding:0px 10px 0px 10px; margin-top:0px; border-bottom: solid 1px #eee; position: relative; margin-bottom:60px; line-height:1.5em; color: #666; }
.giftvouchers .payment .totalcost .paypal { margin-top:60px; }
.giftvouchers .payment .problem { font-weight:bold; font-size:0.85em; line-height:1.4em; text-align:center; padding:0px 20px 20px 20px; }
.giftvouchers .payment .paypalbutton { position: absolute; top:100px; opacity:1; z-index:10; right:10px; }
.giftvouchers .payment .paynowbutton { position:absolute; top:100px; pointer-events:none; z-index:100; right:10px; }
.giftvouchers .payment .paynowbutton .button { font-size:1.0em; padding: 7px 20px; border-bottom:solid 15px #f4f4f4; }
.giftvouchers .payment .paynowbutton .button:hover { background: #A39892; }
.giftvouchers .payment .paymentlink { position: relative; margin-top:60px; font-size:0.7em; padding-top:10px; }
.giftvouchers .payment .thankyou { margin:20px 0px 40px 0px; background: #A39892; color:#fff; padding:20px; }
.giftvouchers .payment .paymentpanel { margin-left:-20px; width:calc(100% + 20px); max-width:800px; }

@media only screen and (max-width: 1100px)
{
	.giftvouchers .basketicon { right:200px; }
	.giftvouchers .vouchercategory { height:auto; padding-bottom:80px; }
}

@media only screen and (max-width: 980px)
{
	.giftvouchers .payment .left { width:100%; margin-right:0px; min-width:0px;  }
	.giftvouchers .payment .right { width:calc(100% - 20px); text-align:left; padding:10px; margin-top:-60px;  }
}

@media only screen and (max-width: 640px)
{
	.giftvouchers .basketicon { top:10px; right:10px; }
	.giftvouchers .basketpreview .right { width:300px; padding:20px 10px 30px 50px;  } 
	.giftvouchers .checkout .subitem h3 { margin-bottom:6px; }
	.giftvouchers .previewbutton { padding: 8px 20px; }
	.giftvouchers .payment .paymentpanel { width:calc(100% + 100px); }
	.giftvouchers .popup { width:calc(100% - 60px); left:20px; margin-left:0px; padding:10px; }
	
	.giftvouchers .voucheroptions .voucheroption { height:auto; }
	.giftvouchers .voucheroptions .voucheroption .desc { padding:10px 15px; width:calc(100% - 30px); text-align:left; line-height:1.3em; font-size:1.0em; height:auto; overflow-y:visible; padding-bottom:120px;  }
	.giftvouchers .voucheroptions .voucheroption .desc h2 { margin-bottom:10px; height:auto; }
	.giftvouchers .voucheroptions .voucheroption .button .input { width:100px; }
	.giftvouchers .voucheroptions .voucheroption .button2 .input { width:110px; }
	.giftvouchers .voucheroptions .voucheroption .button3 { left:115px; }
	.giftvouchers .voucheroptions .voucheroption .price { bottom:64px; }
	
	.giftvouchers .voucheroptions .voucheroption .pic { max-height:240px; }
	
	.giftvouchers .yourdetails { width:calc(100% + 20px); margin-left:-10px; }
	.giftvouchers .yourdetails .item1, .giftvouchers .yourdetails .item2  { width:100%; }
	.giftvouchers .yourdetails .value { width:100%; }
	.giftvouchers .yourdetails .value .input, .giftvouchers .yourdetails .value .inputwarning { max-width:calc(100% - 70px);  }
	.giftvouchers .yourdetails .continue { margin-left:0px; }
	
	.giftvouchers .addresspopup .popup { width:440px; max-width:calc(100% - 40px); margin:10px; height:auto; padding-bottom:70px; top:0px; left:0px;}
	.giftvouchers .popup h2  { padding-top:20px; }
	
	.giftvouchers .payment { margin-left:10px; width:calc(100% - 20px); }
	.giftvouchers .payment .voucherpanel .subtotal { position: relative; right:0px; bottom:0px; margin-bottom:10px; font-size:1.0em; }
	.giftvouchers .payment .totalcost {  max-width:100%; }
	.giftvouchers .payment .totalcost .paypal { max-width:100%; margin-left:0px; }
	.giftvouchers .voucheroptions .voucheroption .button3 {  }
	.voucherdetails .basket .add { position: absolute; left:calc(100% - 84px); bottom:10px; }
	.voucherdetails .basket .back .input { width:180px; padding-left:2px; padding-right:2px; }
	
	.giftvouchers .voucherpreview { max-width:calc(100% - 40px); padding:10px; padding-bottom:60px; min-height:400px; left:10px; margin-left:0px; top:0px; height:auto; border-top: solid 10px #222; border-bottom: solid 10px #222; }
	.giftvouchers .voucherpreview .header { height:80px;margin-top:-20px; } 
	.giftvouchers .voucherpreview .header img { max-height:100px;}
	.giftvouchers .voucherpreview .pic { width:100%;  }
	.giftvouchers .voucherpreview .pic img { width:100%; }
	
	.blog .blogitem { height:auto; padding-bottom:50px; }
}

/* REDEEM A VOUCHER */
.redeemvoucher { padding: 20px 10px; }
.redeemvoucher .column { display:inline-block; vertical-align:middle; margin-right:10px; }
.redeemvoucher .column .text { border: solid 1px #ccc; border-radius:5px; padding:5px 10px; text-transform:uppercase; font-size:1.2em; }
.redeemvoucher .column .button { border: solid 1px #aaa; border-radius:5px; padding:4px 20px 6px 20px; font-size:1.2em; font-weight:400; transition:0.25s; background: #eee; color: #444; margin:3px 0px; } 
.redeemvoucher .column .button:hover { background: #444; border: solid 1px #444; color: #fff; cursor:pointer; }
.redeemvoucher .clear { clear:both; height:10px; }
.redeemvoucher .error { display:inline-block; background: #ffa500; border: solid 0px #fff; border-radius:5px; padding: 6px 20px 8px 20px; color: #fff; display:inline-block; margin:20px 0px; }
.redeemvoucher .package { background: #eee; padding:20px; display:inline-block; margin:20px 0px; }
.redeemvoucher h3 { margin-bottom:10px; margin-top:0px; }
.redeemvoucher .column.fixed { min-width:100px; }
.redeemvoucher .column .input { border: solid 1px #ccc; border-radius:5px; padding:5px 10px; font-size:1.2em; font-family: "Gill Sans MT", Arial;  }

/* Room Booking */
.roombooking { position: relative; padding:40px 0px; position: relative; margin-top:60px;  }
.roombooking h2 { font-family: "Gill Sans MT", Mukta; font-size: 2.0em; letter-spacing:0.02em; color: #757A65; font-weight: 400; margin-top:0px; margin-bottom:40px; text-transform: none; line-height:1.1em; text-align:left; color:#424242; }
.roombooking h3  { font-family: "Gill Sans MT", Mukta; font-size: 1.7em; letter-spacing:0.02em; color: #757A65; font-weight: 300; margin-top:0px; margin-bottom:20px;  text-transform: none; line-height:1.1em; text-align:center; color:#424242; }
.roombooking .selectgroup { display:inline-block; vertical-align:top; margin-bottom:30px; }
.roombooking .select { display:inline-block; vertical-align:top;  margin-right:20px; }
.roombooking .select .title { color: #666; font-size:1.2em; font-weight:300; margin-bottom:5px; }
.roombooking .select .title img { height:26px; }
.roombooking .select .input {  font-size:1.2em; font-weight:300; padding: 5px 5px; border: solid 1px #ccc; }
.roombooking .select .subtitle { color: #666; font-size:1.2em; font-weight:300; margin-bottom:5px; float:left; margin-right:10px; padding-top:8px; }
.roombooking .select .subvalue { display:inline-block; vertical-align:top; color: #222; }
.roombooking .clear { clear:both; height:10px; }
.roombooking .clear50 { clear:both; height:50px; }
.roombooking .minimumstay { display:inline-block; vertical-align:middle; padding: 11px 15px; background: #e8e8e8; font-size:1.2em; font-weight:300; margin:0px; margin-left:30px; display:none; }
.roombooking .minstay { text-transform:none; font-size:0.7em; color: #222; line-height:1.3em; max-width:70px; padding:4px; background: #888; color: #fff; position: absolute; top:0px; left:0px; }
.roombooking .continue { display:inline-block; vertical-align:top; text-align: right; margin:30px 0px;  font-size:0.85em;   }
.roombooking .continue .button { background: #f4f4f4; padding: 4px 30px; text-transform:uppercase; border: none; font-family: Mukta; font-weight:300; letter-spacing:0.05em; border: solid 2px #888; color: #666; border-radius:5px; transition:0.25s; letter-spacing:0;}
.roombooking .continue .button:hover { background: #A39892; border-color: #A39892; cursor: pointer; transition:0.25s; color: #fff; }
.roombooking .continue .button:disabled { background: #ddd; color: #fff; border-color: #fefefe; transition:0.25s; }
.roombooking .continue .button:disabled:hover { cursor:default; }
.roombooking .continue .button:focus { outline:0; }
.roombooking .input { font-family:Mukta; }

/* Progress */
.roombooking .progress { width:100%; margin-bottom:50px;  }
.roombooking .progress .progresslabel { float:left; width:150px; margin-right:1px; margin-bottom:4px; }
.roombooking .progress .clear { clear:both; height:0px; }
.roombooking .progress .progressbar { float:left; width:150px; height:6px; margin-right:1px; background: #A39892; }
.roombooking .progress .progressbarlight { float:left; width:150px; height:6px; margin-right:1px; background: #ddd; transition:0.25s; }
.roombooking .progress .progressbarlight:hover { background: #A39892; cursor: pointer; }
.roombooking .progress .progressbarfuture { float:left; width:130px; height:6px; margin-right:1px; background: #ddd; transition:0.25s; }
.roombooking .progress a:link, .roombooking .progress a:active, .roombooking .progress a:visited { text-decoration:none; transition:0.25s; color: #888; }
.roombooking .progress a:link:hover, .roombooking .progress a:active:hover, .roombooking .progress a:visited:hover { color:#424242; }

/* Monthly Calendar */
.roombooking .availabilitycal { padding:0px 0px; border: solid 0px #ccc; position: relative; }
.roombooking .availabilitycal h2 { margin-bottom:30px; margin-top:0px; text-transform:none; letter-spacing:0; font-size:1.8em; }
.roombooking .availabilitycal .prev { position: absolute; top:10px; left:20px; font-size:2.0em; font-weight:600; opacity:0.4; transition:0.25s; }
.roombooking .availabilitycal .next { position: absolute; top:10px; right:20px; font-size:2.0em; font-weight:600;  opacity:0.4; transition:0.25s; }
.roombooking .availabilitycal .prev:hover, .roombooking .availabilitycal .next:hover { opacity:0.8; cursor: pointer; }
.roombooking .availabilitycal a:link, .roombooking .availabilitycal a:active, .roombooking .availabilitycal a:visited { text-decoration:none; color: #ccc; transition:0.25s; }
.roombooking .availabilitycal a:link:hover, .roombooking .availabilitycal a:active:hover, .roombooking .availabilitycal a:visited:hover { text-decoration:none; color: #222; }
.roombooking .availabilitycal .keytable { margin:40px 0px 0px 0px;  }
.roombooking .availabilitycal .key { float:left; margin-right:40px; padding-top:0px; color: #666; }
.roombooking .availabilitycal .keyavailable { float:left; width:30px; height:24px; background: #ddd; margin-right:10px; }
.roombooking .availabilitycal .keyavailable.nocheckin { background: #ccc; }
.roombooking .availabilitycal .keyselected { float:left; width:30px; height:24px; background: #222; margin-right:10px; }
.roombooking .availabilitycal .keybooked { float:left; width:30px; height:24px; background: #A39892; margin-right:10px; }
.roombooking .availabilitycal .clear { clear:both; height:0px; }

.roombooking .monthly1 { float:left; width:calc(50% - 20px); margin-right:40px; }
.roombooking .monthly2 { float:left; width:calc(50% - 20px); margin-right:0px; }
.roombooking .monthly3 { float:left; width:calc(33% - 15px); margin-right:0px; display:none; }
.roombooking .availabilitycalendar h3 { background: none; padding: 10px; width:calc(100% - 20px); font-size:1.4em; font-weight:500; text-align:center; margin-top:0px; margin-bottom:10px; }
.roombooking .availabilitycalendar td { padding: 0px; width:30px; height:40px; text-align:center; }
.roombooking .availabilitycalendar .day { color: #666; background: #eee; }
.roombooking .availabilitycalendar .available { background: #e6e6e6; color:#424242; transition:0.25s; }
.roombooking .availabilitycalendar .available.nocheckin { background: #ccc; }
.roombooking .availabilitycalendar .available:hover { background: #ddd; }
.roombooking .availabilitycalendar .availabledeparture { background: #ddd; color: #fff; }
.roombooking .availabilitycalendar .availabledeparture:hover { background: #999; }
.roombooking .availabilitycalendar .selected { background: #222; color: #fff; }
.roombooking .availabilitycalendar .selectedarrival { color: #222; background: linear-gradient(315deg, #222 50%, #e6e6e6 50%); }
.roombooking .availabilitycalendar .selecteddeparture { color: #222;  background: linear-gradient(135deg, #222 50%, #e6e6e6 50%); }
.roombooking .availabilitycalendar .bookeddeparture { color: #fff; background: linear-gradient(135deg, #222 50%, #A39892 50%); }
.roombooking .availabilitycalendar .booked { background: #A39892; color: #fff; }
.roombooking .availabilitycalendar .booked a:link, .roombooking .availabilitycalendar .booked a:active, .roombooking .availabilitycalendar .booked a:visited { color: #fff;  transition:0.25s; }
.roombooking .availabilitycalendar .booked a:link:hover, .roombooking .availabilitycalendar .booked a:active:hover, .roombooking .availabilitycalendar .booked a:visited:hover { color: #fff; }
.roombooking .availabilitycalendar .bookeddeparture a:link, .roombooking .availabilitycalendar .bookeddeparture a:active, .roombooking .availabilitycalendar .bookeddeparture a:visited { color: #fff;  transition:0.25s; }
.roombooking .availabilitycalendar .bookeddeparture a:link:hover, .roombooking .availabilitycalendar .bookeddeparture a:active:hover, .roombooking .availabilitycalendar .bookeddeparture a:visited:hover { color: #222; }
.roombooking .availabilitycalendar a:link, .roombooking .availabilitycalendar a:active, .roombooking .availabilitycalendar a:visited { color: #222; display:block; padding:5px;  transition:0.25s; }
.roombooking .availabilitycalendar a:link:hover, .roombooking .availabilitycalendar a:active:hover, .roombooking .availabilitycalendar a:visited:hover { color: #222; }
.roombooking .availabilitycalendar .selected a:link, .roombooking .availabilitycalendar .selected a:active, .roombooking .availabilitycalendar .selected a:visited { color: #222; display:block; padding:5px; transition:0.25s; }
.roombooking .availabilitycalendar .selectedarrival a:link, .roombooking .availabilitycalendar .selectedarrival a:active, .roombooking .availabilitycalendar .selectedarrival a:visited { color: #222; display:block; padding:5px; }
.roombooking .availabilitycalendar .selecteddeparture a:link, .roombooking .availabilitycalendar .selecteddeparture a:active, .roombooking .availabilitycalendar .selecteddeparture a:visited { color: #222; display:block; padding:5px;  transition:0.25s; }
.roombooking .availabilitycalendar .daybutton { position: absolute; top:-1px; right:3px; font-size:0.9em; z-index:10; filter:brightness(1.6); }
.roombooking .availabilitycalendar .price { position: absolute; bottom:0px; right:5px; font-size:0.8em; letter-spacing:0em; color: #999; }
.roombooking .availabilitycalendar .selected .price, .roombooking .availabilitycalendar .selectedarrival .price { color: #fefefe; }
.roombooking .availabilitycalendar .selecteddeparture .price {  }
.roombooking .availabilitycalendar .selectedarrival .daybutton { color: #fff; }
.roombooking .availabilitycalendar .daybuttonclick { position: absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; }

/* Date picker */
.dateselector { position: relative; }
.datepicker { margin-top:0px; position: relative; }
.datepicker .icon { position:absolute; right:0px; top:0px; padding:10px 10px; border-left:solid 1px #ccc; }
.datepicker .icon .input { padding:0px; border:none; height:24px;opacity:0.5;  }
.datepicker .icon .input:hover { opacity:1; cursor: pointer; }
.datepicker h3 { display:none; font-size:1.2em; text-align:center; background: #efefef; color: #81748B; font-weight:300; padding: 10px; margin-bottom:5px; }
.datepicker .date .input { font-size:1.2em; font-weight:300; padding: 5px; border: solid 1px #ccc; }
.datepicker .calendar { border: solid 1px #ccc; padding:5px; width:250px; position: absolute; top:50px; height:280px; z-index:1000; background:#fff; }
.datepicker .month { padding: 10px; background: #A39892; margin-top:-5px; margin-left:-5px; width:calc(100% - 9px); color: #fff; }
.datepicker .month .prev { float:left; width:30px; font-size:1.8em; font-weight:400; }
.datepicker .month .name { float:left; width:calc(100% - 60px); text-align:center; font-size:1.2em; font-weight:300; }
.datepicker .month .next { float:right; width:30px; text-align:right; font-size:1.8em; font-weight:400; }
.datepicker a:link, .datepicker a:active, .datepicker a:visited { text-decoration:none; color: #fff; transition:0.25s; }
.datepicker a:link:hover, .datepicker a:active:hover, .datepicker a:visited:hover { text-decoration:none; color: #ccc; }
.datepicker .month .clear { clear:both; height:0px; }
.datepicker td { text-align:center; padding: 2px 5px; }
.datepicker .dates td { color: #fefefe; border: solid 1px #fff; }
.datepicker .dates td.selectable { color: #888; border: solid 0px #ddd; background: #fff; transition:0.25s; }
.datepicker .dates td.selectable a:link, .datepicker .dates td.selectable a:active, .datepicker .dates td.selectable a:visited { color: #888; }
.datepicker .dates td.selectable:hover { background: #f8f8f8; cursor: pointer; color: #888; }

/* Promotions */
.roombooking .promotions { display:block; padding:20px; background: #eee; margin-bottom:30px; width:calc(100% - 40px); padding-bottom:0px; }
.roombooking .promotions h4 { color: #444; margin:0px 0px 10px 0px; }
.roombooking .promotions .packagedetails h4 { color: #fff; }
.roombooking .promotions .intro { margin-bottom:20px; }
.roombooking .promotions .section { display:inline-block; vertical-align:middle; margin-right:10px; }
.roombooking .promotions .section .textinput { border: solid 1px #ccc; padding: 8px 5px; border-radius:5px; color: #666; font-weight:400; font-size:1.2em; text-transform:uppercase; }
.roombooking .promotions .section .button { background:none; color: #888; font-size:1.2em; text-transform:uppercase; border: solid 2px #888; padding:2px 20px; font-family:Mukta; transition:0.25s; margin-top:0px; border-radius:5px;  }
.roombooking .promotions .section .button:hover { background: #666; color: #fff; transition:0.25s; cursor: pointer; border-color: #666; }
.roombooking .promotions .section .button:disabled { opacity:0.25; }
.roombooking .promotions .section .button:disabled:hover { cursor:default; color: #888; background:none; border: solid 2px #888; }
.roombooking .promotions .warning { margin-top:10px; padding:5px 15px; color: #fff; background: #444; border: solid 0px #fff; border-radius:3px; display:inline-block; }
.roombooking .promotions .packagedetails { margin-top:20px; background: #726B67; color: #fff; padding:20px; margin-left:-20px; width:100%;  }
.roombooking .promotions .packagedetails h3 { text-align:left; font-size:1.3em; margin-bottom:10px; color: #fff; }
.roombooking .promotions .clearline { clear:both; border-bottom: solid 1px #ccc; padding-bottom:10px; margin-bottom:20px; }
.roombooking .promotions .packagedetails .input { font-size:1.1em; font-family:"Gill Sans MT"; padding: 4px 10px; }
.roombooking .promotions .promotioncode { background: #222; color: #fff; padding:8px 20px; border: solid 0px #fff; border-radius:5px; }

/* Select room options */
.roombooking .back { position: absolute; top:30px; right:0px; }
.roombooking .back a:link, .roombooking .back a:active, .roombooking .back a:visited { padding: 8px 20px; background: #f4f4f4; border: solid 2px #888; color: #666; font-size:1.0em; text-decoration:none; transition:0.25s; border-radius:5px; text-transform:uppercase; }
.roombooking .back a:link:hover, .roombooking .back a:active:hover, .roombooking .back a:visited:hover { background: #666; color: #fff; transition:0.25s;  border: solid 2px #666;  }
.roombooking .reservation { border-top: solid 1px #eee; border-bottom: solid 1px #eee; padding: 0px; font-size:1.2em; font-weight:300; margin-bottom:10px;}
.roombooking .reservation .dates { float:left; width: 700px; }
.roombooking .reservation .dates .info { float:left; margin-right:20px; padding-top:7px; }
.roombooking .reservation .dates .previous { float:left; }
.roombooking .reservation .dates .previous .input { padding: 5px 15px; background: #A39892; border: solid 1px #000; color: #fff; font-size:1.0em; text-decoration:none; transition:0.25s; }
.roombooking .reservation .dates .previous .input:hover { background: #fff; color: #000; transition:0.25s; cursor: pointer; }
.roombooking .reservation .guests { float: right; width:calc(100% - 700px); text-align:right;  padding-top:7px;  }
.roombooking .reservation .clear { clear:both; height:0px; }
.roombooking .reservation .highlight { font-weight:500; }
.roombooking .reservation .highlightvalue .light { font-weight:400; font-size:0.85em; color: #999; line-height:1.1em; }

/* Room Type */
.roombooking .roomtype h2 { text-transform:capitalize; border-bottom:none; margin:0px; text-align:left; margin-bottom:10px; font-size:1.6em; }
.roombooking .roomtype { padding-top:30px; padding-bottom:0px; border-bottom: solid 1px #ddd; position: relative; transition:0.25s; }
.roombooking .roomtype:hover {  }
.roombooking .roomtype .pic { width:400px; float:left; margin-bottom:20px; }
.roombooking .roomtype .pic img { width:100%; }
.roombooking .roomtype .desc { float:left; padding-left:30px; width:calc(100% - 450px); line-height:1.4em; font-size:1.0em; font-weight:300; margin-bottom:20px; position: relative; min-height:265px;  }
.roombooking .roomtype .roomdesc { min-height:150px; }
.roombooking .roomtype .clear { clear:both; }
.roombooking .roomtype .price { font-size:2.0em; font-weight:500; margin-top:20px; }
.roombooking .roomtype .discount { font-size:0.7em; text-decoration:line-through; padding-right:5px; color: #ffa500; }
.roombooking .roomtype .gbp { font-size:0.6em; padding-left:5px; font-weight:300; }
.roombooking .roomtype .includedwithvoucher { position:absolute; bottom:-4px; left:30px; font-size:0.7em; background: #726B67; padding: 12px 20px 12px 20px; color: #fff; display:inline-block; border:solid 0px #fff; border-radius:5px; text-transform:none; }
.roombooking .roomtype .includedwithvoucher.extracost { padding-bottom:8px; }
.roombooking .roomtype .from { font-size:0.5em; padding-bottom:7px; text-transform:uppercase; font-weight:300; }
.roombooking .roomtype .packages { background: none; border: solid 0px #e4e4e4; padding: 0px; padding-left:0px; padding-bottom:0px; transition:0.25s; margin-top:-10px; }
.roombooking .roomtype .packages:disabled { display:none; opacity:0;}
.roombooking .roomtype .package { padding:20px 20px; border-top: solid 0px #ddd; float:none; width:calc(100% - 40px); margin-left:0px;  position: relative; margin-bottom:10px; position: relative;  padding-bottom:30px; transition:0.25s; background: #e8e8e8; }
.roombooking .roomtype .package:hover { background: #ddd; }
.roombooking .roomtype .package h3 { font-weight:400; color:#424242; font-size:1.7em; margin-top:0px; margin-bottom:40px; text-align:left; }
.roombooking .roomtype .package h4 { font-weight:400; color:#fff; font-size:1.3em; margin-top:0px; margin-bottom:10px; text-align:left; }
.roombooking .roomtype .package .price { position: relative; width:calc(100% - 40px); text-align:left; margin-top:20px; font-size:2.0em; font-weight:500; margin-top:50px; }
.roombooking .roomtype .package .select { position: relative; background:none; color: #888; font-size:1.2em; text-transform:uppercase; border: solid 2px #888; padding:6px 20px; font-family:Mukta; transition:0.25s; margin-top:30px; border-radius:5px; }
.roombooking .roomtype .package .select:hover { background: #666; color: #fff; transition:0.25s; cursor: pointer; border-color: #666; }
.roombooking .roomtype .package .pic { margin: 10px 0px 20px 0px; width:100%; display:none; }
.roombooking .roomtype .package .pic img { width:100%; }
.roombooking .roomtype .package .desc { width:100%; font-size:1.0em; margin:0px; padding:0px; margin-top:0px; min-height:0px;  }
.roombooking .roomtype .package .more { }
.roombooking .roomtype .package .desc p { margin-bottom:20px; margin-top:-20px; }
.roombooking .roomtype .package .promotion { background: #726B67; padding:10px 20px; color: #fff; top:20px; margin-left:-20px; width:100%; position: relative; }
.roombooking .roomtype .package .promotion h4 { margin-top:-20px; }
.roombooking .roomtype .package a:link, .roombooking .roomtype .package a:active, .roombooking .roomtype .package a:visited { color: #888; font-weight:600; font-size:1.2em; transition:0.25s; padding:5px 20px; border:solid 2px #888; border-radius:3px; text-decoration:none; font-weight:400; }
.roombooking .roomtype .package a:link:hover, .roombooking .roomtype .package a:active:hover, .roombooking .roomtype .package a:visited:hover {  background: #666; color: #fff; border-color:#666; cursor: pointer;  }
.roombooking .roomtype .showpackages { position:absolute; right:-20px; bottom:-10px; }
.roombooking .roomtype .showpackages .select {  color: #fff; font-size:1.2em; text-transform:uppercase; border: solid 2px #888; padding:6px 20px; font-family:Mukta; transition:0.25s; border-radius:5px; color: #888; background:none; margin:10px 0px 0px 10px; }
.roombooking .roomtype .showpackages .select:hover { background: #666; color: #fff; border-color:#666; transition:0.25s; cursor: pointer; }
.roombooking input:focus { outline:none; }

/* Completion */
.roombooking .reservation .roomsummary { display:inline-block; width:600px; line-height:1.4em; margin: 10px 30px 10px 0px; vertical-align:top; font-weight:400;  }
.roombooking .reservation .total { display:inline-block; width:600px; text-align:left; line-height:1.4em; margin-top:0px;   }
.roombooking .reservation .rooms { width:100%; }
.roombooking .reservation .highlight { font-weight:500; color: #000; margin-top:0px; }
.roombooking .reservation .highlightvalue { color: #888; margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #ddd;  }
.roombooking .infobox { background: #f4f4f4; padding: 20px 0px; margin-top:20px; font-size:1.1em; }
.roombooking .infobox h2 { color: #222; margin-bottom:10px; font-size:1.5em; }
.roombooking .infobox .title { float:left; width:190px; text-align:right; padding-right:10px; padding-top:9px; margin-top:20px; font-weight:300; font-size:0.9em; }
.roombooking .infobox .value { float:left; width: calc(50% - 250px); margin-top:20px; margin-right:20px; }
.roombooking .infobox .value .input { padding: 7px 5px 7px 15px; border: solid 1px #aaa;  font-family:Mukta; font-size:1.0em; width:calc(100% - 40px); }
.roombooking .infobox .value .inputhighlight { padding: 6px 5px 6px 15px; background: #fff url(/images/base/pointerhighlight.png) no-repeat; border: solid 2px #dd0000;  font-family:Mukta; font-size:1.0em; width:calc(100% - 42px); }
.roombooking .infobox .value .inputselect { padding: 6px 5px 6px 15px;t; border: solid 1px #aaa; font-family:Mukta; font-size:1.0em; width:calc(100% - 18px); }
.roombooking .infobox .textinput { font-size:1.0em; font-family:Mukta; }
.roombooking .infobox .policy { margin:20px 0px; }
.roombooking .infobox .policy .check { float:left; width:36px; }
.roombooking .infobox input[type="checkbox"] { width:1.7em; height:1.7em; padding:10px; border: solid 1px #888; color: #888; border-radius:3px; }
.roombooking .infobox .policy .notice { float:left; padding-top:4px; width:calc(100% - 36px); }
.roombooking .infobox .warning { padding: 20px; background: #FFD1D1; text-align:center; }
.roombooking .popupbg { background: url(/images/base/popup_bg.png); width:100%; height:100%; left:0px; top:0px; position: fixed; z-index:10000; }
.roombooking .popup { position: absolute; left:50%; top:50%; margin-top:-200px; padding: 0px; border: solid 1px #aaa; background:#fff; width:500px; margin-left:-250px; line-height:1.5em; border-radius:0px; }
.roombooking .popup .desc { height:calc(100% - 50px); overflow-y:auto; margin-top:0px; padding:20px; font-size:0.8em; line-height:1.4em; max-height:300px; overflow-y:auto; min-height:200px; }
.roombooking .popup .desc h4 { color: #444; margin-top:0px; margin-bottom:10px; }
.roombooking .popup h3 { background: #A39892; padding:15px 10px; text-align:left; margin-top:-1px; margin-left:-1px; width:calc(100% - 18px); font-weight:300; font-size:1.6em; text-transform:uppercase; color: #fff; margin-bottom:0px; }
.roombooking .popup .close { position: absolute; top:5px; right:5px; transition:0.25s; font-size:1.2em; border: none; border-radius:0px; width:36px; height:36px; padding:0px; opacity:0.6; }
.roombooking .popup .close img { width:100%; height:100%; }
.roombooking .popup .close:hover { background:none; border:none; opacity:1; }
.roombooking .infobox a:link, .roombooking .infobox a:active, .roombooking .infobox a:visited { color: #aaa; transition:0.25s; }
.roombooking .infobox a:link:hover, .roombooking .infobox a:active:hover, .roombooking .infobox a:visited:hover { color: #222; }
.roombooking .infobox .button { background: #f8f8f8; color: #888; padding: 6px 20px 8px 20px; font-size:1.2em; text-transform:uppercase; margin-top:30px; font-family: Mukta; font-weight:300; border: solid 2px #888; transition:0.25s; position: relative; transition:0.25s; border-radius:5px; }
.roombooking .infobox .button:hover { background: #666; border-color: #666; cursor: pointer; color: #fff; }
.roombooking .infobox .button:disabled { opacity:0.25; transition:0.25s; }
.roombooking .infobox .button:disabled:hover { cursor:default; }
.roombooking .package .popup .desc { font-size:0.9em; }
.roombooking .package .popup .close { position: absolute; top:5px; right:5px; transition:0.25s; font-size:1.2em; border: none; border-radius:0px; width:36px; height:36px; padding:0px; opacity:0.6; }
.roombooking .package .popup .close img { width:100%; height:100%; }
.roombooking .package .popup .close:hover { background:none; border:none; opacity:1; }
.roombooking .package .buttons { position: absolute; bottom:20px; left:20px; }
.roombooking .package .buttons .button { color: #888; font-weight:600; font-size:1.2em; transition:0.25s; padding:5px 20px; border:solid 2px #888; border-radius:3px; text-decoration:none; font-weight:400; text-transform:none; }
.roombooking .package .buttons .button:hover {  background: #666; color: #fff; border-color:#666; cursor: pointer;  }

/* Confirm */
.roombooking .confirm { font-size:1.2em; font-weight:300;  }
.roombooking .confirm h2 { color: #222; margin-bottom:20px; font-size:1.3em; }
.roombooking .confirm .title { float:left; width:190px; margin-right:30px; margin-left:20px; font-weight:400; margin-top:0px; margin-bottom:0px; color: #888; }
.roombooking .confirm .value { float:left; width:calc(100% - 230px); margin-top:0px; margin-bottom:0px; }
.roombooking .confirm .clear { clear:both; height:0px; padding-bottom:10px; border-bottom: solid 1px #eee; margin-bottom:10px; }
.roombooking .confirm .res { margin-top:20px; background: #f4f4f4; padding:20px 0px; padding-bottom:10px; }
.roombooking .confirm .res .clear { clear:both; height:0px; padding-bottom:10px; margin-bottom:10px;  border-bottom: solid 1px #ddd; }
.roombooking .confirm .res .title { margin-left:0px; }
.roombooking .confirm .res .light { color: #888; font-size:0.8em; padding-top:5px; }
.roombooking .confirm .res .light p { margin: 0; }
.roombooking .confirm .res .continue { text-align:center; }
.roombooking .confirm .depositnotice { margin:20px 0px 40px 0px; }
.roombooking .continue .button { font-size:1.4em; }
.roombooking .res .button { background: #757A65; color: #fff; padding: 8px 40px 10px 40px; font-size:1.3em; text-transform:uppercase; border: none; font-family: Mukta; font-weight:300; letter-spacing:0.05em; border: solid 1px #757A65; transition:0.25s; margin-bottom:10px; }
.roombooking .res .button:hover { background: #fff; border-color: #757A65; cursor: pointer; transition:0.25s; color: #757A65; }
.roombooking .res .button:disabled { background: #ddd; color: #fff; border-color: #fefefe; transition:0.25s; }
.roombooking .res .button:disabled:hover { cursor:default; }
.roombooking .res .button:focus { outline:0; }
.roombooking .res .paymentpanel { padding:20px 0px; position: relative; border-top: solid 0px #ddd; }
.roombooking .res .paymentpanel .intro { padding-bottom:0px; position: relative; z-index:100;  }
.roombooking .res .paymentpanel .stripe { margin-top:0px; position: relative; z-index:0; margin-left:-8px; }
.roombooking .res .paymentpanel .stripe2 { margin-top:20px; margin-left:0px; }
.roombooking .res .paymentpanel .stripe2 .button { color: #888; font-weight:600; font-size:1.0em; transition:0.25s; padding:6px 25px 6px 25px; border:solid 1px #aaa; border-radius:5px; text-decoration:none; font-weight:400; text-transform:uppercase; letter-spacing:0.05em; background: none; }
.roombooking .res .paymentpanel .stripe2 .button:hover {  background: #666; color: #fff; border-color:#666; cursor: pointer; }
.roombooking .res .paymentpanel .stripe2 .paybox { display:inline-block; vertical-align:top; margin-right:10px; height:auto; width:600px; border: solid 1px #aaa; border-radius:5px; padding:10px 10px 15px 10px; }
.roombooking .res .paymentpanel .stripe2 .payerror { display:inline-block; vertical-align:middle; }
.roombooking .res .paymentpanel .stripe2 .paybutton { display:inline-block; vertical-align:top; }
.roombooking .confirm .input2 { border: solid 1px #ccc; padding: 4px 12px 6px 12px; color: #444; transition:0.25s; font-size:0.85em; border-radius:3px; margin-left:20px; }
.roombooking .confirm .input2:hover { background: #444; border: solid 1px #444; color: #fff; cursor:pointer; }
.roombooking .confirm .popup { height:360px; margin-top:-200px; width:560px; margin-left:-220px; padding:20px; position: relative; }
.roombooking .confirm .popup h2 { margin-left:-20px; margin-top:-20px; background: #f4f4f4; padding:15px 20px; margin-bottom:20px; width:100%; text-align:center; }
.roombooking .confirm .instructions { font-size:0.85em; line-height:1.3em; margin-bottom:20px; }
.roombooking .confirm .vouchertext { font-size:1.2em; padding:8px 10px; border: solid 1px #ccc; border-radius:3px;  }
.roombooking .confirm .buttons { position: absolute; bottom:20px; left:20px;  font-size:1.2em; text-align:right; width:calc(100% - 40px); }
.roombooking .confirm .popup .input2 { padding: 10px 20px; margin-left:10px; }
.roombooking .confirm .vouchererror { background: #ffa500; padding:10px 20px; color: #fff; margin:20px 0px; display:inline-block; border: solid 0px #fff; border-radius:4px; }

/* Extras */
.roombooking .extras { margin: 30px 0px; }
.roombooking .extras .items { background:#f4f4f4; padding:15px; padding-bottom:1px; margin:20px 0px; }
.roombooking .extras .extrasitem { position: relative; height:267px; overflow:hidden; margin-bottom:15px; }
.roombooking .extras .pic { float:left; width:400px; height:267px; margin:0px;  }
.roombooking .extras .clear { clear:both; height:0px; }
.roombooking .extras .pic img { width:100%; height:267px; }
.roombooking .extras .details { float:left; width:calc(100% - 455px); height:237px; padding:14px; padding-left:39px; background: #fff; border: solid 1px #ddd; margin:0px; position: relative; }
.roombooking .extras h3 { font-weight:400; color: #222; margin-top:0px; font-size:1.8em; }
.roombooking .extras .price { position: absolute; bottom:20px; font-size:1.8em; font-weight:400; left:40px; }
.roombooking .extras .select { position: absolute; bottom:20px; font-size:1.8em; font-weight:400; right:20px; font-size:1.4em; text-transform:uppercase; font-weight:300; letter-spacing:0.05em; }
.roombooking .extras input[type="checkbox"] { width:1.4em; height:1.4em;  }
.roombooking .extras .continue { float:left; text-align:left; margin-right:0px; width:280px; }
.roombooking .extras .cancel { float:left; text-align:left; width:280px; margin-top:10px; }
.roombooking .cancel .button { background: #fff; color: #757A65; padding: 8px 40px 10px 40px; font-size:1.6em; text-transform:uppercase; border: none; font-family: Mukta; font-weight:300; letter-spacing:0.05em; border: solid 1px #757A65; transition:0.25s;   }
.roombooking .cancel .button:hover { background: #757A65; border-color: #757A65; cursor: pointer; transition:0.25s; color: #fff; }

.themelight1 .select img, .themelight2 .select img  { filter:brightness(0.7); }

@media only screen and (max-width:1200px)
{
	.roombooking .roomtype .showpackages { position:relative; margin-left:-30px; bottom:0; margin-top:20px; }
}

@media only screen and (max-width: 720px)
{
	/* Mobile Layout */
	#main { padding-top:0px; top:80px; }
	.roombooking h1 { font-size:1.7em; text-align:center; margin-bottom:20px; }
	.roombooking h2 { font-size:1.7em; text-align:left; }
	.roombooking h3 { font-size:1.3em; }
	.roombooking .progress { display:none; }
	
	/* Room Booking */
	.roombooking { left:0; width:calc(100% - 20px); margin-left:0px; margin-top:200px; padding:20px 10px; }
	.roombooking .back { position: relative; top:0px; margin-bottom:30px; }
	.roombooking .select { float:none; margin-right:0px; margin-bottom:0px; clear:both; }
	.roombooking .select .title { color: #666; font-size:1.2em; font-weight:300; margin-bottom:5px; }
	.roombooking .select .title img { height:22px; }
	.roombooking .select .input {  margin-bottom: 10px; }
	.roombooking .select .subtitle { color: #666; font-size:1.2em; font-weight:300; margin-bottom:5px; float:left; margin-right:10px; padding-top:8px; }
	.roombooking .select .subvalue { float:left; color: #222; }
	.roombooking .clear { clear:both; height:0px; }
	.roombooking .continue { margin-top:27px; }
	.roombooking .roomtype .includedwithvoucher { position: relative; margin-top:0px; left:0px; bottom:0px; }
	/*.roombooking .continue .button { background: #757A65; color: #fff; padding: 8px 40px 10px 40px; font-size:1.2em; text-transform:uppercase; border: none; font-family: Mukta; font-weight:300; letter-spacing:0.05em; border: solid 1px #757A65; transition:0.25s; }
	.roombooking .continue .button:hover { background: #fff; border-color: #757A65; cursor: pointer; transition:0.25s; color: #757A65; }
	.roombooking .continue .button:disabled { background: #ddd; color: #fff; border-color: #fefefe; transition:0.25s; }
	.roombooking .continue .button:disabled:hover { cursor:default; }*/
	
	/* Date Picker */
	.roombooking .datepicker .icon { height:24px;  }
	.roombooking .datepicker .date .input { padding: 0px 5px; }
	.roombooking .datepicker .icon { padding:5px 10px; border-left:solid 1px #ccc; top:2px; }
	
	/* Calendar */
	.roombooking .monthly1 { float:none; width:100%; margin-right:0px; }
	.roombooking .monthly2 { display:none; }
	.roombooking .monthly3 { display:none; }
	.roombooking .availabilitycal h2 { font-size:1.7em; text-align:center; }
	.roombooking .availabilitycal .keyclear { clear:both; height:5px; }
	.roombooking .availabilitycal .key { margin-right:0px; }
	.roombooking .availabilitycalendar td { padding: 3px; text-align:center; }
	.roombooking .availabilitycalendar .price { font-size:0.9em; }
	
	/* Rooms */
	.roombooking .reservation .dates { float:none; width: 100%; line-height:1.5em; }
	.roombooking .reservation .dates .info { float:none; margin-right:0px; }
	.roombooking .reservation .guests { float: none; width:100%; text-align:left; }
	.roombooking .reservation .previous { display:none; }
	.roombooking .roomtype .pic { width:100%; float:none; }
	.roombooking .roomtype .desc { float:none; padding-left:0px; width:100%; margin:20px 0px; }
	.roombooking .roomtype .packages { padding-left:0px; padding-bottom:0px; padding-top:15px; }
	.roombooking .roomtype .package { padding:15px 0px;  float:none; width:100%; margin-left:0px; height: auto; margin-bottom:15px; min-height:0px; }
	.roombooking .roomtype .package .price { position: relative; width:100%; text-align:left; bottom: 0px; margin-top:40px; }
	.roombooking .roomtype .package .select { position: relative; margin-top:20px; display:inline-block; margin-right:20px; }
	.roombooking .roomtype .showpackages { position:relative; right:0px; margin-top:20px; margin-bottom:0px; margin-left:-10px;  }
	.roombooking .roomtype .package .desc { margin-top:0px; min-height:0px; margin-bottom:30px;  }
	.roombooking .roomtype .package .select { position: relative; left:0px; bottom:0px; margin-bottom:0px; }
	
	/* Extras */
	.roombooking .extras { margin: 20px 0px; }
	.roombooking .extras .items { background:#f4f4f4; padding:15px; padding-bottom:1px; margin:20px 0px; }
	.roombooking .extras .extrasitem { position: relative; height:auto; overflow:visible; margin-bottom:15px; }
	.roombooking .extras .pic { float:none; width:100%; height:auto; margin:0px;  }
	.roombooking .extras .clear { clear:both; height:0px; }
	.roombooking .extras .pic img { width:100%; height:auto; }
	.roombooking .extras .details { float:none; width:calc(100% - 30px); height:auto; padding:14px; padding-left:14px;  }
	.roombooking .extras .price { position: relative; bottom:0px; left:0px; margin-top:30px; }
	.roombooking .extras .select { position: relative; bottom:0px; right:0px; margin-top:30px; }
	.roombooking .extras .continue { float:none; margin-right:0px; width:100%; }
	.roombooking .extras .cancel { float:none; width:100%; margin-top:-10px; margin-bottom:20px; }

	/* Completion */
	.roombooking .reservation .roomsummary { float:none; width:100%; border-bottom: solid 1px #eee; padding-bottom:16px; padding-top:8px; }
	.roombooking .reservation .total { float:none; width:100%; text-align:left; margin-top:20px; padding-top:0px; }
	.roombooking .reservation .rooms { float:none; width:100%; border-right: none; }
	.roombooking .infobox .title { float:none; width:100%; text-align:left; padding-right:1px; padding-top:0px; }
	.roombooking .infobox .value { float:none; width: 100%; margin-top:4px; }
	.roombooking .infobox .continue .button { font-size:1.3em; padding: 10px 12px 12px 12px; }
	.roombooking .popupbg {width:100%; height:100%; left:0px; top:0px; position: fixed; z-index:10000; }
	.roombooking .popup { position: relative; left:20px; top:20px; margin-top:0px; height:auto; max-height:calc(100% - 100px); padding: 0px; padding-bottom:20px; border: solid 1px #aaa; background:#fff; width:calc(100% - 40px); margin-left:0px; }
	.roombooking .popup .desc { font-size:1.0em;  }
	
	.roombooking .package .popup { position: relative; left:20px; top:20px; margin-top:0px; height:auto; max-height:calc(100% - 100px); padding: 0px; padding-bottom:20px; border: solid 1px #aaa; background:#fff; width:calc(100% - 40px); margin-left:0px; }
	.roombooking .package .popup .desc { font-size:1.1em;  }
	
	/* Confirmation */
	.roombooking .confirm .title { float:none; width:100%; margin-right:0px; margin-left:0px; margin-bottom:3px; }
	.roombooking .confirm .value { float:none; width:100%; margin-top:0px; margin-bottom:0px; }
	.roombooking .confirm .res .continue { text-align:left; }
	.roombooking .confirm .continue .button { font-size:1.3em; padding: 10px 18px 12px 18px; }
}