/* ---------------- Main Container ---------------- */
/* ------------------------------------------------ */
body {
	overflow-x: hidden;
}
.mainContainer {
    width:              960px;
    margin:             0 auto;
}
.coneContentMain {
	/*margin: 			0 auto; 
	width: 				1125px;
	width: 				1061px;*/
	margin: 0 auto;
	width: 1028px;
}
.coneContent {
	float: 				left;
	/* margin-left: 		63px; */
}
.socialNetworkContent {
	/*float: 				left;
	width: 				16px;
	margin-left: 		-16px;*/
}

/*.socialNetworkContent .socialNetworkSpacing {
	padding-bottom: 	5px;
}*/
.socialNetworkIcons > div {
    display: inline-block;
}
.socialNetworkIcons div[style="padding-bottom:5px;"] {
    display: inline-block;
}
.socialNetworkIcons > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) > div:nth-child(1), .socialNetworkIcons > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) > div:nth-child(2), .socialNetworkIcons > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) > div:nth-child(3) {
	display: inline-block;
}

/* ---------------- Header ---------------- */
/* ---------------------------------------- */
.headerContent {
}
.bgHeaderContent {
	margin: 			0 auto;
	width: 				1000px;
}
.bgHeaderContentMain {
	width: 				1028px;
}
.headerLogo {
    float:              left;
    padding-top:        20px;
    padding-bottom:     15px;
}
.headerContent div.contact {
    font-size:          10pt;
    text-align:         right;
    vertical-align:     middle;
    float:              right;
    margin-bottom:      10px;
}
.headerContent .contact .contactSpecialist {
	padding-top: 		22px;
	padding-right: 		7px;
}
.headerContent .contact .contactSpecialistLabel {
	padding-right: 		7px;
}
.headerContent div.contactNumberContainer {
    text-align:         right;
    /*padding-top:        2px;*/
    padding-bottom:     2px;
    padding-right: 		5px;
    float:              right;
    text-align:         right;
    margin-top: -1px;
}
.headerContent div.contactNumber {
    float: 				right;
    font-size: 			20pt;
    font-weight: 		bold;
}
.headerContent .contactNumberLocal {
	padding-right: 		5px;
}
.headerContent div.freeNumber {
    font-weight:        bold;
    font-size:          20pt;
    float:              right;
}
.headerContent .serviceText {
    font-size:          10pt;
}
.headerContent .phoneNumber {
    font-size:          14pt;
}
.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 {
    vertical-align:     baseline;
    float:              right;
    margin:             7px 7px 0 5px;
    font-stretch: 		condensed;
}
.headerContent div.topContent {
    /*height:             125px;*/
}
.headerContent div.bottomContent {
    height:             23px;
}
.headerContent .locator {
    position: absolute;
    width: 335px;
    margin-left: 315px;
}

.headerContent .locatorContent {
	text-align:			center;
	float: 				right;
	height: 			30px;
}
.headerContent .locatorContent .locateSpecialist {
	margin-top: 		5px;
}
.headerContent .franchiseOpportunity {
	padding-right: 		5px;
	margin-top: 		2px;
	font-size: 			8pt;
}
.headerContent .language {
	padding-right: 		5px;
	margin-top: 		2px;
	margin-bottom:		2px;
	font-size: 			10pt;
}
.headerContent div.contactNumber a[href^=tel] {
    color:				inherit;
    text-decoration:	none;
}
.headerContent .contactNumberLocal a[href^=tel] {
    color:				inherit;
    text-decoration:	none;
}
/*this fixes the bug on the tablet*/
#pageBody {
		    width: 100% !important;
    /*height: 100% !important;*/
    margin: 0px !important;
    padding: 0px !important;
    /*overflow-x: hidden;*/
	}
@media (max-width: 768px) {
	#pageBody {
    height: 100% !important;
    overflow-x: initial;
	} 
}
/* ---------------- Navigation ---------------- */
/* -------------------------------------------- */
.navMain {
	width:				960px; 
}
.selectedanchor {
	/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	background-repeat: 	no-repeat !important;
}
.menuanchorclassSub {
	background-repeat: 	no-repeat;
	background-position: right;
}
.menuanchorclassNoSub {
	background-repeat: 	no-repeat;
	background-position: right;
}
/* ######### 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: 			7px 0 7px 0;
	font-weight: 		bold;
}
.menuanchorclassNoSub:hover {
	background-repeat: 	no-repeat !important;
}
.menuanchorclass:hover { 
    text-decoration: 	none;
}
.menuanchorclass:visited { 
    text-decoration: 	none;
}

/*---Specialty Sub Nav---*/
.nav {
    background-color: rgba(255, 255, 255, 0) !important;
    text-transform: uppercase;
}
.nav {
    padding-left: 0;
    list-style: none;
}
.navbar-nav {
    float: left;
    margin: 0;
}
.navbar-nav > li {
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}
.navbar-nav > li > a {
    line-height: 20px;
}
.nav > li > a {
    position: relative;
    display: block;
}
@media (max-width: 767px) {
	.nav {
    text-transform: inherit;
}
}

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


/* ------------------ Content -------------------- */
/* ----------------------------------------------- */
.contentContainer {
    /* padding:            10px 15px 10px 15px; */
}


.contentSpace {
    width:              30px;
    float:              left;
}
.contentBottomSpace {
    height:             15px;
}
.contentContainerCF {
    padding:            0 15px 10px 15px;
}
.contentLeftCF {
	width:              240px;
    float:              left;
}
.contentRightCF {
    width:              615px;
    float:              left;
    vertical-align:     top;
}
.contentCoMem {
position: relative;
top: -90px;
}
#welcomeComMem .companyMemberInfo {
    margin-left: 120px;
}
#Company_Affiliate_Container, #Member_Affiliate_Container {
    position: absolute;
    margin-top: 25px;
}
.comemWelcomeBgColor img {
    width: 125px;
    margin-right: 30px;
}

@media (max-width: 767px) {  
    #welcomeComMem .companyMemberInfo {
        margin-left: 0px;
    }
    .contentCoMem {
		position: relative;
		top: -200px;
		}
    }
/* -------------- HP Headline Panels ------------- */
/* ----------------------------------------------- */
.hpPanelHdlnBlock {
    padding:            5px;
    text-align:         center;
    color:              #FFFFFF;
}
.hpPanelHdlnBlockTbl {
    padding-top:        5px;
    padding-left:       5px;
    padding-right:      5px;
    border:             0;
    width:              100%;
}

.hpHeadline {
	font-weight: 		bold;
    font-size: 			14pt;
    font-family: 		"Arial Narrow", Arial, sans-serif;
    font-stretch: 		condensed;
}

/* ---------------- Cruise Finder ---------------- */
/* ----------------------------------------------- */
.cruiseFinderContainer {
	margin-bottom: 		10px;
	padding: 			6px;
}
.cruiseFinderContent {
    margin:             5px 10px 10px 10px;
}
.cruiseFinderBtnBottom {
    margin:             0 auto;
    width: 				99px;
}
.cruiseFinderBtnTop {
    margin:             0 auto;
    width: 				156px;
    display: 			none;
}



/* ---------------- Featured Video ---------------- */
/* ------------------------------------------------ */
.featuredVideoContent {
    margin-top:         5px;
}
.featuredVideoContent .video {
    padding-top:        10px;
	padding-bottom:		10px;
}


/* ---------------- Vacation Specialist ---------------- */
/* ----------------------------------------------------- */
.vacationSpecialist {    
    margin-top:         10px;
}
.vacationSpecialistHeadline {
    padding:             5px 10px 0px 0px;    
}
.vacationSpecialistContent {
    margin:             5px 10px 5px 10px;
}
.vacationSpecialistContent div.agentPic {
    float: 				left;
    margin-right: 		10px;
    max-width: 			88px;
    overflow: 			hidden;
}
.vacationSpecialistContent div.agentInfo {
    float: 				left;
    width: 369px;
}
.vacationSpecialistContent div.customLinks {
    margin-top:         10px;
}
.vacationSpecialist .customLinks .customLink {
    padding: 			3px 20px 3px 20px;
    margin-bottom: 		-1px;
}
.vacationSpecialist .customLinks .customLink .pageLink {
    float: 				left;
    max-width: 			290px;
    padding-top: 5px;
}
.vacationSpecialist .customLinks .customLink .button {
    float: 				right;
    margin-top: 5px;
}
.vacationSpecialist div.hdlnAboutUs {
    padding-top:        5px;
	padding-bottom:		5px;
}
.vacationSpecialistContent div.banner {
    padding-top: 		10px;
    overflow: 			hidden;
    padding-bottom: 	5px;
    text-align: 		center;
}
.vacationSpecialist .fb {
    margin:             10px 0 10px 0;
    padding: 			5px 0 2px 5px;
}
.vacationSpecialist .googleP1 {
    margin:             0 10px 10px 10px;
    padding-bottom:     10px;
}
.vacationSpecialistContent div.agentInfo .followSocialMedia {
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top: 		15px;
	font-size: 			16px;
}
.vacationSpecialistContent div.agentInfo .socialMediaIcons {
	margin-top: 		5px;
	padding-bottom: 	30px;
}
.vacationSpecialistContent div.agentInfo .socialNetworkIcons div {
	float: 				left;
	margin-right: 		3px;
}

.vacationSpecialistContent .followSocialMedia {
	font-weight: 		bold;
	margin-bottom: 		5px;
	margin-top: 		15px;
	font-size: 			16px;
}
.vacationSpecialistContent .socialMediaIcons {
	margin-top: 		5px;
	padding-bottom: 	30px;
}
.vacationSpecialistContent .socialNetworkIcons div {
	float: 				left;
	margin-right: 		3px;
}

.socialNetworkIcons a {
    text-decoration: none !important;
}


/* ---------------- Cruise Line Deals ------------------- */
/* ------------------------------------------------------ */
.clSales {
    width:              100%;
    margin-top:			15px;
}


/* ---------------- Hot Deals ------------------- */
/* ---------------------------------------------- */
.hotDeals {
    padding:            3px;
    margin-top:			15px;
    width:              99%; /* 99% because of the border otherwise it would be too wide*/
}
.hotDeals .hotDealContainer {
    width:              388px;
    float: 				left; 
    padding: 			3px;
}
.hotDeals div.hotDealsHdln {
    font-size:          11pt;
    font-weight:        bold;
}
.hotDeals div.hotDealHdln {
    font-size:          10pt;
    font-weight:        bold;
}
.hotDeals div.hotDeal {
    padding-top: 		5px;
    margin-top: 		10px;
    position: 			relative; 
    vertical-align: 	baseline;
}
.hotDeals div.hotDealImg {
	float: 				left;
	text-align: 		center;
	margin: 			0 1px 0 1px;
}
.hotDeals div.hotDealItin {
	float: 				left;
	width:				210px;
	margin: 			0 2px 2px 2px;
}
.hotDeals div.hotDealPrice {
	float: 				left;
	width: 				79px;
	margin: 			0 4px 0 0;
	text-align: 		right;
	position: 			absolute;
	right:				50px;
	bottom: 			0;
}
.hotDeals div.hotDealPrice .hotDealPriceMargin {
	margin-bottom:		3px;
}
.hotDeals div.hotDealSelect {
	float: 				left;
	width: 				47px;
	position: 			absolute;
	right:				2px;
	bottom: 			4px;
}
.hotDeals div.hotDealShip {
    font-size:          11px;
}
.hotDeals div.hotDealTrip {
    font-size:          11px;
    font-style:         italic; 
}
.hotDeals span.dealPrice {
	font-weight: 		bold;
	font-size:          16px;
}
.hotDeals span.hotDealFrom {
    font-size:          9pt;
}



/* ---------------- Banner ----------------- */
/* ----------------------------------------- */
.homePageBanner {
	bottom: 			0;
	padding-bottom: 	0;
	margin-bottom: 		0;
	
}
.homePageBannerBottom {
	bottom: 			0;
	padding: 			4px;
	background-color: 	#FFFFFF;
}

/* ---------------- fb like ---------------- */
/* ----------------------------------------- */
.fbLike {
    border:             none;
    overflow:           hidden;
    /* width:              200px; */
    height:             26px;
    min-width: 320px;
}

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


/* ------------------- Agent PPC ------------------ */
/* ------------------------------------------------ */
.paidSearch {
	padding: 			5px;
	height: 			100%;
}
.paidSearch .headline {
	margin-bottom: 		6px; 
	padding: 			8px; 
	font-size: 			130%; 
	font-weight: 		bold; 
	height: 			20px;
}
.paidSearch .changeState {
	margin-bottom: 		6px;
	padding: 			6px 5px 4px 5px;
	text-align: 		center;
	width: 				288px;
	height: 			26px;
	float: 				right;
	font-size: 			85%;
	text-align: 		right;
}
.paidSearch .changeStateSelect {
	width: 				150px
}
.paidSearch .agentMap {
	height: 			700px;
	width: 				650px;
	float: 				left;
}
.paidSearch .sortPanel {
	float: 				right;
	width: 				290px;
}
.paidSearch .sortHeadline {
	margin-bottom: 		6px;
	padding: 			6px;
	text-align: 		center;
}
.paidSearch .visibilityHidden {
	visibility: 		hidden;
}
.paidSearch .agentBox {
	font-family: 		Arial;
	font-size: 			13px;
	line-height: 		17px;
	padding: 			5px 20px 5px 5px;
	margin-bottom: 		3px;
	background-repeat: 	no-repeat;
	background-position:center right;
}
.paidSearch .agentBoxLink {
	text-decoration: 	none;
	cursor:				pointer;
}
.paidSearch .agentBox table {
	width: 				100%;
	border: 			none;
	border-collapse: 	collapse; 
}
.paidSearch .agentBox table td {
	padding: 			2px; 
	vertical-align: 	top;
}
.paidSearch .agentBox td.agentImg {
	width: 				60px;
}
.paidSearch .agentBox img.agentImg {
	max-width: 			55px;
	max-height: 		55px;
}
.paidSearch .agentBox .agentName {
	font-size: 			90%; 
	font-weight: 		bold; 
	line-height: 		100%;
}
.paidSearch .agentBox .agentLocation {
	font-style: 		italic; 
	font-size: 			80%; 
	line-height: 		100%;
}
.paidSearch .agentBox .agentWebsiteLink {
	font-size: 			60%; 
	text-decoration: 	none; 
	font-weight: 		bold; 
	line-height: 		100%;
}
.paidSearch .agentBox .websiteURL {
	position:			absolute; 
	width:				1px; 
	height:				1px; 
	visibility: 		hidden;
	top: 				0;
	left: 				0;
}
.paidSearch .websitePaging {
	margin-top: 		6px; 
	padding: 			6px; 
	text-align: 		center;
}
.paidSearch .websitePaging a,
.paidSearch .websitePaging a:visited,
.paidSearch .websitePaging a:active
.paidSearch .websitePaging a:hover {
    text-decoration:    none;
}
.paidSearch .websitePaging span a {
	display: 			inline; 
	padding: 			3px 7px 3px 7px; 
	margin: 			3px 1px 3px 1px; 
	text-decoration: 	none;
}
.paidSearch .websitePaging em span {
	display: 			inline;
	padding: 			3px 7px 3px 7px;
	margin: 			3px 1px 3px 1px;
	text-decoration: 	none;
}
.paidSearch .agentBoxMapMain {
	position:			absolute; 
	width:				1px; 
	height:				1px; 
	visibility: 		hidden;
	top: 				0;
	left: 				0;
}
.paidSearch .agentBoxMap {
	font-family: 		Arial; 
	font-size: 			13px; 
	line-height: 		17px; 
	background-color: 	#CFE6FF; 
	padding: 			8px;
}
.paidSearch .agentBoxMap table {
	width: 				100%;
	border: 			none;
	border-collapse: 	collapse; 
}
.paidSearch .agentBoxMap table td {
	padding: 			3px; 
	vertical-align: 	top;
}
.paidSearch .agentBoxMap td.agentImg {
	width: 				90px;
}
.paidSearch .agentBoxMap div.agentImg {
	width: 				88px;
	height: 			88px;
	overflow: 			hidden;
}
.paidSearch .agentBoxMap .agentName {
	font-size: 			120%; 
	font-weight: 		bold;
}
.paidSearch .agentBoxMap .agentSpecialist {
	font-style: 		italic; 
	font-size: 			95%;
}
.paidSearch .agentBoxMap .agentPhone {
	font-weight: 		bold; 
	font-size: 			115%;
}
.paidSearch .agentBoxMap .agentTollFree {
	font-size: 			75%;
}
.paidSearch .agentBoxMap .websiteLink {
	font-size: 			90%; 
	text-decoration: 	none; 
	font-weight: 		bold;
}


/* ---------------- Footer ---------------- */
/* ---------------------------------------- */
.bgHeaderContentFooter {
	width: 				1028px;
}
.footerContainer {
    width:              920px;
    margin:             0 auto;
}
.footerColor {
	color :             #999999;
}
.footer {
    color:              #999999;
    font-size:          9pt;
    padding-top:        15px;
    padding-bottom:     15px;
    width:              960px;
    margin:             0 auto;
}
.footer div a,
.footer div a:visited, 
.footer div a:active,
.footer div a:hover {
    color:              #999999;
    text-decoration:    underline;
}
.footer div.footerComponent {
    float:              left;
    margin-right:       30px;
}
.footer div.footerComponentLast {
    float:              right;     
    margin-top: 60px;   
    text-align: center;
    
}
.footer div.footerComponentWidth {
    max-width:          200px;
    margin:             0 auto;
    text-align:         right;
    padding-right: 		15px;
    margin-top: 		60px;
    float:              right;
}
.footer div.bbbIcon {
    margin-top:         10px;
}
/* ---------------- Tablet ---------------- */
/* ---------------------------------------- */

@media (min-device-width : 767px) and (max-device-width : 1024px) { 
	.coneContentMain {
  		width: 100%;
	}
	/*.headerContent div.contact {
		    width: 674px;
	}*/
}