﻿#advx .cruises {  }


/*-------------- CRUISES MAIN PAGE --------------------- */

#advx .cruises .main-search { border: 1px rgb(0,0,0, 0.15) solid; padding: 30px 30px 20px 30px; margin-bottom: 15px; }
#advx .cruises .main-search h3 { margin: 0 0 10px 0; }
#advx .cruises .main-search .fields-bg {padding: 15px 0; margin: 15px 0; background:rgb(0,0,0, 0.05); }


#advx .cruises .main-search .select-multiple select { height: 150px; }



#advx .cruises .main-search-sub { border: 1px rgb(0,0,0, 0.15) solid; padding: 10px 30px; margin-bottom: 15px; }
#advx .cruises .main-search-sub a { text-decoration: none; display:block; }
#advx .cruises .main-search-sub a:hover { text-decoration: none; }

#advx .cruises .main-search-sub h3 { margin: 0; padding: 0 15px; }
#advx .cruises .main-search-sub p { margin: 10px 0; }







#advx .cruises .collection-box { margin: 0 0 15px 0; border: 1px rgb(0,0,0, 0.15) solid; padding: 20px 30px;  }
#advx .cruises .collection-box:hover { box-shadow: 0 0 5px rgb(0,0,0, 0.50); }

#advx .cruises .collection-box a { display:block; text-decoration:none; }
#advx .cruises .collection-box a:hover { text-decoration:none; }
#advx .cruises .collection-box img { margin: 0 0 10px 0;  }
#advx .cruises .collection-box p { margin: 0;  }


#advx .cruises .offer-id { margin-bottom: 25px; }
#advx .cruises .offer-id h3 { display:block; margin: 0 0 10px 0; padding: 10px 30px; border-bottom: 1px rgb(0,0,0, 0.15) solid; }

#advx .cruises .signup { margin: 0 0 15px 0; border: 1px rgb(0,0,0, 0.15) solid; padding: 20px 30px;  }
#advx .cruises .signup:hover { box-shadow: 0 0 5px rgb(0,0,0, 0.50); }

#advx .cruises .signup a { display:block; text-decoration:none; }
#advx .cruises .signup a:hover { text-decoration:none; }

#advx .cruises .signup .fa { float:right; font-size: 40px; margin: 0 0 20px 20px; }
#advx .cruises .signup h3 { margin: 0 0 5px 0; color:white; }
#advx .cruises .signup p { margin: 0; color:white; }



#advx .cruises .details { margin-bottom: 20px; position:relative; border: 1px rgb(0,0,0, 0.15) solid; padding: 30px 20px 20px 20px;  }



@media only screen and (max-width: 600px) { 
#advx .cruises .details { padding: 20px 10px 10px 10px;  }
}



@media only screen and (max-width: 500px) { 

#advx .cruises .main-search { padding: 30px 0px 20px 0px; }
#advx .cruises .main-search-sub  { padding: 10px 0px; }
#advx .cruises .collection-box { padding: 20px 15px;  }
#advx .cruises .offer-id { padding: 0 0 20px 0;  }
#advx .cruises .signup { padding: 20px 15px;  }

}





/*-------------- CRUISE OFFER DETAILS ---------------- */

#advx .cruise-intro { clear:both; padding-top: 30px; }
#advx .cruise-intro .summary { background:rgb(255,255,255, 0.97); border: 1px rgb(0,0,0, 0.15) solid; padding: 20px 0; margin-bottom: 15px; }
#advx .cruise-intro .summary .sum-row { border-top: 1px rgb(0,0,0, 0.05) solid; padding: 5px 0;  }
#advx .cruise-intro .summary .sum-row .lbl { text-transform:uppercase; font-size: 11px; }
#advx .cruise-intro .summary .sum-row .fld { font-size: 16px; }

#advx .cruise-intro .summary .price { font-style:italic; background:rgb(0,0,0, 0.35); color:white; padding: 10px; text-align:center; font-size: 13px; }
#advx .cruise-intro .summary .price span { font-style:normal; font-weight:bold; font-size: 28px; }

#advx .cruise-intro .summary .ship-photo img { width: 100%; }


#advx .sig-collection { margin-bottom: 55px; }
#advx .sig-collection p { margin: 5px 0; }






#advx .cruise-promo { clear:both; margin-bottom: 5px; padding: 10px 20px; height: auto; background:rgb(0,0,0, 0.45); text-decoration: none; display:block; }
#advx .cruise-promo:hover { cursor: -webkit-grab; cursor: grab; background:rgb(0,0,0, 0.25); height: auto; }

#advx .cruise-promo .tagline { color:white; font-weight:bold; font-size: 19px; margin:0 0 2px 0; }
#advx .cruise-promo .title { color:white; font-size: 15px; margin:0 0 0px 0; }

#advx .cruise-promo .text { border-top: 1px rgb(255,255,255, 0.25) solid; margin-top: 6px; padding-top: 6px; }

#advx .cruise-promo .text p { color:white; font-size: 12px; margin:0; line-height: 135%; margin: 0; }






#advx .cruise-recap { margin-bottom: 30px; }
#advx .cruise-recap .sum-row { border-top: 1px rgb(0,0,0, 0.05) solid; padding: 5px 0; }
#advx .cruise-recap .sum-row .lbl { text-transform:uppercase; font-size: 11px; }
#advx .cruise-recap .sum-row .fld { font-size: 16px; }
#advx .cruise-recap .sum-row .fld span { font-weight:bold; font-size: 21px; background:black; color:white; display:inline-block; padding: 5px 10px; }
#advx .cruise-recap .sum-row .disclaimer { font-size: 12px; font-style:italic; line-height: 135%; }

#advx .agency-memo { clear:both; margin: 25px 0; }

#advx .itin-table { margin: 35px 0; }

#advx .itin-table .legend { background:rgb(0,0,0, 0.15); padding: 12px 0; margin-bottom: 3px; color:white; }
#advx .itin-table .legend .fa { margin-right: 8px; }


#advx .itin-table .itin-row  { background:rgb(255,255,255, 0.95); margin-bottom: 3px; position: relative; padding: 8px 35px 8px 0; }

#advx .itin-table .itin-row .dest-name { font-weight: bold; font-size: 18px; }
#advx .itin-table .itin-row .symbols .fa { color:rgb(0,0,0, 0.20); margin-right: 8px; }

#advx .itin-table .itin-row .spe {font-weight:normal; font-style:italic; font-size: 13px; }
#advx .itin-table .itin-row .arrive { text-align:right; font-size: 11px; font-weight:normal; text-transform:uppercase; }
#advx .itin-table .itin-row .date { text-align:center; font-size: 16px; font-weight:normal; }
#advx .itin-table .itin-row .time { text-align:center; font-size: 14px; font-style:italic; font-weight:normal; }

#advx .itin-table .dest-description { padding: 0px 0px 30px 0; }

#advx .itin-table .dest-description .sub-heading { border-top: 1px rgb(0,0,0, 0.15) solid; }
#advx .itin-table .dest-description .sub-heading span { display:block; padding: 15px 65px 15px 15px; text-transform:uppercase; font-size: 17px;  }
#advx .itin-table .dest-description .sub-heading a { float:right; background: transparent; text-decoration: none;  }
#advx .itin-table .dest-description .sub-heading a:hover { background:rgb(0,0,0, 0.05); text-decoration: none; }
#advx .itin-table .dest-description .sub-heading a .fa { width: 45px; height:45px; line-height: 45px; font-size: 15px; text-align:center; display:inline-block; color:#666666; font-size: 17px; }


#advx .itin-table .dest-description .excursions { padding: 0 15px 15px 15px; }
#advx .itin-table .dest-description .excursions p { margin: 0 0 6px 0; }

#advx .itin-table iframe { width: 100%; min-height: 400px; }




#advx .itin-table .excursion-area { max-width: 500px; margin: 0 auto; position: relative; height: 80%; background:white; top: 10%; overflow-y: scroll; box-shadow: 0 0 30px black; }
#advx .itin-table .excursion { padding: 20px; background:white; }

#advx .itin-table .excursion p,
#advx .itin-table .excursion li,
#advx .itin-table .excursion table { font-size: 15px; }
#advx .itin-table .excursion p.title { font-weight: bold; line-height: 135%; font-size: 25px; margin: 0 0 14px 0; }


#advx .itin-table .itin-disclaimer { text-align:center; font-style:italic; font-size: 15px; padding: 5px; }




#advx .shorex-box { border: 1px rgb(0,0,0, 0.30) solid; margin-bottom: 25px; padding: 25px; }
#advx .shorex-box p { font-weight:normal; font-size: 16px; margin: 0 0 20px 0; }
#advx .shorex-box p.title { font-weight:bold; font-size: 21px; margin: 10px 0 3px 0; }
#advx .shorex-box a { margin: 10px 0; display:block; text-decoration:none; }
#advx .shorex-box a:hover { text-decoration:none; }

#advx .shorex-box a span { background:rgb(0,0,0, 0.25); color:white; font-size: 17px; display:block; font-weight:bold; text-transform:uppercase; padding: 20px; text-align:center; }
#advx .shorex-box a:hover span { background:rgb(0,0,0, 0.10); }



#advx .itin-map { margin-bottom: 25px; }
#advx .itin-map img { width: 100%; }




#advx .category-type-name {font-size: 26px; font-weight: bold; margin: 50px 0 20px 0; }

#advx .pricing-block { border: 1px rgb(0,0,0, 0.15) solid; margin-bottom: 10px;}

#advx .pricing-block .pricing-header { position: relative; padding: 8px 35px 8px 0; background:rgb(255,255,255, 0.95);  }
#advx .pricing-block .pricing-header .cabin-name { margin: 0; font-size: 18px; font-weight:normal; }
#advx .pricing-block .pricing-header .cabin-name span { display:inline-block; }


#advx .pricing-block .pricing-header .cabin-main-price { margin: 0; font-size: 14px; font-weight:normal; }
#advx .pricing-block .pricing-header .cabin-main-price span { font-size: 21px; font-weight:bold; margin-right: 5px; vertical-align:top; }
#advx .pricing-block .pricing-header .more-rates { margin: 0; font-size: 13px; font-style:italic; }

#advx .pricing-block .pricing-area { padding: 20px 30px; }
#advx .pricing-block .pricing-area p { line-height: 135%;  }


#advx .pricing-block .pricing-area .rates-heading { background:rgb(0,0,0, 0.15); padding: 8px 0; text-transform:uppercase; color:white; font-weight:bold; font-size: 17px; }


@media only screen and (max-width: 600px) { 
#advx .pricing-block .pricing-area { padding: 10px; }
}



#advx .pricing-block .pricing-area .pricing-row { background:rgb(255,255,255, 0.95); padding: 15px 0; font-size: 16px; }
#advx .pricing-block .pricing-area .highlight { background:white; }
#advx .pricing-block .pricing-area .pricing-row .fa { margin-right: 8px; }
#advx .pricing-block .pricing-area .pricing-row .rules { font-size: 13px; }



#advx .pricing-block .pricing-area .terms-area { max-width: 500px; background:white; margin: 0 auto; position: relative; height: 80%; top: 10%; overflow-y: scroll; box-shadow: 0 0 30px black; }
#advx .pricing-block .pricing-area .terms { padding: 20px 30px; }
#advx .pricing-block .pricing-area .terms h3 { margin: 0 0 10px 0; }
#advx .pricing-block .pricing-area .terms p { margin: 0; font-size: 15px; }

#advx .pricing-block .pricing-area .cabin-preview { padding: 30px 0;}
#advx .pricing-block .pricing-area .cabin-preview .photo { margin-bottom: 15px;}
#advx .pricing-block .pricing-area .cabin-preview .photo img { width: 100%; }
#advx .pricing-block .pricing-area .cabin-preview .name { font-weight: bold; font-size: 23px; margin: 0 0 5px 0; }
#advx .pricing-block .pricing-area .cabin-preview .category { background:rgb(0,0,0, 0.65); display:inline-block; padding: 2px 8px; font-weight:bold; color:white; font-size: 13px; }
#advx .pricing-block .pricing-area .cabin-preview .deck-link { margin: 0 0 3px 0; font-size: 14px; }
#advx .pricing-block .pricing-area .cabin-preview .deck-link .hex { vertical-align:middle; display: inline-block; width: 20px; height: 15px; margin-right: 8px; }

#advx .pricing-block .pricing-area .deck-area { max-width: 500px; background:white; margin: 0 auto; position: relative; height: 80%; top: 10%; overflow-y: scroll; box-shadow: 0 0 30px black; }
#advx .pricing-block .pricing-area .deck { text-align:center; padding: 20px 30px; }

#advx .price-disclaimer { font-size: 16px; font-style:italic; }




/*-------------- SHIP DETAILS PAGEs --------------------- */

#advx .cruises .ship-profile h1 { margin-bottom: 6px; }
#advx .cruises .ship-profile h2 { margin: 0px 0 25px 0; font-style:italic; font-size: 26px; }


#advx .cruises .ship-profile .title { font-size: 29px; margin: 20px 0;  }
#advx .cruises .ship-profile .ship-photo { margin-bottom: 20px; }
#advx .cruises .ship-profile .ship-photo img { width: 100%; }



#advx .cruises .ship-profile .categories  { margin-bottom: 25px; }
#advx .cruises .ship-profile .categories p.title { border-top: 1px rgb(0,0,0, 0.15)  solid; position: relative; margin: 50px 0 30px 0; }
#advx .cruises .ship-profile .categories p.title span { text-transform:uppercase; line-height: 28px; font-weight:bold; font-size: 17px; display:inline-block; background-color:white; position: absolute; top: -15px; padding: 0 15px 0 0; }

#advx .cruises .ship-profile .categories ul { list-style-type:none; padding: 0px; }
#advx .cruises .ship-profile .categories ul li { font-size: 16px; margin-bottom: 4px; text-transform:uppercase; }
#advx .cruises .ship-profile .categories ul li a { text-decoration: none; display:block; }
#advx .cruises .ship-profile .categories ul li a span { display:block; background:rgb(255,255,255, 1.0); padding: 3px 10px; }
#advx .cruises .ship-profile .categories ul li a:hover { text-decoration:none; }
#advx .cruises .ship-profile .categories ul li a:hover span { display:block; background:rgb(0,0,0, 0.35); color:white;}
#advx .cruises .ship-profile .categories ul li a.on span { background:rgb(255,255,255, 0.85); padding: 3px 10px; }





#advx .cruises .ship-profile .category-desc { clear:both; border-top: 1px rgb(0,0,0, 0.15) solid; padding: 15px 0; }
#advx .cruises .ship-profile p.sub-title { font-weight:bold; font-size: 18px; margin: 14px 0 8px 0; }

#advx .cruises .ship-profile .category-desc .cat-photo img { width: 100%; }


#advx .cruises .ship-profile .stats-table { border: 1px rgb(0,0,0, 0.15) solid; padding: 14px; margin-bottom: 25px;  }
#advx .cruises .ship-profile .stats-table-heading { text-transform:uppercase; font-weight:bold; font-size: 16px; background: rgb(0,0,0, 0.15); color:white; padding: 5px 15px ; }

#advx .cruises .ship-profile .stats-table .row { border-bottom: 1px rgb(0,0,0, 0.15) solid; padding: 5px 0px;  }

#advx .cruises .ship-profile .stats-table .lbl { text-align:left;  }
#advx .cruises .ship-profile .stats-table .txt { font-weight:bold; text-align:right; }



#advx .cruises .ship-profile .stateroom { margin-bottom: 20px;  }
#advx .cruises .ship-profile .stateroom .name { background: rgb(0,0,0, 0.05); padding: 5px 15px; font-weight:bold; font-size: 18px; }
#advx .cruises .ship-profile .stateroom-inner {  clear: both; padding: 15px 15px; }

#advx .cruises .ship-profile .stateroom p.category span { margin-left: 8px; display:inline-block; padding: 3px 5px; background:rgb(0,0,0, 0.50); color:white; }

#advx .cruises .ship-profile .deck-legend { margin-bottom: 25px; }

#advx .cruises .ship-profile .deck-rooms { margin-bottom: 25px; }
#advx .cruises .ship-profile .deck-rooms a { color:black; border: 1px transparent solid; padding: 5px 10px; display:block; text-decoration:none; }
#advx .cruises .ship-profile .deck-rooms a:hover { border: 1px rgb(0,0,0, 0.15) solid; box-shadow: 0 0 5px rgb(0,0,0, 0.50); display:block; text-decoration:none; }

#advx .cruises .ship-profile .room .hex { float:left; width: 20px; height: 20px; margin-right: 15px; }
#advx .cruises .ship-profile .room .room-name { float:left; font-size: 12px; }

#advx .cruises .ship-profile .deck-image { padding: 20px 0; text-align:center; }



#advx .cruises .ship-profile .main-rating { margin: 20px 0 10px 0;}
#advx .cruises .ship-profile .main-rating span { margin-right: 10px; font-size: 20px; text-transform:uppercase; font-weight:bold; }
#advx .cruises .ship-profile .main-rating img { max-height: 23px; vertical-align:middle; }
#advx .cruises .ship-profile .total-reviews { font-style:italic; font-size: 18px; }



#advx .cruises .ship-profile .rev-submit { clear:both; border: 1px rgb(0,0,0, 0.25) solid; padding: 20px; margin-bottom: 20px; }
#advx .cruises .ship-profile .rev-submit p { margin:0 0 10px 0; font-size: 16px; }
#advx .cruises .ship-profile .rev-submit p span { font-weight:bold; text-transform:uppercase; }

#advx .cruises .ship-profile .rev-submit a { font-size: 14px; font-weight:bold; text-decoration:none; display:inline-block; width:100%; text-align:center; }
#advx .cruises .ship-profile .rev-submit a:hover { text-decoration:none; }

#advx .cruises .ship-profile .rev-submit a span { background:rgb(0,0,0, 0.25); color:white; padding: 15px 20px; display:block;  }
#advx .cruises .ship-profile .rev-submit a:hover span { background:rgb(0,0,0, 0.0); }







#advx .cruises .ship-profile .review { clear:both; border-top: 1px rgb(0,0,0, 0.15) solid; padding: 20px 0;  }
#advx .cruises .ship-profile .review p.sub-title { font-size: 24px; }

#advx .cruises .ship-profile .review p.overall { font-size: 16px; margin: 10px 0 20px 0; }
#advx .cruises .ship-profile .review p.overall img { max-width: 70px; }
#advx .cruises .ship-profile .review p.overall span { vertical-align:middle; margin: 2px 10px; display:inline-block; text-transform:uppercase; font-weight:bold; }

#advx .cruises .ship-profile .review p { font-size: 14px; margin: 0 0 8px 0; }
#advx .cruises .ship-profile .review p span { font-weight:bold; text-transform:uppercase; }
#advx .cruises .ship-profile .review p.rev { line-height: 135%; font-size: 14px; margin: 15px 0 ; }




#advx .cruises .ship-profile .scores { margin-top: 25px; min-width: 200px; max-width: 300px; background:white; border: 1px rgb(0,0,0, 0.15) solid; padding: 10px 15px;  }
#advx .cruises .ship-profile .scores p.title { text-align:center; margin: 0 0 5px 0; font-weight:bold; font-size: 17px; }


#advx .cruises .ship-profile .scores img { width: 100%; }
#advx .cruises .ship-profile .scores table { width: 100%; font-size: 15px; }
#advx .cruises .ship-profile .scores table tr { border-top: 1px rgb(0,0,0, 0.15) solid;  }
#advx .cruises .ship-profile .scores table th { text-align:left; padding: 4px; width: 65%; }
#advx .cruises .ship-profile .scores table td { text-align:right; padding: 4px; width: 35%; }





/*-------------- CRUISE LINES + VENDORS LOGOS  MAIN PAGE --------------------- */

#advx .quick-search p.search-title { margin: 30px 0 8px 0; font-weight:bold; font-size: 22px;}
#advx .quick-search .search-section  { background:rgb(0,0,0, 0.05); padding: 7px 15px; margin-bottom: 10px; }


#advx .vendor-profile .programs p.title { border-top: 1px rgb(0,0,0, 0.15)  solid; position: relative; margin: 50px 0 30px 0; }
#advx .vendor-profile .programs p.title span { text-transform:uppercase; line-height: 28px; font-weight:bold; font-size: 17px; display:inline-block; background-color:white; position: absolute; top: -15px; padding: 0 15px 0 0; }

#advx .vendor-profile .programs ul { list-style-type:none; padding: 0 0 0 10px; }
#advx .vendor-profile .programs ul li { font-size: 16px; margin-bottom: 4px; }
#advx .vendor-profile .programs ul li span { font-weight:bold; border: 1px transparent solid; display:block; padding: 8px 16px; background:rgb(0,0,0, 0.50); color:white;  }
#advx .vendor-profile .programs ul li a { border: 1px transparent solid; text-decoration: none; display:block; padding: 8px 16px; }
#advx .vendor-profile .programs ul li a:hover { border: 1px rgb(0,0,0, 0.15) solid; }

#advx .ships a,
#advx .ships a:hover { text-decoration:none; }

#advx .ship-outer { border:1px rgb(0,0,0, 0.15) solid; margin-bottom: 15px; padding: 10px; }
#advx .ship-outer:hover { box-shadow: 0 0 5px rgb(0,0,0, 0.50); }
#advx .ship-photo { background-repeat:no-repeat; background-position: center center; background-size: contain; }
#advx .ship-name { margin: 6px 0 0 0; text-align:center; font-size: 12px; font-weight:bold; }




