/*04/17/2019 acampbell adjust bgDivMainContent for mobile*/
/* ---------------- Content --------------- */
/* ---------------------------------------- */
.bgDivMainContent {
	background: 		url("/images/hbapp/img/misc/main/cone/header_horizontal_pattern.png") repeat-x !important;
	    height: 253px;
}
@media (max-width: 767px) { 
	.bgDivMainContent {
	    height: initial;
}
}
.bgHeaderContent {
	background: 		url("/images/hbapp/img/misc/main/cone/content_pattern_with_shadow.png") repeat-y;
}
.bgHeaderContentMain {
	/*background: 		url("/images/hbapp/img/misc/main/cone/content_pattern_with_shadow.png") repeat-y;*/

}

.contentLeft {
	/*width:              240px;
    float:              left;
    margin-top: 		-390px;
    z-index: 			100;
    padding: 26px 15px 26px 20px;
    position: 			relative;*/
    position: relative;
	top: -58px;
	width: 990px;
	/*left: 20px;*/
}

@media (max-width: 767px) { 
	.contentLeft {
		top: 0px;
		width: 100%;
		left: 0px;
	}
}
.contentMiddle { 
	width: 496px;
	/*float:              left;
    z-index: 			99;
    padding: 			2px; 
    margin-top: 		-100px; 
    position: 			relative;*/
    display: inline-block;
    margin-top: -67px;
}
.contentRight {
	/*width:              240px;
    float:              left;
    z-index: 			99;
    padding: 			10px;
    margin-top: 		-220px;
    position: 			relative; */
    display: inline-block;
	vertical-align: top;
	width: 460px;
	margin-left: 35px;
	margin-top: -77px;
}

@media (max-width: 767px) {
	.contentRight {
		margin-top: 0px;
	}
}

/* ---------------- Header ---------------- */
/* ---------------------------------------- */
.headerTop {    
    color:              #000000 !important;
	margin: 			0 auto !important;
	width: 				996px !important;
	background-image: 	url("/images/hbapp/img/misc/main/cone/header_horizontal_pattern.png");
	background-repeat: 	repeat-x;
	height: 125px;
}
.headerContent div.logoContainer {
    background-image:   url("/images/home-based/websites/logos/cruiseone_logo.png");
    background-repeat:  no-repeat;
    width:              271px;
    height:             71px;
    margin-left: 		20px;
}
/*.headerContent .contact .callCenterNameTab {
	float: 				right;
	background-image:   url("/images/hbapp/img/misc/main/cone/header_tab_left.png");
    background-repeat:  no-repeat;
    background-position: bottom left;
    width: 				52px;
    height: 			30px;
}*/
.headerContent .contact .callCenterName {
	float: 				right;
    height: 			30px;  
    margin-top: 8px; 
}
.headerContent .contact .callCenterName .name {
	padding-top: 		5px;
	padding-right: 		7px;
	color: #000000;
	font-size: 12pt;
	font-weight: bold;;    
}	
.headerContent .contact .contactSpecialist {
	color: 				#003466;
}
.headerContent div.locatorLink a,
.headerContent div.locatorLink a:visited,
.headerContent div.locatorLink a:active
.headerContent div.locatorLink a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}
.headerContent .locator {
    position: absolute;
    width: 335px;
    margin-left: 315px;
    display: none;
}
.headerContent .locator .locatorTabLeft {
	float: 				right;
	background-image:   url("/images/hbapp/img/misc/main/cone/header_tab_left.png");
    background-repeat:  no-repeat;
    width: 				52px;
    height: 			30px;
}
.headerContent .locator .locatorTabRight {
	float: 				right;
	background-image:   url("/images/hbapp/img/misc/main/cone/header_tab_right.png");
    background-repeat:  no-repeat;
    width: 				52px;
    height: 			30px;
}
.headerContent .locatorContent {
	color:				#FFFFFF;
	background-color: 	#003366;
}
.headerContent .franchiseOpportunity a,
.headerContent .franchiseOpportunity a:visited,
.headerContent .franchiseOpportunity a:active {
    color:              #000000;
    text-decoration:    none;
}
.headerContent .franchiseOpportunity a:hover {
    color:              #000000;
    text-decoration:    underline;
}


/* ------------- Social Network Content ------------- */
/* -------------------------------------------------- */
.socialNetworkContent .socialNetworkTop {
	/*background-image: 	url("/images/hbapp/img/misc/main/cone/social_tab_top.png");
	background-repeat: 	no-repeat;
	width: 				44px;
	height: 			9px;*/
}
.socialNetworkContent .socialNetworkMiddle {
	/*background-image: 	url("/images/hbapp/img/misc/main/cone/social_tab_pattern.png");
	background-repeat: 	repeat-y;
	width: 				44px;*/
}
.socialNetworkContent .socialNetworkBottom {
	/*background-image: 	url("/images/hbapp/img/misc/main/cone/social_tab_bottom.png");
	background-repeat: 	no-repeat;
	width: 				44px;
	height: 			70px;*/
}
.socialNetworkContent .socialNetworkIcons {
	margin: 			0 auto;
	width: 				996px;
	    margin-bottom: 20px;
    margin-top: 10px;
}

.socialNetworkIcons > div {
    display: inline-block;
}
.socialNetworkContent .socialNetworkSpacing {
    display: inline-block;
}

/* ---------------- Page Bottom Content ---------------- */
/* -------------------------------------------------- */

.pageBottomContent {
	margin: 0 auto;
	width: 996px;
}
@media (max-width:767px) {
	.pageBottomContent {
		margin: 0 auto;
		width: 100%;
	}
}

/* ---------------- Background Image ---------------- */
/* -------------------------------------------------- */
/*.bgImage {
    background:   url("/images/hbapp/img/bgImageCone.jpg");
    background-repeat:  repeat;
}*/


/* ---------------- Navigation ---------------- */
/* -------------------------------------------- */
.selectedanchor {
	/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	color: 				#FFFFFF !important;
	background-image: 	url("/images/hbapp/img/navigation/cone/nav_background_arrow_over.png") !important;         
}
/* ######### Default class for drop down menus ######### */
.anylinkmenu {
	color: 				#FFFFFF;
	border-top: 		1px solid #FFFFFF;
	border-right: 		1px solid #FFFFFF;
	border-bottom: 		0 solid #FFFFFF;
	border-left: 		1px solid #FFFFFF;
}
.anylinkmenu ul li {
	background-color: 	#336699;
}
.anylinkmenu ul li a {
	border-bottom: 		1px solid #FFFFFF;
	color: 				#FFF;
}
.anylinkmenu a:hover { /*hover background color*/
	background-image:	url("/images/hbapp/img/navigation/cone/nav_background_noarrow_over.png");
    color: 				#FFFFFF;
}
/* ######### Alternate multi-column class for drop down menus ######### */
.anylinkmenucols {
	border: 			1px solid #000000;
	background: 		#E9E9E9;
}
.anylinkmenucols .column {
	background: 		#E0E0E0;
}
/* ######### class for shadow DIV ######### */
.anylinkshadow { /*CSS for shadow. Keep this as is */
	background: 		#000000;
}
.menuanchorclass {
	/* border-right: 		1px solid #FFFFFF; */
	color: 				#FFFFFF;
}
.menuanchorclassSub {
	color: 				#FFFFFF !important;
	background-image: 	url(/images/hbapp/img/navigation/cone/nav_background_arrow_up.png);
}
.menuanchorclassNoSub {
	color: 				#FFFFFF !important;
	background-image: 	url("/images/hbapp/img/navigation/cone/nav_background_noarrow_up.png") !important;
}
.menuanchorclassNoSub:hover {
	color: 				#FFFFFF !important;
	background-image: 	url("/images/hbapp/img/navigation/cone/nav_background_noarrow_over.png") !important;         
}
.menuanchorclass:visited { 
    color: 				#001B4D;
}

nav .bgHeaderContentMain {
	width: 500%;
	margin-left: -200%;
	background: #1b3663;
	height: 50px;
}
.navTopBox {
	width: 1015px !important;
margin: 0px auto !important;
}
/* -------------- HP Headline Panels ------------- */
/* ----------------------------------------------- */
.hpPanelHdlnBlockBlueLight {
    background-color:   #039FDC;
}
.hpPanelHdlnBlockGreen {
    background-color:   #669933;
}
.hpPanelHdlnBlockBlueDark {
    background-color:   #1B3663;
}


/* ---------------- Cruise Finder ---------------- */
/* ----------------------------------------------- */
.cruiseFinder {    
    /*background-color:   #003466;
    color:              #FFFFFF;  */  
}
.cruiseFinderContent div.headline {
    /*color:				#B5EA98;*/
}
.cruiseFinderContent div a,
.cruiseFinderContent div a:visited,
.cruiseFinderContent div a:active,
.cruiseFinderContent div a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}
div.cruiseFinderSearchBtn input {
	background:			url(/images/hbapp/img/button/main/search_button.png) no-repeat;
	width: 				99px;
	height: 			34px;
	border: 			none;
	cursor:				pointer;
}
div.cruiseFinderSearchBtnTop input {
	background: 		url(/images/hbapp/img/button/main/search_button_top.png) no-repeat;
	width:				156px;
	height:				24px;
	border: 			none;
	cursor:				pointer;
}
div.ccolumnCruiseFinderSearchBtn {
	width: 				99px;
	height: 			34px;
	margin: 			0 auto;
	margin-top: 		10px;
}
div.ccolumnCruiseFinderSearchBtn input {
	background:			url(/images_unique/btn_search_d1.gif) no-repeat;
	width: 				99px;
	height: 			34px;
	border: 			none;
	cursor:				pointer;
}
div.ccolumnCruiseFinderSearchBtnTop {
	width:				99px;
	height:				34px;
	margin: 			0 auto;
	margin-top: 		10px;
	margin-bottom: 		10px;
}
div.ccolumnCruiseFinderSearchBtnTop input {
	background: 		url(/images_unique/btn_search_d1.gif) no-repeat;
	width:				99px;
	height:				34px;
	border: 			none;
	cursor:				pointer;
}
.results_rightcollink {
	color: 				#FFFFFF;
	text-decoration: 	none;
}
.cruiseFinderTabSearchActive {
	/*background-image: 	url(/images/hbapp/img/misc/main/cone/cf_tab_cruisefinder_blue.png);
	background-repeat:  no-repeat;
	width:				131px;
	height:				26px;
	float: 				left;*/
	display: none;
}
.cruiseFinderTabSearchInactive {
	/*background-image: 	url(/images/hbapp/img/misc/main/cone/cf_tab_cruisefinder_orange.png);
	background-repeat:  no-repeat;
	width:				93px;
	height:				26px;
	float: 				right;
	margin-right: 		12px;*/
}
.cruiseFinderTabDestinationActive {
	/*background-image: 	url(/images/hbapp/img/misc/main/cone/cf_tab_destinations_blue.png);
	background-repeat:  no-repeat;
	width:				131px;
	height:				26px;
	float: 				right;
	margin-right: 		4px;*/
}
.cruiseFinderTabDestinationInactive {
	/*background-image: 	url(/images/hbapp/img/misc/main/cone/cf_tab_destinations_orange.png);
	background-repeat:  no-repeat;
	width:				93px;
	height:				26px;
	float: 				left;
	margin-left: 		4px;*/
	display: none;
}
.cruiseFinderInnerContent {
	/*background-color: 	#325c84;*/
}
.cruiseFinderBgImgCF {  
	/*padding: 			10px;  
	background-image:	url('/images/hbapp/img/misc/main/cone/vertical_title_search.png');
	background-repeat:	no-repeat;
	background-position:bottom right;*/
}
.cruiseFinderBgImgDestination {  
	/*padding: 			10px;  
	background-image:	url('/images/hbapp/img/misc/main/cone/vertical_title_destinations.png');
	background-repeat:	no-repeat;
	background-position:bottom right;*/
}


/* ---------------- Featured Video ---------------- */
/* ------------------------------------------------ */
.featuredVideo {        
    background-color:   #adda7b;
    color:              #1961AD;
    margin-top:         10px;
}


/* ---------------- Vacation Specialist ---------------- */
/* ----------------------------------------------------- */
.vacationSpecialist {    
    color:              #000000;
    line-height: 19px;
}
.vacationSpecialist div.customLinks table.links {
    color:              #000000;
}
.vacationSpecialist div.customLinks a,
.vacationSpecialist div.customLinks a:visited,
.vacationSpecialist div.customLinks a:active,
.vacationSpecialist div.customLinks a:hover {
    color:              #000000;
    text-decoration:    none;
}
.vacationSpecialist .customLinks .customLink {
    border: 			1px solid #FFFFFF; 
}
.vacationSpecialist .fb {
    background-color: 	#799eca;
}
.vacationSpecialist div.hdlnAboutUs {
    color:              #000000;
}
.vacationSpecialist div.txtAboutUs {
    color:              #000000;
    margin:             10px;
}
.vacationSpecialist div.txtAboutUs a,
.vacationSpecialist div.txtAboutUs a:visited,
.vacationSpecialist div.txtAboutUs a:active,
.vacationSpecialist div.txtAboutUs a:hover {
    color:              #0c3157;
    text-decoration:    underline;
}
.vacationSpecialistContent div.agentInfo {
    color:              #FFFFFF;
}


/* ---------------- Hot Deals ------------------- */
/* ---------------------------------------------- */
.hotDealsColor {
    background-color:   #E8F5FB;
}
.hotDeals div.hotDealHdlnColor {
	color: 				#d94c04;
}
.hotDeals div.hotDealColor {
	background-color: 	#FFFFFF;
	border: 			1px solid #cccccc;
}
.hotDeals span.hotDealPriceColor {
	color: 				#d94c04;
}
.hotDeals span.hotDealFromColor {
	color: 				#9a9a9a;
}
.hotDeals div.hotDealHdln {
    color: 				#00194c;
}
.hotDeals div.hotDealImg {
	width: 				34px;
}
.hotDeals .hotDealContainerColor {
    background:         #d6e2f0;
    color:              #2c4c75;
}
.hotDeals div.borderTop {
    border-top:         1px solid #1e60ac;
}
.hotDeals div.borderRight {
    border-right:       1px solid #1e60ac;
}
.hotDeals div.links a,
.hotDeals div.links a:visited,
.hotDeals div.links a:active {
    color:              #2c4c75;
    text-decoration:    none;    
}
.hotDeals div.links a:hover {
    color:              #2c4c75;
    text-decoration:    underline;
}
.imgVerticalTitleFeaturedSailings {
    background-image:	url("/images/hbapp/img/misc/main/cone/vertical_title_featured_sailings.png");
    background-repeat: 	no-repeat;
    width: 				35px;
    height: 			354px;	
}


/* ---------------- Footer ---------------- */
/* ---------------------------------------- */
.footer {
	background-color:   #325c86;
	background: 		url("/images/hbapp/img/misc/main/cone/footer_background_blue.png") no-repeat;
	width: 				996px;
	/*height: 			443px;*/
	color:              #FFFFFF;
}
.footer div a,
.footer div a:visited, 
.footer div a:active {
    color:              #FFFFFF;
    text-decoration:    none;
}
.footer div a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}

/* ---------------- Colors ---------------- */
/* ---------------------------------------- */
.bgColorBlue {
    background-color:   #1e60ac;
}
.fontColorGreen {
    color:              #adda7b;
}
.bgColorGreen {
    background-color:   #adda7b;
}
.fontColorBlue {
    color:              #1961AD;
}
.bgColorBlueLight {
    background-color:   #D6E2F0;
}
a.whiteLink:link   { color : #FFFFFF; font-size: 10pt; text-decoration: underline; }
a.whiteLink:visited{ color : #FFFFFF; font-size: 10pt; text-decoration: underline; }
a.whiteLink:active { color : #FFFFFF; font-size: 10pt; text-decoration: underline; }
a.whiteLink:hover  { color : #FFFFFF; font-size: 10pt; text-decoration: underline; }



/* ------------ Com/Mem Colors ------------ */
/* ---------------------------------------- */
.comemWelcomeBgColor {
    background-color:   #FFFFFF;
    border-radius: 0px !important;
border: 1px solid #ddd;
padding: 10px 30px;
}
.comemWelcomeHeadlineColor {
    color:              #0c3157;
    margin:             10px;
}
.comemWelcomeTextColor {
    color:              #000000;
    margin:             10px;
    line-height: 17px;
}
a.comemWelcomeLink:link   { color : #0c3157; font-size: 10pt; text-decoration: underline;}
a.comemWelcomeLink:visited{ color : #0c3157; font-size: 10pt; text-decoration: underline; }
a.comemWelcomeLink:active { color : #0c3157; font-size: 10pt; text-decoration: underline; }
a.comemWelcomeLink:hover  { color : #0c3157; font-size: 10pt; text-decoration: underline;}


/* ----------------  Booking Path ------------------ */
/* ------------------------------------------------- */
.bookingPathInfo .contactInfoMain {
    color:              #FFFFFF;
    background:         #ff9934;
}
.bookingPathInfo .contactInfo {
    color:              #FFFFFF;
    background-color:   #f36523;
}


/* -------------------  Images --------------------- */
/* ------------------------------------------------- */
.imgBulletCircleArrow {
    background-image:	url("/images/hbapp/img/misc/main/cone/bullet_arrow.png");
    background-repeat: 	no-repeat;
    width: 				15px;
    height: 			15px;	
}
.imgSearchQuestionMark {
    background-image:	url("/images/hbapp/img/misc/main/cone/search_question_mark.png");
    background-repeat: 	no-repeat;
    width: 				12px;
    height: 			12px;	
}


/* --------------- Editorial CColumn -------------- */
/* ------------------------------------------------ */
.editorialCColumn {
    background-position: left top;
    background-repeat: 	repeat-y;
}
.editorialCruiseFinderHeadline {
    background-color: 	#003366;
    color: 				#FFFFFF;
}
#editorialCCEsaverSignup {
    background-color: 	#0099CC;
    color: 				#FFFFFF;
}
.customlp_sidebar_header2 {
    background-color: 	#006699;
}
.signupform_fieldtitle {
    color:				#FFFFFF;
}


/* ------------------- Agent PPC ------------------ */
/* ------------------------------------------------ */
.paidSearch {
	background-color: 	#FFFFFF;
}
.paidSearch .headline {
	background-color: 	#A5BFDD; 
}
.paidSearch .changeState {
	color: 				#FFFFFF;
	background-color: 	#6B8FC0;
}
.paidSearch .sortPanel {
	background-color: 	#FFF;
}
.paidSearch .sortHeadline {
	background-color: 	#CCCCCC;
}
.paidSearch .agentBox  {
	background-color: 	#D9EBFF;
	background-image: 	url("/images/hbapp/img/misc/map_list_click.jpg");
}
.paidSearch .agentBoxLink {
	color: 				#000000;
}
.paidSearch .agentBox .agentWebsiteLink {
	color:				#003399; 
}
.paidSearch .websitePaging {
	background-color: 	#CCC; 
}
.paidSearch .websitePaging a,
.paidSearch .websitePaging a:visited,
.paidSearch .websitePaging a:active
.paidSearch .websitePaging a:hover {
    color:              #000000;
}
.paidSearch .websitePaging span a {
	background-color: 	#999999; 
	color: 				#000000; 
}
.paidSearch .websitePaging em span {
	background-color: 	#0066CC;
	color: 				#FFFFFF;
}
.paidSearch .agentBoxMap .websiteLink {
	color: 				#003399; 
}

/* ---------------- Tablet ---------------- */
/* ---------------------------------------- */

@media (min-device-width : 767px) and (max-device-width : 1024px) { 
	.bgHeaderContentMain {
		    width: 100%;
		}
	.headerTop {
		width: 100% !important;
	}
}