/* $Header: /WebSites/affiliate/includes/desktop/css/desktop_0.css 50    6/05/19 15:53 Mjeffery $  */
/* Baseline Structural Styles for the Mobile Platform. Styles shared across all sites $  */

/* Global Styles */
html,body,input,select,textarea,button,.ui-btn {
	font-family: Arial, sans-serif;
}

.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: #ce0c88 /*{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: underline;
	color: #007db1 /*{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: #463c8f /*{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: #ee453d /*{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;
}


/* -------------------------------------------------------------------- */
/*  HEADER NAVIGATION - redesign 11/2017   */
/*  HAWAIIAN AIR HEADER  (11/17 Bug 110362) - info supplied from vendor */
/* -------------------------------------------------------------------- */
.ha_header_wrap {width:100%; background:#ffffff; height:103px;margin:0; padding-top:14px;}
.ha_header_container {width:984px; margin:0px auto;}

.ha_help_nav_container {float:right; text-align:right; min-width:500px;}
#ha_mag_header_logo {float:left; text-align:left;margin-top:6px;width:220px;}
#ha_mag_header_logo img {width:196px; height:54px; border:0px;}

ul#ha_help_nav {margin:0px; padding:0px; list-style-type: none;}

li#headerCruiseReservation,li#headerAdvisory,
li#help_nav_search,li.help_nav {display: inline-block;}

.wthHeaderWrap .wthTravelAdvisoryLink, 
.wthHeaderWrap .wthTravelAdvisoryLink:focus,
.wthHeaderWrap .wthTravelAdvisoryLink:active, 
.wthHeaderWrap .wthTravelAdvisoryLink:visited,
#ha_help_nav, 
#ha_help_nav a, 
#ha_help_nav a:active, 
#ha_help_nav a:visited {
	font-style: normal;
	font-size:16px;
	font-family: SlatePro-Light, Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: none;
	text-decoration:none;
	line-height: 1.43;
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	margin-left: 15px;
	color: #000000 !important;
}

.wthHeaderWrap .wthTravelAdvisoryLink:hover,
#ha_help_nav a:hover {
	color: #463C8F  !important;
	text-decoration:none !important;
}

.ha_main_nav_container {text-align:right;}
ul#ha_main_nav {margin:0px; padding:0px; list-style-type: none;}

li.main_nav_first {
	display: inline-block;  
	height: 16px;  
	text-align: right;  
	text-transform: none; 
	padding-right:0px;
}
li.main_nav {
	display: inline-block;  
	height: 16px;  
	text-align: right;  
	text-transform: none; 
	padding:0px 0px 0px 20px;
}

a.ha_main_nav_links, a.ha_main_nav_links:visited, a.ha_main_nav_links:hover, a.ha_main_nav_links:active{
	text-decoration:none !important;
	text-align:right;
	padding-bottom:8px;
	font-style: normal;
	font-size: 19px;
	font-family: SlatePro, Helvetica, Arial, sans-serif;
	font-weight: normal; 
	text-transform: none;
	line-height: 1.25;
	letter-spacing: 0em;
	-webkit-font-smoothing: antialiased;
	display: block;
	color: #221F1F;
}
a.ha_main_nav_links:hover {border-bottom:4px solid #4D2E91;}


/*  Booking Engine Header Content */
.ha_bc_header_cont {width:100%;float:left;padding-top:20px;} 
a.ha_bc_header_cruise_home {display:block;float:left;text-align:left;width:50%;text-indent:20px;line-height:32px;color:#b93293 !important;font-size:14px;text-decoration:none;}
a.ha_bc_header_cruise_home:hover {text-decoration:underline;}
.ha_bc_header_cont .ha_bc_header_phone {float:left;width:50%;text-align:right;line-height:26px;font-size:22px;color:4e2f91;font-weight:bold;}

#ha_header_logo {float:left; text-align:left; width:300px; padding-left:20px; padding-top:12px;}
.ha_header_logo_link, .ha_header_logo_link:hover {
	display:block; 
	width:196px; 
	height:54px;  
	background-image:url('/images_unique/logos/brand/HAWEB.png') !important; 
	background-repeat:no-repeat; 
	background-position:0 0; 
	background-size:196px 54px;
}



/* ------------------------------------------------------- */
/*  SECONDARY HEADER NAVIGATION  WITH BACKGROUND GRADIENT  */
/* ------------------------------------------------------- */

/* MAGNOLIA HEADER STYLES */
.wthHeaderModules_1 {}
.wthHeaderModules_2 {
	width:100%;
	min-width:984px;
	min-height:115px;
	background:#ce0c88;
	background: -moz-linear-gradient(left, #ce0c88 0%, #463c8f 100%); /* FF3.6-15 */	
	background: -webkit-linear-gradient(left, #ce0c88 0%,#463c8f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ce0c88 0%,#463c8f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0c88', endColorstr='#463c8f',GradientType=1 ); /* IE6-9 */
	text-align:left; 
}
.wthHeaderModules_3 {width:984px;margin:0 auto;text-align:left;}
.wthHeaderModules_4 {width:984px;margin:0 auto;text-align:right;}
.wthHeaderModules_5 {position:relative;top:0;left:0;width:984px;margin:0 auto;}


.wthHeaderWrap #travelAdvisoryWrapper{
	position:absolute;
	top:-218px;
	left:285px;
}

.wthHeaderPhone {
	clear:both;
  	float: right;
  	text-align: right;
  	display:table;
  	width:100%; 
  	margin-top:-48px; 
}
.wthHeaderPhoneNumber {
  float: right;
  margin-left:5px;
  font-size: 16px;
  line-height:16px;
  color: #e1e3e4; 
  font-weight:normal;
  display: table-row-group;
}

#wthHdrMainPhone, #wthHdrAltPhoneText{font-weight:bold;}
#wthHdrLuxPhone, #wthHdrMainPhone, #wthHdrGroupPhone,  #wthHdrAltPhoneLabel, #wthHdrAltPhoneText, #wthHdrPhoneLabel {display:inline-block;}
#wthHdrPhoneLabel, #wthHdrAltPhoneLabel{margin-right:6px;}

.wthHeaderPhoneText {
  clear:both;
  font-size: 14px;
  line-height:1.3em;
  color: #e1e3e4;
  display: table-header-group;
  display:none;
}

#wthHdrMainPhone:after{ 
	font-weight:normal;
	padding-left:8px;
	padding-right:6px;
        content: "|";
}

.CruiseNavHeader{
        position:absolute;
	clear:both;
  	text-align: left;
  	display:table;
  	width:984px; 
  	margin:-80px auto 0 auto; 
  	font-size: 35px;
	line-height:16px;
	font-weight:normal;
	color: #ffffff;
}
.CruiseNavHeader a, .CruiseNavHeader a:visited, .CruiseNavHeader a:active, .CruiseNavHeader a:hover {
	color:#ffffff;
	text-decoration:none;
}


/* MAGNOLIA Top Nav and Dropdowns */
.wthHeaderNav {width: 984px;margin:0 auto; z-index: 2;}
.wthHeaderNav .wthHeaderNavMenu { display:inline; margin:0px; padding:0px;}
.wthHeaderNav .wthHeaderNavMenu li {display:inline; float:left; position:relative; z-index:100;}
.wthHeaderNav .wthHeaderNavMainLinks {position: relative; top: 0px; z-index: 100;margin-top:60px;}

.wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink, 
.wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:hover,
.wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:active,
.wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:visited {
    display:block;
    text-decoration:none; 
    margin-top: 0px;
    margin-left:0px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform:initial;
    line-height:30px;
    border-left:0px solid #afcfff; 
    border-top:0px solid #afcfff;
    border-right:0px solid #afcfff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: none;
    font-family: Arial, sans-serif;
    margin: 0px 21px 0px 0px;
    min-height:33px;
}
.wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:hover {
    color: #ffffff;
}

.wthHeaderNav .wthHeaderNavMainLinks a.headerNavMainLink:before{
	font-weight:normal;
        padding-right:10px;
        content: "|"; 
}
.wthHeaderNav .wthHeaderNavMainLinks a.wthNavMainLink_1:before {content: "";padding-right:0px;}

        
/*  subnav links */

.wthHeaderNav .wthHeaderSubNavLinks {
	display:none; 
	float:none; 
	position: absolute; 
	z-index: 500; 
	box-shadow: 2px 2px 8px #717a80; 
	background: #fff; 
	margin-left:0px; 
	padding:0px;
	border-top:22px solid #ee453d;
}
.wthHeaderNav .wthHeaderNavMainLinks:hover .wthHeaderSubNavLinks{display:block !important;}
.wthHeaderNav .wthHeaderSubNavLinks li {display:block; float:none; position: relative; z-index: 500;}

.wthHeaderNav .headerSubNavlink a.ui-link,
.wthHeaderNav .headerSubNavlink a.ui-link:hover,
.wthHeaderNav .headerSubNavlink a.ui-link:active,
.wthHeaderNav .headerSubNavlink a.ui-link:visited { 
    display:block;
    text-align:left;
    width:12em;
    background:#fff !important;
    padding:5px 2px 2px 19px;
    text-decoration:none;
    font-size:14px;
    font-weight:normal;  
    line-height:36px;
    border:0px; 
    border-radius: 0px;
    box-shadow: none;   
    margin:0px 0px 2px 0px;
    text-transform:capitalize;
    border:1px solid #ebebeb;
    border-bottom: 0px; 
}

.wthHeaderNav .headerSubNavlink a.ui-link {color:#991f8b !important;}
.wthHeaderNav .headerSubNavlink a.ui-link:visited {color:#991f8b !important;}
.wthHeaderNav .headerSubNavlink a.ui-link:hover {color:#007db1 !important;}
.wthHeaderNav .headerSubNavlink a.ui-link:active {color:#ee453d !important;}

.clear {clear:both;}



/* ------------------------------------------ */
/*    Magnolia FOOTER  - redesign 11/2017    */
/* ------------------------------------------ */

.wthFooterWrap {
    clear: both;
    width: 100%;
    padding-top: 0px;
    border-top: 3px solid #CE0C88;
    background: #FFF;
}
#wthFooterModuleContainer {
    width: 984px;
    margin: 0 auto;
    padding: 0;
    font-family: SlatePro-Light, Helvetica, Arial, sans-serif;
    color: #717072 !important;
    font-size: 11px;
    text-align: center;
}

.wthFooterLinksList {
    margin: 0 !important;
    text-align:center;
    line-height:20px;
    padding: 10px 0;
}

.wthFooterModules_1 .wthFooterLinksList,
.wthFooterModules_1 .wthFooterLinksList a.footerLink,
.wthFooterModules_1 .wthFooterLinksList a:active.footerLink,
.wthFooterModules_1 .wthFooterLinksList a:hover.footerLink,
.wthFooterModules_1 .wthFooterLinksList a:visited.footerLink {
    font-size: 12px;
    color: #717072 !important;
    text-decoration: none !important;
}

.footerLogoFunction img{width:175px;padding-right:12px;}
.footerSocialMediaHeader{display:none;}

/* --- defines circle and square icons colors -- */
.wthFooterSocialMedia li{display:inline;}

.WTHfooterSMLink-square{
	float:left;
	width:38px; 
	max-height:38px; 
	line-height:38px; 
	margin-left:10px; 
	display:inline-block; 
	border-radius:none; 
	overflow:hidden; 
	text-align:center;
}

.WTHfooterSMLink, .wth2-fallbackFooter_HAWEB .wth2-fallbackFooterInner div.WTHfooterSMLink{
	display:inline-block !important; 
	width: 38px !important;
	max-height: 38px !important;
	line-height: 38px !important;
	margin-left: 5px !important;
	border-radius: 19px !important;
	color: #000; 
	border: 1px solid #E1E3E4 !important;
	overflow: hidden;
	text-align: center;	
}
.WTHfooterSMLink .fa{padding-top:8px;color:black;}
.WTHfooterSMLink:hover, .WTHfooterSMLink:hover .fa{color:#ffffff;background-color:#463C8F;}




/* --- Square social media icons -- */


.WTHfooterSMLink-square .ui-link{font-size:38px;}
.WTHfooterSMLink .ui-link{font-size:24px;line-height:24px;}
.WTHfooterSMLink span, .WTHfooterSMLink-square span{display:none;}

.wthFooterSocialMedia ul{list-style:none;}
.wthFooterModules_2{clear:both;width:100%;margin:0 auto;}
.wthFooterModules_3{width:100%;margin:0 auto;}
.wthFooterModules_4,
.wthFooterModules_5 {
    clear:both;
    text-align:left;
    line-height: 1;
    text-align:center;
}
.wthFooterModules_5 {
    line-height: 1;
    text-align:center;
}
.wthFooterCopyright{
	margin-top:16px;
	font-style: normal;
  	font-size: 16px;
  	font-family: SlatePro, Helvetica, Arial, sans-serif;
  	font-weight: normal;
  	text-transform: none;
  	line-height: 16px;
  	letter-spacing: 0em;
  	-webkit-font-smoothing: antialiased;
  	margin-bottom:18px;
}

/*** END MAGNOLIA FOOTER STYLES ***/


/* -- OLD FOOTER STYLES  STILL USED ON CATEGORY PAGE -- */
#wth2-responsiveFooter{width:984px; margin:0px auto;}
.ha_footer_wrap {padding-top:6px; border-top:3px solid #b83292; border-bottom:3px solid #FAFAF7; background:#ffffff;line-height:1.3;}
.ha_footer_container {width:984px; margin:0px auto;}
.ha_footer_links_container {
	color:#717072; 
	text-decoration:none; 
    	font-family: SlatePro-Light, Helvetica, Arial, sans-serif;
	font-size:11px; 
	text-align:center;
}
a.ha_footer_links, a:hover.ha_footer_links, a:active.ha_footer_links, a:visited.ha_footer_links {
	color:#717072; 
	text-decoration:none;  
    	font-family: SlatePro-Light, Helvetica, Arial, sans-serif;
	font-size:12px;
}
.ha_footer_logos_wrap {margin:20px auto 40px auto; width:366px;}
.ha_footer_logo {display:block;  width:150px;  height:140px; background-image:url('/images_unique/hawaii/hp/ha-logo-stacked.png');  background-repeat:no-repeat;  background-position:0 0;  background-size:150px 130px;}
.ha_footer_copyright {	
	width: 100%;
	max-width: 984px;
	margin:0 auto;
	font-style: normal;
  	font-size: 12px;
  	font-family: SlatePro, Helvetica, Arial, sans-serif;
  	font-weight: normal;
  	text-transform: none;
  	line-height: 13px;
  	letter-spacing: 0em;
  	-webkit-font-smoothing: antialiased;
  	margin-bottom:18px;
  	text-align:center;
}

/* -- END OF OLD FOOTER STYLES  -- */


/*===============================================================================================================
	RESPONSIVE HEADER and UNSUPORTED BROWSER HEADER  
===============================================================================================================*/
.wth2-responsiveLogoBg, .wth2-unsuportedLogo {background:#fff;}
.wth2-headerBar {background-color:#00a5b3;}
.wth2-responsiveLogoBg img {width:140px;}
.wth2-beFooter {padding:0 0 10px !important;} /*might not need this style */

/*===============================================================================================================
  RESPONSIVE SRP   58595B
===============================================================================================================*/
.wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a, .wth2-resultsItinContainer.ui-grid-b .wth2-respResultsCardButtons li.wth2-respRCBtn a:visited {background:#58595B;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:#007db1;}
.wth2-resultsItinContainer.ui-grid-b .wth2-respInfoBtnTriangleDown:after {border-top:500px solid #007db1 !important;}

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

/* layout CSS  
*************************************************************************/
/* Media Query for Desktops and laptops ----------- smaller screens are handled in wth.css  */
.wth2-persist-area {margin-left:auto;margin-right: auto;}
.wth2-header {margin-left:auto;margin-right:auto;}
.wth2-footer {margin-left:auto;margin-right:auto;}
.wth2-content {width:984px;margin-left:auto;margin-right:auto;background:#fff;}
.ui-popup-screen {min-width:1024px;}


/* 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-scTabSubHeader,
.wth2-highlightsContainer .text,
.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-scSailingList .ui-grid-b .ui-block-b .ui-block-c .ui-block-a .wth2-bucketPrice,.wth2-beBucketContent .wth2-bucketPrice {color:#515354 !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:#000 !important;
	background: #ce0c88 !important; /* for non-css3 browsers */
	background-color: #ce0c88;
	text-shadow: none !important; /* Don't remove this - covers browsers which don't support text-shaddow  */
	color:#fff !important;
	font-weight:normal !important;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ce0c88, endColorstr=#ce0c88); /* for IE */
	background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#ce0c88), color-stop(50%,#ce0c88),color-stop(51%,#ce0c88),color-stop(100%,#ce0c88)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top, #ce0c88 0%, #ce0c88 50%,#ce0c88 51%,#ce0c88 100%) !important; /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #ce0c88 0%, #ce0c88 50%,#ce0c88 51%,#ce0c88 100%) !important;
}

.wth2-ui-btn:active, .wth2-ui-btn:focus {
	background: #463c8f !important;
	background-color:#463c8f;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#463c8f, endColorstr=#463c8f); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #463c8f), color-stop(1, #463c8f) ) !important;
	background: -moz-linear-gradient(top, #463c8f 0%, #463c8f 50%,#463c8f 51%,#463c8f 100%) !important; /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #463c8f 0%, #463c8f 50%,#463c8f 51%,#463c8f 100%) !important;
	box-shadow:none;
}
.wth2-ui-btn:focus, .wth2-ui-btn:focus {outline:2px dotted #515354 !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: #463c8f !important;
	background-color:#463c8f;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#463c8f, endColorstr=#463c8f); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #463c8f), color-stop(1, #463c8f) ) !important;
	background: -moz-linear-gradient(top, #463c8f 0%, #463c8f 50%,#463c8f 51%,#463c8f 100%) !important; /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #463c8f 0%, #463c8f 50%,#463c8f 51%,#463c8f 100%) !important;
	box-shadow:none;
}

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

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

/* Search Results Page Styles */
/* Refine Search Widget  */

.wth2-refineSearchBox {
	border-color:none;
	background-color:#007db1;
	background-image:url('/images_unique/hawaii/hp/supergraphics-hibiscus-blue-1200x800.png');  
	background-repeat:no-repeat	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#ffffff;
}

.wth2-searchTitle {color:#ffffff;font-weight:bold;font-size:24px;}
.wth2-refineSearchTitle {font-weight:bold;} 
.wth2-refineSearchBox h2, .wth2-refineSearchBox .wth2-updateSearchBtnContainer label, .wth2-refineSearchBox .wth2-cruiseLineContainer h3 {text-shadow:none;color:#ffffff;}

.wth2-resultsCountSearch {color:#ffffff;}
.wth2-yourSelectionsHeader {color: #ffffff;}
.wth2-searchTitle .wth2-resetSearch, .wth2-addDiscountsHeader, .wth2-yourSelections {color:#ffffff !important;}
.wth2-refineSearchBox .wth2-yourSelectionsGroup a, .wth2-refineSearchBox .wth2-yourSelectionsGroup a:hover,
.wth2-refineSearchBox .wth2-yourSelectionsGroup a:active, 
.wth2-refineSearchBox .wth2-yourSelectionsGroup a:visited {color:#ffffff !important;}

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

.wth2-discountsCheckbox .ui-btn:hover, .wth2-updateSearchBtnContainer label, .wth2-shoppingZipCodeHint{color:#ffffff  !important;}
.wth2-discountsCheckbox .ui-checkbox-on:after, .wth2-checkboxWrapperInfo .ui-checkbox-on:after, 
.wth2-checkboxWrapper .ui-checkbox-on:after {
	background-color:#463c8f;
	border-color:#ffffff;
	color:#ffffff;
	text-shadow:0 1px 0 #005599;
}
.wth2-cruiseLineContainer h3 {color:#515354;}
.wth2-discountsWhy {color:#ffffff !important;}
.wth2-discountsWhy:hover {color:#ffffff !important;}
.wth2-simplePopupHeader, .wth2-lightBoxPopupHeader {color:#463c8f;} 

/*  icons on search widget */
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after{background-color:#ce0c88!important;} 
.wth2-radioBtn .ui-radio-on:after {border-color: #ce0c88 !important;}

/* icons vary on search-container */
.fa-times-circle{color: #ce0c88 !important;}
.fa-info-circle{color:#ce0c88}
#discountsContainer .fa-info-circle {color: #ffffff !important;}
.wth2-yourSelections .fa-times-circle{color: #ffffff !important;}

/* results container */
.ui-mobile label, div.ui-controlgroup-label, legend,
.wth2-discountsCheckbox .ui-btn:hover, .wth2-updateSearchBtnContainer label,
.wth2-itinDetailsLabel, .wth2-radioBtn .ui-btn  {
	color:#463c8f !important;
}
.wth2-resultsItinContainer {
	border-top:6px solid #ffffff;	
	background: #f2f7f7  !important;  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f7f7  ), to(#f2f7f7 ));
	background: -webkit-linear-gradient(top, #f2f7f7  , #f2f7f7 );
	background: -moz-linear-gradient(top, #f2f7f7  , #f2f7f7 );
	background: -ms-linear-gradient(top, #f2f7f7  , #f2f7f7 );
	background: -o-linear-gradient(top, #f2f7f7  , #f2f7f7 );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f7f7 ', endColorstr='#f2f7f7 ');
}

.wth2-resultsItinContainer.ui-grid-b{margin-left:5px;margin-right:5px;}
.wth2-resultsSortSection{
	color:#fff !important; /* 508 tabbing */
	background:#463c8f ; /* for non-css3 browsers (#e0f1f3, to #a4d9df) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#463c8f', endColorstr='#463c8f'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#463c8f), to(#463c8f)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #463c8f,  #463c8f); /* for firefox 3.6+ */
}
.wth2-resultsMatchesTotal{color:#FFF;}
.wth2-resultsSortFilters label {color:#FFF !important;}
.wth2-brochurePrice {background:#f0f2f3;border-bottom-color:#b1b3b4;color:#007db1;}
.wth2-brochureName {font-weight:600;text-decoration:none;color:#463c8f !important;}
h2.wth2-brochureName a {font-weight:600;text-decoration:none;color:#ce0c88 !important;}
h2.wth2-brochureName a:hover {text-decoration:none;color:#007db1 !important;}
.wth2-shipCallout, .wth2-callout  {color:#cf3912;}
.wth2-portsOfCall, .wth2-departFrom, .fa-globe, .fa-map-marker {color:#463c8f;}
.wth2-resultsBonusHeader {color:#463c8f;}
.wth2-bucketType {color:#463c8f;}
.wth2-bucketPrice {color:#007db1;}
.wth2-bucketRateType {color:#616364;}
.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%23007db1%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: #ce0c88 !important; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0c88', endColorstr='#ce0c88'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ce0c88), to(#ce0c88)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ce0c88,  #ce0c88) !important; /* for firefox 3.6+ */
	color:#FFF;
}
.wth2-adminCsSection, .wth2-adminEmailSection {border-color:#FFF;}
.wth2-adminCsLink, .wth2-adminEmailLink, .wth2-adminTopLink, .wth2-closeAdmin {color: #FFF !important; text-decoration: underline; font-weight:normal !important;} /* use for link color overwrites if needed -- use !important */
.wth2-adminPhoneNbr {color:#FFF;}

/* Show Cruise Page Styles */
.wth2-scBrochurePrice {background:#f0f2f3;border-bottom-color:#e1e3e4;color:#007db1;}
.wth2-scBrochureName {font-weight:400;color:#463c8f;}
.wth2-scTopSection .wth2-cabinType span {color:#463c8f;}
.wth2-scTopSection .wth2-lowLeadPrice {color:#007db1;}
.wth2-scTopSection .wth2-rateType {color:#616364;}
/*Itinerary Page - Tabs */
.wth2-scTabNavbar {background:#007db1;border-color:#463c8f;}
.wth2-scTabNavbar .ui-navbar ul{border-right: none;border-left: none}
.wth2-scTabs {border-color:#463c8f !important;}
.wth2-scTabs a {color:#FFFFFF !important;border-color:#00e5e5 !important;}
.wth2-scTabs .ui-btn-active,.wth2-scTabs .ui-btn:active, .wth2-scTabs .ui-btn:focus {border-color:#463c8f !important;background: #463c8f !important;color:#fff !important;}

/*Itinerary Page - New Ajax driven Tabs */
.wth2-scContentSection .wth2-scContentNavbar {background:#007db1;border-color:#463c8f;border-bottom-color:#463c8f;}
.wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs {background:#007db1;color:#FFFFFF !important;border-color:#00e5e5 !important; border-left-color: #463c8f !important;}
.wth2-scContentSection .wth2-scContentNavbar a.wth2-expandCollapseScTabs[aria-expanded="true"], .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:hover,  .wth2-scContentSection .wth2-scContentNavbar .wth2-expandCollapseScTabs:active {border-color:#463c8f !important;background: #463c8f !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:#ce0c88 4px solid !important;margin-top:-4px;}


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

.wth2-dayByDayItinSection th {background:#cce5ef;color:#463c8f;}

.wth2-sailingDateHeader {color:#463c8f;}
.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:#E0F2F4 !important;} 
.wth2-scSailingList .ui-grid-b .ui-block-e .wth2-scBonusOfferHeader {color:#463c8f !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:#463c8f !important;}

.wth2-scSailingList .wth2-dateRange {color:#463c8f;}

.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:#463c8f;}


/* Booking Engine Brand specific styles */
.ha_bc_header_phone {float:left;width:50%;text-align:right;line-height:26px;font-size:22px;color:#4e2f91;font-weight:bold;}
.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:#007db1;  } /* ON STATE: fill color of triangle  background:#287528;border:#287528; */
.wth2-beStepNavigation .wth2-beStepTriangleChecked:after { border-left-color:#cce5ef; }/* CHECKED STATE: fill color of triangle  background:#e9f4e1;border:#669257; */
.wth2-beStepNavigation .wth2-beStepTriangleOff:before {border-left-color:#d0d0ce;} /* OFF STATE: border color of triangle  */
.wth2-beStepNavigation .wth2-beStepTriangleOn:before {border-left-color:#007db1;} /* ON STATE: border color of triangle  border:#287528 1px solid;background:#287528;*/
.wth2-beStepNavigation .wth2-beStepTriangleChecked:before {border-left-color:#007db1;} /* CHECKED STATE: border color of triangle background:#e9f4e1;color:#669257;  */
.wth2-beStepNavigation .wth2-beStepOn {border-color:#007db1;background:#007db1;color:#fff;}
.wth2-beStepNavigation .wth2-beStepChecked {border-color:#007db1;background:#cce5ef;color:#007db1;}
.wth2-pricingSummary .wth2-bucketRateType {color:#007db1;}  /* based on W.I.S.E. success color green #287528 */
.wth2-termsAndConditions {color:#888;} 
.wth2-termsAndConditionsHeader {color:#463c8f;}
.wth2-termsAndConditionsSubHeader {color:#463c8f;} 
.wth2-beBucketHeader, .wth2-beBucketHeader:hover {background:#463c8f !important;color:#fff !important;text-shadow: none;} /* 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:#ff1d25;} /* same color as wth2-bucketRateType  used on Step 2 and 3 (example on show cruise page for Senior/Past Guest/Resident Rate) */ 
.wth2-adminTopLink{color:#fff !important;}
.ha_be_footer_logo { display:block;  width:150px;  height:140px;margin:auto;}


.ha_be_footer_logos_wrap{margin:20px auto 40px auto; width:180px;}
/* 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:#b1b3b4;} /* color:#777; */
.wth2-beStepNavigation .wth2-beStepOff {border-color:#d0d0ce;} /* border-color:#ccc; */
.wth2-beStepNavigation .wth2-beStepTriangleOff:before {border-left-color:#d0d0ce;} /* 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:#4e2f91;
border-color:#DCD5E2; /* Used to turn off border color - to turn on set: border-color:#333333; */
background: #DCD5E2; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#DCD5E2',GradientType=0); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#DCD5E2)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FDFDFD,  #DCD5E2); /* for firefox 3.6+ */}

/*Forced Registration Popup*/
.wth2-forcedEmailPopup p, .wth2-forcedEmailPopup label{color:#333 !important;}
.wth2-forcedEmailPopup.wth2-unsuportedLogo {position:absolute !important;}

/* category page goal 1*/
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after{background-color:#b93293!important;}