/* General */

html {
	font-size: 14px;
}

body {	
	 color: #333333;	
	 background:#fff;
	 font-weight:300;
}


#logo_dh {
	text-align: center;
}

#logo_dh img {
	max-width: 290px;
}

.thawte, .footer-codes {
	text-align: center;
	margin: 20px 0;
}

.footer-codes a {
	padding-right: 30px;
}

@media only screen and (max-width: 767px) {
	.footer-codes a {
		display: block;
		margin: 10px;
		text-align: center;
	}

	.footer .container p {
		text-align: center;
	}
}
a {
	color:#8a745d;	
	text-decoration:none;
	font-family: 'Montserrat', sans-serif;	
}
a:hover {
	color: #674f42;
	text-decoration:underline;
}

a.inherit {
	color:#333333;	
}


/* end General */


/* Text & Headers */

.ProductImage img, .HeaderImage img {
    display: block;
    margin-bottom: 15px !important;
}

.HeaderTitle, .ProductName, .CheckoutHeader, .PkgHeaderTitle, .PkgItemHeader  {
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:200;	
	color:#8a745d;
	letter-spacing:-1px;	
}


.hSize4, .hSize2 {
font-weight:200;
}

.tLight {
	color: #333333;	
}

.hCollpase .ToggleArrowDiv_Off+ span::before {
	color: #333333;	
}

.hCollpase .ToggleArrowDiv_On+ span::before {
	color:#333333;	
}

.Bg4 .hCollpase .ToggleArrowDiv_Off+ span::before, .Bg4 .hCollpase .ToggleArrowDiv_On+ span::before, .Bg4 .shCollpase .ToggleArrowDiv_Off+ span::before, .Bg4 .shCollpase .ToggleArrowDiv_On+ span::before {
	color: #FFF;
}

.hSize1 {
    font-size: 2.1rem;    
}


.btnSt3 {
    font-size: 1.05rem;
	padding-left: 20px;
    padding-right: 20px;
}

/* end Text & Headers */


/* Icons */

.openModal::before, .FilterLinkInActive::before, .FilterLinkActive::before, .CloseBtnX::before, .modifyIco::before, .removeIco::before, .MonthlyAvailabilityLink::after, .ArrowTop::before, .DateBack .activeLink::before, .ShopCartIco::before, .calendarIco::before, .printIco::before {
	color: #333333;	
}

.infoIco::before, .infoIcoAfter::after, .ProductNamePromo .PromoIcon::before, .Asterisk::before, .DateFwd .activeLink::before, .removeIco::after {
	color: #333333;	
}

.ProductNamePromo .PromoIcon::before {
	color: #0eb393;
}

.FilterClose::after, .CompareClose::after {
	color: #333333;	
}

.openModal, .FilterLinkInActive, .FilterLinkActive, .CloseBtnX, .modifyIco, .removeIco, .MonthlyAvailabilityLink, .ArrowTop, .DateBack .activeLink, .ShopCartIco, .calendarIco, .printIco, .infoIco, .infoIcoAfter, .ProductNamePromo .PromoIcon, .Asterisk, .DateFwd .activeLink, .removeIco, .FilterClose, .CompareClose {
	text-decoration: none;
}


/* end Icons */


/* Backgrounds & Borders */

.Bg1 {
	background:#ebebe6;	
}

.CheckAvail .Bg1, .CheckAvail .Bg2, .LinksBar .Bg2, .AvailResults .FilterResults.Bg1, .YourStayCollapsibleSection .Bg1 {
	background:#ebebe6;
}

.CheckAvail .Br1, .CheckAvail .Br2, .LinksBar .Br2, .AvailResults .FilterResults.Br1, .YourStayCollapsibleSection .Br1 {
	border-color: #ebebe6;
}


.Bg2 {
	background: #ededed;
}
.Bg3 {
	background: #ebebe6;
}
.Bg4 {
	background: #424242;
	color: #FFF;
}
.ProductSorting a {
	color: #8a745d;
	text-decoration: none !important
}
.ProductSorting.Br3 {
    border-color: #8a745d;
} 
.ProductSorting .Bg5 {
    background: #8a745d;
}
.Bg5 {
	background: #000000;
	color: #fff
}

.Bg6, .ui-widget-content {
	background: #ffffff;
}

.Bg7 {
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
}

.Br1 {
	border-color: #f2f2f2;
}

.Br2 {
	border-color: #f2f2f2;
}

.Br3 {
	border-color: #000000;
}


/* end Backgrounds & Borders */


/* Form Fields */

input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel], textarea, select {
	border: 1px solid #949494;
	color: #666;
	background: #FFF;
}

.calendars-wrapper, .selectWrap {
	background: #FFF;
}

.CalendarDiv .BECalOpen, .CalendarDiv a.BECalOpen, .CalendarDiv .ui-state-default {
    background: #8a745d none repeat scroll 0 0;   
	color: #fff;
}


.selectWrap::before {
	color: #747474;
}

.checkboxGroup input[type=checkbox]+ label::before, .radiobuttonGroup input[type="radio"]+ label::before, .checkboxGroup td.unchecked+ td label::before, .checkboxGroup td.checked+ td label::before, .checkboxGroup .unchecked+ label::before, .checkboxGroup .checked+ label::before {
	color: #747474;
}


/* end Form Fields */


/* Buttons */

.btnSt1, .btnSt2, .btnSt3, .btnSt4  {
	color: #fff;
	 font-weight: 300; 
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;	
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}

.btnSt1 {
background: #000;
 font-weight: 300; 
   font-size: 1.0rem;
    line-height: 30px;
padding: 7px 25px;
 border:0px solid #9b8b82;
}

.btnSt1:hover {
	background:#8a745d ;
	color: #fff;
	 border:0px solid #674f42;
}

.btnSt2 {
	background:#000;
	line-height: 30px;	
	 border:0px solid #9b8b82;
}

.btnSt2:hover {
	background:#8a745d ;
	color: #fff;
	 border:0px solid #674f42;
}

.btnSt3 {
	background: #000;
	 padding:10px 16px 7px;
	line-height: 30px;	
	 border:0px solid #9b8b82;
}


 .ReviewBtn, .ModifyResBtn {
	background: #aaa;
	 padding:10px 16px 7px;
    color: #fff;	
}

.btnSt3:hover, .ReviewBtn:hover, .ModifyResBtn:hover {
	background:#8a745d ;
	color: #fff;
	 border:0px solid #674f42;
	
}

.btnSt4 {
	background: #bbb;
	
}

.btnSt4:hover {	
	background: #674f42;
	color:#fff;
	
}

a.btnSt1:hover, a.btnSt2:hover, a.btnSt3:hover, a.btnSt4:hover, .backBtn::before, .checkboxGroup .btnSt2 label::before {
	color: #FFF !important;
}


/* end Buttons */


/* Calendar Color Codes */

.ui-widget-header {
    color: #fff;
	background:#8a745d;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: 300;
}

/* end Calendar Color Codes */


/* Datepicker dates and selected date */


.AvailCalendar .ui-datepicker td a, .AvailCalendar .ui-datepicker td span  {
    border-radius:0px;
}

.calendars-popup td a.ui-state-default, .calendars-popup td a.ui-state-hover {
	border: 1px solid #DDDDDD;
	color: #666;
}

.CalendarDiv .BEMinLen, .CalendarDiv a.BEMinLen {
    background: #ae9780 url("../../../Images/cornertop.png") no-repeat scroll right top;
    border: 0 none;
    color: #fff;
}
.CalendarDiv .BENoArrive, .CalendarDiv a.BENoArrive {
    background: #ae9780 url("../../../Images/cornerbottom.png") no-repeat scroll left bottom;
    border: 0 none;
    color: #fff;
}


.calendars-popup td a.ui-state-active, .calendars-popup td a.ui-state-active:hover {
	border: 1px solid #666;
	background: #666;
	color: #FFF;
}

.CalendarDiv .ui-state-active, .CalendarDiv a.ui-state-active {
	border: 3px solid #000;
}


/* end Datepicker dates and selected date */


/* Customzations */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #8a745d  none repeat scroll 0 0;
	border: 1px solid #8a745d ;
}

.PkgBtmNoThxBtn, .PkgTopNoThxBtn {
	text-transform: none;
	background: none;
	color: #333333;	
	line-height: 1;
	border: 0;
	padding: 0;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-ms-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.PkgBtmNoThxBtn:hover, .PkgTopNoThxBtn:hover {
	background: none;
	color: #886832;
	border: 0 none;
    border-radius: 0;
	-moz-border-radius: 0px ;
	-webkit-border-radius: 00px ;
	text-decoration: underline;
}

.ProductsInCategory:before {
	color: #f2f2f2;
	content: "\e834";
	font-family: icons;
	font-size: 80px;
	left: 50%;
	line-height: 1;
	position: absolute;
	top: -48px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.PackageList {
	position: relative;
}

.PackageList:before {
	color: #f2f2f2;
	content: "\e834";
	font-family: icons;
	font-size: 80px;
	left: 20px;
	line-height: 1;
	position: absolute;
	top: -48px;
}

.PackageCheck .unchecked+ label {
	padding: 0;
}

.PackageCheck .unchecked+ label:before {
	content: "";
}

.StayBar {
	clear: both;
	border-width: 1px 0;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	padding-right: 45px;
	min-height: 50px;
}

.AvailResults .StayBar {
	padding-right: 100px;
}

.StayBar .Dates, .StayBar .Guests {
	display: inline-block;
	padding-right: 15px;
	vertical-align: middle;
}

.StayBar .Guests div {
	display: inline;
	padding: 0;
	float: none;
}

.StayBar .Guests .StayLabel, .StayBar .Guests .StayLabel span {
	font-weight: bold;
}

.StayBar .Guests .StayLabel:after {
	content: ": ";
}

.StayBar .Guests .MultiRoomGuests .StayValue:after {
	content: ", ";
}

.StayBar .Guests .MultiRoomGuests .StayValue:last-child:after {
	content: "";
}

.StayBar .ModifyLink a {
	text-decoration: none;
	vertical-align: top;
}

.arrowDown:before {
	font-family: icons;
	content: "\e832";
	font-size: 1.5rem;
	line-height: 1rem;
	vertical-align: middle;
}

.arrowUp:before {
	font-family: icons;
	content: "\e831";
	font-size: 1.5rem;
	line-height: 1rem;
	vertical-align: middle;
}

.YourStay.Open .CloseBtnX {
	top: -20px;
}

.YourStayCheckout .YourStay {
	display: block !important;
}

.tSmall {
	font-size: 1rem;
}

.tSmall {
	font-size: 1rem;
}

.StepName h2 {
	color: #8a745d;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:200;
	letter-spacing:-1px;
}

.hSize3.tBold {
	font-weight: 200;
	}
	
	.tBold {
    font-weight: 500;
}

.HotelNameAddress {
	color: #333333;	
}


/* Calendar Layout: Change padding and size to fit the price */


@media screen and (min-width: 601px) and (max-width: 1199px) {
	.CalwPrice .ui-datepicker td a, .CalwPrice .ui-datepicker td span {
		padding: 8px 3px;
	}
	.CalwPrice td a.ui-state-active {
		padding: 5px 1px;
	}
	.CalwPrice .ui-datepicker td span.DayPrice {
		font-size: 12px;
	}
}

@media only screen and (max-width: 414px) {

.w-col {
	padding-left: 00px;
    padding-right: 00px;
	
}
}



/* Calendar Layout: Change to vertical  */

@media only screen and (max-width: 991px) {
	.ui-datepicker-multi .ui-datepicker-group.first, .ui-datepicker-multi .ui-datepicker-group.last {
		padding: 0 20px;
		width: 100%;
	}
}

@media screen and (min-width: 601px) and (max-width: 767px) {
	.HeaderPrice .PriceExtraInfo {
		display: block;
	}
	.HeaderPrice .PriceExtraInfo span {
		display: inline;
	}
	/* Step 2, adjust columns for large price and text wrapping. 
Push "/night excl tax and fees" below price */
	.HeaderPrice .PriceExtraInfo {
		display: block;
	}
	.HeaderPrice .PriceExtraInfo span {
		display: inline;
	}
	.HasImage .HeaderPrice .PriceExtraInfo {
		display: inline-block;
	}
	.HasImage .HeaderPrice .PriceExtraInfo span {
		display: block;
	}
}


/* Fix 3 column layout showing in 2 columns in IE */

@media screen and (min-width: 901px) {
	.msie .HotelContainer, .msie .ProductContainer, .msie .PackageItem, .msie .HotelContainer {
		width: calc(99.9%/3);
	}
}


/* end Customzations */


/* Mobile */





@media screen and (max-width: 600px) {
	/* Customzations */
	/* #XbeViewPanel { padding: 0 0 150px; } */
	.PckOptBtnsBtm {
		background: #fff;
		margin: 0;
		padding: 10px;
		z-index: 99999;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
	}
	.PckOptBtnsBtm {
		text-align: center;
	}
	.PkgBtmNoThxBtn, .PkgBtmNoThxBtn:hover {
		width: auto;
		display: inline-block;
	}
	.CriteriaBtnDiv {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #FFF;
		padding: 10px;
		margin: 0;
		z-index: 9999;
	}
	.CriteriaBtn {
		margin: 0;
	}
	.YourStayHeader, .YourStayCheckout .YourStayHeaderCheckout {
		display: block;
	}
	.YourStay.Open .CloseBtnX {
		top: 15px;
	}
	.StayBar .ModifyLink {
		padding-left: 10px;
		right: 10px;
		top: 10px;
		bottom: 10px;
	}
	/* Remove calendar prices from mobile size  */
	.CalwPrice .ui-datepicker td a, .CalwPrice .ui-datepicker td span {
		height: auto;
	}
	.CalwPrice .ui-datepicker td a, .CalwPrice .ui-datepicker td span {
		padding: 15px 5px;
		text-align: center;
	}
	.CalwPrice td a.ui-state-active {
		padding: 12px 3px;
	}
	/* - Adjust confirmation button for strange height in small mobile size. 
Add to media query <600px (please test thoroughly and adjust as needed): */
	
	#security {
		padding-bottom: 90px;
	}
	/* on package step, open your stay summary and click on both info icons, youll see text is cut off at the bottom */
	.YourStayCollapsibleSection {
		padding-bottom: 150px;
	}
	/* end Customzations */
}

@media screen and (max-width: 385px) {
	/* - Adjust confirmation button for strange height in small mobile size. 
Add to media query <600px (please test thoroughly and adjust as needed): */
	.btnSt1 {
		line-height: 1.5;
		padding: 15px 10px;
	}
	.btnSt2, .btnSt3 {
		line-height: 1.5;
		padding: 5px 10px;
	}
	.btnSt4 {
		line-height: 1.5;
		padding: 5px 10px;
	}
	.backBtn {
		line-height: 30px;
		padding: 0 10px;
	}
}


/* end Mobile */


/* Temp fixes */

.ui-dialog-buttons, .calendars-popup {
	height: auto !important;
}

a.openModal:hover, a.FilterLinkInActive:hover, a.FilterLinkActive:hover, a.backBtn:hover, a.CloseBtnX:hover, a.modifyIco:hover, a.removeIco:hover, a.infoIco:hover, a.infoIcoAfter:hover, .DateBack .activeLink:hover, .DateFwd .activeLink:hover, .ShopCartIco:hover, .RtrnHotelList {
	clear: both;
}

.YourStay.Closed, .YourStayStatic.Closed, .AvailPackages .YourStay.Closed, .YourStayCheckout.Closed {
	clear: both;
}

#XbeViewPanel:after {
	display: table;
	clear: both;
	content: "";
}

#XbeViewPanel {
	
	margin-top:30px;
}



.PkgImg {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}