/* ---------------- Main Container ---------------- */
/* ------------------------------------------------ */
.mainContainer {
    width:              996px;
    margin:             0 auto;
}


/* ---------------- Header ---------------- */
/* ---------------------------------------- */
.headerContent {
    margin:             0 auto;
    width:              996px;
    
}
.headerContent img.headerImage {
    position:           absolute;
    z-index:            -1;
    margin:             0;
    padding:            0;
}
.headerContent div.logoContainer {
    margin-top:         10px;
    margin-left:        15px;
    width:              320px;
    height:             105px;
    float:              left;    
}
.headerContent div.contactContainer {
    margin-top:         5px;
    margin-right:       20px;
    width:              530px;
    float:              right;
    text-align:         right;
    background-image:   url(/images/hbapp/img/bgLogoCincBase.gif);
}
.headerContent div.contact {
    text-align:         right;
    vertical-align:     middle;    
    margin-top:         5px;
    float:              right;
}
.headerContent div.contactname {
    font-size:          11pt;
    float:              right;
}
.headerContent div.contactLabel {
    font-size:          11pt;
    float:              right;
}
.headerContent div.contactNumberContainer {
    margin-top:         2px;
    margin-bottom:      5px;
}
.headerContent div.contactNumberPosition {
    float:              right;
}
.headerContent div.clickToCall {
    vertical-align:     baseline;
    float:              right;
    margin-top:         10px;
    margin-left:        5px;
}
.headerContent div.businessInfo {
    vertical-align:     baseline;
    float:              right;
    margin-top:         10px;
}
.headerContent div.tollFree {
    font-size:          10pt;
    padding-left:       5px;
    padding-right:      5px;
    float:              right;
    margin-top: 		8px;
    font-weight: 		bold;
}
.headerContent div.freeNumber {
    font-size:          18pt;
    float:              right;
    font-weight: 		bold;
}
.headerContent div.contactNumber {
    float:              right;
}
.headerContent .serviceText {
    font-size:          10pt;
}
.headerContent .phoneNumber {
    font-size:          14pt;
}
.headerContent div.topContent {
    height:             140px;
}
.headerContent div.bottomContent {
     
}
.locatorBackgroundMain {
    width:              996px;
    font-weight:        bold;
    margin: 			0 auto; 
    min-height: 		5px;
    text-align: 		center;
    padding-top: 		3px;
    padding-bottom: 	3px;
}
.headerContent .language {
    font-size:          10pt;
    margin-top: 		2px;
}
.headerContent .phoneNumber a[href^=tel] {
    color:				inherit;
    text-decoration:	none;
}
.headerContent div.freeNumber a[href^=tel] {
    color:				inherit;
    text-decoration:	none;
}
.headerContent .sellCruises {
	font-size: 			8pt;
	margin-top: 		2px;
}

/* ---------- Social Network Icons ----------- */
/* ------------------------------------------- */
.socialNetworkIcon {
	margin-left: 		5px;
}

/* ---------------- Navigation ---------------- */
/* -------------------------------------------- */
.navMain {
	width:				996px; 
	height:				35px; 
}
.selectedanchor {
	/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	background-repeat: 	no-repeat !important;
	background-position: right bottom !important;           
}
.arrowBasic {
	background-repeat: 	no-repeat;
	background-position: right bottom;   
}
/* ######### Default class for drop down menus ######### */
.anylinkmenu {
	position: 			absolute;
	left: 				0;
	top: 				0;
	visibility: 		hidden;
	z-index: 			100;
	/* zIndex should be greater than that of shadow's below */
	width: 				200px; /* default width for menu */
}
.anylinkmenu ul {
	margin: 			0;
	padding: 			0;
	list-style-type: 	none;
}
.anylinkmenu ul li a {
	display: 			block;
	padding: 			6px;
	text-decoration: 	none;
}
.anylinkmenu a:hover { /*hover background color*/
    background-repeat: 	repeat-x;
    text-decoration: 	none;
    font-weight: 		bold;
}
/* ######### Alternate multi-column class for drop down menus ######### */
.anylinkmenucols {
	position: 			absolute;
	width: 				350px;
	left: 				0;
	top: 				0;
	visibility: 		hidden;
	padding: 			10px;
	z-index: 			100; /*zIndex should be greater than that of shadow's below*/
}
.anylinkmenucols li {
	padding-bottom: 	3px;
}
.anylinkmenucols .column {
	float: 				left;
	padding: 			3px 8px;
	margin-right: 		5px;
}
.anylinkmenucols .column ul {
	margin: 			0;
	padding: 			0;
	list-style-type: 	none;
}
/* ######### class for shadow DIV ######### */
.anylinkshadow { /*CSS for shadow. Keep this as is */
	position: 			absolute;
	left: 				0;
	top: 				0;
	z-index: 			99; /*zIndex for shadow*/
	visibility: 		hidden;
}
.menuanchorclass {
	display: 			block;
	float: 				left;
	text-decoration: 	none;
	padding: 			10px 0 10px 0;
	font-weight: 		bold;
}
.menuanchorclassNoSub:hover {
	background-repeat: 	no-repeat !important;
	background-position: right bottom !important; 	
}
.menuanchorclasslast {
	border-right: 		none !important;
}
.menuanchorclass:hover { 
    text-decoration: 	none;
}
.menuanchorclass:visited { 
    text-decoration: 	none;
}



/* ---------------- Main Content ---------------- */
/* ---------------------------------------------- */
.mainContent {
    width:              996px;
    min-height:         400px; 
    margin:             0 auto;
	position:           relative;
	background-color: 	#FFFFFF;
}
.mainContent div.container {
    margin:             auto;
    width:              996px;
}


/* ---------------- Image Margin ---------------- */
.imageLeft {
    margin:             10px 10px 10px 0;
}
.imageRight {
    margin:             10px 10px 10px 10px;
}


/* -------------- HP Headline Panels ------------- */
/* ----------------------------------------------- */
.hpPanelHdlnBlockTbl {
    padding-top:        5px;
    padding-left:       5px;
    padding-right:      5px;
    border:             0;
    width:              100%;
    color:              #FFFFFF;
}


/* ---------------- Cruise Finder / Featured Video / Deals ---------------- */
/* ------------------------------------------------------------------------ */
.cruiseFinderDeals {
    width:              960px;
    padding: 			0;
    border-spacing: 	0;
    border: 			0;
}
.cruiseFinderDeals tr td {
    border: 			0;
    padding: 			0;
    vertical-align: 	top;;
}
.cruiseFinderMain {
    width: 				460px;
}
.cruiseFinder {
    margin:             10px 10px 10px 10px;
    font-weight:        bold;
}
.cruiseFinder div.component {
    float:              left;
}
.cruiseFinder div.spacer {
    width:              30px;
    float:              left;
}
.cruiseFinder div.spacerRow {
    clear:              both;
    height:             10px;
}
.cruiseFinder div.middle {
    width:              40px;
}
.cruiseFinderVideoDeals .featuredVideo {
    color:              #FFFFFF;
}
.cruiseFinderVideoDeals .featuredVideo div {
    padding-top:        5px;
	padding-bottom:		10px;
}
.cruiseFinderVideoDeals .deals {
    float:              left;
}
.cruiseFinderVideoDeals .deals .deal {
    margin-left:        25px;
    padding-top:        25px;
}


/* --------------------- Banner left --------------------- */
/* ------------------------------------------------------- */
.bannerAgentSailings {
	padding: 10px 25px;
	margin-top: 		10px;
}
.dealsLeft {
	float: 				left;
}
.agentContentRight {
	float: 				left;
	margin-left: 		14px;
}


/* --------------------- Co/mem text --------------------- */
/* ------------------------------------------------------- */
.comemText {
	width:              645px;
	margin-bottom:		10px;
}


/* ---------------- Vacation Specialist ---------------- */
/* ----------------------------------------------------- */
.agentHeader {
    font-weight:        bold;
    width:              645px;
    margin-bottom: 		1px;
    padding: 			1px 1px 1px 0;
}
.agentHeader .agentHeadline {
    float: 				left;
    padding: 			5px;
}
.agentHeader .fbLike {
    float: 				right;
    text-align: 		right;
    height: 			25px;
    margin: 			1px;   
    background-color: 	#FFFFFF; 
}
.agentContent {
	width: 				645px;
}
.agentContent .agentImage {
	max-width: 			90px;
	overflow: 			hidden;
	margin:				8px 10px 5px;
	float: 				left;
	text-align: 		center;
}
.agentContent .agentInfo {
	float: 				left;
	width: 				527px;
	padding: 			5px;
}
.agentContent .customLinks {
    margin: 			10px 0 10px 0;
}
.agentContent .linkBulletPoint {
    float: 				left;
}
.agentContent .linkText {
    float: 				left;
    margin-left: 		3px;
}
.agentContent .banner {
    margin: 			10px 0 5px 0;
    overflow: 			hidden;
}
.agentContent .headline {
    font-size: 			10pt;
}
.agentContent div.featuredDeal {
    margin-top:         3px;
    margin-bottom:      3px;
    padding: 			1px 2px 1px 2px;
}
.agentContent .txtAboutUs {
    margin: 			5px;
}
.agentContent .agentInfo .followSocialMedia {
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top: 		15px;
	font-size: 			16px;
}
.agentContent .agentInfo .socialMediaIcons {
	margin-bottom: 		15px;
	margin-top: 		5px;
}


/* ---------------- Hot Deals ---------------- */
/* ------------------------------------------- */
.hotDealsHeader {
    font-weight:        bold;
    width:              645px;
    margin-top: 		10px;
}
.hotDealsHeader .hotDealsHeadline {
    padding: 			5px;
    font-weight: 		bold;
}
.hotDealsContent {
	padding: 			6px 6px 1px 6px;
}
.hotDealsContent .hotDealContainer {
	margin-bottom: 		5px;
}
.hotDealsContent .hotDealPart1 {
	float: 				left;
	height: 			58px;
	width: 				465px;
}
.hotDealsContent .hotDealPart2 {
	float: 				left;
	height: 			58px;
	width: 				105px;
	font-weight: 		bold;
	text-align: 		center;
}
.hotDealsContent .hotDealPart3 {
	float: 				left;
	width:				58px;
}
.hotDealsContent .hotDealPart1 .sailingContainer {
	float: 				left;
	padding: 			2px;
}
.hotDealsContent .hotDealPart1 .destinationImg {
	float: 				left;
	padding: 			4px;
}
.hotDealsContent .hotDealPart1 .cl {
	color: 				#818181;
	font-size: 			9pt;
	margin-top: 		2px;
}
.hotDealsContent .hotDealPart1 .sailing {
	font-size: 			10pt;
	font-weight: 		bold;
}
.hotDealsContent .hotDealPart1 .port {
	font-style: 		italic;
	font-size: 			9pt;
}
.hotDealsContent .hotDealFrom {
    font-size: 			9pt;
}
.hotDealsContent .hotDealPrice {
    font-size:          12pt;
}
.hotDealsContent .hotDealFromPrice {
	margin-top: 		20px;	
}


/* ---------------- Honeymoon/Insurance Ad ------------------- */
/* ----------------------------------------------------------- */
.ad {
    margin:             auto;    
}
.homePageBannerBottom {
	padding-top: 		10px;
	padding-bottom: 	10px;
    padding-left: 18px;
}


/* ---------------- eSavers ---------------- */
/* ----------------------------------------- */
.eSaversMain {
    width: 				536px; 
}
.eSavers {
    color:              #FFFFFF;
    margin: 			10px;
}
.eSavers div.headline {
    font-size:			10pt;
    padding: 			5px;
    text-align: 		center;
    font-weight:        bold;
}
.eSavers div.left {
    float:              left;
}
.eSavers div.inputText {
    font-size: 			8pt;
    margin-top: 		10px;
}
.eSavers div.inputField {
    margin-top: 		5px;
}
.eSavers div.join {
    margin-top:         6px;
}
.eSavers div.logoMargin {
    margin-left:       	5px;
}
.eSavers div.signUpMargin {
    margin-left:       	5px;
}
.eSavers div.feedback {
    padding-top:		10px;
    padding-bottom:		10px;
    text-align:			center;
}


/* ---------------- fb like ---------------- */
/* ----------------------------------------- */
.fbLike {
    border:             none;
    overflow:           hidden;
    width:              300px;
    height:             35px;
}

/* ---------------- Feedback ----------------- */
/* ------------------------------------------- */
.customFeedback .feedbackPanel {
    list-style-type:    none;
    margin:             0 auto;
    font-weight:        bold;
    text-align:         center;
}
.customFeedback .feedbackPanel .feedbackPanelINFO {
    color:              green;
}
.customFeedback .feedbackPanel .feedbackPanelERROR {
    color:              red;
}

.customFeedbackEsaver .feedbackPanel {
    text-align:         center;
}
.customFeedbackEsaver .feedbackPanel .feedbackPanelINFO {
    color:              #FFFFFF;
}
.customFeedbackEsaver .feedbackPanel .feedbackPanelERROR {
    color:              #e59300;
}

.customFeedbackSubMgmt .feedbackPanel {
    text-align:         left;
    margin:             0;
    padding:            0;
}


/* -------------- Bottom Panel ------------- */
/* ----------------------------------------- */
.bottomPanel {
	width: 				996px;
	margin: 			0 auto;
	height: 			15px;
}


/* ---------------- Footer ---------------- */
/* ---------------------------------------- */
.footerContainer {
    width:              900px;
    margin:             0 auto;
}
.footerColor {
	color :             #999999;
}
.footer {
    color:              #999999;
    font-size:          9pt;
    padding-top:        15px;
    padding-bottom:     15px;
    width:              996px;
    margin:             0 auto;
    min-height: 		300px;
}
.footer div a,
.footer div a:visited, 
.footer div a:active,
.footer div a:hover {
    text-decoration:    none;
}
.footer div.footerComponent {
    float:              left;
    margin-right:       30px;
    margin-bottom: 		15px;   
}
.footer div.footerComponentLast {
    float:              right;        
}
.footer div.footerComponentWidth {
    max-width:          200px;
    margin:             0 auto;
    text-align:         center;
    padding-right: 		15px;
    float:              right; 
}
.footer div.bbbIcon {
    margin-top:         10px;
}