/*Why Use DF*/ .whyUseDF p, .whyUseDFMobile p{background:url(/image/tick2.png) no-repeat left center;padding-left:28px;margin-left: 9px;font-size: 16px;} @media (min-width:992px) { .whyUseDF h1, .whyUseDFMobile h1{margin-bottom: 25px;} .whyUseDF p, .whyUseDFMobile p{margin-bottom: 30px;} .whyUseDF p:last-child, .whyUseDFMobile p:last-child{margin-bottom:0;} } /*RoutePageRedesignDesktop*/ .newRoute .routeCol > div{margin-bottom:0;} /*Route Redesign v3*/ .newRoute .opTbl > li > div{border-top: 1px solid #64b6e6;border-bottom: none;height:76px!important;} .newRoute .opTbl > li:first-child > div{border-top:none;} .newRoute .opTbl > li > div:first-child{padding:10px 0;} .newRoute .opTbl > li > div:first-child a{background: #FFF;width:120px;height:55px;padding:0;border-radius: 5px; display: table-cell;vertical-align: middle;} .newRoute .opTbl > li > div:first-child img{margin:0 auto;display: block;max-width: 100%;max-height: 100%;} .newRoute .opTbl .price{font-size: 14px;font-weight: 700;text-align: right} .newRoute .whyUseDF p{font-size:14px;} .newRoute .whyUseDFMobile p{font-size:14px;margin-left:2px;} .newRoute .whyUseDF .h1{margin-bottom: 15px;} .newRoute .whyUseDFMobile .h1{font-size:22px;margin-bottom: 12px;} .newRoute .whyUseDF p{margin-bottom: 20px;} .newRoute .hreview > div{border-top: 1px solid #64b6e6;border-bottom: none;padding:10px 0!important;vertical-align: middle!important;} .newRoute .hreview:first-child > div{border-top:none;} .newRoute .hreview .summary{margin:0 0 6px;text-transform: capitalize;line-height: 18px} .newRoute .hreview .moreLink, .newRoute .hreview .lessLink{margin:-1px 0 0;font-size:12px;display: block;} .newRoute .hreview .lessLink{display: none;} .newRoute .hreview .more{margin-bottom:5px;} .newRoute .whyUseDF .h1{background-image: url(/image/sprites/sprite.png);background-repeat: no-repeat;background-position: -4px -434px;padding-left: 55px;} .newRoute .whyUseDFMobile{margin-top:-8px;} .newRoute .whyUseDFMobile .h1{background-image: url(/image/sprites/sprite.png);background-repeat: no-repeat;background-position: -4px -434px;padding-left: 55px;padding-top: 6px;} .newRoute .routeCol .opRoutes{background: #e0f1fa;padding:15px 15px 5px 15px;} .newRoute .opRoutes #map_canvas{height: 300px;} .newRoute .opTbl > li > div > ul > li.lk{display: block;} .newRoute .routeOnboard{background: #e0f1fa;padding:15px;} .newRoute .routeCol > div{margin-bottom:0;} .newRoute .routeCol > div > div > div{margin-bottom: 20px;} .newRoute .routeCol > div > div > div.reviewSum{margin-bottom: 10px;} .newRoute .routeOnboard > div > div{padding-left:15px;} .newRoute .routeOnboard > div > div:first-child{padding-left:0;width: 250px;} .newRoute .routeOnboard p{margin-top:10px;} .newRoute .intTxt{border-bottom:none;margin-bottom:0!important;} @media (min-width:992px) { .newRoute .routeCol > div > div > div.reviewSum{margin-bottom: 10px;} } @media (max-width:767px) { .newRoute .opTbl{display:table} .newRoute .opTbl > li{display:table-row} .newRoute .opTbl > li > div{display:table-cell;vertical-align:middle;margin-bottom:10px;height:54px;padding:10px 0} .newRoute .opTbl > li > div:first-child{padding:0 20px 0 0} .newRoute{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;} .newRoute #routeLft{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 1;-webkit-order: 1;order: 1;width:100%;} .newRoute .routeCol{width:100%;} .newRoute .reviewSum h3{padding-right: 0;} .newRoute .routeCol > div > div > div{margin-bottom: 25px;} .newRoute .hreview .summary{font-size:13px;} #reducedFSDiv .newRouteHead{font-size:18px;margin:0;padding:10px 15px;color:#ffe74d;} .newRoute h1{font-size:22px;} /*.newRoute h2, .newRoute h3, .newRoute h4{font-size:16px;}*/ .newRoute .mobOpRoutes .opTbl{margin:0;} .newRoute .mobOpRoutes .opTbl > li{display: block;float: left;border:none;width: 50%;} .newRoute .mobOpRoutes .opTbl > li > div{display: none;border:none;height: 54px!important;padding:0 5px!important;} .newRoute .mobOpRoutes .opTbl > li > div:first-child{display: table;width:100%;} .newRoute .mobOpRoutes .opTbl > li > div:first-child a{width:100%;} } @media (max-width:449px) { .newRoute .routeOnboard > div > div:first-child{display: none;} .newRoute .routeOnboard > div > div{padding-left: 0;} .newRoute .opTbl .sa, .newRoute .opTbl .du{display: none;} } /*New Country Page*/ .newCountry .opTbl > li > div{border-top: 1px solid #64b6e6;border-bottom: none;height:76px!important;} .newCountry .opTbl > li:first-child > div{border-top:none;} .newCountry .opTbl > li > div:first-child{padding:10px 0;} .newCountry .opTbl > li > div:first-child a{background: #FFF;width:120px;height:55px;padding:0;border-radius: 5px; display: table-cell;vertical-align: middle;} .newCountry .opTbl > li > div:first-child img{margin:0 auto;display: block;max-width: 100%;max-height: 100%;} .newCountry .opTbl .price{font-size: 14px;font-weight: 700;text-align: right} .newCountry .opRoutes .smlLnk{display: block;text-align: center;margin-top:-5px;} .newCountry .whyUseDF p{font-size:14px;} .newCountry .whyUseDFMobile p{font-size:14px;margin-left:2px;} .newCountry .whyUseDF .h1{margin-bottom: 15px;} .newCountry .whyUseDFMobile .h1{font-size:22px;margin-bottom: 12px;} .newCountry .whyUseDF p{margin-bottom: 20px;} .newCountry .reviewSum h3{margin-bottom: 5px;padding-right:45px;} .newCountry .hreview > div{border-top: 1px solid #64b6e6;border-bottom: none;padding:5px 0!important;height:76px!important;vertical-align: middle!important;} .newCountry .hreview:first-child > div{border-top:none;} .newCountry .hreview .summary{margin:0 0 6px;text-transform: capitalize;line-height: 18px} .newCountry .hreview .moreLink, .newCountry .hreview .lessLink{margin:-1px 0 0;font-size:12px;display: block;} .newCountry .hreview .lessLink{display: none;} .newCountry .hreview .more{margin-bottom:5px;} .newCountry .whyUseDF .h1{background-image: url(/image/sprites/sprite.png);background-repeat: no-repeat;background-position: -4px -434px;padding-left: 55px;} .newCountry .whyUseDFMobile{margin-top:-8px;} .newCountry .whyUseDFMobile .h1{background-image: url(/image/sprites/sprite.png);background-repeat: no-repeat;background-position: -4px -434px;padding-left: 55px;padding-top: 6px;} .newCountry .countryCol .opRoutes{background: #e0f1fa;padding:15px 15px 5px 15px;} .newCountry .opRoutes #map_canvas{height: 300px;} .newCountry .opTbl > li > div > ul > li{display: none;} .newCountry .opTbl > li > div > ul > li.lk{display: block;} .newCountry .countryOnboard{background: #e0f1fa;padding:15px;} .newCountry .countryCol > div{margin-bottom:0;} .newCountry .countryCol > div > div > div{margin-bottom: 30px;} .newCountry .countryCol > div > div > div.reviewSum{margin-bottom: 10px;} .newCountry .countryOnboard > div > div{padding-left:15px;} .newCountry .countryOnboard > div > div:first-child{padding-left:0;width: 250px;} .newCountry .countryOnboard p{margin-top:10px;} .newCountry .intTxt{border-bottom:none;margin-bottom:10px!important;} @media (min-width:992px) { .newCountry .reviewSum{padding-top:15px;} .newCountry .countryCol > div > div > div.reviewSum{margin-bottom: 30px;} } @media (min-width:768px) and (max-width: 992px){ .newCountry .c2cTbl .du{display: none!important;} .newCountry .c2cTbl .sa{width:38%;} } @media (max-width:767px) { .newCountry .opTbl{display:table} .newCountry .opTbl > li{display:table-row} .newCountry .opTbl > li > div{display:table-cell;vertical-align:middle;margin-bottom:10px;height:54px;padding:10px 0} .newCountry .opTbl > li > div:first-child{padding:0 20px 0 0} .newCountry{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;} .newCountry #countryLft{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 1;-webkit-order: 1;order: 1;width:100%;} .newCountry .countryCol{width:100%;} .newCountry .reviewSum h3{padding-right: 0;} .newCountry .countryCol > div > div > div{margin-bottom: 25px;} .newCountry .hreview .summary{font-size:13px;} #reducedFSDiv .newCountryHead{font-size:18px;margin:0;padding:10px 15px;color:#ffe74d;} .newCountry h1{font-size:22px;} .newCountry h2, .newCountry h3, .newCountry h4{font-size:16px;} .newCountry .mobOpRoutes .opTbl{margin:0;} .newCountry .mobOpRoutes .opTbl > li{display: block;float: left;border:none;width: 50%;} .newCountry .mobOpRoutes .opTbl > li > div{display: none;border:none;height: 54px!important;padding:0 5px!important;} .newCountry .mobOpRoutes .opTbl > li > div:first-child{display: table;width:100%;} .newCountry .mobOpRoutes .opTbl > li > div:first-child a{width:100%;} } @media (max-width:449px) { .newCountry .countryOnboard > div > div:first-child{display: none;} .newCountry .countryOnboard > div > div{padding-left: 0;} } /*SAYT*/ .ui-autocomplete{position: absolute;cursor: default;padding:0;border: 1px solid #ccc;font-size:13px;color: #333;border-radius: 3px;max-height: 300px;overflow-y: scroll;z-index: 200;} .ui-autocomplete::-webkit-scrollbar{-webkit-appearance: none;width: 7px;} .ui-autocomplete::-webkit-scrollbar-thumb{border-radius: 4px;background-color: #ccc; -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);border:2px solid #FFF;} .ui-autocomplete li{padding:6px 1px;margin:0 0 0 7px;font-weight: 700;color: #006fa0;border-bottom: 1px dotted #CCC;} .ui-autocomplete li:last-child{border-bottom:none;} .ui-autocomplete .ui-state-disabled{font-size:14px;opacity: 1;color: #193354;border-bottom: 2px solid #0070a0; margin:0 0 0 7px;padding: 5px 0;} .ui-autocomplete .ui-menu-item .location{font-size:11px;color: #7D7D7D;font-weight: 400;display:none;} .ui-autocomplete mark{background: #ffe36e;color: #7D7D7D;} .ui-autocomplete .port mark{color: #006fa0;} .ui-autocomplete .ui-state-disabled mark{color:#193354;} .ui-autocomplete.ui-widget-content .ui-state-focus{background: #e0f1fa;border:none;border-bottom: 1px dotted #CCC;} .ui-autocomplete.ui-widget-content li.ui-state-focus:last-child{border-bottom: none;} .ui-autocomplete.ui-widget-content .ui-state-focus .port{font-weight: 700;color: #006fa0;} @media (min-width:992px) {.ui-autocomplete li{padding:5px 1px;}.ui-autocomplete .ui-menu-item .location{display: inline;}} @media (max-width:767px) {.ui-autocomplete{width:auto!important;right:30px;}} .sayt .wc{background-image: url(/image/sprites/sprite.png?v=4);background-repeat: no-repeat;background-position: -16px -1988px;} .sayt .wc label{background-image: none;} /*Recent Searches More Prominient*/ .newRecentSearch{color:#333;padding-top: 15px;padding-right:30px;} .newRecentSearch > div{background-color: #e0f1fa;height:218px;padding:10px;border-radius: 3px;} .newRecentSearch > div > b{padding-bottom:3px;display: block;} .newRecentSearch > div > div > .divTblM{margin-top:6px;} .newRecentSearch .divTblBox{padding:8px;background-color: #FFF;color:#193354;border-radius: 3px;} .newRecentSearch small{display: block;font-size:11px;} .newRecentSearch .divTblM .divTblM b{line-height: 17px;display: block;} .newRecentSearch .divTblM .divTblM > div{text-align: right;} .newRecentSearch .divTblM .divTblM > div:first-child{text-align: left;padding-right:5px;} @media (max-width:992px) { .newRecentSearch{display: none;} } /*Mobile Recent Searches More Prominient*/ .newRecentSearchMob{color:#333;padding-top: 5px;padding-right:15px;} .newRecentSearchMob a:hover{text-decoration: none;} .newRecentSearchMob a:hover .btn{background-color: #dc5829} .newRecentSearchMob > div{margin-left:15px;} .newRecentSearchMob > div > b{display: block;font-size:12px;color:#FFF;} .newRecentSearchMob > div > .divTblM{margin-top:6px;} .newRecentSearchMob .divTblBox{padding:5px 8px;background-color: #e0f1fa;color:#193354;border-radius: 3px;} .newRecentSearchMob small{display: block;font-size:11px;} .newRecentSearchMob .divTblM .divTblM b{line-height: 17px;display: block;font-size:12px;} .newRecentSearchMob .divTblM .divTblM > div{text-align: right;} .newRecentSearchMob .divTblM .divTblM > div:first-child{text-align: left;padding-right:5px;} @media (min-width:768px) and (max-width: 992px) { .newRecentSearchMob .divTblM .divTblM b{display: inline;} .newRecentSearchMob small{display: inline;} } @media (min-width:992px) { .newRecentSearchMob{display: none;} } /*Country Landing Pages*/ .albania.banner{background: url(/image/ab/banners/albania.jpg) no-repeat center center;background-size: cover;} .corsica.banner{background: url(/image/ab/banners/corsica.jpg) no-repeat center center;background-size: cover;} .croatia.banner{background: url(/image/ab/banners/croatia.jpg) no-repeat center center;background-size: cover;} .elba.banner{background: url(/image/ab/banners/elba.jpg) no-repeat center center;background-size: cover;} .england.banner{background: url(/image/ab/banners/england.jpg) no-repeat center center;background-size: cover;} .france.banner{background: url(/image/ab/banners/france.jpg) no-repeat center center;background-size: cover;} .germany.banner{background: url(/image/ab/banners/germany.jpg) no-repeat center center;background-size: cover;} .gotland.banner{background: url(/image/ab/banners/gotland.jpg) no-repeat center center;background-size: cover;} .greece.banner{background: url(/image/ab/banners/greece.jpg) no-repeat center center;background-size: cover;} .ireland.banner{background: url(/image/ab/banners/ireland.jpg) no-repeat center center;background-size: cover;} .isle_of_man.banner{background: url(/image/ab/banners/isle_of_man.jpg) no-repeat center center;background-size: cover;} .isle_of_wight.banner{background: url(/image/ab/banners/isle_of_wight.jpg) no-repeat center center;background-size: cover;} .jersey.banner{background: url(/image/ab/banners/jersey.jpg) no-repeat center center;background-size: cover;} .mallorca.banner{background: url(/image/ab/banners/mallorca.jpg) no-repeat center center;background-size: cover;} .morocco.banner{background: url(/image/ab/banners/morocco.jpg) no-repeat center center;background-size: cover;} .norway.banner{background: url(/image/ab/banners/norway.jpg) no-repeat center center;background-size: cover;} .sardinia.banner{background: url(/image/ab/banners/sardinia.jpg) no-repeat center center;background-size: cover;} .sicily.banner{background: url(/image/ab/banners/sicily.jpg) no-repeat center center;background-size: cover;} .spain.banner{background: url(/image/ab/banners/spain.jpg) no-repeat center center;background-size: cover;} .sweden.banner{background: url(/image/ab/banners/sweden.jpg) no-repeat center center;background-size: cover;}