/* GLOBAL SETTINGS
  ----------------------------- */
  :root {
	/* defined brand colors (this brand only; do not use oustide of this :root pseudo class) */
	--BRAND-black: #000 !important;
	--BRAND-blue: #177ac0 !important;
	--BRAND-darkgrey: #393939 !important;
	--BRAND-darkred: #d10101 !important;
	--BRAND-lightblue: #63a6d5 !important;
	--BRAND-maroon: #8d0007 !important;
	--BRAND-red: #ec0203 !important;
	--BRAND-white: #fff !important;

	--BRAND-heading-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	--BRAND-body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

	/* variables to be used in theming */
	--clr-accent: var(); /* undefined */
	--bg-primary: var(--BRAND-blue);
	--bg-secondary: var(--BRAND-lightblue);

	--btn-primary-bg: linear-gradient(top, #d10101, #ec0202);
	--btn-primary-border: var(--BRAND-maroon);
	--btn-primary-txt: var(--BRAND-white);
	--btn-primary-bg_hover: linear-gradient(top, #ec0202, #d10101);
	--btn-primary-border_hover: var(--BRAND-maroon);
	--btn-primary-txt_hover: var(--BRAND-white);

	--btn-secondary-bg: linear-gradient(top, #d10101, #ec0202);
	--btn-secondary-border: var(--BRAND-maroon);
	--btn-secondary-txt: var(--BRAND-white);
	--btn-secondary-bg_hover: linear-gradient(top, #ec0202, #d10101);
	--btn-secondary-border_hover: var(--BRAND-maroon);
	--btn-secondary-txt_hover: var(--BRAND-white);

	--btn-info-tab: var(--BRAND-darkgrey);

    --btn-selected-color: #ec0202;

	--icon-primary: var(--BRAND-darkred);
	--icon-secondary: var(--BRAND-darkred);

	--txt-accent-primary: var(--BRAND-darkred);
	--txt-accent-secondary: var(--BRAND-blue);
	--txt-body: var(--BRAND-darkgrey);
	--txt-link: var(--BRAND-blue);

	--txt-header-primary: var(--BRAND-white);
	--bg-header-primary: var(--BRAND-darkgrey);
	--txt-header-primary_inverse: var(--BRAND-darkgrey);
	--bg-header-primary_inverse: var(--BRAND-white);

	--txt-header-secondary: var(--BRAND-darkgrey);
	--bg-header-secondary: var( ); /* undefined */

	--txt-header-tertiary: var(--txt-header-primary_inverse); /* mapped to --txt-header-primary_inverse if undefined */
	--bg-header-tertiary: var( ); /* undefined */

	/* Uplift / Cruise Payments Variables */
	--uplift-txt-header-primary: var(--BRAND-blue);
	--uplift-txt-header-secondary: var(--BRAND-red);
	--uplift-bg-icon-primary: var(--BRAND-blue);
	--uplift-bg-icon-secondary: var(--BRAND-red);
	--uplift-bg-urgency: var(--BRAND-red);
	--uplift-bg-callout: var(--BRAND-blue);
	--uplift-bg-search: var(--BRAND-blue);
	--uplift-btn-search-bg: var(--BRAND-white);
	--uplift-btn-search-border: var(--BRAND-white);
	--uplift-btn-search-txt: var(--BRAND-blue);
	--uplift-btn-search-bg_hover: var(--BRAND-blue);
	--uplift-btn-search-border_hover: var(--BRAND-white);
	--uplift-btn-search-txt_hover: var(--BRAND-white);
}

html, body, input, textarea, button, .ui-btn { font-family: Arial, sans-serif;  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
select { font-family: Arial, sans-serif;}

.site-width-centered,
.row.site-width-centered {
	box-sizing: border-box;
	margin: 0 auto;
	/* max-width: var(--WTH-site-max-width); */
	max-width: 1300px;
}

/* jquery mobile overwrite */
.ui-body-c .ui-link {
    color: inherit !important;
    font-weight: inherit !important;
}

/* site link styles */
.ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:active, .ui-body-a .ui-link:hover, .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a  {
text-decoration:underline;color: #177ac0/*{a-link-default}*/;
}

.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
text-decoration:none;color: #177ac0 /*{a-link-hover}*/;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
text-decoration:underline;color: #177ac0 /*{a-link-visited}*/;
}

.ui-page-theme-a a:active, html .ui-bar-a a:active, html .ui-body-a a:active, html body .ui-group-theme-a a:active {
text-decoration:none;color: #177ac0 /*{a-link-active}*/;
}
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus {
-webkit-box-shadow: 0 0 12px #ccc;
-moz-box-shadow: 0 0 12px #ccc;
box-shadow: 0 0 12px #ccc;
}

/*===============================================================================================================
    MAGNOLIA HEADER STYLES 
===============================================================================================================*/
 
/* .wth2-content {margin-top:10px;} */
/* .wth2-desktopOnly {} */

/* #wthHeaderModuleContainer {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    overflow: visible;
    min-height: 193px;
}

.headerInnerWrap {
    padding-top: 7px;
}

.wthHeaderWrap_vacationoutlet #wthHeaderModuleContainer{
    min-height: auto;
}

.wthHeaderModules_WTHlogo {float:left; padding-bottom: 5px; }
.wthHeaderModules_WTHtravelAdvisory {margin-top:10px; position:absolute; width:984px;}
.wthHeaderModules_WTHphone {float:right; position: relative; top: 18px;}
.wthHeaderModules_WTHBanner {
    clear: both;
    min-height: 33px;
    width: 100%;
}

.wthHeaderModules_WTHnav {
    clear:both; 
    min-height: 40px;
    background: #1779C0;
    width: 100%;
    position: relative;
    left: 0;
}

.wthHeaderModules_WTHlogo  .wthHeaderLogo img{
    width:300px;
}
.wthHeaderWrap #travelAdvisoryWrapper {
    float: right;
}
.wthTravelAdvisoryLink.ui-link,
.wthTravelAdvisoryLink.ui-link:active,
.wthTravelAdvisoryLink.ui-link:hover,
.wthTravelAdvisoryLink.ui-link:visited,
.wth2-responsiveHeaderBCSS.ui-link,
.wth2-responsiveHeaderBCSS.ui-link:active,
.wth2-responsiveHeaderBCSS.ui-link:hover,
.wth2-responsiveHeaderBCSS.ui-link:visited {
    color: #d10101; 
} */

/* Bug 138246
.wthHeaderPhone {
    float: right;  
    margin-top: 14px; 
}
*/
/* .wthHeaderPhoneNumber {
    float: right;
    font-size: 18px;
    color: #d10101; 
    font-weight:bold;
    float:none;
    display:flex;
}
.wthHeaderPhoneText {
    color: #d10101;
    font-family: arial;
    font-size: 12px;
    display: inline;
    text-align: right;
    position: absolute;
    right: 0;
    white-space: nowrap;
    top: 25px;
}

.wthHeaderPhoneNumber #wthHdrAltPhoneLabel {
    padding-left: 3px;
    padding-right: 3px;
}

#headerCruiseReservation .wthCruResPipeLeft{
    display: none !important;
}

#headerCruiseReservation .wthCruResPipeRight{
    color: #d10101; 
    padding: 0px 3px 0px 0px;
}

#header_reservation_link{
    color: #d10101;
    font-size:12px;
  text-decoration: none;
}
#header_reservation_link span{
  text-decoration: underline;
}

#header_reservation_link span:hover{ text-decoration: none; }

#header_reservation_link span:active{ text-decoration: none; }

.wthHeaderCruiseReservationWrap{
	display: inline;
	position: relative;
	right: 10px;
	top: 4px;
}

.wthHeaderModules_WTHnav .wthHeaderNavWrapper,
.wthHeaderModules_WTHnav .wthSubHeaderNavWrapper {
    margin: 0 auto;
    width: 960px;
} */

/* Header Banner */
/* .wthHeaderModules_WTHBanner .bannerModule { min-height: 32px; }

.wthHeaderBanner {
    background: #333;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .35);
    color: #fff;
}


.wthHeaderBanner,
.wthHeaderBanner a.ui-link,
.wthHeaderBanner a:active.ui-link,
.wthHeaderBanner a:visited.ui-link,
.wthHeaderBanner a:hover.ui-link {
    color: #ffffff;
    text-decoration: none;
}

.wthHeaderBanner a:hover.ui-link{ text-decoration:underline; }

.wthHeaderBanner .pricecolor {
    font-weight: bold;
    color: #fdbc11;
}

.wthHeaderBannerText {
    font-size: 19px;
    line-height: 1.2;
    padding: 10px;
    text-align: center;
}

.wthHeaderClockBanner {
    margin: 0px;
    display: inline;
}

.wthHeaderCountdownBanner {
    float: none !important;
    font-weight: bolder;
    font-style: italic;
    color: #fdbc11;
    background: transparent;
    border: none;
    overflow: hidden;
}

.wthHeaderBannerText {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.timer-unit-label {
	font-size: .6em;
	padding: 0 .325rem 0 .1625rem;
	min-width:max-content;
	flex-wrap: nowrap;
}

.wthHeaderCountdownBanner {
	max-width:max-content;
	margin-left: 5px;
}

.alert {
    background-color: #fffdf0 !important;
    border: 1px solid #fbd773 !important;
}

.alert > div a,
.alert > div a:hover,
.alert > div a:focus,
.alert i { color: #996622 !important; }

.alert i{ padding-right: 5px; }
 */
/* mobile banner position */
/* .wth2-resonsiveHeaderBelow .wthHeaderBanner,
.wth2-resonsiveHeaderAbove .wthHeaderBanner {
    box-sizing: border-box;
    width: 100%;
    z-index: 998;
} */
/* /mobile banner position */


/* @media screen and (min-device-width:320px) and (max-device-width:1080px) {
    .wthHeaderBannerText {
        font-size: 14px;
    }
} */

/* /Header Banner */

/* MAGNOLIA Top Nav and Dropdowns */
/* .wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent a.headerNavMainLink, .wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent a.headerNavMainLink:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}

.wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent a.headerNavMainLink:active {
    color: #fff;
    background: #aecadf;
}

.headerNavmenu.wthHeaderNavMainLinks a{
    color: #333 !important;
    font-weight: 400;
    font-size: 14px;
}
.wthHeaderNav {width: auto; z-index: 2;}

.wthHeaderNav .wthHeaderNavMenu {
    display: inline;
    margin: 0;
    width: 984px;
    background-color: #aecadf;
    height: 22px;
    position: absolute;
    top: 34px;
    left: -12px;
    padding: 9px 0 0 0;
}

.wthHeaderWrap_carrentals .wthHeaderNav .wthHeaderNavMenu { left: -134px; }
.wthHeaderNav .wthHeaderNavMenu li {
    display:inline; 
    position:relative;
}

.wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent {
    position: relative; 
    top: 0px; 
    z-index: 100; 
    max-height: 23px; 
    float: left;
    list-style-type: none;}

.wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent a.headerNavMainLink, 
.wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent a.headerNavMainLink:hover,
.wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent a.headerNavMainLink:active,
.wthHeaderNavWrapper .wthHeaderNav .wthHeaderNavMainLinksParent a.headerNavMainLink:visited {
    padding: 6.8px 14px 5.8px 15px;
}

.headerNavMainLink.ui-link:hover {
    background: #63a6d5 !important;
    color: #fff;
}
 */
/* correct color of main nav cruise link while on cruise HP */
/* .wthHeaderWrap_cruises li.wthHeaderNavMainLinksParent:nth-child(1) > a:nth-child(1){
    background-color: #aecadf !important;
}
.wthHeaderWrap_cruises li.wthHeaderNavMainLinksParent:nth-child(1) > a:nth-child(1):hover{
    background-color: #aecadf !important;
} */
/* end */

/* correct color of main nav car link while on car HP */
/* .wthHeaderWrap_carrentals li.wthHeaderNavMainLinksParent:nth-child(2) > a:nth-child(1){
    background-color: #aecadf !important;
}
.wthHeaderWrap_carrentals li.wthHeaderNavMainLinksParent:nth-child(2) > a:nth-child(1):hover{
    background-color: #aecadf !important;
} */
/* end */

/* .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_1{ border-left:none; }

.wthHeaderNestedNavMenu .wthHeaderNavMainLinks{
    padding: 0 0 5px 0;
    margin-left: 30px;
}

.wthHeaderWrap_cruises .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_1 a.headerNavMainLink, 
.wthHeaderWrap_cruises .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_1 a.headerNavMainLink:hover,
.wthHeaderWrap_cruises .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_1 a.headerNavMainLink:active,
.wthHeaderWrap_cruises .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_1 a.headerNavMainLink:visited,
.wthHeaderWrap_carrentals .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_2 a.headerNavMainLink,  
.wthHeaderWrap_carrentals .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_2 a.headerNavMainLink:hover,
.wthHeaderWrap_carrentals .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_2 a.headerNavMainLink:active,
.wthHeaderWrap_carrentals .wthHeaderNavWrapper .wthHeaderNav .wthNavMainLinkWrapper_2 a.headerNavMainLink:visited {
    color: #393939;
}

.headerNavmenu.wthHeaderNavMainLinksParent { padding: 10px 20px; }

.wthHeaderNav .wthHeaderSubNavLinks {
    background: #fff;
    display: none;
    float: none;
    left: 20px;
    list-style-type: none;
    position: absolute;
    top: 30px;
}
.wthHeaderNestedNavMenu .wthHeaderSubNavLinks {
    left: 0;
    min-width: 180px;
    top: 23px;
}
.wthHeaderNav .headerSubNavlink a.ui-link, .wthHeaderNav .headerSubNavlink a.ui-link:hover, .wthHeaderNav .headerSubNavlink a.ui-link:active, .wthHeaderNav .headerSubNavlink a.ui-link:visited {
    border: 0;
    border-radius: 0px;
    box-shadow: none;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto !important;
    line-height: 35px;
    margin: 0;
    padding: 0 11px 0 14px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    white-space: nowrap;
    width: auto;
    }

.headerSubNavlink:hover { background: #aecadf; }

.wthHeaderNav .wthHeaderNavMainLinks:hover .wthHeaderSubNavLinks,
.wthHeaderNav .wthNavMainLinkWrapper_3:hover .wthHeaderSubNavLinks {
    display: block !important;
} */

/*===============================================================================================================
    RESPONSIVE HEADER and UNSUPORTED BROWSER HEADER  
===============================================================================================================*/
.wth2-responsiveLogoBg, .wth2-unsuportedLogo {background:#ffffff;}
.wth2-responsiveLogoBg img {width:200px;}
.wth2-headerBar {background-color:#177ac0;}

.headerNavMainLink.ui-link { color: #333; }

.headerNavMainLink.ui-link:active {
    color: #333;
    background: #63a6d5;
}

.headerNavMainLink.ui-link:visited { color: #333; }

.wth2-popupResponsiveMenuContent li { width: auto; }

/*===============================================================================================================
  RESPONSIVE SRP 
===============================================================================================================*/
.wth2-resultsItinContainer.ui-grid-b.new-itin-card .wth2-respResultsCardButtons ul {
	border-color: var(--btn-info-tab);
	font-size: 16px;
}

.wth2-resultsItinContainer.ui-grid-b.new-itin-card .wth2-respResultsCardButtons li.wth2-respRCBtn { border-color: var(--btn-info-tab); }

.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a .wth2-respInfoButtonText { font-size: 16px; }

.wth2-resultsItinContainer.ui-grid-b.new-itin-card .wth2-respResultsCardButtons li.wth2-respRCBtnOn,
.wth2-resultsItinContainer.ui-grid-b.new-itin-card .wth2-respResultsCardButtons li.wth2-respRCBtnOn a .wth2-respInfoButtonText { background-color: var(--btn-info-tab); }

.wth2-resultsItinContainer.ui-grid-b.new-itin-card .wth2-respResultsCardButtons li.wth2-respRCBtn a,
.wth2-resultsItinContainer.ui-grid-b.new-itin-card .wth2-respResultsCardButtons li.wth2-respRCBtn a:visited { color: var(--btn-info-tab) !important; }

.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a .wth2-respInfoButtonText {
	font-size: 16px;
	text-decoration: none;
}
.wth2-resultsItinContainer.ui-grid-b .wth2-respInfoBtnTriangleDown:after {border-top:500px solid #393939 !important;}

/*===============================================================================================================
  MOBILE SHOWCRUISE 
===============================================================================================================*/
.wth2-scContentNavbar li.wth2-scContentNavbarLi a.wth2-expandCollapseScTabs.wth2-expandCollapseTabParent {border-color:#393939;background:#393939 !important;color:#fff;}

/* Header Styles */
#vo_header_container{width:984px;margin:0 auto;color:#ffffff;}
#vo_header_rule{border-bottom:18px #177AC0 solid;margin:18px 0px 0px 0px;padding:0px;}
#vo_header_logo{width:396px; float:left; margin:30px 0px 0px 11px;}
#vo_header_phone{line-height:1.3;float:right; font-size:13px;color:#D10101;font-family:Arial,sans serif; width:460px;  margin: 45px 20px 3px 0;text-align:right;}
.vo_header_phone_number {line-height:1;font-size:30px;font-weight:bold;color:#d10101;}
.expressService{font-size: 15px;margin-top:2px;}
.accessLink{font-size: 13px;color: #d10101 !important;text-decoration:underline;}
.accessLink:hover {font-size: 13px;color: #d10101 !important;text-decoration:underline;}
.accessLink:visited {font-size: 13px;color: #d10101 !important;text-decoration:underline;}
#VO_header_bottom_wide{min-height:74px;padding-bottom:11px;width:984px;}
.hdr_capLinkBar{margin:3px 0px 3px 0px; padding:0px;}
.wth2-google-header-ad {margin-bottom:-15px !important;}  
.clear {clear: both;}

.fa-exclamation-triangle{padding-right:3px;}

/* ----------------------------------------------*/
/* NEW - FLOATING HEADER BAR - DISPLAYS ON SCROLL*/
/* ----------------------------------------------*/
.floatingHeader {min-width:750px;margin:0 auto;position:relative;top:0;width:984px;z-index:10000;box-sizing:content-box!important;}
.floatingHeaderInner {visibility:hidden;height:80px;position:fixed;background:url('/images_unique/header_collapse_v.gif') no-repeat top;box-sizing:content-box!important;}
.floatheadPhone {display:none;}
.floatingHeader a {text-decoration:none!important;}
.floatingHeader .innerContainer { width: 969px;padding-right:15px;box-sizing:content-box!important;}
.floatingHeader .innerContainer .floatheadPhone{width:100%;font-size:30px;font-family:arial;float:right; color:#d10101;padding-top:17px;font-weight:bold;text-align:right;display:block;}   
.expressService {font-weight:normal}

/* ------------------------------ */
/* NAVIGATIONAL BAR - MAIN MENU:*/
/* ------------------------------ */

/* Image Default State */
#nav li a.navHome, #nav li a.navResorts, #nav li a.navHotels, #nav li a.navCruises, #nav li a.navCar, #nav li a.navHappy, .resortImage a, .hotelImage a, .cruiseImage a, .resortImage a:hover, .hotelImage a:hover, .cruiseImage a:hover {background-image: url('/images_unique/vo/header-nav/nav_sprite.gif') !important; background-repeat:no-repeat;}
#nav li a.navHome {background-position:0 -220px;width:106px;}
#nav li a.navResorts {background-position:-130px -220px;width:161px;}
#nav li a.navHotels {background-position:-320px -220px;width:90px;}
#nav li a.navCruises {background-position:-440px -220px;width:98px;}
#nav li a.navCar {background-position:-560px -220px;width:112px;}
#nav li a.navHappy {background-position:-700px -220px;width:373px;}

/* Image Hover State */
#nav li a.navHome:hover { background-position:0 -100px;}
#nav li a.navResorts:hover, #nav #aboutResorts:hover .navResorts, #nav #aboutResorts.over .navResorts {background-position:-130px -100px !important;height:80px !important;text-decoration: none !important;}
#nav li a.navHotels:hover, #nav #aboutHotels:hover .navHotels, #nav #aboutHotels.over .navHotels {background-position:-320px -100px !important;height:80px !important;text-decoration: none !important;}
#nav li a.navCruises:hover, #nav #aboutCruises:hover .navCruises, #nav #aboutCruises.over .navCruises {background-position:-440px -100px !important;height:80px !important;text-decoration: none !important;}
#nav li a.navCar:hover {background-position:-560px -100px !important;}
#nav li a.navHappy:hover {background-position:-700px -100px !important;}

/* Image Hover State -- over for ie */
#nav #aboutResorts:hover, #nav #aboutResorts.over {height:266px;}
#nav #aboutHotels:hover, #nav #aboutHotels.over {height:244px;}
#nav #aboutCruises:hover, #nav #aboutCruises.over {height:360px;}

/* ------------------------------ */
/*  NAVIGATIONAL BAR - SUBMENUS:  */
/* ------------------------------ */

#backdrop {clear:both;background-color: white;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;height: 110px;overflow: hidden;display:none;}
#nav li ul {display:none;position:absolute;top:80px;left:11px;}
#nav ul li {display:block;float:left;}
#nav li>ul {top:80px;left:11px;}
#nav li:hover ul, #nav li.over ul{margin:0;display:block;background:#63a6d5;width:969px;padding-top:16px;padding-bottom:16px;}

.resortImage{margin:25px 0 0 25px !important;width:240px;}
.resortImage a, .resortImage a:hover {width:240px !important;height:70px !important;background-position:0 -320px !important;text-decoration:none !important;}
.resortImage a:hover {text-decoration:none !important;}
.resortDeals a, .resortDeals2 a, .resortDeals3 a {margin-bottom:3px;}
.resortDeals{width:170px;}
.resortDeals2{margin-left:20px;margin-top:16px;width:170px;}
.resortDeals3{margin-left:20px;width:260px;}

.hotelImage{margin:20px 0 0 20px !important;width:245px;}
.hotelImage a, .hotelImage a:hover {width:220px !important;height:80px !important;background-position:-240px -320px !important;text-decoration:none !important;}
.hotelImage a:hover {text-decoration:none !important;}
.hotelDeals a, .hotelDeals2 a, .hotelDeals3 a {margin-bottom:3px;}
.hotelDeals{width:170px;}
.hotelDeals2{margin-left:20px;margin-top:16px;width:170px;}
.hotelDeals3{margin-left:20px;width:260px;}

.cruiseImage{margin:40px 0 0 55px !important;width:210px;}
.cruiseImage a, .cruiseImage a:hover {width:210px !important;height:66px !important;background-position:-460px -320px !important;text-decoration:none !important;}
.cruiseImage a:hover {text-decoration:none !important;}
.cruiseDeals a, .cruiseDeals2 a, .cruiseDeals3 a {margin-bottom:3px;}
.cruiseDeals{width:170px;}
.cruiseDeals2{margin-left:20px;width:210px;}
.cruiseDeals3{margin-left:20px;width:200px;}

.expHdrs{text-align:left;font-size:14px;font-weight:bold;color:#fff;}

/* ---------------End of Dropdown Navigation------------*/

/* Google plus 1 */
#hp_googleplus1 {float:right;padding:0px; margin-top:50px; width:auto;}
html > body #hp_googleplus1 {float:right;padding:0px; margin-top:50px; width:auto;}

/* ----------------------------- */
/* FOOTER SECTION                */
/* ----------------------------- */

.footerTopRule{width:984px;border-bottom:7px #177AC0 solid;margin:40px 0px 60px 0px;padding:0px;}
#crosslinks { line-height:1.3;font-size:11px; font-family: Arial;width: 984px;margin-top:20px;margin-bottom:40px;color: #393939;text-align:center;margin-left:auto;margin-right:auto; display: block !important;}
#footerNav {margin:12px 0px 0px 0px;text-align: center; color: #393939;}
#footerNav .link, #footerNav .link:hover, #footerNav .link:visited{color: #0000ff;}
.sellerlink, .sellerlink:hover, .sellerlink:visited {color: #0000ff !important;text-decoration:underline;}

/* layout CSS  
*************************************************************************/
/* Media Query for Desktops and laptops ----------- smaller screens are handled in wth.css */
.wth2-content {
	/* max-width:var(--WTH-site-max-width); */
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	}
.ui-popup-screen {min-width:984px;}
.wth2-persist-area {width:100%;margin-left:auto;margin-right:auto;} /* Used for floating header sites */
.wth2-results {width:100%;float:left;max-width:1090px;}
.wth2-sidebar {width:200px;display:block;float:left;padding-left:10px;}
.wth2-footerAd {margin:0 auto;width:984px;padding:10px 0 10px;text-align:center;}

/* NEXT GEN STYLES
*************************************************************************/
/**** NextGen Font Size Declarations ****/
.wth2-resultsPriceTerms .fa-asterisk {font-size:7px;}

.wth2-resultsItinContainer .wth2-bucketPrice .fa-asterisk {font-size:8px;}

.wth2-clickPrompt {font-size:12px;}

.wth2-breadcrumbs,
.wth2-anyDeptDay .ui-btn,
.wth2-simplePopup,
.wth2-iframePopupContent,
.wth2-brochurePrice,
.wth2-resultsBonuses,
.wth2-reviewSectionBox,
.wth2-bucketRateType .fa-tag,
.wth2-resultsMatches,
.wth2-reviewsLink,
.wth2-resultsPriceTerms,
.wth2-scTopSection .wth2-rateType .fa-tag,
.wth2-dayByDayItinSection table,
.wth2-shipOverview_accessText, 
.wth2-scSailingList .wth2-ageRestrictions,
.wth2-luxFill {font-size:13px;}

.fa-angle-right,
.ui-mobile label, 
div.ui-controlgroup-label, 
legend,
.wth2-refineSearchBox .ui-select .ui-btn select, 
.wth2-cruiseLineContainer h3,
.wth2-popupLightboxPhoto,
.wth2-iframePopupContent table,
.wth2-simplePopupHeader,
.wth2-errorFormMessage,
.wth2-featuredText,
.fa-anchor,
.wth2-departFrom,
.wth2-portsOfCall,
.wth2-shipitin,
.fa-globe,
.wth2-sailingDates,
.wth2-resultsPortsOfCall,
.fa-map-marker,
.wth2-resultsBonusHeader,
.wth2-resultsBonuses li,
.wth2-bucketPerNightPrice,
.wth2-bucketRateType,
.wth2-bucketType,
.fa-print,
.wth2-sailingListNavCountWrapper,
.wth2-adminSection,
.wth2-errorPage,
.wth2-errorMessage,
.wth2-warningMessage,
.wth2-sucessMessage,
.wth2-scTopH1Links,
.wth2-emailItinerary .fa-paper-plane,
.wth2-scBrochurePrice,
.wth2-departFrom,
.wth2-portsOfCall,
.wth2-scTopSection .wth2-shipitin,
.fa-globe,
.wth2-sailingDates,
.wth2-resultsPortsOfCall,
.fa-map-marker,
.wth2-scTopSection .wth2-cabinType,
.wth2-scTopSection .wth2-perNightPrice,
.wth2-scTopSection .wth2-rateType,
.wth2-scTabContent,
.wth2-dayByDayItinSection th,
.wth2-shipOverview_access, 
.wth2-agePregnancy_restrictions,
.wth2-shipOverview_accessHeader,
.wth2-scDeckplansContent .ui-grid-b .ui-block-a h2.wth2-keyToSymbols,
.wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOffers,
.wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOfferHeader,
.wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOffers li,
.wth2-scSailingList .wth2-weekDays,
.wth2-scSailingList .wth2-bucketRateType,
.wth2-scSailingList .wth2-viewAllSailingDatesLink,
.wth2-scSailingList .wth2-bonusOfferToggleLink,
.wth2-luxCopyInfo2, 
.wth2-luxThankyouText {font-size:14px;}

.wth2-resultsSortFilters label,
.wth2-sailingListNavCount span,
.wth2-adminTopLink .fa-chevron-up,
.wth2-forregCont .wth2-forregSubHeader,
.wth2-forregCont .wth2-ui-btn,
.wth2-cruiseSearch .fa-search,
.wth2-scDeckplansContent h3.wth2-roomName,
.wth2-bullet,
.wth2-scSailingList .wth2-dateRange,
.wth2-scSailingList .wth2-bucketType, 
.wth2-scSailingList .wth2-bucketPriceHeader, 
.wth2-searchTitle .wth2-resetSearch, 
.wth2-addDiscountsHeader,
.wth2-luxCopyInfo {font-size:16px;} 
.wth2-scTabs a {font-size:16px !important;}

.wth2-ui-btn,
.wth2-reviewsBubble, 
.fa-wheelchair,
.fa-info-circle,
.wth2-scStateroomsContent h3,
.wth2-scEntertainmentContent .ea_info,
.wth2-scDeckplansContent h2.wth2-stateroomCategories,
.wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceHeader .wth2-bucketPrice {font-size:18px;}

.wth2-warningMessage .fa-exclamation-circle,
.wth2-sucessMessage .fa-check-circle,
.wth2-searchTitle,
.wth2-lightBoxPopupHeader,
.wth2-resultsMatchesTotal,
h3.wth2-shipName,
.wth2-adminPhoneNbr,
.wth2-errorMessage .fa-exclamation-circle,
.wth2-scTopSection .wth2-shipName,
.wth2-highlightsContainer .text,
.wth2-scTabSubHeader,
.wth2-scTabContent .wth2-scTabContentTextLeft .text,
.wth2-scStateroomsContent h2,
.wth2-scDiningContent .fd_header,
.wth2-scEntertainmentContent .ea_margins_header,
.wth2-scDeckplansContent h3.wth2-deckName {font-size:20px;}

h2.wth2-brochureName,
.wth2-scBrochureName,
.wth2-scTabContent .wth2-tabContentHeader,
.wth2-sailingDateHeader {font-size:22px;}

.wth2-bucketPrice,
.wth2-bucketNA,
.wth2-bucketCall,
.wth2-pageTopH1,
.wth2-adminPhoneSection .fa-comments-o,
.wth2-adminEmailSection .fa-envelope {font-size:24px;}

.wth2-resultsItinContainer .wth2-bucketPrice { font-size: 32px; }

.wth2-thumbWrapper .arrow-left .fa-chevron-left, 
.wth2-thumbWrapper .arrow-right .fa-chevron-right {font-size:26px;} 

.wth2-scTopSection .wth2-lowLeadPrice {font-size:32px;}

.lightbox .arrow-left .fa-chevron-left, 
.lightbox .arrow-right .fa-chevron-right {font-size:36px;} 
/* End Font Size Declarations */

/**** NextGen Color Declarations ****/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper,
.wth2-simplePopUpContent, 
.wth2-iframePopupContent table,
.wth2-popupDatesContent,
.wth2-beBucketContent .wth2-bucketPrice,
.wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPrice {color:#393939 !important;}
/* buttons */

.wth2-ui-btn {
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
-moz-border-radius:3px !important; /* Firefox */
-ms-border-radius:3px !important; 
-o-border-radius:3px !important; 
-webkit-border-radius:3px !important; /* Safari and Chrome */
border-radius:3px !important;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
border-color:#8d0007 !important;
background: #d10101 !important; /* for non-css3 browsers */
text-shadow: none !important; /* Don't remove this - covers browsers which don't suppor text-shaddow  */
color:#fff !important;
font-weight:normal !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d10101', endColorstr='#ec0202'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#d10101), to(#ec0202)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #d10101,  #ec0202) !important; /* for firefox 3.6+ */
}

.wth2-ui-btn:active, .wth2-ui-btn:focus {background: #d10101 !important; box-shadow: #ec0202;}

.wth2-ui-btn:focus, .wth2-ui-btn:focus {outline:2px dotted #393939 !important;outline-offset:2px;}
.wth2-headerBar .ui-btn:focus {outline-color:#fff !important;}

/*Button Hover Status. Inverse of class above */
.wth2-ui-btn:hover {
    background-color:#ec0202 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec0202', endColorstr='#d10101'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ec0202), to(#d10101)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ec0202,  #d10101) !important; /* for firefox 3.6+ */
}

.wth2-pageTopH1, .wth2-headerH2, .wth2-headerH3, .wth2-headerH4, .wth2-headerH5 {color:#177ac0;} 

/* Search Results Page Styles */
/* Refine Search Widget  */
.wth2-refineSearchBox {
border: none !important; /* needs to be set to none because it breaks content in departure date drop down in IE9 and IE10 */
background: #177ac0; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a6d5', endColorstr='#177ac0',GradientType=0); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#63a6d5 ), to(#177ac0)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #63a6d5 ,  #177ac0); /* for firefox 3.6+ */
}

.wth2-shoppingZipCode .wth2-zipCodeLabel,
.wth2-cruiseLineContainer fieldset p {
	color:#393939 !important;
}

.wth2-refineSearchTitle {font-weight:bold;} 
.wth2-refineSearchBox h2, .wth2-refineSearchBox .wth2-updateSearchBtnContainer label, .wth2-refineSearchBox .wth2-cruiseLineContainer h3 {text-shadow:0px 1px 0px rgba(255, 255, 255, 0.25)}

.wth2-resultsCountSearch {color:#cdeaf9;}
.wth2-yourSelectionsHeader{color: #ffffff;}
.wth2-minifiedSearchContainer .moreFiltersSearchWidgetToggle, .wth2-searchTitle .wth2-resetSearch, .wth2-addDiscountsHeader, .wth2-yourSelections, .wth2-yourSelectionOptions .wth2-msRemoveFilter {color:#fff !important;}

.wth2-discountsCheckbox .ui-btn{color:#fff !important;}
.wth2-discountsCheckbox .ui-btn:hover, .wth2-updateSearchBtnContainer label , .wth2-shoppingZipCodeHint{color:#393939 !important;}
.wth2-cruiseLineContainer h3 {color:#fff;}
.wth2-discountsWhy {color:#cdeaf9 !important;}
.wth2-discountsWhy:hover {color:#d10101 !important;}
.wth2-simplePopupHeader, .wth2-lightBoxPopupHeader {color:#177ac0;} 

.wth2-multiTabSearch label{color: #fff !important;}

.wth2-resultsSortSection{background:#393939; /* for non-css3 browsers (#e0f1f3, to #a4d9df) */}
.wth2-resultsMatchesTotal{color:#FFFFFF;}
.wth2-resultsSortFilters label {color:#FFFFFF !important;}

.wth2-searchTitle,
.wth2-promoMultiselectVertical .wth2-shoppingZipCode .wth2-zipCodeLabel,
.wth2-promoMultiselectVertical .wth2-shoppingZipCodeHint,
.wth2-promoMultiselectVertical .wth2-updateSearchBtnContainer label,
#home_page_id .wth2-shoppingZipCode .wth2-zipCodeLabel,
#home_page_id .wth2-shoppingZipCodeHint {
	color: #fff !important;
}

.wth2-resultsItinContainer {background: #F2F2F2; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F2F2F2',GradientType=0); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE ), to(#F2F2F2)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FEFEFE ,  #F2F2F2); /* for firefox 3.6+ */}
.wth2-brochurePrice {background:#EFEFEF;border-bottom-color:#DDDDDD;color:#d10101;}
h2.wth2-brochureName a {font-weight:400;text-decoration:none;color:#0000ff !important;}
h2.wth2-brochureName a:hover {text-decoration:underline;color:#1e2ea3 !important;}
.wth2-shipCallout, .wth2-callout  {color:#d10101;}
.wth2-portsOfCall, .wth2-departFrom, .fa-globe, .fa-map-marker {color:#177ac0;}
.wth2-resultsBonusHeader {color:#177ac0;}
.wth2-bucketType {color:#177ac0;}
.wth2-bucketPrice {color:#d10101;}
.wth2-bucketRateType {color:#d10101;}
.wth2-reviewsBubble {
background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2234px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2034%2030%22%20enable-background%3D%22new%200%200%2034%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3ERectangle%2065%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20sketch%3Atype%3D%22MSPage%22%3E%3Cg%20transform%3D%22translate%28-583.000000%2C%20-1166.000000%29%22%20sketch%3Atype%3D%22MSArtboardGroup%22%3E%3Cpath%20sketch%3Atype%3D%22MSShapeGroup%22%20fill%3D%22%23d10101%22%20d%3D%22M585.84%2C1191.15c-1.569%2C0-2.84-1.304-2.84-2.911V1168.9c0-1.611%2C1.271-2.911%2C2.84-2.911h28.32c1.568%2C0%2C2.84%2C1.303%2C2.84%2C2.911v19.339c0%2C1.611-1.271%2C2.911-2.84%2C2.911h-10.348v4.86l-7.59-4.86H585.84z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    color:#fff;
} 

/* Admin Section  */
.wth2-adminSection, .wth2-floatingadminBackgroundSection {background: #393939 !important; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#393939', endColorstr='#393939'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#393939), to(#393939)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #393939,#393939) !important; /* for firefox 3.6+ */
color:#FFFFFF;
margin-bottom:0;
}
.wth2-adminCsLink, .wth2-adminEmailLink, .wth2-adminTopLink, .wth2-closeAdmin {color:#FFFFFF !important;text-decoration:none} /* use for link color overwrites if needed -- use !important */
.wth2-adminCsSection, .wth2-adminEmailSection {border-color:#FFFFFF;}
.wth2-adminPhoneNbr {color:#FFFFFF;}

/* Show Cruise Page Styles */
.wth2-scBrochurePrice {background:#EEEEEE;border-color:#DDDDDD;color:#d10101;}
.wth2-scBrochureName {font-weight:400;color:#177ac0;}
.wth2-scTopSection .wth2-cabinType span {color:#177ac0;}
.wth2-scTopSection .wth2-lowLeadPrice {color:#d10101;}
.wth2-scTopSection .wth2-rateType, .wth2-bucketRateType{color:#d10101;}

/*Itinerary Page - Tabs */
.wth2-scTabNavbar {background:#96c3e3 !important;border-color:#177ac0 !important;}
.wth2-scTabNavbar.ui-navbar ul {border-right: none; border-left: none;}
.wth2-scTabs {border-color:#177ac0 !important;}
.wth2-scTabs a {color:#0000ff !important;border-color:#96c3e3 !important;}
.wth2-scTabs .ui-btn-active, .wth2-scTabs .ui-btn:active, .wth2-scTabs .ui-btn:focus {border-color:#177ac0 !important;background: #177ac0 !important;color:#FFFFFF !important;}

/*Itinerary Page - New Ajax driven Tabs */
.wth2-scContentSection .wth2-scContentNavbar {background:#96c3e3;border-color:#177ac0;border-bottom-color:#177ac0;}
.wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs {background:#96c3e3;color:#0000ff !important;border-color:#177ac0 !important;}
.wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs[aria-expanded="true"], .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:active {border-color:#177ac0 !important;background: #177ac0 !important;color:#FFFFFF !important;}
@media (hover: hover) {
	.wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:hover 
        {border-color:#177ac0 !important;background: #177ac0 !important;color:#FFFFFF !important;}
	
}
.wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:hover,  .wth2-scContentSection .wth2-scContentNavbar .wth2-scContentSection .wth2-expandCollapseScTabs:active {border-left-color:#fff !important;border-right-color:#fff !important;}
.wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:focus, .wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs[aria-expanded="true"]:focus {outline:none !important;border-left-color:#fff !important;border-right-color:#fff !important;border-top:#d10101 4px solid !important;margin-top:-4px;}

.wth2-expandCollapseOuterWrapper h2 a {border-right-color:#999;border-left-color:#999;}

.wth2-dayByDayItinSection th {background:#edf5fa;color:#177ac0;}

.wth2-sailingDateHeader {color:#177ac0;}
.wth2-scSailingList .wth2-scSailingListHead, .wth2-scSailingList .wth2-scSailingListHead .ui-block-a,  .wth2-scSailingList .wth2-scSailingListHead .ui-block-b,.wth2-scSailingList .wth2-scSailingListHead .ui-block-d {background:#edf5fa !important;} 
.wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceHeader .wth2-bucketPrice , .wth2-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPriceMatch {color:#d10101 !important;}
.wth2-scSailingList .wth2-dateRange {color:#177ac0;}
.wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOfferHeader {color:#177ac0 !important;}

.wth2-scTabContent .wth2-tabContentHeader,
.wth2-scTabSubHeader,
.wth2-highlightsContainer .text,
.wth2-scTabContent .wth2-scTabContentTextLeft .text,
.wth2-scStateroomsContent h2,
.wth2-scStateroomsContent h3,
.wth2-scDiningContent .fd_header,
.wth2-scEntertainmentContent .ea_margins_header,
.wth2-scEntertainmentContent .ea_info,
.wth2-scDeckplansContent h2.wth2-stateroomCategories,
.wth2-scDeckplansContent h2,
.wth2-scDeckplansContent h3.wth2-deckName, .wth2-scDeckplansContent h3.wth2-roomName,
.wth2-scDeckplansContent .ui-grid-b .ui-block-a h2.wth2-keyToSymbols,
.wth2-shipOverview_accessHeader,
.wth2-forregCont .wth2-forregSubHeader,
.wth2-luxFill {color:#177ac0;}
.wth2-lightBoxContent legend, .wth2-lightBoxContent label {color:#333333;} 

/* Booking Engine Brand specific styles */
.wth2-termsAndConditions {padding-bottom:30px;border-bottom:#ccc 1px solid;} /*Not Brandable - adjusted per brand as needed based on footer*/
/* Booking Engine Brand Brand Colors that can be changed */
.wth2-beStepNavigation .wth2-beStepTriangleOff:after {border-left-color:#fff;  } /* OFF STATE: fill color of triangle  */
.wth2-beStepNavigation .wth2-beStepTriangleOn:after {border-left-color:#287528;  } /* ON STATE: fill color of triangle  background:#287528;border:#287528; */
.wth2-beStepNavigation .wth2-beStepTriangleChecked:after { border-left-color:#e9f4e1; }/* CHECKED STATE: fill color of triangle  background:#e9f4e1;border:#669257; */
.wth2-beStepNavigation .wth2-beStepTriangleOff:before {border-left-color:#ccc;} /* OFF STATE: border color of triangle  */
.wth2-beStepNavigation .wth2-beStepTriangleOn:before {border-left-color:#287528;} /* ON STATE: border color of triangle  border:#287528 1px solid;background:#287528;*/
.wth2-beStepNavigation .wth2-beStepTriangleChecked:before {border-left-color:#a7d49b;} /* CHECKED STATE: border color of triangle background:#e9f4e1;color:#669257;  */
.wth2-beStepNavigation .wth2-beStepOn {border-color:#287528;background:#287528;color:#fff;}
.wth2-beStepNavigation .wth2-beStepChecked {border-color:#a7d49b;background:#e9f4e1;color:#287528;}
.wth2-pricingSummary .wth2-bucketRateType {color:#287528;}  /* based on W.I.S.E. success color green #287528 */
.wth2-termsAndConditions {color: #393939;} 
.wth2-termsAndConditionsHeader {color: #393939;}
.wth2-termsAndConditionsSubHeader {color: #393939;} 
.wth2-beBucketHeader, .wth2-beBucketHeader:hover {background:#cae1f1 !important;color:#177ac0 !important;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.25)} /* Based on mobile style – sc.do – View Day by Day itinerary header color  */ 
.wth2-beBucketContent .wth2-roomUpgrade .wth2-roomUpgradeCallout, .wth2-roomTypeWrapper .wth2-roomUpgrade .wth2-roomUpgradeCallout {color:#d10101;} /* same color as wth2-bucketRateType  used on Step 2 and 3 (example on show cruise page for Senior/Past Guest/Resident Rate) */ 

/* Step Nav OFF states brandable place holder CSS  */
.wth2-beStepNavigation .wth2-beStepTriangleOff:after {border-left-color:#fff} /* border-left-color:#fff  */
.wth2-beStepOff {background-color:#fff;} /* background-color:#fff;  */
.wth2-beStepNavigation .wth2-beStep {color:#777;} /* color:#777; */
.wth2-beStepNavigation .wth2-beStepOff {border-color:#ccc;} /* border-color:#ccc; */
.wth2-beStepNavigation .wth2-beStepTriangleOff:before {border-left-color:#ccc;} /* border-left-color:#ccc; */

.wth2-callOverlay{background: #fff;z-index:20000;border-radius: 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);height: 260px;position: fixed;right: -420px;top: 150px;width: 420px;}
.wth2-callOverlay .wth2-header{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 20px;color: #FFF;border-radius: 3px;background-color: #177ac0;height: 55px;width:100%;}
.wth2-callOverlay .fa-comments-o{font-size: 30px;color: #FFF;padding: 10px;}
.wth2-callOverlay .wth2-phoneNumber{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 32px;color: #d10101;text-align: center;}
.wth2-callOverlay .wth2-content{font-family: Arial, Helvetica, sans-serif;font-weight: regular;font-size: 16px;color: #393939;text-align: center;line-height: 18pt;padding-bottom: 20px;padding-top: 20px;width: 100%;}
.wth2-callOverlay .wth2-subcontent{font-family: Arial, Helvetica, sans-serif;font-weight: regular;font-size: 14px;line-height: 24pt;color: #393939;text-align: center;}
.wth2-callOverlay .closeBtn{right:10px;} 

/* Customer Self Service Containers */
#css_login_page_id .wth2-content{font-family: Arial, sans-serif;font-size: 14px;}
#wth2-cssFAQcontainer, .wth2-cssLoginForm {
color:#fff !important;
border: none !important; /* Used to turn off border color - to turn on set: border-color:#333333; */
background: #63a6d5; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a6d5', endColorstr='#63a6d5',GradientType=0); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#63a6d5), to(#63a6d5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #63a6d5,  #63a6d5); /* for firefox 3.6+ */}
.wth2-cssLoginForm label{color:#fff !important;}
.wth2-cssLoginForm a,.wth2-cssLoginForm a:visited,.wth2-cssLoginForm a:active,.wth2-cssLoginForm a:hover{color:#fff !important; text-decoration:underline !important;}
.wth2-errorMessageTextOR{color:#177ac0!important;}

/* category page goal 1*/
.wth2-cat_version21Container a, .wth2-cat_version21Container a:visited {color:#0000ff;}

/* old styles used with jquery mobile */
.wth2-discountsCheckbox .ui-checkbox-on:after, .wth2-checkboxWrapperInfo .ui-checkbox-on:after, .wth2-checkboxWrapper .ui-checkbox-on:after {background-color:#d10101;border-color:#d10101;color:#fff;}
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after{background-color:#838383!important;}

/* radio color brand style */
.wth2-radioBtn .ui-radio-on:after {border-color: #177ac0 !important;}
label > input[type="radio"]:checked + *::before, label.ui-radio-on > input[type="radio"] + *::before {
    background: radial-gradient(white 0%, white 40%, #177ac0 50%, #177ac0);
    border-color: #177ac0;
}

/* checkbox color brand style */
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after, .wth2-styledCheckbox:checked + label:before{background-color:#393939 !important;}

/* results page buttons */
.wth3-btnMulti[aria-pressed="false"]{border-color: #fff;background: #fff !important;color: #393939;}
.wth3-btnMulti[aria-pressed="false"] .fa-plus {border-color: #393939;background: #393939 !important;color: #fff;opacity:1;}
.wth3-btnMulti[aria-pressed="true"]{border-color: #393939;background: #333333 !important;color: #fff;}
.wth3-btnMulti[aria-pressed="true"] .fa-times {border-color: #393939;background: #393939 !important;color: #fff;}

@keyframes pulse{
    0%{                      
        box-shadow:0 0 0 0 rgb(57, 57, 57, 0.7);
    }
    
    70%{
        box-shadow:0 0 0 10px rgb(57, 57, 57, 0);
    }
    
    100%{
        box-shadow:0 0 0 0 rgb(57, 57, 57, 0.7);
    }
}

/*Forced Reg Popup*/
.wth2-forcedEmailPopup p, .wth2-forcedEmailPopup label, .wth2-forcedEmailPopup a.ui-link:active, .wth2-forcedEmailPopup a.ui-link:visited, .wth2-forcedEmailPopup a.ui-link:hover, .wth2-forcedEmailPopup a.ui-link {text-shadow: 0 1px 0 #f3f3f3;}
.wth2-forcedEmailPopup .wth2-forregPopUpContent img{width:300px;height:auto;}

/*===============================================================================================================
    MAGNOLIA FOOTER STYLES 
===============================================================================================================*/
/* Structure */
/* #wthFooterModuleContainer{width:984px;margin: 10px auto;}
.wthFooterModules_1{text-align: center;font-size:11px;}
.wthFooterModules_2{text-align: center;font-size:11px;font-family:Arial,Helvetica,sans-serif;line-height: 12px;margin-top: 5px;}
.wthFooterModules_3{text-align: center;font-size:11px;font-family:Arial,Helvetica,sans-serif;line-height: 12px;} */
/* Module 1 */
/* .wthFooterModules_1 .footerLink,
.wthFooterModules_1 .footerLink:visited,
.wthFooterModules_1 .footerLink:active{
    margin: 0px 4px;
    font-size:11px;
}
.wthFooterModules_1 .footerLink{
    line-height: 25px;
}
.wthFooterModules_1 .footerLinksGroup_2 .customFooterHeading,
.wthFooterModules_1 .footerLinksList_2{
    display: inline-block;
}

.wthFooterLinksList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    justify-content: center;
}

.footerLinkLI {
    align-items: baseline;
    display: flex !important;
    flex-direction: row;
    margin: 0 4px 0 0;
}

.footerLinkLI>span { margin: 0 0 0 4px; }

.footerLinkLI i { margin: 0 3px;}
 */
/*** END MAGNOLIA FOOTER STYLES***/

/*landwidget - car rental widget*/
.wth2-vacationPackageWidget .searchWidgetHeaderWraper {
border: none !important;
background: #484848;
}
.wth2-vacationPackageWidget .landwidget{background: #177ac0; border: none !important;}
.wth2-vacationPackageWidget .landwidget label, .wth2-vacationPackageWidget .landwidget .wth2-formHint {color: #fff !important;}
.wth2-vacationPackageWidget .searchWidgetHeaderWraper span {padding-left: 15px;}
.wth2-vacationPackageWidget .landwidget .wth2-checkboxWrapper label:hover {text-shadow: none !important;}
.wth2-sidebar .rs_multiSearchBoxes.landwidget{width: 205px !important;}
.widgetcontainer.wth2-carRentalWidget input.date {width: 165px !important;}
.wth2-content .promo {overflow: visible !important;}  /*required because location picker got hidden*/
.wth2-multiTabSearch .wth2-refineSearchBox {color: #fff;background: none !important;}
.wth2-carRentalSearchBoxPL .wth2-checkboxWrapper label, .wth2-carRentalSearchBoxPL .wth2-checkboxWrapper label:hover {color: #fff;}

/* matterport */
.wth2-matterport-galleryThumbnail:hover .wth2-matterportSliderImagePlayIconBox {
	background-color: var(--BRAND-DARKRED);
}
.wth3-ln_filter_destinations_selections .wth3-hp_searchInput #autoComplete_list,  .wth3-hp_searchInput #autoComplete , .wth3-hp_searchInput #autoComplete:focus{
    width: 98%;
}
.wth3-ln_filter_destinations_selections #autoComplete, .wth3-ln_filter_destinations_selections #autoComplete:hover, .wth3-ln_filter_destinations_selections #autoComplete:focus {
    background-image: url(/images_unique/promo/icons/magnifier-black.svg) !important; 
}
.wth3-ln_filter_destinations_selections .wth3-hp_searchInput #autoComplete_list {
    margin: 0;
}
/* matterport */
.wth2-matterport-galleryThumbnail:hover .wth2-matterportSliderImagePlayIconBox {
	background-color: var(--BRAND-darkred);
}

/* matterport category page */

.wth3-roomType-popup-body::-webkit-scrollbar-thumb {
	background: var(--BRAND-darkred);
}

.wth3-virtualTour .wth2-cat_pointer:hover .wth3-matterportThumbnailPlayIcon {
	background: var(--BRAND-darkred);
}

.wth3-virtualTour .wth2-cat_pointer:hover .fa-play {
	color: #fff;
}

.wth2-cat-roomTypeName .wth3-playIcon {
	border: 2px solid #0066cc;

}

.wth3-mattterportTour .wth2-contain_cat_info a:hover .wth3-playIcon {
	border-color: #177ac0;
}

button.wth2-searchCategoryBtnItem.wth2-searchThemeButton{
color: #177ac0;
}

.wth2-multiTabSearch {
    display: grid;
    justify-items: center;
}