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


/* ---------------- Header ---------------- */
/* ---------------------------------------- */
.headerContent {
    margin:             0 auto;
    width:              955px;
}
.headerLogo {
    float:              left;
    padding-top:        20px;
    padding-bottom:     20px;
}
.headerContent div.contact {
    font-size:          10pt;
    text-align:         right;
    vertical-align:     middle;
    margin-top:         15px;
    float:              right;
    margin-bottom:      10px;
}
.headerContent div.contactNumberContainer {
    text-align:         right;
    padding-top:        2px;
    padding-bottom:     2px;
    float:              right;
    text-align:         right;
}
.headerContent div.contactNumber {
    font-weight:        bold;
    font-size:          20pt;
    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 {
    vertical-align:     baseline;
    float:              right;
    margin:             7px 5px 0 5px;
}
.headerContent div.topContent {
    /*height:             125px;*/
}
.headerContent div.bottomContent {
    height:             23px;
}
.headerContent .locator {
    background:         url(../images/locatorTopButton.png);
    background-repeat:  no-repeat;
    width:              360px;
    height:             28px;
    float:              left;
    margin-left:        30px;
}

/* ---------------- Navigation ---------------- */
/* -------------------------------------------- */
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			    .4em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
.sf-menu {
	line-height:	    1.0;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			    #FFFFFF;
    text-decoration:    none;
}
.sf-menu a {
	display:		    block;
	position:		    relative;
    font-weight:        bold;
    color:              #FFFFFF;
    font-size:          10pt;
    text-decoration:    none;
}
.sf-menu li a {
	border-left:	    1px solid #FFFFFF;
    padding: 		    .38em 1em;
	text-decoration:    none;
    font-size:          0.98em;
}
.sf-menu li ul li a {
	border-left:	    1px solid #FFFFFF;
	border-top:		    1px solid #CFDEFF;
    padding: 		    .40em 1em; /* height of the 2nd, 3rd.. layer menu items*/
    text-decoration:    none;
    border-bottom:      none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			    0;
    top:			    1.7em; /* match top ul list item height */
    z-index:		    99;
}
.sf-menu li.widthHome {
    width:              70px;
}
.sf-menu li.widthDeals {
    width:              90px;
}
.sf-menu li.widthCruiseLines {
    width:              135px;
}
.sf-menu li.widthDestinations {
    width:              125px;
}
.sf-menu li.widthAboutCruising {
    width:              145px;
}
.sf-menu li.widthBeforeYouGo {
    width:              145px;
}
.sf-menu li.widthEmailOffers {
    width:              110px;
}
.sf-menu li.widthResorts {
    width:              135px;
}


/* ---------------- Main Content ---------------- */
/* ---------------------------------------------- */
.mainContent {
    width:              955px;
    height:             100%;
    min-height:         400px;
    margin:             0 auto;
    background:         url(../images/transpWhite.png);
    position:           relative;
}
.mainContent div.container {
    margin:             auto;
}


/* ------------------ Content -------------------- */
/* ----------------------------------------------- */
.contentContainer {
    padding:            10px 15px 10px 15px;
}
.contentLeft {
	width:              230px;
    float:              left;
    vertical-align:     top;
}
.contentRight {
	width:              665px;
    float:              left;
    vertical-align:     top;
}
.contentSpace {
    width:              30px;
    float:              left;
}
.contentBottomSpace {
    height:             15px;
}
.contentContainerCF {
    padding:            0 15px 10px 15px;
}
.contentRighCF {
    width:              615px;
    float:              left;
    vertical-align:     top;
    margin-top:         10px;
}


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


/* ---------------- Cruise Finder ---------------- */
/* ----------------------------------------------- */
.cruiseFinderContent {
    margin:             5px 10px 10px 10px;
}
.cruiseFinderContent div {
    padding-top:        5px;
	padding-bottom:		5px;
}
.cruiseFinderContent div.middle {
    width:              20px;
}
.cruiseFinderContent div.middleBtn {
    width:              30px;
}
.cruiseFinderContent div.zipCode {
    float:              left;
    width:              110px;
}
.cruiseFinderContent div.senior {
    float:              left;
}
.cruiseFinderContent div.lnkSpace {
    padding:            0;
}
.cruiseFinderContent div.advancedSearch {
    float:              left;
    margin-right:       9px;
}
.cruiseFinderContent div.btnSearch {
    float:              left;
}


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


/* ---------------- Vacation Specialist ---------------- */
/* ----------------------------------------------------- */
.vacationSpecialistContent {
    margin:             5px 10px 5px 10px;
}
.vacationSpecialistContent div.agentInfo {
    /*margin-top:         10px;*/
}
.vacationSpecialistContent div.customLinks {
    margin-top:         10px;
}
.vacationSpecialistContent div.featuredDeal {
    margin-top:         5px;
    margin-bottom:      5px;
}
.vacationSpecialistContent div.featuredDeals {
    margin-top:         15px;
}
.vacationSpecialistContent div.banner {
    margin-top:         10px;
    text-align:         center;
    overflow: 			hidden;
}
.vacationSpecialist .fb {
    margin:             0 10px 10px 10px;
}
.vacationSpecialist div.txtAboutUs {
    margin:             10px;
}
.vacationSpecialist .googleP1 {
    margin:             0 10px 10px 10px;
    padding-bottom:     10px;
}

/* ---------------- Cruise News ------------------- */
/* ------------------------------------------------ */
.cruiseNewsContent {
    margin:             10px 10px 10px 10px;
}
.cruiseNewsContent div {
    padding-top:        10px;
	padding-bottom:		10px;
}
.cruiseNewsContent div ul {
    padding:            0 5px 0 15px;
    margin:             0;
}


/* ---------------- Top Banner ------------------- */
/* ----------------------------------------------- */
.topBanner {
    margin-top:         10px;
}
.topBannerContent {
    margin:             2px 3px 2px 3px;
}
.topBannerContent img {
    margin:             2px 3px 2px 3px;
}


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


/* ---------------- eSavers Newsletter ------------------- */
/* ------------------------------------------------------- */
.eSavers {
    width:              100%;
    margin-top:			15px;
}
.eSavers div.headlineContainer {
    float:              left;
    width:              200px;
    margin:             5px;
}
.eSavers div.headlineNewsletter {
    margin-top:         10px;
    margin-bottom:      0;
}
.eSavers div.headlineJoin {
    margin-top:         10px;
    margin-bottom:      10px;
}
.eSavers div.email {
    float:              left;
    margin-top:         20px;
    width:              170px;
}
.eSavers div.zipCode {
    float:              left;
    margin-top:         20px;
    width:              90px;
}
.eSavers div.join {
    float:              left;
    margin-top:         22px;
}
.eSavers div img.btnJoin {
    margin-top:         5px;
}
.eSavers div.viewSample {
    float:              left;
    text-align:         center;
    margin-top:         27px;
    margin-right:       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:              100%;
}
.hotDeals div.hotDeal {
    margin:             5px;
    height:             90px;
    position:           relative;
    width:              310px;
}
.hotDeals div.hotDealHdln {
    margin:             0;
    font-size:          12pt;
    font-weight:        bold;
    color:              #000000;
}
.hotDeals div.hotDealCl {
    margin:             0;
    font-size:          10pt;
    font-style:         italic;
    font-weight:        bold;
}
.hotDeals div.hotDealFromPrice {
    text-align:         center;
    bottom:             0;
    position:           absolute;
    right:              0;
}
.hotDeals span.hotDealFrom {
    font-weight:        bold;
}
.hotDeals span.hotDealPrice {
    font-weight:        bold;
    font-size:          14pt;
}
.hotDeals div.hdlnLink a,
.hotDeals div.hdlnLink a:visited,
.hotDeals div.hdlnLink a:active {
    color:              #000000;
    text-decoration:    none;
}
.hotDeals div.hdlnLink a:hover {
    color:              #000000;
    text-decoration:    underline;
}


/* ---------------- Featured Cruise Line ------------------- */
/* --------------------------------------------------------- */
.featuredCruiseLine {
	margin-top:			15px;
}
.featuredCruiseLineContent {
	padding:		 	0 15px 5px 15px;
}
.featuredCruiseLineContent span.headline {
	font-size:          12pt;
	font-weight:        bold;
}


/* ---------------- Featured Ship/Destination ------------------- */
/* -------------------------------------------------------------- */
.featuredShipDestination {
	margin-top:			15px;
}
.featuredShip {
	width:				320px;
	min-height:			215px;
	float:				left;
}
.featuredShipDestinationSpace {
	width:				25px;
	float:				left
}
.featuredDestination {
	width:				320px;
	min-height:			215px;
	float:				left;
}
.featuredShipDestinationContent span.headline {
	font-size:          12pt;
	font-weight:        bold;
}


/* ---------------- Research Your Cruise ------------------- */
/* --------------------------------------------------------- */
.researchCruiseContent {
    padding:		 	15px 15px 15px 15px;
}
.research {
    width:              100%;
}
.researchCruise {
	margin-top:			15px;
}
.researchCruise p.headline {
    font-size:          16pt;
	font-weight:        bold;
    margin:             0;
}


/* ---------------- fb like ---------------- */
/* ----------------------------------------- */
.fbLike {
    border:             none;
    overflow:           hidden;
    width:              200px;
    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;
}


/* -------------- Rounded Corners ---------------- */
/* ----------------------------------------------- */
.rounded {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.roundedTopRight {
    border-top-right-radius:8px;
    -moz-border-radius-topright:8px;
    -webkit-border-top-right-radius:8px;
}

.roundedTopLeft {
    border-top-left-radius:8px;
    -moz-border-radius-topleft:8px;
    -webkit-border-top-left-radius:8px;
}