/* $Header: /WebSites/affiliate/includes/desktop/css/desktop_hh.css 52    10/16/20 5:38p Ehermance $  */
/* Baseline Structural Styles for the Mobile Platform. Styles shared across all sites $  */

@import url('https://fonts.googleapis.com/css?family=PT+Sans|Source+Sans+Pro');


/* GLOBAL SETTINGS
  ----------------------------- */
:root {
	/* defined brand colors (this brand only; do not use oustide of this :root pseudo class) */
	--BRAND-BLACK: #000 !important;
	--BRAND-BLUE: #005789 !important;
	--BRAND-BROWN: #6b624e !important;
	--BRAND-CULTUREDPEARL: #f7f7f7 !important;
	--BRAND-DARKGRAY: #454545 !important;
	--BRAND-LIGHTBLUE: #3399ff !important;
	--BRAND-ORANGE: #fc7a38 !important;
	--BRAND-TEAL: #005e61 !important;
	--BRAND-WHITE: #fff !important;

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

	--btn-primary-bg: var(--BRAND-BLUE);
	--btn-primary-border: var(--BRAND-BLUE);
	--btn-primary-txt: var(--BRAND-WHITE);
	--btn-primary-bg_hover: var(--BRAND-LIGHTBLUE);
	--btn-primary-border_hover: var(--BRAND-LIGHTBLUE);
	--btn-primary-txt_hover: var(--BRAND-WHITE);

	--btn-selected-color: #ffca4f;
 

	--btn-secondary-bg: var(--BRAND-BLUE);
	--btn-secondary-border: var(--BRAND-BLUE);
	--btn-secondary-txt: var(--BRAND-WHITE);
	--btn-secondary-bg_hover: var(--BRAND-LIGHTBLUE);
	--btn-secondary-border_hover: var(--BRAND-LIGHTBLUE);
	--btn-secondary-txt_hover: var(--BRAND-WHITE);

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

	--txt-accent-primary: var(--BRAND-BLUE);
	--txt-accent-secondary: var(--BRAND-TEAL);
	--txt-body: var(--BRAND-DARKGRAY);
	--txt-link: var(--BRAND-BLUE);

	--txt-header-primary: var(--BRAND-CULTUREDPEARL);
	--bg-header-primary: var(--BRAND-BROWN);
	--txt-header-primary_inverse: var(--BRAND-BROWN);
	--bg-header-primary_inverse: var(--BRAND-CULTUREDPEARL);

	--txt-header-secondary: var(--BRAND-DARKGRAY);
	--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 */
}


/* Global Styles */

/* Global Declarations */
html, body, input, textarea, button, .ui-btn {
	font-family: 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
	color: #4c4c4c;
}
select {font-family: Arial, Helvetica, Sans-Serif;}

.wth2-expandCollapseScTabs[aria-expanded="true"] {
    color: initial;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	font-size:14px;
}

.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: none;
	color: #005789 /*{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: #3399FF /*{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: none;
	color: #555555 /*{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: #005e61 /*{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;
}

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

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

/* results page buttons end */

/*===============================================================================================================
	RESPONSIVE HEADER and UNSUPORTED BROWSER HEADER  
===============================================================================================================*/
.wth2-responsiveLogoBg, .wth2-unsuportedLogo {background:#fff;}
.wth2-responsiveLogoBg img {width:175px;}
.wth2-headerBar {background-color:#ddd5c7;}

.wth2-resultsSortSection .wth2-anyMultiSelect .ui-btn, .wth2-headerBar .ui-btn, .wth2-refineSearchBox .ui-btn, 
.wth2-seeDetailBtn .wth2-ui-btn, .wth2-adminEmailSubmit .wth2-ui-btn {outline-color: #000000 !important;}

/*===============================================================================================================
  RESPONSIVE SRP 
===============================================================================================================*/
.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a, .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a:visited {background:#666;color:#fff !important;}
.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a, 
.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:hover, 
.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:visited, 
.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:active, 
.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtnOn a:focus {background:#00558C;}

.wth2-resultsItinContainer.ui-grid-b .wth2-respInfoBtnTriangleDown:after {border-top:500px solid #00558C !important;}

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

.wth2-beFooter {position:relative;}
.poweredByLogo {position:absolute;left:15px;top:0;}
.hp_moreinfo_content_wrap_be {text-align:center;}
.hp_moreinfo_content_inner_be {padding:0 15px;margin-top:0;}
.footer_legal_be {padding:5px 15px 20px;font-size:10px;}

@media only screen and (min-width:10px) and (max-width:1023px) {
	.poweredByLogo {position:relative;left:3px;}	
	.hp_moreinfo_content_wrap_be {text-align:left;padding-top:10px;}
	.hp_moreinfo_content_inner_be {padding:0 5px;}
	.footer_legal_be {padding:5px 5px 20px;}
}

/* layout CSS  
*************************************************************************/
/* Media Query for Desktops and laptops ----------- smaller screens are handled in wth.css  */
.wth2-persist-area {margin-left:auto;margin-right: auto;}
.header_phone_text_be{margin-top:-40px;margin-right:12px;}
.header_phone_text_be #headerPhoneFunction{
	display:block;
	font-family: 'Source Sans Pro', Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size:36px;
	line-height:75px; 
	color: #ffffff; 
	text-align: right;
}

.wth2-footer {width:100%;padding-bottom:30px;background:#f0edea;border-top:5px #fc7a38 solid;}
.wth2-content {max-width:1280px;margin-left:auto;margin-right:auto;background:#fff; padding-left: 10px;
    padding-right: 10px;}
.ui-popup-screen {min-width:1024px;}
ln_filter_destinations_selections .wth3-hp_searchInput #autoComplete_list, .wth3-hp_searchInput #autoComplete {
    width: 98% !important;
}

/* ---------------------------------------- */
/* CHOICE HEADER & FOOTER FOR B/C PAGES     */
/* ---------------------------------------- */
.header_container{max-width:1280px;margin:0 auto;}
.header_phone_container{font-family: 'Source Sans Pro', Arial, Helvetica, Sans-Serif; text-align:right;color:#ffffff;padding-top:24px;}
.header_logo_container{margin-top:10px;}

.footer_wrap{max-width:1280px;margin:0 auto;}
.poweredByLogo{display:none;}
.hp_moreinfo_content_text, .hp_moreinfo_content_text a{
	font-family: 'Source Sans Pro', Arial, Helvetica, Sans-Serif; 
	font-size: 16px;
	line-height: 1.3em;
	font-weight: normal;
	margin:24px 0 24px 0;
}
.footer_legal_be{font-size: 14px;text-align: center;}

/* -------------------------------------- */
/*  HEADER NAVIGATION STYLES              */
/* -------------------------------------- */

.wth2-header {
	margin-left:auto;	
	margin-right:auto;
	width:100%;
	background: -moz-linear-gradient(top,  #005789 0%, #005789 44%, #fc7a38 45%, #fc7a38 48%,#ffffff 49%, #ffffff 100%); 
	background: -webkit-linear-gradient(top,  #005789 0%, #005789 44%, #fc7a38 45%, #fc7a38 48%,#ffffff 49%, #ffffff 100%); 
	background: linear-gradient(to bottom, #005789 0%, #005789 44%, #fc7a38 45%, #fc7a38 48%,#ffffff 49%, #ffffff 100%);
}

/* Structure */

.wthHeaderWrap {
	min-height: 160px;
}

.wth3-ln_filter_destinations_selections .wth3-hp_searchInput #autoComplete_list,  .wth3-hp_searchInput #autoComplete {
    width: 98%;
} 

.wthHeaderModules_1{width:30%; float:left;min-height:54px;}  /* Powered By */
.wthHeaderModules_2{width:70%; float:right;min-height:54px;}  /* Phone with reservation and call experts */
.wthHeaderModules_3{width:35%; float:left;} /* Logo */
.wthHeaderModules_4{width:65%; float:right;min-height:54px;}  /* Nav */
.wthHeaderModules_5{clear:both;width:100%; text-align:right;float:none; position: relative; top: 0px; left: 0;}  /* Travel Advisory */

/* Module 1: Poweredby */
.wthPoweredBy{margin-top: 24px;color:#ffffff;font-size:16px;font-weight:bold;}

/* Module 2: Position Phone and reservations */

.wthCruResPipeLeft{display:none;}
.wthCruResPipeRight{display:none;}

/* Module 3: Logo */
.wthHeaderLogo{margin-top: 20px; width:268px;float:left;}
.wthHeaderLogo img{width:268px;}


/* Module 5: Travel advisory */

/* -----------------------------------------*/
/* Module 4: MAGNOLIA Top Nav and Dropdowns */
/* -----------------------------------------*/

/* 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,
.wth2-ui-btn {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-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-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:#4c4c4c important;}

.wth2-ui-btn {
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	-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:#005789 !important;
	background: #005789 !important; /* for non-css3 browsers */
	background: -moz-linear-gradient(top, #005789, #005789); /* FF3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005789), to(#005789)); /* Chrome,Safari4+ */	
	background: -webkit-linear-gradient(top, #005789, #005789); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #005789, #005789); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #005789, #005789); /* IE10+ */
	background: linear-gradient(to bottom, #005789, #005789); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005789', endColorstr='#005789'); /* IE6-9 */
	text-shadow: none !important; /* Don't remove this - covers browsers which don't support text-shaddow  */
	color:#fff !important;
	font-weight:bold !important;
	text-transform:uppercase;
}

.wth2-ui-btn:active, .wth2-ui-btn:focus {
	background:#005789  !important;	
	background: -moz-linear-gradient(top, #005789, #005789); /* FF3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005789), to(#005789)); /* Chrome,Safari4+ */	
	background: -webkit-linear-gradient(top, #005789, #005789); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #005789, #005789); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #005789, #005789); /* IE10+ */
	background: linear-gradient(to bottom, #005789, #005789); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005789', endColorstr='#005789'); /* IE6-9 */
	-moz-box-shadow:#3388CC;
    	-webkit-box-shadow:#3388CC;
   	box-shadow:#3388CC;
}
.wth2-ui-btn:focus, .wth2-ui-btn:focus {outline:2px dotted #000 !important;outline-offset:2px;}

/*Button Hover Status. Inverse of class above */
.wth2-ui-btn:hover {
	background-color:#3399ff !important;
	background: -moz-linear-gradient(top, #3399ff, #3399ff); /* FF3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3399ff), to(#3399ff)); /* Chrome,Safari4+ */	
	background: -webkit-linear-gradient(top, #3399ff, #3399ff); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3399ff, #3399ff); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3399ff, #3399ff); /* IE10+ */
	background: linear-gradient(to bottom, #3399ff, #3399ff); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399ff', endColorstr='#3399ff'); /* IE6-9 */
}	

.wth2-adminEmailSubmit .ui-btn:hover, .wth2-continueBtn  .ui-btn:hover{font-weight:bold !important;}
.wth2-adminEmailSignup .wth2-ui-btn:hover{font-weight:bold !important;}

.wth2-pageTopH1, .wth2-headerH2, .wth2-headerH3, .wth2-headerH4, .wth2-headerH5 {color:#005789 !important;} 

/* Refine Search Widget  */
.wth2-refineSearchBox {
	border-color:none;
	background: #005789; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005789', endColorstr='#005789',GradientType=0); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#005789), to(#005789)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #005789,  #005789); /* for firefox 3.6+ */
}

.wth2-searchbutton .wth2-ui-btn {
	color:#4A4024 !important;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	padding:0 40px;
	line-height:40px;
	-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:#ffca4f !important;
	text-shadow: none !important; /* Don't remove this - covers browsers which don't support text-shaddow  */
	text-transform: uppercase;	
	font-weight:bold !important;
	background: #ffca4f !important; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca4f', endColorstr='#ffca4f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffca4f), to(#ffca4f)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffca4f,  #ffca4f) !important; /* for firefox 3.6+ */
}

.wth2-searchbutton .wth2-ui-btn:active, .wth2-searchbutton .wth2-ui-btn:focus {
	background:#ffca4f !important;
}

.wth2-searchbutton .wth2-ui-btn:hover {
	font-weight:bold !important;
	background-color:#fc7a38 !important;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7a38', endColorstr='#fc7a38'); /* for IE */
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc7a38), color-stop(1, #fc7a38) ) !important;
    	background:-moz-linear-gradient( center top, #fc7a38 5%, #fc7a38 100% ) !important;
}

.wth2-searchTitle, .wth2-cruiseLineContainer fieldset p {color:#ffffff !important;}
.wth2-refineSearchTitle {font-weight:bold;color:#ffffff} 
.wth2-refineSearchBox h2, .wth2-refineSearchBox .wth2-updateSearchBtnContainer label, .wth2-refineSearchBox .wth2-cruiseLineContainer h3 {text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25)}

.wth2-resultsCountSearch {color:#ffffff;}
.wth2-yourSelectionsHeader {color: #ffffff;}

.wth2-searchTitle .wth2-resetSearch, .wth2-addDiscountsHeader, .wth2-yourSelections,
.wth2-yourSelections a{color:#ffffff !important;text-decoration:underline;}
.wth2-yourSelections a:hover{color:#ffffff !important;text-decoration:none;}

.ui-mobile label, div.ui-controlgroup-label, legend, .wth2-discountsCheckbox .ui-btn:hover, .wth2-updateSearchBtnContainer label, .wth2-itinDetailsLabel, .wth2-radioBtn .ui-btn {color:#4c4c4c !important;}
.wth2-discountsCheckbox .ui-btn:hover, .wth2-updateSearchBtnContainer label{color:#fff !important;}

.wth2-discountsCheckbox .ui-checkbox-on:after, .wth2-checkboxWrapperInfo .ui-checkbox-on:after, .wth2-checkboxWrapper .ui-checkbox-on:after {background-color:#005789;border-color:#005789;color:#fff;}
.wth2-cruiseLineContainer h3 {color:#fff;}
.wth2-discountsWhy {color:#ffffff !important;}
.wth2-discountsWhy:hover {color:#fc7a38 !important;}
.wth2-simplePopupHeader, .wth2-lightBoxPopupHeader {color:#4c4c4c;} 

/* C-Column Maggie */
.promomaggie{float: left;width: 100%;}
#maggie_ccol_promo_container {
    margin-top: 25px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background-color: #efefef;
    padding: 10px;
    color: #444;
}
.maggie_promo_icon {
    float: left;
    width: 75px;
    margin-left: 10px;
    height: 50px;
    color: #005e61;
    font-size: 55px;
}
.maggie_ccol_promoheading {
    font-size: 16px;
}
.maggie_ccol_promophone {
    color: #4c4c4c;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
}

/* Search Results Page Styles */

.wth2-resultsSortSection{
	color:#4c4c4c !important; /* 508 tabbing */
	background:#005789 ; /* for non-css3 browsers (#e0f1f3, to #a4d9df) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005789', endColorstr='#005789'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#005789), to(#005789)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #005789,  #005789); /* for firefox 3.6+ */
}
.wth2-resultsMatchesTotal{color:#ffffff;}
.wth2-resultsSortFilters label {color:#ffffff !important;}
.wth2-resultsItinContainer {
	background:#F2F2F2 ; /* for non-css3 browsers (#e0f1f3, to #a4d9df) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#F2F2F2'); /* 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:#6b624e;border-bottom-color:#6b624e;color:#ffffff;}
h2.wth2-brochureName, h2.wth2-brochureName a {font-weight:bold;text-decoration:none;color:#005789 !important;}
h2.wth2-brochureName a:hover {text-decoration:none;color:#3399ff !important;}
.wth2-shipCallout, .wth2-callout  {color:#005e61;}
.wth2-portsOfCall, .wth2-departFrom, .fa-globe, .fa-map-marker {color:#005e61;}
.wth2-resultsBonusHeader {color:#6b624e;}
.wth2-bucketType {color:#005e61;}
.wth2-bucketPrice {color:#005789 !important;}
.wth2-bucketRateType {color:#005e61;}
.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%23005e61%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:#ffffff;
} 
/* Admin Section  */
.wth2-adminSection, .wth2-floatingadminBackgroundSection {
	background: #005789 !important; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005789', endColorstr='#005789'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#005789), to(#005789)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #005789,  #005789) !important; /* for firefox 3.6+ */
	color:#fff;
}
.wth2-adminCsSection, .wth2-adminEmailSection {border-color:#FFFFFF;}
.wth2-adminCsLink, .wth2-adminEmailLink, .wth2-adminTopLink, .wth2-closeAdmin {font-weight:normal !important;text-decoration: underline !important;; color:#FFFFFF !important;} /* use for link color overwrites if needed -- use !important */
.wth2-adminCsLink:hover,.wth2-adminEmailLink:hover, .wth2-adminTopLink:hover, .wth2-closeAdmin:hover {text-decoration: none !important}

.wth2-adminPhoneNbr {color:#FFFFFF;}

/* Show Cruise Page Styles */
.wth2-scBrochurePrice {background:#6b624e;border-color:#ddd;color:#ffffff;}
.wth2-scBrochureName {font-weight:400;color:#005789;}
.wth2-scTopSection .wth2-cabinType span {color:#005e61;}
.wth2-scTopSection .wth2-lowLeadPrice {color:#005789;}
.wth2-scTopSection .wth2-rateType {color:#005e61;}

/*Itinerary Page - Tabs */
.wth2-scTabNavbar {background: var(--BRAND-CULTUREDPEARL) ;border-color:#000066;}
.wth2-scTabNavbar.ui-navbar ul {border-right: none;border-left: none;}
.wth2-scTabs {border-color:#005789 !important;}
.wth2-scTabs a {color:#4c4c4c !important;border-color:#999999  !important;}
.wth2-scTabs .ui-btn-active, .wth2-scTabs .ui-btn:active, .wth2-scTabs .ui-btn:focus {border-color:#197A7F !important;background:#005789 !important;color:#FFFFFF !important;}

/*Itinerary Page - New Ajax driven Tabs */
.wth2-scContentSection .wth2-scContentNavbar {background:var(--BRAND-CULTUREDPEARL);border-color:#000066;border-bottom-color:#005789;}
.wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs {background: var(--BRAND-CULTUREDPEARL);color:#4c4c4c !important;border-color:#005789 !important;}
.wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs[aria-expanded="true"], .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:active {border-color:#005789 !important;background: #005789 !important;color:#FFFFFF !important;}
@media (hover: hover) {
	.wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:hover 
		{border-color:#005789 !important;background: #005789 !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:#fc7a38 4px solid !important;margin-top:-4px;}


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

.wth2-dayByDayItinSection th {background: var(--BRAND-CULTUREDPEARL);color:#6b624e;}

.wth2-sailingDateHeader {color:#4c4c4c;}
.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: var(--BRAND-CULTUREDPEARL) !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:#005789 !important;}
.wth2-scSailingList .wth2-dateRange {color:#005789;}
.wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOfferHeader {color:#6b624e !important;}


.wth2-scTabContent .wth2-tabContentHeader,
.wth2-highlightsContainer .text,
.wth2-scTabSubHeader,
.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:#4c4c4c;}


/* Booking Engine Brand specific styles */
.wth2-termsAndConditions {padding-top:0;} /*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:#005789;  } /* ON STATE: fill color of triangle  background:#287528;border:#287528; */
.wth2-beStepNavigation .wth2-beStepTriangleChecked:after { border-left-color: var(--BRAND-CULTUREDPEARL); }/* 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:#005789;} /* ON STATE: border color of triangle  border:#287528 1px solid;background:#287528;*/
.wth2-beStepNavigation .wth2-beStepTriangleChecked:before {border-left-color:#fc7a38;} /* CHECKED STATE: border color of triangle background:#e9f4e1;color:#669257;  */
.wth2-beStepNavigation .wth2-beStepOn {border-color:#005789;background:#005789;color:#fff;}
.wth2-beStepNavigation .wth2-beStepChecked {border-color:#fc7a38;background: var(--BRAND-CULTUREDPEARL);color:#005789;}
.wth2-pricingSummary .wth2-bucketRateType {color:#6b624e;}  /* based on W.I.S.E. success color green #287528 */
.wth2-termsAndConditions {color:#4c4c4c;} 
.wth2-termsAndConditionsHeader {color:#4c4c4c;}
.wth2-termsAndConditionsSubHeader {color:#4c4c4c;} 
.wth2-beBucketHeader, .wth2-beBucketHeader:hover {background:#005789  !important;color:#ffffff !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:#025C5E;} /* 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; */


/* Customer Self Service Containers */
#css_login_page_id .wth2-content{font-family: Arial, sans-serif;font-size: 14px;}
#wth2-cssFAQcontainer, .wth2-cssLoginForm {
color:#333;
border-color:none;
background: #DDDDDD; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#DDDDDD',GradientType=0); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DDDDDD)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #DDDDDD,  #DDDDDD); /* for firefox 3.6+ */}

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

/* 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:#fc7a38 !important;}

/* cat page goal one */
.wth2-cat_version21Container a, .wth2-cat_version21Container a:visited {color:#005789;}
/* .wth2-cat_button_select{width:128px;} */

/*Forced Registration Popup*/
.wth2-forcedEmailPopup p, .wth2-forcedEmailPopup label{color:#4c4c4c !important;}
.wth2-forcedEmailPopup .wth2-submitButton a {font-size: 18px;}
.wth2-cssEmailHint{color:#005789;}


/* New Email Signup -- /mobile/promotion/email/new-signup.do */
.wth2-sweepStakesStatusLive, 
.wth2-sweepStakesStatusEnded {display: none !important;}

.mag_content_whybook {width: 98%;}
.mag_content_whybook_inner_wrap {margin-bottom: 5px; padding-bottom: 5px;}
.mag_content_whybook_benefit_wrap {clear: both;}
.mag_content_whybook_icon_wrap {margin: 10px 10px 0 0; padding: 10px 10px; text-align: center; color: rgb(255, 255, 255); font-size: 30px; float: left; background-color: #f57f26; width: 38px;}
.mag_content_whybook_copy {padding-top: 10px; padding-left: 5px;}
.mag_content_whybook_heading {padding-bottom: 5px; font-weight: bold;}


/* matterport */
.wth2-matterport-galleryThumbnail:hover .wth2-matterportSliderImagePlayIconBox {
	background-color: var(--btn-primary-bg_hover);
}

/* matterport category page */
 

 

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

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

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

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

}

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

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

.wth2-searchCategoryLinkWrapperBtn a:visited {
	color: #005789;
}
.wth2-resultsItinContainer .ui-block-c.wth2-bonusOffersInfo {
	width: 65% !important;
}