@media all {
	/* move up to overlap bottom of previous area */
	.booking_container {
		position: relative;
		top: -4px;
		margin-bottom: -4px; /* move up the following element so there isn't a gap */
		clear: both;
	}
	.bookWidget {
		position: relative;
		width: 100%;
		min-width: 320px;
		background-color: transparent;
		z-index: 10;
	}
	.bookWidget .topimg {
		position: relative;
		display: block;
		height: 12px;
		background: url(/includes/public/assets/images/bookingbg-m.png) repeat top center transparent;
		margin: -9px 0 0 0;
	}
	.bookWidget .sailimg {
		position: absolute;
		display: block;
		visibility: visible;
		width: 31px;
		height: 25px;
		right: 10%;
		top: -10px;
		background: url(/includes/public/assets/images/sailboat.png) no-repeat top center transparent;
		z-index: 20;
	}
	.bookWidget .bookcontent {
		position: relative;
		background-color: #242733;
	}
	.bookWidget .bookcontent .expanded1, .bookWidget .bookcontent .expanded2, .bookWidget .bookcontent .contents {
		/*display: none;*/
		display: block;
	}
	.bookWidget .bookcontent .expanded1.active, .bookWidget .bookcontent .expanded2.active, .bookWidget .bookcontent .contents.active {
		display: block;
	}
	.bookWidget .bookcontent .expanded1.active, .bookWidget .bookcontent .expanded2.active {
	}
	.bookWidget input, .bookWidget select, .bookWidget option {
		font-family: Oswald, sans-serif; 
		font-weight: 300;
		font-size: 12px;
		line-height: 16px;
		color: #fff;
		background-color: rgb(0, 110, 135);
		border-color: rgb(48, 185, 216);
		margin: 0;
	}
	.bookWidget input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		font-style: italic;
		color: rgba(255,255,255,0.5);
	}
	.bookWidget input::-moz-placeholder { /* Firefox 19+ */
		font-style: italic;
		color: rgba(255,255,255,0.5);
	}
	.bookWidget input:-ms-input-placeholder { /* IE 10+ */
		font-style: italic;
		color: rgba(255,255,255,0.5);
	}
	.bookWidget input:-moz-placeholder { /* Firefox 18- */
		font-style: italic;
		color: rgba(255,255,255,0.5);
	}
	.bookWidget input:focus, .bookWidget select:focus, .bookWidget option:focus {
		background-color: rgb(0, 110, 135);
	}
	.bookWidget select {
		margin-bottom: 6px;
		background-image: url(/includes/public/assets/images/selectArrowWhite.png);
		background-position: 95% center;
		border-color: rgb(48, 185, 216);
		-webkit-appearance: none;
		-moz-appearance: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-webkit-padding-end: 20px;
		-moz-padding-end: 20px;
		-webkit-padding-start: 2px;
		-moz-padding-start: 2px;
	}
	.bookWidget .submitbutton input:focus {
		background-color: rgb(48, 185, 216);
	}
	.bookWidget select > option {
		-moz-padding-end: 5px;
		-moz-padding-start: 3px;
		padding-bottom: 0;
		padding-top: 0;
	}
	.bookWidget .dataField input {
		background-image: url(/includes/public/assets/images/icon_cal.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		background-color: rgb(0, 110, 135);
		margin: 0;
	}
	.bookWidget .title {
		position: relative;
		font-family: Oswald, sans-serif; 
		color: #fff;
		font-size: 22px;
		line-height: 22px;
		text-transform: uppercase;
		margin: 0;
		left: 0;
		height: 70px;
	}
		.bookWidget .title .top {
			font-weight: 300;
			font-style: italic;
			padding: 10px 0 0 12px;
		}
		.bookWidget .title .bottom {
			font-weight: 200;
			font-style: normal;
			padding: 2px 0 10px 12px;
		}
		.bookWidget .title .top .clicktext, .bookWidget .title .bottom .clicktext {
			cursor: pointer;
		}
	/* expander1 is desktop, expander2 is mobile */
	#expander1, #expander2 {
		background: url(/includes/public/assets/images/pointDown.png) no-repeat;
		width: 21px;
		height: 12px;
		left: 8px;
	}
	#expander1.active, #expander2.active {
		background: url(/includes/public/assets/images/pointUp.png) no-repeat;
	}
	#expander1 {
		display: none;
	}
	#expander2 {
		display: inline-block;
	}
	#packagesearch, #packagehotels, #eventssearch {
		max-width: 550px;
		background-color: rgb(0, 110, 135);
	}
	#eventscat {
		width: 290px;
	}
	.bookingWidgetNav .bookWidget {
		margin-top: 20px;
		background-color: #0090a6;
	}
	.bookingWidgetNav .leftimg, .bookingWidgetNav .rightimg {
		display: none;
	}
	.bookWidget .formlabel {
		font-family: Oswald, sans-serif; 
		font-weight: 300;
		font-size: 12px;
		line-height: 14px;
		text-transform: uppercase;
		color: #fff;
		padding-bottom: 4px;
		vertical-align: middle;
	}
	.bookWidget .inputbutton {
		position: relative;
		vertical-align: top;
		background-color: transparent;
		color: #fff;
		font-family: Oswald, sans-serif; 
		font-size: 16px;
		font-weight: 300;
		font-style: italic;
		text-transform: uppercase;
		text-align: center;
		border: 0;
		margin: 0;
		padding: 0 5px;
		font-weight: 500;
	}
	.bookWidget .bwbutton {
		position: relative;
		width: 100%;
		height: 35px;
		vertical-align: top;
		background-color: #242733;
		color: #fff;
		font-family: Oswald, sans-serif; 
		font-size: 16px;
		font-weight: 300;
		font-style: italic;
		text-transform: uppercase;
		text-align: center;
		cursor: pointer;
		border: 0;
		margin: 0;
		padding: 10px;
	}
	.bookWidget .buttonholder {
		width: 100%;
		height: 35px;
		margin: 0;
		padding: 0;
	}
	.bookWidget .weekend {
	    padding: 7px 0;
	    text-align: center;
	    background: #00A2B8;
	    margin-top: 5px;
	}
	.bookWidget .weekend #weekend {
		color: white;
		font-style: italic;
	}
	.bookWidget .buttonholder.moreoptions {
		border-bottom: 1px solid rgb(0, 110, 135);
	}
		.bookWidget .buttonholder .bwbutton {
			width: 100%;
		}
			.bookWidget .buttonholder.moreoptions .bwbutton:before {
				content: 'More Options';
			}
			.bookWidget .buttonholder.moreoptions.active .bwbutton:before {
				content: 'Less Options';
			}
	.bookWidget .exclude_ongoing:before {
		/*content: 'Exclude Ongoing Events';*/
	}
		.bookWidget .content .tabtext {
			font-family: Oswald, sans-serif; 
			font-weight: 200;
			font-style: normal;
			color: #fff;
			text-transform: uppercase;
			line-height: 12px;
			letter-spacing: .04em;
			font-size: 10px;
			padding: 6px 0 0 0;
		}
	.bookWidget .linkArrow {
		position: relative;
		display: inline-block;
		background-image: url(/includes/public/assets/images/pointRight.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-color: transparent;
		left: 5px;
		top: 2px;
		width: 8px;
		height: 13px;
	}
	.bookWidget .refreshButton {
		display: block;
		float: right;
		position: relative;
		right: 7px;
		height: 25px;
		width: 25px;
		background-color: rgba(0, 0, 0, 0);
		background-image: url(/includes/public/assets/images/arrowRefresh.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.bookWidget .tabchooser {
		display: block;
		min-width: 320px;
		width: 100%;
		height: 50px;
		font-size: 0;
		left: 0 !important;
	}
		.bookWidget .tabchooser .tab {
			display: inline-block;
			float:left;
			height: 50px;
			vertical-align: top;
			text-align: center;
			border-top: 2px solid rgb(51,180,200);
			border-left: none;
			border-right: none;
			font-size: 0;
		}
			.bookWidget .tabchooser .tab:hover {
				cursor: pointer;
			}
		.bookWidget .tabchooser .tab.hotels {
			width: 40%;
		}
		.bookWidget .tabchooser .tab.packages {
			width: 35%;
			top: 10%;
		}
		.bookWidget .tabchooser .tab.events {
			width: 25%;
			top: 14%;
			overflow: hidden;
		}
		.bookWidget .tabchooser .tab.active {
			background-color: rgb(0,125,150);
			border-top: 2px solid #242733 !important;
		}
		.bookWidget .tabchooser .vertline {
			display: inline-block;
			position: relative;
			top: 10%;
			width: 1px;
			height: 80%;
			visibility: visible;
		}
			.bookWidget .tabchooser .tab.active .vertline {
				visibility: hidden !important;
			}
			.bookWidget .tabchooser .vertline.leftside {
				float: right;
				border-left: 2px solid rgb(51,180,200);
			}
			.bookWidget .tabchooser .vertline.rightside {
				float: left;
				border-right: 2px solid rgb(51,180,200);
			}
			.bookWidget .tabchooser .tab .content {
				display: inline-block;
				margin: 0 auto;
				height: 100%;
				vertical-align: top;
			}
			.bookWidget .tabchooser .tab .tabnotch {
				visibility: hidden;
				height: 6px;
			}
			.bookWidget .tabchooser .tab.active .tabnotch {
				visibility: visible;
				margin: 0 auto;
				width: 0; 
				height: 0; 
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-top: 6px solid #242733;
			}
	.bookWidget .tabicon {
		position: relative;
		margin: 0 auto;
		top: 10%;
		vertical-align: bottom;
		background-size: contain;
		background-repeat: no-repeat;
		background-color: transparent;
	}
		.bookWidget .tabicon.hotels {
			background-image: url(/includes/public/assets/images/bwHotelsIcon.png);
			height: 40%;
			width: 24px;
		}
		.bookWidget .tabicon.packages {
			background-image: url(/includes/public/assets/images/bwPackagesIcon.png);
			height: 40%;
			width: 21px;
		}
		.bookWidget .tabicon.events {
			background-image: url(/includes/public/assets/images/bwEventsIcon.png);
			height: 40%;
			width: 14px;
		}
	.bookWidget .formarea {
		/*height: 84px;*/
		background-color: rgb(0,110,135);
		border-top: 2px solid rgb(51,180,200);
		display: block;
		margin: 0;
	}
	.bookWidget .tabform {
		display: none;
	}
		.bookWidget .tabform.active {
			display: block;
			background-color: rgb(0, 110, 135);
		}
	.bookWidget .formrow {
		display: block;
		padding-top: 5px;
		background-color: rgb(0, 110, 135);
	}
		.bookWidget .formrow.medium {
		}
		.bookWidget .formrow.short {
			height: 35px;
		}
		.bookWidget .formrow.buttons {
			margin-top: 5px;
		}
	.bookWidget .formcol {
		position: relative;
		display: inline-block;
		margin-left: 12px;
	}
		.bookWidget .formcol.narrow {
			width: 45%;
		}
		.bookWidget .formcol.medium {
			width: 45%;
		}
		.bookWidget .formcol.wide {
			width: 93%;
		}
		.bookWidget .formcol.buttonholder {
			margin: 0;
			padding: 0;
		}
			.bookWidget .formcol.buttonholder.submitbutton {
				padding-top: 1px;
			}
			.bookWidget.restaurants .formcol.buttonholder.submitbutton {
				padding-top: 10px;
			}
	.bookWidget .selectField {
		max-height: 40px;
	}
		.bookWidget .selectField select {
			height: 37px;
		}
		.costButtons {
			float: left;
			background-color: rgb(48, 185, 216);
			padding: 1px;
			max-height: 35px;
			overflow: hidden;
		}
		.costButtons label {
			float: left;
			vertical-align: top;
			width: 39px;
			height: 33px;
			margin-right: 1px;
			overflow: hidden;
			cursor: pointer;
			background-color: rgb(0, 161, 186);
		}
		.costButtons label:last-child {
			margin-right: 0;
		}
		.costButtons label span {
			display: block;
			text-align: center;
			font-size: 14px;
			padding: 5px 0;
			cursor: pointer;
			color: #fff;
		}
		.costButtons label input {
			position: absolute;
			opacity: 0.011;
		}
		.costButtons input {
			background-color: rgb(48, 185, 216);
		}
		.costButtons input:checked+span, .costButtons label.active {
			background-color: rgb(0, 125, 150);
		}
	.ui-datepicker {
		z-index: 500;
	}
}
@media only screen and (min-width: 40.063em) {
	.booking_container {
		margin-bottom: 0;
	}
	.bookWidget {
		height: 273px;
	}
	.bookWidget .topimg {
		display: none;
	}
	.bookWidget .leftimg, .bookWidget .rightimg {
		position: absolute;
		display: inline-block;
		visibility: visible;
		background-image: url(/includes/public/assets/images/bookingbg.png);
		background-repeat: no-repeat;
		background-color: transparent;
		background-size: cover;
		top: 0;
		width: 50%;
		height: 287px;
		vertical-align: top;
		z-index: 1;
	}
	.bookWidget .leftimg {
		background-position: 0 0;
	}
	.bookWidget .rightimg {
		background-position: right 0;
		right: 0;
	}
	.bookWidget.restaurants {
		height: 200px;
	}
	.bookWidget.restaurants .leftimg, .bookWidget.restaurants .rightimg {
		height: 204px;
	}
	.bookWidget .sailimg {
		top: -10px;
		left: 302px;
	}
	.bookWidget .formlabel, .bookWidget input, .bookWidget select, .bookWidget option {
		font-size: 14px;
	}
	.bookWidget .bookcontent {
		position: relative;
		top: -22px;
		z-index: 10;
		width: 580px;
		height: 226px;
		vertical-align: bottom;
		margin: 0 auto;
		background-color: #242733;

	}
		.bookWidget.restaurants .bookcontent {
			height: 200px;
			width: 500px;
		}
		.bookWidget .title .top .clicktext, .bookWidget .title .bottom .clicktext {
			cursor: default;
		}
	#expander1 {
		display: inline-block;
	}
	#expander2 {
		display: none;
	}
	.bookWidget .bookcontent .expanded2, .bookWidget .bookcontent .contents {
		/*display: none;*/
		display: block;
	}
	.bookWidget .bookcontent .expanded1, .bookWidget .bookcontent .expanded1.active, .bookWidget .bookcontent .expanded2.active, .bookWidget .bookcontent .contents.active {
		display: block;
	}
	.bookWidget .bookcontent .contents {
		display: block;
		margin: 0 auto;
	}
	.bookWidget .bookcontent.expanded .title {
		left: 185px;
	}
	.bookWidget .tabchooser {
		display: block;
		min-width: 320px;
		width: 100%;
		height: 70px;
		font-size: 0;
		left: 0 !important;
	}
	.bookWidget .tabchooser .tab {
		display: inline-block;
		float:left;
		height: 70px;
		vertical-align: top;
		text-align: center;
		border-top: 2px solid #08323B;
		border-left: none;
		border-right: none;
	}
	.bookWidget .tabchooser .tab.active {
		border: none;
	}
	.bookWidget .tabchooser .tab:hover {
		cursor: pointer;
	}
	.bookWidget .tabchooser .vertline {
		display: inline-block;
		position: relative;
		top: 10%;
		width: 1px;
		height: 80%;
		visibility: visible;
	}
	.bookWidget .tabchooser .tab.active .vertline {
		visibility: hidden !important;
	}
	.bookWidget .tabchooser .vertline.leftside {
		float: right;
		border-left: 2px solid #08323B;
	}
	.bookWidget .tabchooser .vertline.rightside {
		float: left;
		border-right: 2px solid #08323B;
	}
	.bookWidget .tabchooser .tab .content {
		display: inline-block;
		margin: 0 auto;
		height: 100%;
		vertical-align: top;
	}
	.bookWidget .tabchooser .tab .tabnotch {
		visibility: hidden;
		height: 6px;
	}
	.bookWidget .tabchooser .tab.active .tabnotch {
		visibility: visible;
		margin: 0 auto;
		width: 0; 
		height: 0; 
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #242733;
	}
	.bookWidget .tabicon {
		position: relative;
		margin: 0 auto;
		vertical-align: bottom;
		background-size: contain;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	.bookWidget .tabicon.hotels {
		background-image: url(/includes/public/assets/images/bwHotelsIcon.png);
		width: 30px;
		height: 25px;
		top: 6px;
	}
	.bookWidget .tabicon.packages {
		background-image: url(/includes/public/assets/images/bwPackagesIcon.png);
		width: 32px;
		height: 26px;
		top: 5px;
	}
	.bookWidget .tabicon.events {
		background-image: url(/includes/public/assets/images/bwEventsIcon.png);
		width: 20px;
		height: 22px;
		top: 12px;
	}
	.bookWidget .content .tabtext {
		font-size: 14px;
	}
	.bookWidget .hotels .content .tabtext {
		padding-top: 15px;
	}
	.bookWidget .packages .content .tabtext {
		padding-top: 14px;
	}
	.bookWidget .events .content .tabtext {
		padding-top: 18px;
	}
	.bookWidget .formarea {
		display: inline-block;
		width: 580px;
		height: 86px;
		background: rgb(0, 110, 135);
		margin: 0;
		vertical-align: top;
	}
	.bookWidget .tabform {
		display: none;
	}
	.bookWidget .tabform.active {
		display: block;
		height: 85px;
	}
	.expanded1 {
		padding: 8px 0 0 0;
	}
	.expanded2 {
		background-color: rgb(0, 110, 135);
		padding: 0 0 10px 0;
	}
	.bookWidget .formrow {
		display: block;
	}
	.bookWidget.restaurants .formrow {
		padding: 9px 0;
	}
	.bookWidget .formrow.nowrap {
		display: inline-block;
		vertical-align: top;
	}
	.bookWidget .formcol {
		position: relative;
		display: inline-block;
		height: 70px;
		vertical-align: top;
		margin-left: 8px;
	}
	.bookWidget.restaurants .formcol {
		height: 60px;
	}
	.bookWidget .formcol.narrow {
		width: 143px;
	}
	.bookWidget .formcol.medium {
		width: 220px;
	}
	.bookWidget .formcol.wide {
		width: 220px;
	}
	.bookWidget .hotels .formcol.wide {
		/*width: 450px;*/
	}
	.bookWidget .formcol.checkbox {
		padding-top: 35px;
	}
	.bookWidget .formcol.checkbox.moveup {
		position: absolute;
		right: -12px;
		top: 130px;
	}
	.bookWidget .formcol.checkbox.moveup .formlabel {
		display: inline-block;
		vertical-align: top;
		padding-top: 3px;
		width: 100px;
	}
	.bookWidget .selectField {
		max-height: 40px;
	}
	.bookWidget .selectField select {
		height: 37px;
	}
	.bookWidget .textField input {
		background-color: transparent;
	}
	.bookWidget .exclude_ongoing {
		display: block;
		white-space:pre;
	}
	.bookWidget .exclude_ongoing:before {
		content: 'Exclude \A Ongoing \A Events';
	}
	.bookWidget .bwbutton {
		width: 100px;
		margin-top: 8px;
	}
	.bookWidget .formcol.buttonholder {
		margin: 1px 0 0 0;
		padding: 0;
	}
	.bookWidget .buttonholder {
		width: 100px;
		height: 35px;
	}
	.bookWidget .buttonholder.moreoptions {
		display: none;
	}
		.bookWidget .buttonholder .bwbutton {
			width: 100%;
		}
	.bookWidget .formcol.buttonholder.submitbutton {
		position: absolute;
		right: 10px;
		bottom: 28px;
		width: 100px;
		height: 35px;
		margin: 0;
		padding: 0;
	}
	.bookWidget .submitbutton.lower {
		bottom: -46px;
	}
	.bookWidget.restaurants .formcol.buttonholder.submitbutton {
		top: 157px;
	}
	.costButtons label {
		width: 36px;
	}
}
@media only screen and (min-width: 64.063em) {
	.costButtons label {
		width: 39px;
	}
}

/* JackRabbit external widget styling */
#jrs-widget-1526 #jrs-form-1526,
#jrs-widget-1527 #jrs-form-1527 {
	padding: 8px 8px 16px;
}
#jrs-widget-1526 #jrs-calendar-start-1526,
#jrs-widget-1526 #jrs-calendar-end-1526,
#jrs-widget-1527 #jrs-calendar-start-1527,
#jrs-widget-1527 #jrs-calendar-end-1527 {
	margin-top: 0;
}
#jrs-widget-1526 #start-date-1526,
#jrs-widget-1526 #end-date-1526,
#jrs-widget-1527 #start-date-1527,
#jrs-widget-1527 #end-date-1527 {
	background-color: rgb(0, 110, 135);
}
#jrs-widget-1526 #jrs-calendar-start-1526:before,
#jrs-widget-1526 #jrs-calendar-end-1526:before,
#jrs-widget-1526 #jrs-categories-1526:before,
#jrs-widget-1527 #jrs-calendar-start-1527:before,
#jrs-widget-1527 #jrs-calendar-end-1527:before,
#jrs-widget-1527 #jrs-categories-1527:before {
	font-size: 14px;
}
#jrs-widget-1526 #jrs-button-1526,
#jrs-widget-1527 #jrs-button-1527 {
	margin: 0;
	padding: 0;
	font-weight: 500;
	background-color: #242733;
}
#jrs-widget-1526 .jrs-label-1526:after,
#jrs-widget-1527 .jrs-label-1527:after {
	content: '';
}
#jrs-widget-1526 #lodgingID,
#jrs-widget-1527 #lodgingID {
	padding-left: 5px;
	line-height: 18px;
}
#jrs-widget-1526 #jrs-submit-1526,
#jrs-widget-1527 #jrs-submit-1527 {
	margin-top: 1.2rem;
}