@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap');
.click{cursor:pointer; color:#000000; font-weight:bold; background-color:#EEEEEE; border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}
.headerimage{margin-top:-20px!important;}
.roomName{
	color:#696969;
}
div.headerimage{margin-top:-15px;}
div.outerDiv {background-color:#EBE9E5;padding:2px}
div.innerDiv {background-color:#ffffff;padding:10px}
div.hotelName{padding:10px 10px; background-color:#FFFFFF;}
div.hotelName h1{display:inline;color:#0A50A3;font-family:Arial;font-weight:bold;}
div.hotelPhotoMain {padding-right:5px}
div.hotelPhotoThumbs div{width:100%}
div.hotelPhotoThumbs img {padding:0px 0px 3px 3px}
div.hotelDescription {clear:both;line-height:20px;font-weight:bold;padding-top:10px}
div.photoAndMapInfo div{float:left}
div.stayDetails {font:normal bold 15px/25px verdana;padding:10px 0px}
div.propertyPhoto {float:left;border:1px dotted #d6d7d6;width:auto;height:auto;}
div.propertyPhotoLarge img {width:300px;height:240px;}
div.propertyPhotoSmall img {width:100px;height:100px;cursor:pointer}

div.totalPriceContainer div {float:left;width:100px;font-size:15px;padding:2px 5px}
div.totalPriceContainer div.totalPrice {text-align:right}
div.totalPriceContainer img {vertical-align:middle}
div#divGrandTotal {
    background:url("/Images/right-arrowbg-blue.png") right no-repeat;
    color:#fff;padding-left:2px;font-weight:600;
}


h1
{
	font-family: 'Lato', sans-sarif;
	color: rgb(0,0,0);
	font-size: 13pt;
}
.tblMyBookings h2{font-family: 'Lato', sans-sarif;
    color: #c04949;
    background-color: var(--sectionHeader-color);
    color: #fff;
    font-weight: 600;
    padding: 10px;
    font-size: 16px;
   }
h3
{
	font-family: Times New Roman, Times;
	color: rgb(0,102,153); 
}
h4
{
	font-family: Times New Roman, Times;
	color: rgb(153,153,0);
}
h5
{
	font-family: Times New Roman, Times;
	color: rgb(255,153,0);
}
h6
{
	font-family: Times New Roman, Times;
	color: rgb(51,102,204);
}
.linkw2w:link  { font-family: Calibri, Helvetica, sans-serif; font-size: 11pt; text-decoration: none; color: #D8CB94}
.linkw2w:visited { font-family:  Calibri, Helvetica, sans-serif; font-size: 11pt; text-decoration: none; color: #D8CB94}
.linkw2w:hover { color: #FFFF99; font-family: Calibri, Helvetica, sans-serif; font-size: 11pt; text-decoration: none}
.linkw3w:link  { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #800000}
.linkw3w:visited { font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; color: #800000}
.linkw3w:hover { color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none}
 body {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 0%;
  margin-right: 0%;
 }
img {A:hover, A:active {color: #FFFFFF }} 
A:hover img, A:active img {Filter: Alpha(Opacity=100, FinishOpacity=70, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)}
.btnav { background-color: #5B0000;} 
/* MISC  
----------------------------------------------------------*/
.hidden { display: none }
.clear
{
    clear: both;
}
.error
{
    color:Red;
}
#menucontainer
{
    margin-top:40px;
}
div#title
{
    display:block;
    text-align:left;
    padding-left:10px
}
#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}
#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}
#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}
#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}
.bold 
{
    font-weight:bold;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid
{
    display: none;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}
.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}
.text-box
{
    width: 30em;
}
.text-box.multi-line
{
    height: 6.5em;
}
.tri-state
{
    width: 6em;
}
/* Styles Added by Developer */
.noBorder {border:0px}
.noBorder td {border:0px}
.noDisplay {display:none}
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}
.floatLeft{
    float:left
}
.round {
    margin:0px 0px 10px 0px;
    padding: 15px;
    text-align: left;
    border:1px solid #C6C6C6;
}
/* List Page Styles */
#divListLeft{
    width:225px;
    margin-right:10px;
    border:0px solid #A797C6;
}
#divListLeft div{
    margin-bottom:8px;
    color:#fff; font-weight:bold
}
#divListLeft table {border:0px;}
#divListLeft table td{
    margin:0px;padding:0px;
    border:0px
}
#divListRight{
    width:700px;
    border:0px solid #C6C6C6;
    min-height:100px;
}
div.listRightContainer{background-color:#EBE9E5;padding:10px}
div.listRightHeader{background-color:#ffffff;height:50px;padding:5px;line-height:25px}
div.listRightHeader{background-color:#ffffff;height:50px;padding:5px;line-height:25px;width:680px}
div.listRightSortFields {background-color:#E9E5F0; height:35px; border-bottom:2px solid #d6d7d6 }
div.listRightSortFields div {float:left; color:#008DC2; font:normal bold 12px arial; width:100px; text-align:center; vertical-align:middle; padding:10px 0px;}
#divListLeft div.round {background-color:#A797C6}
#divListRight{
    width:720px;
    border:0px solid #C6C6C6;
    min-height:100px;
}
.propertyInfo
{
    clear:both;width:100%;
    background-color:#fff;
    margin-top:10px;
    border:1px solid #d6d7d6
}
.roomsInfo
{
    clear:both;margin-top:10px;width:100%;
    background-color:#fff;
}
.propertyPhoto{
    float:left;
    width:90px;height:90px;
    border:0px solid #8DB9DB;
    margin-right:10px;
    padding:5px;
}
.propertyDetails{
    float:left;
    width:300px;
    border:0px solid #8DB9DB;
    padding:5px;
}
.propertyRatesinfo{
    display:inline
    float:right;
    width:80px;
    padding:5px;
    border:0px solid #8DB9DB;
    text-align:right;
    color:#009CCA;
    font-family:Arial;
    font-weight:bold;
    font-size:20px;
}
.discountdeals{
    width:500px;
    padding:5px;
    text-align:left;
    font-size:12px; 
}
.propertyName{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:18px; 
    color:#1D95CB; 
    font-weight:bold
    color:#414141;
    white-space:nowrap
}
.address{
    margin-top:5px;
    font-size:9px;
    color:#CCC6C6;
}
.roomDesc{
    margin-top:5px;
    font-size:9px;
    color:#000000;
}
.deal-tag{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	text-decoration: none;
	float:left;
	padding: 2px 8px 5px 50px;
	line-height:26px;
	position: relative;
	margin-top:-10px;
	white-space:nowrap;
	background-color:#FFFFE3;
}
.ratingSearch{
    font-size:11px;
    margin:0px;
}
.starSearch{
    vertical-align:text-top;
    margin-right:2px;
}
.searchLabel{
    padding-top:0px;
}
/*Booking Review related styles*/
.reviewHeaderFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom:10px
}
.reviewText, reviewText td {
	font-family: 'Lato', sans-sarif;
	font-size: 14px;
	border:0px;
	padding:10px;
}
.referenceNumber{padding-left:5px;}
.reviewPolicies {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.reviewDateDisp {
	font-weight:bold;
	color:#5B5B5B;font-size: 15px;
}
.reviewPriceDisp {
	text-align:right;
	font-size: 15px;
}
.reviewPriceDispGrandTotal {
	font-weight:bold;
	color:#008DC2;font-size: 20px;
}
.reviewPriceDisp img{
	    width:15px; height:15px;
	    vertical-align:middle
}
.roomsSearchInfo {width:100%;margin-top:20px}
.roomsSearchInfo .searchLabel {font:normal normal 10px arial}
.roomsSearchInfo select {font:normal normal 10px arial}
table.roomsInfo tbody td {border:0px;border-bottom:1px solid #d6d7d6;height:30px;}
.roomType{color:#008DC2;font-size:15px;font-weight:bold;}
.mealPlan{font:normal bold 10px arial;line-height:20px}
.roomPriceHdr{text-align:right;}
.priceDisplay span{cursor:default;}
.roomAvailabilityDisplay {width:110px;text-align:center}
.roomAvailabilityDisplay img {border:0px;cursor:pointer}
#divListLeft div.spacer { height:1px; background-color:#68B23F; margin:5 0 5 0; }
#divListLeft div.searchHead{text-align:center;font-weight:bold;padding-bottom:10px;}
#divListLeft div.searchSubHead {padding:15px 0px 2px 0px; color:#FFB900; font:normal bold 14px Courier;}
table,td {border:0px; font-family:'Lato', sans-sarif;}

input.datePicker {
   color:#007EBD;
   padding:5px;
}
#numNights {color:#007EBD;font-weight:600;font-size:120%;display:inline-block;}
select {min-width:20px}
option {color:#007EBD;font-weight:700;}
table.tblHotelInfo {border:0px;}
table.tblHotelInfo td {border:0px;}
table.roomAndStayDates {width:100%;}
table.roomAndStayDates td {border:0px;}
#btnViewBooking{  
    width: 222px!important;
    border-radius: 4px;
    padding: 8px 10px!important;}
table.datesSelection td span {font-weight:normal;}
table.roomsAndDeals {width:100%;display:none}
table.roomsAndDeals thead th {background-color:#F3F4F4}
table.roomsAndDeals tbody tr {height:30px}
table.roomsAndDeals td {border:0px}
table.roomsAndDeals tbody td.roomName{color:#007CA1;font:normal bold 15px arial}
table.roomsAndDeals tbody td.priceDisplay{padding-right:10px}
table.roomsAndDeals th {border:0px;border-bottom:1px solid #d6d7d6}
table.roomsAndDeals tr.selectedRoom {background-color:#FFF7A3}
table.priceTotals { width:100% }
table.priceTotals thead td {background-color:#556765;color:#fff;font-weight:600}
table.addOns {width:100%;margin-bottom:20px;}
table.addOns thead td {background-color:#DDDDDD;color:#000000;font-weight:600}
table.tblGuest {width:100%;border:0px none;}
table.tblGuest td{width:50%;border:0px none;vertical-align:top;}
div.divGuestDetails, div.divPayment, div.divTermsConditionsHdr {font:normal bold 18px/40px arial;color:#9A9D9A}
table.tblGuestDetails {width:100%;border:0px none}
table.tblPayment {width:50%;border:0px none}
table.tblGuestDetails td, table.tblPayment td {border:0px none;width:auto;vertical-align:middle}
table.tblGuestDetails td.label, table.tblPayment td.label {text-align:right;width:30%;border:0px none;font-weight:bold}

div.tabbed_box {
	clear:both
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}


.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li:last-child {
	border-bottom:none;
}
#content_2, #content_3 { display:none; }
:root {
	 --primary-theme-color: #2174a5;  /* theme primary color */
}
:root {
	 --sectionHeader-color:#1a4704;  /* theme primary color */
}
:root {
	 --btnApplyDiscountCoupon-border-color:#0C6ECB;  /* theme primary color */
	 }
:root {
	 --btnApplyDiscountCoupon-font-color: #a51b1b;  /* theme primary color */
	 }