/* Resets */
body, select {font-family:Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
button, .button, .lst-gal, .os_title {font-family:'Montserrat', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family:'Montserrat', sans-serif; color:#333; text-transform:uppercase;}

h1 {font-size:1.625rem;}
h2 {font-size:1.4375rem;}
h3 {font-size:1.125rem;}
h4, h5 {font-size:1rem;}
p, ul, ol, dl {font-size:0.9375rem;}

body {background:#f8f8f8 url(../img/bg-default.gif) repeat left top; color:#555;}
dl dt {margin-bottom:0;}
dl dd {margin-bottom:1rem;}
select {background-color:#fff;}
table {border:none;}
table tr.even, table tr.alt, table tr:nth-of-type(even) {background:transparent;}

button, .button {border:2px solid #008CBA; color:#008CBA; background-color:#fff; text-transform:uppercase;}
button:hover, button:focus, .button:hover, .button:focus {background-color:#008CBA;}
ul.pagination {margin-top:1rem; margin-bottom:2.5rem;}


/* Helpers */
.srt {position:absolute; top:-9999px; left:-9999px;}


/* Old browser update < IE9 */
.browser-upgrade-alert {max-width:none; background-color:#FFFFBF; border-bottom:1px solid #e1e1e1;}
.browser-upgrade-alert p {margin:16px 0;}
.browser-upgrade-alert a {border-bottom:1px solid;}
.browser-upgrade-alert a:hover {border-bottom:none;}


/* Main nav */
.contain-to-grid {border-bottom:1px solid #e1e1e1; background:#fff url(../img/bg_top-bar.gif) repeat-x left top;}
.top-bar {background:transparent;}
.top-bar.expanded .title-area {background:none;}
.top-bar .name {overflow:hidden;}
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {font-size:1.1875rem;}
.top-bar .name a {color:#333 !important;}
.top-bar-section ul li {background:transparent;}
.top-bar-section ul li a {color:#333; background:transparent !important;}
.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {border-top:solid 1px #e1e1e1;}

.top-bar-section li:not(.has-form) a:not(.button) {padding:.75rem; font-family:Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.top-bar-section li:not(.has-form) a:not(.button):hover {color:inherit;}
.top-bar-section .main-menu li:not(.has-form) a:not(.button):hover:after {background:#0078A0;}

.top-bar-section li.active:not(.has-form) a:not(.button) {font-weight:bold; color:#0078A0;}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {color:#0078A0;}

.top-bar .toggle-topbar.menu-icon a {color:#333;}
.top-bar .toggle-topbar.menu-icon a span::after {width:17px; box-shadow:0 0 0 1px #333,0 6px 0 1px #333,0 12px 0 1px #333;}

#google_translate_element {padding:.5625rem .75rem;}
#google_translate_element a {padding:0; line-height:normal;}

@media only screen and (max-width: 40em) {
	.main-menu li {border-top:1px solid #e1e1e1;}
}

@media only screen and (min-width: 40.063em) {
	.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {border-right:solid 1px #e1e1e1;}
	#google_translate_element {padding:.5625rem .75rem 0 .75rem;}
	
	.top-bar-section .main-menu li:not(.has-form) a:not(.button):after {display:block; margin-top:-3px; width:100%; height:3px; content:"";}
	.top-bar-section .main-menu li:not(.has-form) a:not(.button):hover:after {background:#0078A0;}
	.top-bar-section li.active:not(.has-form) a:not(.button):after {background:#0078A0;}

	.main-menu {width:100% !important; text-align:center;}
	.main-menu li {float:none !important; display:inline-block; white-space:nowrap;}
	.top-bar-section li:not(.has-form) a:not(.button) {padding: 0 1rem;}
}


/* Main */
main {padding:2rem 0;}


/* White shadow holder */
.box {margin-bottom:0.9375rem; padding:1rem 1.5rem; background-color:#fff; border-radius:3px;}
.box {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);}
@media only screen and (min-width: 40.063em) {
	.box {margin-bottom:1.875rem;}
}
.box .button:last-child {margin-bottom:.5rem;}
.box button[type=submit] {margin-bottom:.5rem;}


/* Typography and lists */
h2,h3 {margin-bottom:1.5rem;}
h2:after, h3:after {display:block; width:2.1875rem; height:3px; margin-top:0.3125rem; background:#EAEAEA; content:"";}
.fck h2:after, .fck h3:after {display:none;}
.fck h2, .fck h3 {text-transform:none;}

ul.extra-space li {margin-bottom:.75rem; line-height:1.4;}
ul.extra-space li ul {margin-top:10px;}
ul.extra-space li li {margin-bottom:.5rem; line-height:1.2;}

.lst-contact {}
.lst-contact dt:before {display:block; float:left; margin:3px 5px 0 0; width:17px; height:17px; background-image:url(../img/sprite.png); background-repeat:no-repeat; content:"";}
.lst-contact dt.name:before 	{background-position:0 -28px;} 
.lst-contact dt.address:before 	{background-position:-17px -28px;} 
.lst-contact dt.phone:before	{background-position:-34px -28px;} 
.lst-contact dt.other:before	{background-position:-51px -28px;} 

.lst-directions {}
.lst-directions dt:before {display:block; float:left; margin:0 5px 0 0; width:23px; height:23px; background-image:url(../img/sprite.png); background-repeat:no-repeat; content:"";}
.lst-directions dt.airport:before 	{background-position:0 -45px;} 
.lst-directions dt.ferry:before 	{background-position:-23px -45px;} 
.lst-directions dt.train:before 	{background-position:-46px -45px;} 
.lst-directions dt.city:before 		{background-position:-69px -45px;} 



/* Side images-lighbox and maps */
.mapsearch {width:100%; height:300px; margin-bottom:2rem;}

.mapsearch.radius, img.radius {border-radius:5px; border:5px solid #eee;}
.clearing-blackout img.radius {border-radius:0; border:none;} /* remove the border in fullscreen */

.clearing-thumbs li, [data-clearing] li {max-width:100%;}
.clearing-thumbs li, [data-clearing] li {margin-right:0; margin-bottom:0.9375rem;}
@media only screen and (min-width: 40.063em) {
	.clearing-thumbs li, [data-clearing] li {margin-bottom:1.875rem;}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {  /* tablet-only */
	.clearing-thumbs.hspace li {margin-right:1.875rem;}
}


/* Guestbook entries */
blockquote cite {font-size:.875rem;}
blockquote cite span {display:block; font-style:normal; font-size:.8125rem; color:#999;}


/* Gallery carousel */
.gal-holder {margin:0 -1.5rem -1rem; background-color:#eee;}
.royalSlider {width:100%; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.royalSlider .gal_caption_holder {display:none; width:100%; top:auto; bottom:15%; text-align:center;}
.royalSlider .gal_caption {overflow:hidden; padding:15px; background:rgba(0, 0, 0, 0.6); webkit-border-radius:8px; border-radius:8px; font-size:.9375rem; color:#fff;}

.lst-gal {margin:0 0 1.5rem; font-size:.8125rem; text-transform:uppercase;}
.lst-gal li {display:inline-block; margin:0 1.25rem 0 0;}
.lst-gal li .pill {display:inline-block; padding:.4375rem 1.25rem .5rem 1.25rem; border-radius:1000px; border:2px solid #008CBA;}
.lst-gal li a.pill:hover, .lst-gal li .pill.selected {background-color:#008CBA; color:#fff;}


/* Home carousel */
.royalSliderHome {position:relative; width:100%; height:300px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}


/* Prices and Availability */
.box-calendar {padding:1rem 0 1rem 1.1875rem;}

.lst-cal-keys {margin:0; font-size:.8125rem;}
.lst-cal-keys li {position:relative; display:inline-block; padding-left:35px; margin:0 1.25rem 1.5rem 0; line-height:30px;}
.lst-cal-keys li {background:url(../img/gal-key.png) no-repeat left top;}

.lst-cal-keys li:before {display:block; position:absolute; left:1px; top:1px; width:28px; height:28px; content:"";}
.lst-cal-keys li.key-availa:before {}
.lst-cal-keys li.key-booked:before {background-color:#B6C7D5;}
.lst-cal-keys li.key-chover:before {background-color:#B6C7D5; border:.875rem solid #fff; border-left-color:transparent; border-top-color:transparent;}
.lst-cal-keys li.key-provis:before {border-bottom:3px solid #B6C7D5;}


.hld-calendar {padding:20px 0 0 0;}
.hld-calendar > div {float:left; padding:0 1rem 0 0; min-height:16.25rem;}

.hld-calendar table caption {font-size:0.875rem;}
.hld-calendar table th, .hld-calendar table td {padding:0; width:1.6875rem; height:1.6875rem; font-size:0.8125rem; text-align:center;}
.hld-calendar table th {font-weight:normal;}
.hld-calendar table td {position:relative; border-bottom:1px solid #ddd;}
.hld-calendar table td span {position:relative;}

.hld-calendar .n-a  {} /* Available */
.hld-calendar .n-s  {} /* Empty cells at the beggining and end of each month */
.hld-calendar .ch-i, .ch-e, .y-a  {background:#B6C7D5;} /* Change over starts, ends and booked */
.hld-calendar .pvl:before  {content:""; position:absolute; width:100%; left:0; bottom:0; border-bottom:5px solid #B6C7D5;} /* Provisionally booked */
.hld-calendar .ch-i:before, .ch-e:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:.84375rem solid #fff;}
.hld-calendar .ch-i:before {border-right-color:transparent; border-bottom-color:transparent;}
.hld-calendar .ch-e:before {border-left-color:transparent; border-top-color:transparent;}


/* Offers slider */
#offers_slider {position:relative; margin-bottom:1.25rem; border-radius:3px; background-color:#008CBA; color:#fff;}

#offers_slider .os_header {position:absolute; top:0; left:0; right:0; z-index:101; text-align:center;}
#offers_slider .os_header .os_title {display:inline-block; padding:0 2.1875rem; font-size:1.5625rem; line-height:2.5rem; color:#fff;}
#offers_slider .os_header .os_prev,
#offers_slider .os_header .os_next {position:absolute; top:0; display:block; width:2.5rem; height:2.5rem; line-height:2.5rem;}
#offers_slider .os_header .os_prev:before,
#offers_slider .os_header .os_next:before {display:block; width:25px; height:25px; margin:7px auto; opacity:0.8; background-image:url(../img/sprite.png); background-repeat:no-repeat; content:"";}
#offers_slider .os_header .os_prev {left:0;}
#offers_slider .os_header .os_next {right:0;}
#offers_slider .os_header .os_prev:before {background-position:0 -68px;}
#offers_slider .os_header .os_next:before {background-position:-24px -68px;}
#offers_slider .os_header .os_prev:hover:before, #offers_slider .os_header .os_next:hover:before {opacity:1;}

#offers_slider .os_slide {padding-top:2.375rem; width:100%; display:none;}
#offers_slider .os_slide span {display:inline-block;}

#offers_slider .os_slide .os_type 	 {display:block; margin:0 0 .625rem 0; text-align:center; font-size:1.1875rem; color:#fff; line-height:1.6; background-color:rgba(255, 255, 255, .15);}
#offers_slider .os_slide .os_col 	 {float:left; width:50%; text-align:center;}

#offers_slider .os_slide .os_date_from,
#offers_slider .os_slide .os_date_to	{display:block; font-size:.875rem; color:#F0F0F0;}
#offers_slider .os_slide .os_date_from	{margin:0 0 3px 0;}
#offers_slider .os_slide .os_date_to	{margin:0 0 .5rem 0;}
#offers_slider .os_slide .os_discount	{margin:0 0 .625rem 0; font-size:1.125rem;}
#offers_slider .os_slide .os_price 		{display:block; margin:.375rem 0 .6875rem 0; font-size:1.25rem;}
#offers_slider .os_slide .os_more 	 	{margin:0.3125rem; padding:.3125rem .875rem .375rem .875rem; font-size:.75rem; border:1px solid rgba(255,255,255,0.8); background-color:#008CBA; color:rgba(255,255,255,0.8);}
#offers_slider .os_slide .os_more:hover {background-color:#fff; color:#008CBA; }


/* Offers banners and tables */
.offers_banner {max-width:468px; height:60px; margin-bottom:1.5rem; overflow:hidden;}

.h-tbl-offers {margin-bottom:3rem; border-radius:3px; border:1px solid #eee;}
.tbl-offers {width:100%; margin-bottom:0;}
.tbl-offers thead {background-color:#f8f8f8;}
.tbl-offers .offer {border-top:2px solid #eee;}
.tbl-offers .offer .button {float:right; margin-bottom:0;}
.tbl-offers .notes {border-top:1px dashed #eee;}
.tbl-offers .notes dl, .tbl-offers .notes dd {margin-bottom:0;}
.tbl-offers .notes dt, .tbl-offers .notes dd {font-size:.8125rem;}
.tbl-offers strong {color:#008CBA;}

@media only screen and (min-width: 40.063em) {
	.h-tbl-offers {width:90%;}
}


/* Error messages in forms */
.error_msg {margin:0 -1.5rem 1.25rem -1.5rem; padding:1rem 1.25rem; background-color:#FFF8F4; color:#AF2C20;}
.error_msg ul {margin-bottom:0;}
.err label {color:#AF2C20;}

#sending-msg {display:none; padding-left:45px; background:url(../img/loader-white.gif) no-repeat left center; line-height:30px; font-weight:bold;}


/* Footer */
.site-footer {margin-top:3rem; max-width:none; text-align:center;}
.site-footer .sf-top {padding:1.5rem 0 0 0; background:#526377;}
.site-footer .sf-bot {padding:1rem 0; background:#f8f8f8; -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2); box-shadow:inset 0 1px 3px rgba(0,0,0,.2);}
.site-footer a {color:#CACACA;}
.site-footer a:hover {color:#fff;}

.site-footer ul {margin:0 0 1.5rem 0; font-size:.875rem;}
.site-footer li {display:inline-block; padding:0 8px 0 10px; border-left:1px solid #7B8896; line-height:1rem;}
.site-footer li:first-child {border:none;}

.site-footer .lst-social {}
.site-footer .lst-social li {border:none; vertical-align:middle;}
.site-footer .lst-social a[class*="lnk-"] {position:relative; display:inline-block; width:3rem; height:3rem; border-radius:5px;}
.site-footer .lst-social a[class*="lnk-"]:before {position:absolute; display:block; top:50%; left:50%; margin:-14px 0 0 -14px; width:28px; height:28px; opacity:.85; background-image:url(../img/sprite.png); background-repeat:no-repeat; content:"";}
.site-footer .lst-social a[class*="lnk-"]:hover:before {opacity:1;}

.site-footer .lst-social .lnk-facebook 	{background-color:#3C599F;}
.site-footer .lst-social .lnk-twitter 	{background-color:#2DAAE1;}
.site-footer .lst-social .lnk-pinterest {background-color:#CB2027;}
.site-footer .lst-social .lnk-facebook:before 	{background-position:0 -92px;}
.site-footer .lst-social .lnk-twitter:before 	{background-position:-28px -92px;}
.site-footer .lst-social .lnk-pinterest:before  {background-position:-56px -92px;}

.site-footer .hsb-logo {display:inline-block; width:100px; height:28px; background:url(../img/logo_hsb.png) no-repeat left top; text-indent:-999em;}


/* Datepicker */
.fdatepicker .hs-calendar {display:inline-block; margin-top:1px; width:15px; height:15px; background:url(../img/sprite.png) no-repeat 0 -12px;}
.fdatepicker span.prefix {cursor:pointer;}
.fdatepicker input[readonly] {background-color:#fff;}


/* Landing Page */
.lp {}

.lp h2:after, .lp h3:after {display:none;}

.lp label.inline {margin:0;}
.lp .bold {font-weight:bold;}

.lp .items [class*="column"]+[class*="column"]:last-child {float:left;}

.lp .item {margin-bottom:0.9375rem; background-color:#fff; border-radius:3px; border:1px solid #eee;}
.lp .item .iimg {display:block; max-height:12.5rem; overflow:hidden;}
.lp .item .iimg img {width:100%;}
.lp .item h2 {margin:.625rem 0; padding:0 1rem; font-size:1.25rem;}
.lp .item p  {padding:0 1rem;}

.lp [class*="as_"] {display:block; color:#fff; font-weight:bold; text-align:center; border-radius:3px 3px 0 0;}
.lp .as_fully_available 	{background-color:green;}
.lp .as_partially_available	{background-color:orange;}
.lp .as_not_available		{background-color:red;}
.lp .as_unknown				{background-color:orange;}

.lp .site-footer .sf-bot {background-color:#fff;}