.crCruiseListing {
    background-color:#fff !important;
    border: 1px solid rgba(152, 152, 152, 0.3);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding:0px !important;
}

.zzPageHeader{background-color:#1387d1;
height:50px;}

div.crCruiseBox{
padding-top: 8px;
padding-right: 15px;
}

.crCruiseBox .crPrices{
	display: flex !important;
    align-items: center !important;
}

div.crPaging {
    margin-bottom:0px !important;
}

.crCruiseBox .crPrices span{width:max-content;
font-size:12px !important;}

#crCruiseListings{max-width: 100%;}

#crMainBody{max-width: 100%; padding: 30px 30px 0px 30px;}
#cdMainBody{max-width: 100%; padding: 30px 30px 0px 30px;}

#cdMainBody #cdPaxBox{margin: 0px 0;}

#crTopDiv, #cdTopDiv, #caTopDiv, #csTopDiv, #lgTopDiv, #pxTopDiv, #pmTopDiv, #fcTopDiv, #asTopDiv{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #333 !important;
    background-color:#f5f5f5 !important;
}

#asTopDiv{background-color:white !important;}

div.crPrices{
	border: solid 1px white;
	background-color: #f9f9f9 !important;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 8px;
    border-radius: 8px;
    padding: 5px;}
	
.zzContinueButton, .zzSelectButton{background-color:#0071e3;
    font-size: 13.7px !important;
    padding: 5px 9px;
	text-transform: initial;
    border-radius: 4px;}

	
.zzSelectButton:hover{background-color: #2f6a2f;}

.zzSelectButton:focus{border: 1px solid #0071e3 !important;}
.zzSelectButton:checked{border: 1px solid #2f6a2f !important;}

.crShipImage{
	background-color: #6598b0;
	min-height: 190px;
	margin: 0px 0 !important;
	/* width: 250px !important; */
	}

.crShipImage div{display:flex;justify-content: center;align-items: center;height: 50px;}	

.crShipImage span.stars {
    color: gold;
    font-size: 1.4em;
}
.crShipImage > img {
    display:block;
}

#crSearchPanel{padding: 30px 0px 0px 30px;}	


.lfTopDiv>form {
    position: relative;
    background-color:#6791ab;
    color: white;
	padding: 5px;
	border-radius: 10px;
}

.lfTopDiv {
    float: left;
    width: 250px;
}

.adSpace iframe{width:250px;}

#crSearchPanel select{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
height:25px;
border-radius:5px;
border:1px solid white;}

.lfTxtPromoCode{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
height:21px;
border-radius:5px;
border:1px solid white;}

.lfButtonBox button{background-color: #0071e3;
border: solid 1px #0071e3;
padding:5px;}

.lfSelectCriteria h2{text-align:center;font-size:17px;}

.zzPageHeader span.phone {
    float: right;
    margin: 15px 10px 0 0;
    font-size: 1.3em;
    vertical-align: middle !important;
}

.zzPageTitle {
    margin-top: -32px;
    margin-bottom: 7px;
    color: white;
    font-weight: bold !important;
    text-align: center;
}


#cdHeader a img, #crHeader a img{
	margin-top:0px;
	margin-left:12px;
	width:190px;}

#caHeader img{
	margin-top:0px;
	margin-left:12px;
	width:190px;}
	
#csHeader img{
	margin-top:0px;
	margin-left:12px;
	width:190px;}
	
#lgHeader img{
	margin-top:0px;
	margin-left:12px;
	width:190px;}

#pmHeader img{
	margin-top:0px;
	margin-left:12px;
	width:190px;}
	
#fcHeader img{
	margin-top:0px;
	margin-left:12px;
	width:190px;}	
	
#cdFooter, #crFooter, #caFooter, #csFooter, #lgFooter, #pxFooter, #pmFooter, #fcFooter, #asFooter{margin-left:0px;
    padding:3px 125px;
    max-width:100%;
	background-color:#1074b4;
	color:white;}
	
.zzCopyrightNotice a{color:white;}

.crBonusOffers{font-size:13.5px;
line-height:1.4;
margin-left: 0px !important;
margin-bottom: 9px;}

.cdUpdateRatesButton{background-color:#0071e3;
padding:5px;}



.cdResidency select{margin-left:10px;}
.cdDepAirport select{margin-left:44px;
height:24px;
border-radius:6px;}

#cdTabArea>ul li.selected {
    background-color: #0086b3;
}

#cdTabArea > ul li{padding:6px 7px;
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif !important;
border-top-right-radius:5px;
border-top-left-radius:5px;
border-top: solid 1px #ababab !important;
border-left: solid 1px #ababab !important;
border-right: solid 1px #ababab !important;
}

#cdSailingRates div.row.selected {
    background-color: white;
}

#cdPaxBox{background-color:white;
border: 1px solid rgba(152, 152, 152, 0.3);
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 7px;
}

#cdPaxBox .cdBestRate .buttonBox button{
	    text-transform: capitalize;
}

.zzBookingSummary{margin-top:30px;
margin-bottom:25px;}

div.zzBookingSailing{border-right: 1.8px solid #005a9c;}
div.zzBookingDetails{border-right: 1.8px solid white;}

.zzMainBody, .zzFooter{
    max-width: 100%;
	padding-left:40px;
	padding-right:40px;
}

#caMainBody h1{
	font-size:16px;
}

div.zzBookingSummary div.box {
    background-color: #fff;
    border: solid 1px rgba(152, 152, 152, 0.3);
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 7px;
}

div.zzBookingSummary div.bonus {
    margin-top: 20px;
	border: solid 1px #d3e8fe;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius:7px;
}

div.zzBookingSummary div.bonus label {
    font-size: 1em !important;
}

.zzAgentInfo{margin-top:40px !important;}

#caCategoryList div.tabs span.selected {
    color: white;
    background-color: #0086b3;
}

#caCategoryList div.tabs>span {
padding: 6px 7px;
font: normal 0.9em Verdana, Arial, Helvetica, sans-serif !important;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top: solid 1px #ababab !important;
border-left: solid 1px #ababab !important;
border-right: solid 1px #ababab !important;
}

#caCategoryList div.tabs{
padding-bottom:0px;
border-bottom: solid 0.8px #a6a6a6;}


#fcCategoryList div.tabs span.selected {
    color: white;
    background-color: #0086b3;
}

#fcCategoryList div.tabs>span {
    padding: 7px;
}

#fcCategoryList div.tabs{padding-bottom:0px;}

#fcCategoryList div.tabs>span{border-top: solid 1px #0086b3;
border-left: solid 1px #0086b3;
border-right: solid 1px #0086b3;}

div.zzDemoMessage{background-color: #3c70b2;
border:2px solid;}

div.zzDemoMessage p{color:white;}

#caTabBody0 .description{margin-top:7px;}
#caTabBody2 .description{margin-top:7px;}
#caTabBody3 .description{margin-top:7px;}

div.caCategoryListing>h2{background-color:#00a4bf;
border-radius:5px;}

div.fcCategoryListing>h2{background-color: #0099cc;}

div.fcCategoryListing span.frPrice{
    color: white;
    font-size: 15px;
}

div.fcCategoryListing div.priceBox {
    background-color: #b3ecff;
}

div.caCategoryListing div.priceBox.special{
    background-color: #eef2f6;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 20%);
}

div.fcCategoryListing div.priceBox.special{
    background-color: #c4e3f3;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 20%);	
}

#csMainSection{
    border: 1px solid rgba(152, 152, 152, 0.3);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	margin-bottom:35px;
	border-radius:7px;
	background-color:white;}
	
#csDeckPlan{margin-left:25px;}

div.csCabinNumbers h2{background: #1074b4 url(https://ttcm.s3.amazonaws.com/Images/Template/T4/triangle-dn.png) 95% 50% no-repeat;
padding:5px;
font-size:14px;
border-top-left-radius:7px;
border-top-right-radius:7px;
}

div.csCabinNumbers #csCabinsForDeck29796 {
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}


#lgHoldTimer{background-color: #c4e3f3;}

span.zzCabinHoldExtendLink{
    background-color: #0071e3;
	padding:5px !important;
	margin-top:-3px !important;
	margin-bottom:7px !important;
}

#lgExtCustForm{background-color:white;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}

#lgCopyrightNotice a{color:white !important;}
.ftCopyrightNotice a{color:white !important;}

#lgExtCustForm .email input{width:250px;height:24px;border-radius:5px;border: 2px solid #9196a1;}
#lgExtCustForm .password input{width:250px;height:24px;border-radius:5px;border: 2px solid #9196a1;}

.zzPaxForm, .zzTitleBox{
	border: solid 1px #0099cc;
    background-color: #1074b4;}
	
div.zzPaxForm {
    border: solid 1px #0086b3;
}	

div.zzPaxForm h3 strong {
    font-size: 17px;
    text-transform:initial;
}

div.zzPaxForm {
    background-color:white;
}

#ePL2, #ePL1{height:23px;
border-radius:5px;
border:1px solid white;}

div.lgLoginOption{background-color:white; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);}

div.zzCustomerForm input.required, div.zzCustomerForm select.required{background-color: #d5ebf6;}

.zzCustomerForm #firstName{width:250px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:8px;}
.zzCustomerForm #middleName{width:90px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:8px;}
.zzCustomerForm #lastName{width:250px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:8px;}
.zzCustomerForm #suffix{width:70px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:8px;}

.formSection #country{width:278px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:31px !important;}

.formSection #state{width:278px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:18px !important;}



#title{width:65px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:8px;background-color: #d5ebf6;}

#slot1 .name input{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:8px;}
#slot1 .name select{width:65px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important}

.addr input{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:38px !important;}
#city1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:58px !important;}
#state1{width:278px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:18px !important;}
#zip1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:07px !important;}

#country1{width:278px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:66px !important;}
#phone1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:75px !important;}
#email1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:81px !important;}

#dDOB1{width:45px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:39px !important;}
#mDOB1{width:55px;height:29px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}
#yDOB1{width:45px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}
#pastPaxNumber1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:10px !important;}

#citizenship1{width:278px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}
#passportNumber1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:20px !important;}

#dDateIssued1{width:38px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}
#mDateIssued1{width:55px;height:30px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;width:60px;}
#yDateIssued1{width:45px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}

#dDateExpires1{width:38px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}
#mDateExpires1{width:55px;height:30px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;width:60px;}
#yDateExpires1{width:45px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}



#slot2 .name input{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:8px;}
#slot2 .name select{width:65px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important}

#email2{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}

#dDOB2{width:38px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}
#mDOB2{width:60px;height:30px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}
#yDOB2{width:45px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}

#pastPaxNumber2{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}

#citizenship2{width:278px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:14px !important;}
#passportNumber2{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:20px !important;}


#dDateIssued2{width:38px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}
#mDateIssued2{width:60px;height:30px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}
#yDateIssued2{width:45px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}

#dDateExpires2{width:38px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}
#mDateExpires2{width:60px;height:30px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}
#yDateExpires2{width:45px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:02px !important;}


#dining{width:270px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:07px !important;}
#tableSize{width:270px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:07px !important;}

#bedding{width:270px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:23px !important;}

.formSection #zip{margin-left:10px !important;}
.formSection #city{margin-left:52px !important;}
.formSection #street2{margin-left:32px !important;}
.formSection #street1{margin-left:32px !important;}

.formSection #password{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:24px !important;}

.formSection #confirmPassword{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}


.formSection #homePhone, #cellPhone, #workPhone, #email, #fax{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}

.formSection #ext{width:100px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:15px !important;}

.pmsTotals button{background-color:#0071e3;
    font-size: 13px;
    padding: 5px 9px;
	text-transform: initial;
    border-radius: 4px;}
	
#pmTravelInsurBox h2{
	border: solid 1px #1074b4;
    background-color: #1074b4 !important;
	padding:7px;}
	
#pmPaymentInfo h2{
	border: solid 1px #1074b4;
    background-color: #1074b4;
	padding:7px;}	
	
#pmCreditCardInfo1 h2{
	border: solid 1px #1074b4;
    background-color: #1074b4;
	padding:7px;}	

#pmTravelInsurBox, #pmPointsBox, #pmPaymentInfo, .pmCreditCardForm, #pmSubmitBox {
    border: solid 2px #0099cc;
	background-color:white;
}	



#firstName1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:10px !important;}
#middleName1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:10px !important;}
#lastName1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:10px !important;}


#pmCreditCardInfo1 #email1{margin-left:50px !important;}
#pmCreditCardInfo1 #city1{margin-left:59px !important;}
#pmCreditCardInfo1 #street21{margin-left:39px !important;}
#pmCreditCardInfo1 #street11{margin-left:39px !important;}
#pmCreditCardInfo1 #country1{margin-left:35px !important;width:275px;}
#pmCreditCardInfo1 #state1{margin-left:20px !important;width:275px;}

#cardType1{width:275px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:5px !important;}
#expiryMonth1{width:55px;height:30px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:9px !important;}
#expiryYear1{width:55px;height:30px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:2px !important;}
#cardNumber1{width:270px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:39px !important;}
#cvv1{width:100px;height:24px;border-radius:6px;border:1.7px solid #9196a1 !important;margin-left:34px !important;}

#asSortBy select{width:250px;height:28px;border-radius:6px;border:1.7px solid #9196a1 !important;padding-left:3px;margin-left:5px;margin-bottom:7px;}

.zzBookingGuests div{float: right;width: 60%;}
.zzBookingAiport div{float: right;width: 60%;}
.zzBookingCategory div{float: right;width: 60%;}
.zzBookingCabin div{float: right;width: 60%;}
.zzBookingFareCodeApplied div{float: right;width: 60%;}

#fcTabBody0 a{text-decoration:none;}
#fcTabBody1 a{text-decoration:none;}
#fcTabBody2 a{text-decoration:none;}
#fcTabBody3 a{text-decoration:none;}

div.fcCategoryListing div.fareInfo h3 {
    color:#224373;
}

div.fcCategoryListing div.fareInfo h5 {
    color: #224373;
    font-size: 12.5px;
}

.zzNeedHelp span.phone, .zzNeedHelp span.refNum {
    color: #ffbb33;
}




.crCruiseListing.featured {
border: 1px solid rgba(152, 152, 152, 0.3);
}


div.crPrices div.cabinType:not(:last-child){border-right:1.8px solid #3a6afd;}

div.crVendorCruise span {
    color: #337ab7;
}

div.crPrices div.price {
font-size: 1.5em !important;
color:#1074b4;

}

div.crPrices div.cabinType div.label {
   font-size:13px;
}

a.crListingViewDetails, .crCruiseListing .zzSelectButton{border-radius:6px;}

#cdItinInfo img.vlogo{
width: 170px;
height: 45px;
}

#cdItinInfo h2{color:#337ab7}

.cdPaxSelect h2{color:#337ab7 !important}
.cdBestRate h2{color:#337ab7 !important}


#cdItinInfo div.rates {
    margin: 15px 0;
    padding: 2.5px 6px;
    font-weight: bold;
    background-color: #03addf;
    border: solid 2px #03addf;
    border-radius: 5px;
	color:white;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#cdItinDetails > div {
    height: 298px !important;
}

#cdItinInfo div.rates span.price{color:white;}

#cdSeeAllRates{color:white;}

#cdItinDetails {
    margin-bottom: 24px !important;
}

#cdItinDetails td.day {
    background-color: #4da6c6 !important;
}

#cdItinDetails tr.top {
    background-image: none;
    background-image: none;
	 background-color: white;
}

#cdItinDetails tr.bot {
    background-image: none;
    background-image: none;
    background-color: white;
}

#cdItinDetails tr.top td {
    border-top: solid 1px #c9c4c4;
}

#cdItinDetails tr.top:not(:last-child) {text-align:center;}

#cdItinDetails tr.top .port {text-align:left;}


#cdItinDetails tr.top td{padding-top:10px;}
#cdItinDetails tr.port td{padding-bottom:5px;}


#cdTopDiv select.required{
background-color:white;	
height:24px;
border-radius:6px;
}

#cdSailingRates span.price.min {
    color: #337ab7;
}

#cdSailingRates div.showMore {
    color:#337ab7;
}

#cdTabArea > ul {
display: flex;
gap: 6px;
margin-bottom:0px !important;
}

#cdTabArea > ul li.bookNow {
    color: #224273;
    background-color:white;
}

h2 {
    color: #337ab7;
}

#cdTabArea{
margin-top:27px !important;
}


#cdTabArea div.tab {
    background-color: #f3f3f3;
    border: solid 1px #c9c4c4 !important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#cdTabArea > div.rates .header{
background-color: #2da1a7 !important;
padding:5px !important;
color: white !important;
}

.bonusOffers ul {
    color: #1074b4 !important;
}

h2.cdEmailFriend span {
    color: #00b3a1;
}


div.zzBookingSummary h2{color: #337ab7;}

div.caCategoryListing {
    background-color: white;
	border: solid 1px #a6a6a6;
	border-top: none !important;
}

#caTabBody0{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

div.caCategoryListing div.priceBox{
border: solid 1px #ababab !important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius:7px;
}


div.caCategoryListing div.priceBox strong{color:black;}

div.caCategoryListing div.priceBox div.price {
color:#1074b4;
}

.zzContinueButton{}
.zzSelectButton:hover{background-color:#5c8a8a;}

.cdUpdateRatesButton:hover{background-color:#5c8a8a;}
span.zzCabinHoldExtendLink:hover{background-color:#5c8a8a;}
button:hover {background-color: #5c8a8a;}

#csMainSection > h2 {color: #337ab7;
    font-size: 15px;}
	
div.csCategoryUpgradeItem span.price{color:#1074b4 !important;
font-size:16px;}	

div.csCategoryUpgradeSection{
border: solid 1px #a6a6a6;
border-radius: 7px;}

div.zzHoldTimer span.time{color: #ff0000;}

#lgLoginTypeSelectBox > div.selected {
    color: #1074b4;
}

#lgCustomerFormBox{margin-bottom:20px;}


#pxLoginInfo h2{color:#1074b4;}

div.zzHoldTimer{background-color:#c4e3f3;}

div.zzPaxForm label{font-weight:600;font-size:13px;}

div.zzPaxForm input.required, div.zzPaxForm select.required{background-color:#d5ebf6;}

div.zzBookingIntinerary{border-top: solid 1px white;
border-bottom: solid 1px white;}

div.pmsDiningCabinDetails{border-top: solid 1px white;}

div.pmsButtonBox{border-top: solid 1px white;}

div.pmsDiningCabinDetails > div{width:auto;}

div.pmsTotals{text-align:left;}

#pmDecline{background-color:#ff1a1a !important;}

div.pmCreditCardForm .required {
    background-color: #d5ebf6;
}

*,*:focus,*:hover{
    outline:none;
}

#cdTopDiv section.error{border-color: #cc0000 !important;
border-width:1px !important;}


div.zzPaxForm div.formSection.name{padding-left:25px;}

div.zzPaxForm div.formSection.addr1{padding-left:25px;}

div.zzPaxForm div.formSection{padding-left:25px}

#tblCk2{padding-left:25px}

div.zzPrettyPics{display: none;}

div.zzFormBody{padding-left:0px;
padding-right:0px;}

button {
    background-color: #0071e3;
}

#asFooter .images{display:none;}

#asMainBody > h1 {
    color: #337ab7;
    font-size: 19px;
}

#asCriteriaMainPanel{
    border: 1px solid rgba(152, 152, 152, 0.3);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	margin-bottom:30px;
	background-color:#dee6ed;
}


div.cdResidencyPopUp.ui-widget-content{background: white;}

#cdResidencyPopUp h1 {
    color: #1074b4;
}


.ui-button ui-corner-all ui-widget{
    background: #1074b4 url() repeat-x !important;
    color:white !important;
}


@media(max-width: 767px){
.lfTopDiv {
    margin: 0 2px;
    float: none;
    width: auto;
}

div.crCruiseBox{
    margin-left:0px !important;
    padding:16px;
}

.crListingIcons{
    display: flex;
    flex-direction: row-reverse;
    gap:16px;
	justify-content:space-between;
	padding:10px;
	align-items:center'
    
}

.zzPageTitle{margin-top:15px;
color:#1074b4 !important;}

#crSearchPanel{padding-top:5px;}

button.zzSlider{
background: #1074b4 url(https://ttcm.s3.amazonaws.com/Images/Template/icon_search.png) 96%/20px no-repeat;
}

#crSearchPanel{padding-right:30px;}

#crMainBody{padding-top:8px;}

.crSCriteria{font-size:13px;}

div.zzBookingDetails {
    border-right: 1.8px solid white !important;
}

div.zzBookingSailing {
    border-right: 1.8px solid white !important;
}

#csMainBody > button.zzSlider{background-color:#1074b4;
margin-bottom:30px;
}

.zzBookingSummary{margin-top:10px;}

#lgExtCustForm .email input{margin-left:22px;}

div.zzPaxForm div.formSection.name {padding-left:5px;}
div.zzPaxForm div.formSection.addr1 {padding-left:5px;}
div.zzPaxForm div.formSection {padding-left:5px;}

div.crPrices div.price {
    font-size: 1.25em !important;
}

div.crPrices div.cabinType div.label {
   font-size:12.5px !important;
}

.crListingIcons a.special {
    color: white !important;
    background-color: #4db8ff !important;
}

}


div.crBonusOffers h4 {
    color: #224373 !important;
    font-size: 1.17em;
	text-transform: capitalize !important;
}

div.crBonusOffers ul {
    color: #1074b4;
}

#asCriteriaMainPanel h2{color:#1074b4;margin-bottom:8px;}

div.caCategoryListing div.zzBookingPricing{
background-color: white !important;}

div.zzBookingPricing > div.total {
    color: #337ab7;
}

div.price img{margin-left:5px;}
div.lfBestDealBox img{margin-left:5px;}

.lfBestDealBox div.overlay {
background-color:white;
border: 2px solid rgba(152, 152, 152, 0.6) !important;
padding:15px;
text-align:justify;
}

.lfBestDealBox > div.overlay h2 {
    color: #337ab7;
}


/* Initial Widget CSS - Landing Page */


#dwTopDiv nav{
    padding: 35px 65px 56px;
    background: #0071e3 !important;
	
    backdrop-filter: blur(10px);	
}

#dwTopDiv{
color: white;
margin: auto;
width: 50%;
background: rgba(255, 255, 255, 0.12);
padding: 60px 65px 56px;
width:740px;
backdrop-filter: blur(10px);
border: 0px solid white;


}

#dwGoButton{

font-size: 14px !important;
text-transform: uppercase;
color: #000 !important;
min-width: 240px !important;
letter-spacing: 1.1px !important;
padding: 15px 45px 13px 45px;
text-decoration: none !important;
background: #fff;
border: 1px solid #fff;
font-weight: 400;}
	
	
#dwSelectCriteria select {
	background: transparent;
    width: 100%;
    outline: none;
    border-radius: 3px;
    border: 2px solid #fff;
    min-height: 52px;
    color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
    font-weight:300 !important;
    letter-spacing: 0.16px;
	padding-left:18px;
}


#dwSelectCriteria select option{color:black !important;}

#dwSelectCriteria option:disabled {
    color: #aaa !important;
}	

#dwBody{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #333 !important;
    background-color: #fff !important;
}

#dwSelectCriteria select {
    margin: 2px 0;
    font-weight: bold;
    font-size: 13.5px;
}	

#dwSelectCriteria h1 {
    text-align: center !important;
    font-size: 17px !important;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 28px !important;
    font-weight: 400;
	padding-bottom:30px;
}


#dwBody{
background-image: url("https://cstest.travtech.com/cs/master-bg.jpg");  
background-repeat: no-repeat;
background-size: auto;  

background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 620px;
padding: 110px 0 60px;
}

#dwButtonBox a{font-size:15px !important;}


@media(max-width: 887px){
#dwTopDiv{width:640px !important;
    padding: 50px;}
	
#dwButtonBox a {
    font-size: 13px !important;
}	

}

@media(max-width: 757px){
#dwTopDiv{width:640px !important;
    padding: 40px;}

#dwTopDiv nav{padding: 25px 55px 46px;}
	
/* #dwButtonBox a { */
    /* font-size: 13px !important; */
/* }	 */

}


@media(max-width: 737px){
#dwTopDiv{width:600px !important;
    padding: 30px;}

#dwTopDiv nav{padding: 15px 45px 36px;}
	
/* #dwButtonBox a { */
    /* font-size: 13px !important; */
/* }	 */

}

@media(max-width: 677px){
#dwTopDiv{width:570px !important;
    padding: 20px;}

#dwTopDiv nav{padding: 15px 35px 26px;}
	
/* #dwButtonBox a { */
    /* font-size: 13px !important; */
/* }	 */

}

@media(max-width: 627px){
#dwTopDiv{width:540px !important;
    padding: 20px;}


#dwSelectCriteria h1 {
    font-size: 21px !important;
    padding-bottom:20px;
}

#dwTopDiv nav{padding: 15px 35px 26px;}
	
#dwGoButton{min-width:180px !important;}

}

@media(max-width: 597px){
#dwTopDiv{width:500px !important;
    padding: 10px;}



#dwTopDiv nav{padding: 15px 15px 15px;}
	
.crShipImage{
	background-color: #e2e2e2;
    min-height:0px !important;}

}

@media(max-width: 537px){
#dwTopDiv{width:470px !important;

    padding: 7px;}


#dwGoButton{min-width:150px !important;}
#dwTopDiv nav{padding: 15px 15px 15px;}
}


@media(max-width: 500px){
#dwTopDiv{width:100% !important;
padding:0px;}

#dwSelectCriteria h1 {
    font-size: 20px !important;
    /* padding-bottom:20px; */
}
}

 /* Dialog Box CSS */
 #csEmailOverlay{padding:15px 20px;
 padding-left:10px;}
 
 .ui-dialog-content form.zzBackground
 {background-color:white;

 }
 
 form.zzBackground input,
 form.zzBackground select
 {
    padding: 8px 10px;
	margin-top:5px;
    border-radius:5px;
    border: 1.6px solid #9196a1 !important;
}

 form.zzBackground select
 {

}

 form.zzBackground{
	 width: 100%;
	 display: grid;
	 grid-template-columns: repeat(2, minmax(0, 1fr));
	 gap: 15px;
 }
 
form.zzBackground > div:last-child {
    grid-column: span 2; /* Span across both columns */
}

form.zzBackground textarea {
    width: 100%; /* Ensure textarea takes full width */
    box-sizing: border-box; /* Ensure padding and borders are included in width */
	margin-top:5px;
	height:90px;
	border: 1.6px solid #9196a1 !important;
	border-radius: 5px !important;
}
 
 .ui-dialog .ui-dialog-content {
    overflow: hidden;
}

form.zzBackground #email{
	    width: auto !important;
    border-radius: 5px;
    border: 1.6px solid #9196a1 !important;
    margin-left:0px !important;
	height:auto !important;
}

form.zzBackground div{font-weight:600;display: flex;
    flex-direction: column;}


form.zzBackground span{font-weight:600;
width:150px !important;}

form.zzEmailForm > div {
font-family: "Roboto", sans-serif !important;
   margin: 0px 0;
}

.ui-dialog-buttonset button{
	background:none !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	 background-color: #babdc4 !important;
	     color: #0f324c !important;
}

.ui-dialog-buttonset .submit{
	    background-color: #cc6633 !important;
		color:white !important;
}

.ui-dialog .ui-dialog-buttonpane {
 margin-top:0px; 
}

.ui-widget-overlay {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3));
    backdrop-filter: blur(3px);
    transition: opacity 0.3s ease-in-out;
    z-index: 9999;
    opacity: 1;
}

.crShipImage img.vlogo {
    float: none !important;
    margin-right:0px !important;
    width: 120px;
}

.lfSelectCriteria select {
    font-weight: normal !important;
    font: normal 1em Verdana, Arial, Helvetica, sans-serif !important;
}

#cdItinDetails table
{
border-bottom: solid 1px #c9c4c4 !important;
border-right: solid 1px #c9c4c4 !important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#caCategoryList #form1 .tabs{
display:flex;
gap:6px;	
}

.csCabinImage{margin-bottom: 15px !important;}

.csCabinImage #csCabinImage{
	    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

/* Modal Pop-up CSS */

div.ui-dialog,
#leTopDiv{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#leHeader ul{
display:flex;
gap:6px;	
justify-content:center;
}

#leHeader ul.menu li{
padding: 5px 12px !important;
font-size: 14px !important;
}

body{background-color:#f5f5f5 !important}