/* Custome styles specific to Skin */

.recommendedProperty{
    display: none;
}

.ArnPrimarySearchOuterContainer #theSubmitButton,#theOtherSubmitButton {
    background: #158181 none repeat scroll 0 0 !important;
	text-shadow:none;
}
.ArnPrimarySearchOuterContainer #theSubmitButton:hover,#theOtherSubmitButton:hover {
    background: #b4985a none repeat scroll 0 0;
}
.QualifiedRates.GroupAvailability,#theDatePrompt .SimpleSearch .ArnAdults,#theDatePrompt .SimpleSearch .ArnChildren,.SearchHotels .ArnGoCitySearch, .SearchHotels .ArnGoAddressSearch, .SearchHotels .ArnGoLandmarkSearch, .SearchHotels .ArnGoAirportSearch {
	display:none;
}
#theDatePrompt .SimpleSearch .ArnChildren {
    left: 283px;
}
#theDatePrompt .SimpleSearch {
    left: 59px;
    width: 240px;
}
#theDatePrompt .SimpleSearch .submit {
    right: 136px;
    top: 87px;
}
#theDatePrompt .SimpleSearch {
    left: 115px;
}
.mobile div#overlay {
  opacity: 0.6;
  background-color: #000;
}
.mobile #lightbox {
  background-color: transparent;
}
.mobile #theDatePrompt {
  border: 10px solid #eee;
}
.mobile #theDatePrompt .SimpleSearch {
    height: 161px;
    margin-top: 33px;
    width: 260px;
    position: static;
}
.mobile #theDatePrompt .SimpleSearch .CheckIn {
    left: 0px;
}
.mobile #theDatePrompt .SimpleSearch .ArnCheckInDate {
    width: 115px !important;
}
.mobile #theDatePrompt .SimpleSearch .ArnAdults {
    left: 0px;
    top: 76px;
}
.mobile #theDatePrompt .SimpleSearch .ArnChildren {
    left: 63px;
    top: 76px;
}
.mobile #theDatePrompt .SimpleSearch .CheckRates {
    left: 299px;
    top: -2px;
}
.mobile #theDatePrompt .SimpleSearch .submit {
    width: 111px;
}
.mobile .ArnPropertyMap {
    height: 300px;
    overflow: hidden;
}
.ArnQuadSearchContainer.ArnPrimarySearchContainer {
    margin-top: -85px;
}
.ArnLimitedAvail {
	display:none;
}
.PropLimitedAvail .ArnRateCell {
    background-color: transparent;
}
.ArnAvailability {
    font-size: 14px;
}
.ArnBottomContainer {
    height: 0;
    left: 0;
	top:0;
    position: relative;
}
.ArnPropertyTierOne .ArnAmenitiesContainer,.ArnPropertyTierTwo .ArnAmenitiesContainer,.ArnPropertyTierThree .ArnAmenitiesContainer {
    position: absolute;
    right: 39px;
	left:initial;
	left:auto;
    top: -31px;
}
.ArnSupportTop {
	display:none;
}
.HoldRoomsForm .ArnContentButtonContainer {
	display:none;
}
.HoldRoomsForm .ArnNightlyRateCal {
    text-align: left;
}
.HoldRoomsForm .ArnContentContainer {
    background-color: #FFF;
    border: 1px solid #f1f1f1;
}
.HoldRoomsForm .ArnRoomsOnHold input {
	border-radius: 0;
	font-size: 16px;
	height: 34px;
	margin-bottom: 10px;
	text-indent: 5px;
}
.HoldRoomsForm .ArnRoomsOnHold select {
	width: 50px;
	background-color: #FFF;
	border: 1px solid #ccc;
	border-radius: 0;
	font-size: 16px !important;
	height: 34px !important;
}
.HoldRoomsForm .ArnRoomsOnHold .submit {
    background: none repeat scroll 0 0 #009dd9;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    height: 40px;
    text-shadow: 0 0 3px #999999;
    width: 228px;
}
.SinglePropDetail .ArnPropertyTierOne .ArnContainer {
    background-color: transparent;
}
.SinglePropDetail .holdRoom {
    background: #00c61a none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    padding: 5px 10px;
    text-shadow: 0 0 3px #999999;
    transition: background 0.2s linear 0s;
    width: 80px;
}
.SinglePropDetail .holdRoom:hover {
    background: #00ae20 none repeat scroll 0 0;
    text-decoration: none;
}
.mobile .ArnContentGeneralInfo {
    background-color: transparent;
}
.ArnContentButtonContainer {
    position: relative;
    height: 41px;
}
.ArnContentButtonWide, .ArnContentButtonNarrow {
    background-color: #00335d !important;
    border-color: #00335d #e1e1e1 #e1e1e1;
    border-style: solid;
    border-width: 1px;
    color: white;
    font-size: 12px;
    font-weight: normal;
    margin-left: -1px;
    padding: 10px 20px;
    width: initial;
}
.ArnContentButtonWide.active, .ArnContentButtonNarrow.active {
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #f9f9f9;
    border-top: 1px solid #e1e1e1;
    color: #333;
}
.mobile .ArnContentButtonWide, .mobile .ArnContentButtonNarrow {
    font-size: 10px;
    padding: 12px 10px;
}
.ArnContentContainer {
    background-color: #f9f9f9;
    border-color: #e1e1e1 -moz-use-text-color -moz-use-text-color;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 0;
}
.ArnContentContainer {
    line-height: 1.7em;
}
.ArnContentContainer h3 {
    font-size: 16px !important;
}
.mobile .ArnContentGeneralInfo h3 {
    font-weight: 300;
}
.rateRow h2 {
    color: #000;
    display: table !important;
    font-size: 18px !important;
    letter-spacing: 0.5px;
    line-height: 1.7;
    margin: 0;
    padding: 0 0 5px;
}
.rateRow.requestedWeek h2 {
    color: green;
    font-size: 22px !important;
}
.rateRow {
    background-color: white;
    border-top: medium none;
    margin: 20px 0;
    padding: 18px 8px;
}
.rateRow:hover {
    background-color: #ffffcc;
}
.bookRoom:link, .bookRoom:visited {
    display: inline-block;
}
.ArnContentContainer .ArnNightlyRate strong {
    margin: 10px 0 0;
}
.ArnNightlyRate {
    margin: 10px 0 0;
}
.ArnContentButtonContainer a:link:last-child {
    background-image: none;
}
.ArnContentButtonContainer img {
    display: none;
}
.ArnContentButtonContainer a {
    color: red;
    font-size: 18px;
    font-weight: normal;
    padding: 2px 13px 6px;
    position: absolute;
    right: -1px;
    top: 40px;
}
.ArnContentButtonContainer a:hover {
    color: indianred;
    text-decoration: none;
}
.bookRoom:link, .bookRoom:visited,.holdRoom:link, .holdRoom:visited {
    background: #009dd9 none repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-size: 15px;
    margin: 0 0 5px;
    min-width: 118px;
    padding: 4px 14px;
    text-align: center;
    transition: background 0.2s linear 0s !important;
}
.bookRoom:link, .bookRoom:visited {
    font-size: 13px;
} 
.holdRoom:link, .holdRoom:visited {
    font-size: 16px;
    padding: 20px;
    white-space: nowrap;
    background: #00dc58 none repeat scroll 0 0;
}
.holdRoom:hover, .holdRoom:active {
    background: #00c04d none repeat scroll 0 0;
    text-decoration: none;
}
.bookRoom:hover, .bookRoom:active {
    background: #007dbb none repeat scroll 0 0;
    text-decoration: none;
}
.ArnRateCalendar td {
    background-color: #fafafa !important;
	border: 1px solid #ddd;
}
.ArnNightlyRate {
    font-size: 14px;
    margin: 3px 0 0 !important;
}
.ArnContentContainer .ArnNightlyRate strong {
    display: block;
    margin: 5px 0 0;
}
.ArnMildText:last-child div {
    color: transparent;
    font-size: 0;
    margin: 0 0 14px;
}
.PropertyImages .ArnPhotoContainer {
    width: 100%;
}
.ArnPhotoContainer .ArnMildText {
    display: block;
}
.SearchHotels .ArnPhotoContainer .ArnMildText:last-child {
    margin-top: -40px;
}
.ArnPhotoContainer .ArnMildText:last-child img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.SearchHotels .ArnPhotoContainer .ArnMildText:last-child div {
    background-color: #333;
    font-size: 0;
    height: 480px;
    min-height: 450px;
    position: relative;
    text-align: center;
    width: 100%;
}
	.ArnSearchHotelsImg {
	    background-image: url(images/searchboxarrow.jpg) !important;
	}
.PropertyImages .ArnPhotoContainer .ArnMildText:first-child {
    font-size: 9px !important;
    padding: 0;
    text-align: right;
}
.SearchHotels .PropertyImages .ArnPhotoContainer .propThumbs div {
    background-size: 40px auto !important;
    border: 1px solid white;
    height: 44px !important;
    outline: 1px solid transparent;
    width: 44px !important;
}
.ArnPropertyTierOne .ArnContentButtonContainer {
    background-color: #fbfbdf;
}
.ArnPropertyTierOne .ArnContentContainer {
    background-color: #fbfbdf;
}
.ArnPropertyTierOne .ArnContentButtonWide.active, .ArnPropertyTierOne .ArnContentButtonNarrow.active {
    background-color: #fbfbdf !important;
    border-bottom: 1px solid #fbfbdf;
}
.ArnPropertyTierOne .rateRow:hover {
    background-color: white;
}

.ArnPropertyTierTwo .ArnContentButtonContainer {
    background-color: #ffe7ad;
}
.ArnPropertyTierTwo .ArnContentContainer {
    background-color: #ffe7ad;
}
.ArnPropertyTierTwo .ArnContentButtonWide.active, .ArnPropertyTierTwo .ArnContentButtonNarrow.active {
    background-color: #ffe7ad !important;
    border-bottom: 1px solid #ffe7ad;
}
.ArnPropertyTierTwo .rateRow:hover {
    background-color: white;
}
.mobile .ArnContentContainer {
    float: none;
}
.mobile .rateRow h2 {
    font-size: 14px !important;
    margin: 5px 0 0;
}
.mobile .ArnContentGeneralInfo {
    font-size: 11px;
}
.mobile .ArnContentGeneralInfo {
    padding: 10px;
}
.ArnRatesGroupLink {
	display:none;
}

.ArnRoomsOnHold h2 {
	font-weight:bold;
	font-size:18px !important;
}
x.ArnRoomsOnHold p {
	display:none;
}
x.ArnRoomsOnHold form p {
	display:block;
}
.ArnRoomsOnHold form p:first-child {
    color: black;
    font-weight: bold;
    margin: 5px 0 10px;
}
x.ArnRoomsOnHold .ArnNightlyRateCal:first-child {
	display:none;
}
.ArnRoomsOnHold .success {
	display:block !important;
}
.roomCount {
    font-size: 14px;
}
.holdDate {
    text-align: left;
}
.GroupHoldForm .ArnNightlyRateCal,.HoldRoomsForm .ArnNightlyRateCal {
    text-align: left;
}
.GroupHoldForm .ArnNightlyRateCal:first-child,.HoldRoomsForm .ArnNightlyRateCal:first-child {
	margin:10px 0 0;
}
.GroupHoldForm .ArnNightlyRateCal,.HoldRoomsForm .ArnNightlyRateCal {
	font-weight:bold;
}
.GroupHoldForm strong,.HoldRoomsForm strong {
	font-weight:bold;
}
.lowRateLink {
	display:none;
}
.ArnSupportBottom .dvd:nth-child(2) {
	display:none;
}
/* Custom styles specific to Skin */

/*custom css siteid#91985 - Fixes to go on affiliate*/

.ArnPropertyTierOne .ArnAmenitiesContainer,
.ArnPropertyTierTwo .ArnAmenitiesContainer, .ArnPropertyTierThree .ArnAmenitiesContainer {
	display: none;
}

.SearchHotels .ArnRateCell {
	margin: 0 !important;
}

.ArnRateButton {
    margin: 10px;
    text-align: center;
}

.ArnPriceCell {
	height: 100px;
	padding-top: 40px;
	margin: 10px;
}

.specialEventRate, .hostHotel {
	border-radius: 4px;
	margin-right: 10px;
}

.ArnRateButton {
	width: auto;
	margin: 0;
}

/*line 4517 fix on brownstone v2*/

.slideControl.open .notification {
    display: block;
}
.slideControl .notification {
    background-color: red;
    position: relative;
    top: 7px;
    left: 10px;
    font-weight: 900;
    color: white;
    font-size: 14px;
    padding: 1px 8px;
    border-radius: 50%;
    font-style: normal;
    font-weight: bold;
    font-family: 'sans-serif';
    width: 20px;
    height: 20px;
}

/*update on cards*/
.ArnRateCell {
	width: 100%;
	max-width: 150px;
}

.ArnPropertyTierOne .ArnContainer {
	background-color: #fbfbdf;
	outline: 1px solid #eee;
}

.ArnPropertyTierOne .ArnContainer:hover {
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

@media only screen and (max-width: 1125px) and (min-width: 800px) {
	.ArnPropThumb img {
		height: 140px;
		width: 150px;
		margin: 13px 0 0 10px;
		border: 3px solid #eee;
	}

	.ArnPropThumb {
		border: none;
	}

	.ArnPropName {
		line-height: 1.5em;
		position: relative;
		top: 8px;
		left: 168px;
		width: 48%;
		display: flex;
		flex-direction: column;
	}

	.ArnRating0Stars, .ArnRating1Star, .ArnRating2Stars, .ArnRating3Stars, .ArnRating4Stars, .ArnRating5Stars {
		height: 14px;
		width: 67px;
		top: 10px;
		left: 168px;
	}

	.ArnRateCell {
		position: absolute;
		text-align: center;
		background-color: transparent;
		height: auto;
		right: 0;
		top: 0;
		width: 100%;
		max-width: 130px;
	}

	.ArnPriceCell {
		height: 100px;
		padding-top: 60px;
		margin: 12px;
		text-align: right;
	}

}

.mobile .RootPage .ArnGoCitySearch {
	display: flex;
}

.RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
	padding: 0;
}


@media screen and (max-width: 1000px) {
	.ArnRightExtraContainer {
		background-color: transparent;
		display: none;
	}
}

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

	.RootBody.mobile #searchForm {
		width: 100%;
		background-image: none;
		margin: 0 auto;
		height: auto;
		border-radius: none;
		max-width: 375px;
	}

	.RootBody .ArnGoCitySearch {
		left: -37.6px;
	}

	.mobile .ArnRateCell {
		color: #333;
		font-size: 12px;
		font-weight: 700;
		width: 100px;
		display: flex;
		flex-direction: column;
		gap: 15px;
		align-items: center;
		justify-content: center;
	}

	.SearchHotels .modifySearchButton {
		text-align: center;
	}

	.subHeaderContainer .subHeader .modifyLink {
		position: relative;
		font-size: 0;
		text-align: center;
	}

	.modifyLink .refine {
		font-size: 12px;
	}

	.ArnTripAdvisorDetails.HasReviews .defaultRatingImg {
		height: 16px;
		width: 70px;
	}

}

/*over-ride in master.css fix */
@media screen and (min-width: 740px) and (max-width: 800px) {
	.SearchHotels .ArnTripAdvisorDetails {
		position: static;
	}
}
/*doesn't look like this functionality is available but title is still showing?*/
.ArnSortBy {
	display: none;
}

/***************** ******************** ************************/
/***************** Custom UPDATED STYLES ************************/
/**************************************************************/

/*button color*/
.ArnShowRatesLink {
    background: none repeat scroll 0 0 #009dd9;
}
.ArnShowRatesLink:hover {
    background: none repeat scroll 0 0 #007dbb;
}
.SearchHotels .ArnStayTable td.ArnRooms {
    width: auto;
}
.titleLabel {
    font-size: 12px;
}

@media screen and (max-width: 800px) {
	.SearchHotels  .ArnGoAdvancedSearch div {
		margin: -35px auto 30px;
		color: black;
		background: transparent;
		text-transform: uppercase;
	}
	.SearchHotels .refine img {
	    background-repeat: no-repeat;
	    background-position: center;
	   	width: 20px;
		xbackground-image: url("//media.travsrv.com/appSkins/91985/v6/themes/standard/images/bluesearch.png") !important;	
		margin: 10px auto;
	}
	.mobile .refine {
	    position: relative;
	    top: 0;
	    left: 0;
	    display: flex;
	    flex-direction: column;
	}
	.mobile .ArnRateButton {
		    height: auto;
			margin: 15px 0;	   
	 }
	.SearchHotels .subHeaderContainer {
	    background-color: #eee !important;
	}
	.WK.mobile .ArnSearchContainerMainTable {
	    margin: 0 auto;
	    box-shadow: 0px -1px 5px #bbbbbb;
	}	

}

/*form*/
.contact-container div.form-group:first-of-type {
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
}


/***************** END OF Custom UPDATED STYLES ************************/
/*FIX*/
#searching {
	z-index: 8 !important;
}
#theDatePrompt {
    z-index: 9999 !important;
}
div#overlay {
    z-index: 2 !important;
}
.mobile .subHeader a {
    z-index: 6;
}

/*button updates*/

/*desktop ArnRateButton btn*/

@media screen and (max-width: 1126px) {
	.ArnRateButton {
    	width: auto;
    	margin: 10px;
	}
	.ArnShowRatesLink {
    	background-color: none repeat scroll 0 0 #009dd9;
		border-radius: 5px;
		color: #FFFFFF !important;
		padding: 4px;
		font-size: 14px;
		display: block;
    	max-width: 130px;
    	width: 100%;
	}
	/*desktop Special Event Rate*/
	.specialEventRate, .hostHotel {
    	color: white;
    	background-color: purple;
    	display: inline-block;
    	padding: 4px;
    	text-align: center;
    	font-size: 14px;
    	margin: 0 10px;
    	max-width: 130px;
    	width: 100%;
	}
}

/*addresses overflow issue with new email*/
.SearchHotels .ArnRightExtraContainer {
    display: flex;
    height: auto;
    margin: 0 5px 0 0;
    padding: 0 !important;
    width: 160px !important;
    flex-direction: column;
    overflow-x: scroll;
}
.SearchHotels .contact {
    font-size: 12px;
    padding: 6px;
    width: 100%;
    max-width: 160px;
}
/*end of css for rightNav overflow issue*/

/*hold Cart Style - maybe to go in 64?*/
.WBGroupHoldCart.slide .container input[value="Finish"]{
	border-radius: 4px;
	background-color: red;
 	height: 36px;
	border: none;
	color: white;
    font-weight: 600;
    letter-spacing: 1px;
}