/* ---------------- Header ---------------- */
/* ---------------------------------------- */
.headerContent {
    /*background-image:	url("/images/hbapp/img/cinc_header_pattern.jpg");*/
    /*background-repeat: 	repeat-y;*/
}
.headerContent div.contactColor {
    color:              #000000;
}
.headerContent div.logoContainer {
    background-image:   url("/images/home-based/websites/logos/cinc_logo.png");
    background-repeat:  no-repeat;
}

.locatorBackground {
	padding: 3px 0px;
    background-color:   #001B4D;
    color:              #FFFFFF;
    display: none;
}
.locatorLink a,
.locatorLink a:visited,
.locatorLink a:active
.locatorLink a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}

.locatorBackground a {
	    text-decoration: none;
	    background-color: #00A3D9;
	    text-transform: uppercase;
	    padding: 7px 4px;
	}

.headerContent .sellCruises a,
.headerContent .sellCruises a:visited,
.headerContent .sellCruises a:active {
    color:              #000000;
    text-decoration:    none;
}
.headerContent .sellCruises a:hover {
    color:              #000000;
    text-decoration:    underline;
}
.headerTop {
	background-image: url("/images/hbapp/img/misc/main/header_horizontal_pattern_cinc.png");
background-repeat: repeat-x;
}


/* ---------------- Background Image ---------------- */
/* -------------------------------------------------- */
.bgImage {
    background-color: 	#ffffff;
}


/* ---------------- Navigation ---------------- */
/* -------------------------------------------- */
.navMain {
	background-color:	#d6e2f0;
}
.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/cinc_nav_rollover_pattern_main.jpg") !important;         
}
.arrowBasic {
	background-image: 	url(/images/hbapp/img/navigation/cinc_nav_arrow_down.jpg);
}
/* ######### Default class for drop down menus ######### */
.anylinkmenu {
	background: 		#5588C1;
	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 a {
	border-bottom: 		1px solid #FFFFFF;
	color: 				#FFF;
}
.anylinkmenu a:hover { /*hover background color*/
	background-image:	url("/images/hbapp/img/navigation/cinc_nav_rollover_pattern.jpg");
    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;
	background-color: 	#d6e2f0;
	color: 				#001B4D;
}
.menuanchorclassNoSub:hover {
	color: 				#FFFFFF !important;
	background-image: 	url("/images/hbapp/img/navigation/cinc_nav_rollover_pattern_main_no_sub.jpg") !important;         
}
.menuanchorclass:visited { 
    color: 				#001B4D;
}
/* New Nav 2017 */
.navTopBox {
    width: 1015px !important;
    margin: 0px auto !important;
}
nav .bgHeaderContentMain {
    width: 500%;
    margin-left: -200%;
    background: #2f99cb;
    height: 52px;
}
.navMain {
	width:				996px; 
	height:				35px; 
}


/* ---------------- Cruise Finder / Deals ---------------- */
/* ------------------------------------------------------- */
.cruiseFinderDealsColor {
    background-color:   #5588C1;
    color:              #FFFFFF;
}
.cruiseFinderBkg {
	background-image:	url("/images/hbapp/img/cinc_cruisefinder_background.jpg");
	background-repeat: 	no-repeat;
	min-height: 		346px;
}

div.cruiseFinderSearchBtn input {
	background:			url(/images/hbapp/img/button/main/cruisefinder_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: 				68px;
	height: 			23px;
	margin: 			0 auto;
	margin-top: 		10px;
}
div.ccolumnCruiseFinderSearchBtn input {
	background:			url(/images_unique/btn_search_f1.gif) no-repeat;
	width: 				68px;
	height: 			23px;
	border: 			none;
	cursor:				pointer;
}
div.ccolumnCruiseFinderSearchBtnTop {
	width:				68px;
	height:				23px;
	margin: 			0 auto;
	margin-top: 		10px;
	margin-bottom: 		10px;
}
div.ccolumnCruiseFinderSearchBtnTop input {
	background: 		url(/images_unique/btn_search_f1.gif) no-repeat;
	width:				68px;
	height:				23px;
	border: 			none;
	cursor:				pointer;
}
.results_rightcollink {
	color: 				#FFFFFF;
	text-decoration: 	none;
}


/* --------------------- Banner left --------------------- */
/* ------------------------------------------------------- */
.bannerAgentSailingsBkg {
	background-color: 	#D6E2F0;
}


/* --------------------- Co/mem text --------------------- */
/* ------------------------------------------------------- */
.comemText table tr td .TravelDealEditorialText {
	color: 				#FFFFFF;
}


/* ---------------- Vacation Specialist ---------------- */
/* ----------------------------------------------------- */
.agentHeaderBkg {
	background-color: 	#001B4D;
	color:              #FFFFFF;
}
.agentColor {
    background-color:   #5588c1;
    color:              #FFFFFF;
}
.agentContent .customLinks .links {
    color:              #FFFFFF;
}
.agentContent .links a,
.agentContent .links a:visited,
.agentContent .links a:active {
    color:              #FFFFFF;
    text-decoration:    none;
}
.agentContent .links a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}
.agentContent .deal {
    color: 				#001B4D;
}
.agentContent .featuredDeal a,
.agentContent .featuredDeal a:visited, 
.agentContent .featuredDeal a:active {
    color:              #FFFFFF;
    text-decoration:    none;
}
.agentContent .featuredDeal a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}
.agentContent .featuredDealBkg {
    background-color: 	#295087;
}
.agentContent .txtAboutUs {
    color:              #FFFFFF;
}
.agentContent .txtAboutUs a,
.agentContent .txtAboutUs a:visited,
.agentContent .txtAboutUs a:active,
.agentContent .txtAboutUs a:hover {
    color:              #FFFFFF;
    text-decoration:    underline;
}
.agentContent .hdlnAboutUs {
    color:              #FFFFFF;
    padding-top:        5px;
	padding-bottom:		5px;
}


/* ---------------- Hot Deals ---------------- */
/* ------------------------------------------- */
.hotDealsHeaderBkg {
	background-color: 	#001B4D;
	color:              #FFFFFF;
}
.hotDealsContentBkg {
	background-color: 	#FFFFFF;
}
.hotDealsContent .hotDealPart1Color {
	border: 			1px solid #CCCCCC;
}
.hotDealsContent .hotDealPart2Color {
	border-top: 		1px solid #CCCCCC;
	border-bottom: 		1px solid #CCCCCC;
	background-color: 	#F2F2F2;
}


/* ---------------- eSavers ---------------- */
/* ----------------------------------------- */
.eSaversColor {
    background-color:   #001B4D;
}
.eSaversLogo {
	background-image: 	url(/images/hbapp/img/cinc_esavers_logo.jpg);
	background-repeat:  no-repeat;
	width:				136px;
	height:				35px;
}
.eSaversBtn {
	background-image: 	url(/images/hbapp/img/button/main/esavers_join_button.jpg);
	background-repeat:  no-repeat;
	width:				38px;
	height:				20px;
}


/* -------------- Bottom Panel ------------- */
/* ----------------------------------------- */
.bottomPanel {
	display: none;
}


/* ------------ Basepage with cf ----------- */
/* ----------------------------------------- */
.cruiseFinderBasePageColor {
    background-color:   #01a4df;
    color:              #FFFFFF;
}


/* ------------ 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 --------------------- */
/* ------------------------------------------------- */
.imgSearchQuestionMark {
    background-image:	url("/images/hbapp/img/misc/main/cone/search_question_mark.png");
    background-repeat: 	no-repeat;
    width: 				12px;
    height: 			12px;	
}
.imgCliaLogo {
    background-image:	url("/images/hbapp/img/misc/CLIA_Logo_CINC.png");
    background-repeat: 	no-repeat;
    width: 				72px;
    height: 			73px;
}


/* --------------- 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;
}

/* ---------------- Page Bottom Content ---------------- */
/* -------------------------------------------------- */

.pageBottomContent {
	margin: 0 auto;
	width: 996px;
}
@media (max-width:767px) {
	.pageBottomContent {
		margin: 0 auto;
		width: 100%;
	}
}


/* ---------------- Footer ---------------- */
/* ---------------------------------------- */
.footer {
    background-color: 	#1b3663;
}
.footer div a,
.footer div a:visited, 
.footer div a:active,
.footer div a:hover {
    color:              #FFFFFF;
}
.footer div.footerComponent {
    color: 				#FFFFFF;   
}