/*Default Styles*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html{font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-y: scroll}
body{margin: 0;font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #333333;background-color: #FFF;min-width: 300px}
article,aside,footer,header,menu,nav{display: block}
a{background-color: transparent;color: #0070a0;text-decoration: none}
a:active,a:hover{outline: 0;color: #0070a0;text-decoration: underline}
b,strong{font-weight: 700}
input,button,select,textarea{font-family: inherit;font-size: inherit;line-height: inherit}
img{vertical-align: middle;border:none}
.rImg, .tblOp img, .bImg{display: block;width: 100%;height: auto}
/*No highlight when selecting*/
.topBar span, .subNav .mMenu span, .btn, .rateit{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none}
/*Text*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: inherit;font-weight: 700;line-height: 1.1;color: #193354}
h1,.h1,h2,.h2 {margin-top: 0;margin-bottom: 15px}
h3,.h3,h4,.h4,h5,.h5,h6,.h6 {margin-top: 0;margin-bottom: 10px}
h1,.h1 {font-size: 28px}
h2,.h2,h3,.h3{font-size: 20px}
h4,.h4,h5,.h5,h6,.h6 {font-size: 16px}
p, .pLst ul, address{margin: 0 0 10px}
ul{margin:0;padding:0}
li{list-style-type: none}
/*Inputs/Forms*/
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;color:#FFF}
input[type="radio"],input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9;line-height: normal;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0}
.form-group{margin-bottom: 15px}
.form-control,.fsControl{display: block;width: 100%;height: 30px;line-height:18px;padding:5px;color: #333333;background-color: #FFF;background-image: none;border: 1px solid #cccccc;font-size: 13px;border-radius: 3px;text-decoration: none}
.radio-inline,.checkbox-inline{display: inline-block;margin-bottom: 0;margin-right:10px;vertical-align: middle;cursor: pointer}
.inputGrpBox, .inputGrp .form-control{margin-bottom: 10px;display: block}
.inputGrpBox .btn{padding: 4px 10px;background-image: none}
.checkbox, .radio{position: relative;display: block;margin-bottom: 15px;}
.checkbox label, .radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;}
.checkbox input[type=checkbox], .radio input[type=radio]{position: absolute;margin-top: 4px \9;margin-left: -20px;}
textarea.form-control{height: auto;}
/*Sprite*/
.social ul li, .onBoard h3, .social h3, .hIntBox h1, .btn, .conNav .myAcnt, .conNav .faq, .conNav .lang > a, .conNav .cur > a,.portLst > ul > li > ul > li, .smPortLst > ul > li > ul > li, .rtTbl ul > li.sa, .rtTbl ul > li.du,.opList .det .ex,.oBox .btn,.rtPtLst .accordion ul li h5,.topBar span,.topBar span.up,.hPorBox ul li, .hRouBox ul li,.opRoutes h5,.opRoutes h5.up,.rvMore,.nsiImg ul li,.cntUs h2, .faq h4,.bBox .btn,footer .accordion h4, footer .accordion h4.up, .soLnk ul li, .oBox.accordion h3, .oBox.accordion h3.up, .rtSum .accordion h4, .rtSum .accordion h4.up, .opTbl .sa, .opTbl .du, .c2cTbl .sa, .c2cTbl .du, .rouGrpOps .sa, .rouGrpOps .du{background-image:url(/image/sprites/sprite.png);background-repeat: no-repeat}
/*Buttons*/
.btn{display: inline-block;margin-bottom: 0;font-weight: 700;text-align: center;cursor: pointer;color:#FFF;border: 1px solid transparent;white-space: nowrap;padding: 4px 24px 4px 10px;border-radius: 3px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;background-color:#EA5B28;background-position: right -1099px}
.btn:hover,.btn:focus, a.btn:hover, a.btn:focus{background-color: #dc5829;text-decoration: none;color:#FFF}
.btn-sm{padding: 2px 23px 2px 10px;font-size: 12px;line-height: 1.5;background-position: right -1103px}
.btn-xs{padding: 1px 15px 1px 7px;font-size: 11px;line-height: 1.5;background-position: right -1156px}
/*FareSearch*/
.fsWrap{background:#2c7ca9}
.fs .fsRadios{margin:10px 15px}
.fs select{line-height:24px;-webkit-padding-end:0}
.fs .advSer a{text-decoration: none;font-weight: 700;color:#FFF;font-size: 13px;padding: 7px 0;display:inline-block;margin-bottom:10px;margin-top:-5px}
.fs .mHide, .intTxt .mHide{display: none}
.fs .btn{width:100%}
.offerSlider, .railSailSlider{display: none}
.noFs{border-top:2px solid #64B6E6;padding-top:15px;margin-top: -15px}
.noBtm{border-bottom: none!important;margin-bottom: 0!important;}
/*Stars*/
.rating{background-image:url(/image/sprites/stars-ship.png);background-repeat:no-repeat;width:80px;height:15px;display: block}
.r50{background-position:-1px 0}
.r45{background-position:-1px -15px}
.r40{background-position:-17px 0}
.r35{background-position:-17px -15px}
.r30{background-position:-34px 0}
.r25{background-position:-34px -15px}
.r20{background-position:-50px 0}
.r15{background-position:-50px -15px}
.r10{background-position:-67px 0}
.r5{background-position:-67px -15px}
.r0{background-position:-83px 0}

.success{margin-bottom: 10px;padding:5px 7px 6px;font-size:13px;display: block;background-color: #ccffcc;border: 1px solid #62BB94;}
.fail{margin-bottom: 10px;padding:5px 7px 6px;font-size:13px;display: block;background-color: #ffad99;border: 1px solid #e62e00;}

/*Responsive Setup*/
.con{margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px}
.row {margin-left: -15px;margin-right: -15px}
.xs1,.sm1,.md1,.lg1,.xs2,.sm2,.md2,.lg2,.xs3,.sm3,.md3,.lg3,.xs4,.sm4,.md4,.lg4,.xs5,.sm5,.md5,.lg5,.xs6,.sm6,.md6,.lg6,.xs7,.sm7,.md7,.lg7,.xs8,.sm8,.md8,.lg8,.xs9,.sm9,.md9,.lg9,.xs10,.sm10,.md10,.lg10,.xs11,.sm11,.md11,.lg11,.xs12,.sm12,.md12,.lg12,.sm15 {position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px}
.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12 {float: left}
.xs12{width: 100%}
.xs11{width: 91.66666667%}
.xs10{width: 83.33333333%}
.xs9{width: 75%}
.xs8{width: 66.66666667%}
.xs7{width: 58.33333333%}
.xs6{width: 50%}
.xs5{width: 41.66666667%}
.xs4{width: 33.33333333%}
.xs3{width: 25%}
.xs2{width: 16.66666667%}
.xs1{width: 8.33333333%}
@media (min-width: 768px) {
.con{width: 750px}
.sm1,.sm2,.sm25,.sm3,.sm4,.sm5,.sm6,.sm7,.sm8,.sm9,.sm10,.sm11,.sm12,.sm15 {float: left}
.sm12{width: 100%}
.sm11{width: 91.66666667%}
.sm10{width: 83.33333333%}
.sm9{width: 75%}
.sm8{width: 66.66666667%}
.sm7{width: 58.33333333%}
.sm6{width: 50%}
.sm5{width: 41.66666667%}
.sm4{width: 33.33333333%}
.sm3{width: 25%}
.sm25{width:20%}
.sm2{width: 16.66666667%}
.sm15{width: 12.5%}
.sm1{width: 8.33333333%}
.smO1{margin-left: 8.33333333%}
.smO3{margin-left: 25%}
.smO9{margin-left: 75%}
}
@media (min-width: 992px) {
.con{width: 970px}
.md1,.md2,.md3,.md4,.md5,.md6,.md7,.md8,.md9,.md10,.md11,.md12 {float: left}
.md12{width: 100%}
.md11{width: 91.66666667%}
.md10{width: 83.33333333%}
.md9{width: 75%}
.md8{width: 66.66666667%}
.md7{width: 58.33333333%}
.md6{width: 50%}
.md5{width: 41.66666667%}
.md4{width: 33.33333333%}
.md3{width: 25%}
.md2{width: 16.66666667%}
.md1{width: 8.33333333%}
}
@media (min-width: 1200px) {
.con{width: 1100px}
.lg1,.lg2,.lg3,.lg4,.lg5,.lg6,.lg7,.lg8,.lg9,.lg10,.lg11,.lg12 {float: left}
.lg12{width: 100%}
.lg11{width: 91.66666667%}
.lg10{width: 83.33333333%}
.lg9{width: 75%}
.lg8{width: 66.66666667%}
.lg7{width: 58.33333333%}
.lg6{width: 50%}
.lg5{width: 41.66666667%}
.lg4{width: 33.33333333%}
.lg3{width: 25%}
.lg2{width: 16.66666667%}
.lg1{width: 8.33333333%}
}
.cl:before,.cl:after,.con:before,.con:after,.row:before,.row:after{content: " ";display: table}
.cl:after,.con:after,.row:after{clear: both}

/*Top Bar*/
.topBar{background:#193354}
.topBar .con{padding:0}
.topBar .con > div{padding:0;display:none}
.topBar .con > div.sm12{padding:0;display:block}
.topBar a{display: block;color:#FFF;text-align: left;font-size:13px;padding:7px 15px}
.topBar a:hover{text-decoration: none;background:#2b578f}
.topBar .active{display: none}
.topBar span{display: block;color:#FFF;text-align: left;font-size:13px;padding:7px 15px;background-color:#64B6E6; background-position: 98% -948px; cursor: pointer}
.topBar span.up{background-position: 98% -900px}
.topBar .con > div.shw{display: block}

.logoBar{margin:15px 0}
.logoBar .logo{height:40px}
.conNav{margin:32px 0 0 0;float:right;display: none}
.conNav > li{float:left;padding:2px 10px 1px 20px;line-height: 18px;position: relative;}
.conNav li a{color:#666}
.conNav .myAcnt{background-position: 0 -873px}
.conNav .faq{background-position: 0 -817px;padding-right:7px}
.conNav .lang{background-image: url(/image/sprites/flags.png);background-repeat: no-repeat;padding-left:26px;}
.conNav .lang > a, .conNav .cur > a{background-position:right -1277px;padding-right:18px}
.conNav .lang .dropdown{right:-8px}
.conNav .lang ul li a{background-image: url(/image/sprites/flags.png); background-repeat: no-repeat;padding:2px 6px 1px 25px}
.conNav .cur{padding-left:0;}
.conNav .cur .dropdown{right:-1px}
.conNav .cur ul li{text-align: center}

/*Banner + SubNav*/
.banner{background: url(/image/backgrounds/main.jpg) no-repeat center center;background-size: cover;margin-bottom:15px}
.banner > .con{padding:15px}
.noBanner{margin-bottom:15px}
.subNav ul li{float:left}
.subNav ul li a, .subNav ul li span, .subNav .mMenu span{background:#64B6E6;color:#FFF;padding:7px 14px;margin-right:5px;font-size:13px;font-weight:700;display:block}
.subNav .mMenu span{cursor: pointer}
.subNav ul li a:hover{text-decoration: none;background: #4eace2}
.subNav ul .active a, .subNav ul .active a:hover, .subNav ul .active span{background:#2c7ca9}
.subNav ul .offers{float:right}
.subNav ul .offers a{background:#EA5B28;margin-right:0}
.subNav ul .offers a:hover{background: #dc5829}
.subNav .mMenu span, .subNav .active a, .subNav .active span{border-top-right-radius: 4px;border-top-left-radius: 4px}

/*Home Styles*/
.feefo{text-align:center;font-size:17px;font-weight: 700;color:#193354;display: block;margin-bottom:15px}
.feefo:hover{text-decoration: none}
.feefoS{height: 17px;margin-top: -3px}
.feefoL{height:22px;margin-top:-4px}
.hIntBox{background:#FFF;padding:0 15px 5px;margin-bottom: 5px;border:none}
.hPriBox, .hOpBox, .hPorBox, .hRouBox{background:#e0f1fa;padding:15px 15px 5px;margin-bottom: 15px;border-left: 15px solid #FFF;border-right: 15px solid #FFF}
.hPriBox select{margin-bottom: 7px}
.hIntBox h1{background-position: -4px -434px;padding-left: 55px}
.hPriBox h2, .hOpBox h2, .hPorBox h2, .hRouBox h2{font-size: 28px}
.hPorBox ul li, .hRouBox ul li{padding: 3px 5px 4px 11px;background-position: -40px -850px}
.hPorBox ul li{width: 50%;float: left}
.pLst ul li{padding: 3px 5px 4px 0}

.opLogos{margin-left:-3px;margin-right:-3px}
.opLogos > div{padding:0}
.opLogos .ovly{height:50px;margin:0 5px 9px;position: relative;display: block;background:#FFF}
.opLogos .ovlyTxt{background-color:#0070a0;opacity:0.9;position: absolute;height:50px;float:left;width:100%;display: none}
.opLogos span{font-size:12px;color:#FFF;padding:0 3px;display:table-cell;vertical-align:middle;height:inherit;line-height: 1.2;cursor: pointer}
.opLogos a:hover{text-decoration: none}
.opLogos img{width:100%;max-height: 40px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;padding:0 5px}
@media (max-width: 550px) {.opLogos .xs2{width: 25%}}
@media (max-width: 370px) {.opLogos .xs2{width: 33.33333333%}}

.onBoardI{display: none}
.onBoard, .social{margin-bottom: 15px}
.onBoard h3, .social h3{padding: 10px 0 10px 40px;margin-bottom:0}
.onBoard h3{background-position: -7px -517px}
.social h3{background-position: -7px -592px}
.social ul li{float:left;margin-right:5px;margin-bottom:5px;width:50px}
.social ul li a{display: block;text-align: center;font-size:12px;padding-top:33px}
.facebook{background-position: -1px 0}
.twitter{background-position: -1px -73px}
.google{background-position: -1px -146px}
.youtube{background-position: -1px -219px}
.signUp{background-position: -1px -292px}
.download{background-position: -1px -365px}
.facebookS{background-position: -13px -1555px}
.twitterS{background-position: -13px -1597px}
.googleS{background-position: -13px -1640px}
.youtubeS{background-position: -13px -1682px}
.signUpS{background-position: -13px -1724px}
.downloadS{background-position: -13px -1766px}
/*Flags*/
.at{background-position: 4px -547px}
.be{background-position: 4px -242px}
.ch{background-position: 4px -397px}
.cn{background-position: 4px -648px}
.cz{background-position: 4px -459px}
.de{background-position: 4px -87px}
.dk{background-position: 4px -180px}
.es{background-position: 4px -211px}
.fi{background-position: 4px -273px}
.fr{background-position: 4px -56px}
.gr{background-position: 4px -490px}
.jp{background-position: 4px -672px}
.ie{background-position: 4px -366px}
.it{background-position: 4px -25px}
.nl{background-position: 4px -118px}
.no{background-position: 4px -428px}
.pl{background-position: 4px -335px}
.pt{background-position: 4px -304px}
.ru{background-position: 4px -600px}
.se{background-position: 4px -149px}
.sk{background-position: 4px -522px}
.tr{background-position: 4px -573px}
.ua{background-position: 4px -625px}
.uk{background-position: 4px 5px}
/*Cards*/
.cards{text-align: center;padding:0 15px}
.cards i{background-image:url(/image/sprites/cards.png);background-repeat:no-repeat;display: inline-block;margin:0 2px 5px}
.american_express{height:25px;width:38px;background-position: 0 0}
.elv{height:25px;width:38px;background-position: -41px 0}
.ideal{height:25px;width:29px;background-position: -83px 0}
.jcb{height:25px;width:35px;background-position: -113px 0}
.maestro{height:25px;width:38px;background-position: -409px 0}
.mastercard{height:25px;width:38px;background-position: -150px 0}
.mastercard_debit{height:25px;width:32px;background-position: -194px 0}
.paypal{height: 25px;width: 82px;background-position: -578px 0}
.postepay{height:25px;width:38px;background-position: -286px 0}
.visa{height:25px;width:38px;background-position: -328px 0}
.visa_electron{height:25px;width:38px;background-position: -369px 0}
.sofort{height:25px;width:38px;background-position: -451px 0}
.alipay{height:25px;width:38px;background-position: -493px 0}
.union_pay{height:25px;width:38px;background-position: -535px 0}
@supports (-webkit-appearance: -apple-pay-button) { 
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }
    
    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}
@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    } 
}

/*Image Carousel*/
.carousel {position: relative}
.carouselIn {position: relative;width: 100%;overflow: hidden}
.carouselIn > .item {position: relative;display: none;-webkit-transition: .6s ease-in-out left;-o-transition: .6s ease-in-out left;transition: .6s ease-in-out left}
.carouselIn > .active,.carouselIn > .next,.carouselIn > .prev {display: block}
.carouselIn > .active {left: 0}
.carouselIn > .next,.carouselIn > .prev {position: absolute;top: 0;width: 100%}
.carouselIn > .next {left: 100%}
.carouselIn > .prev {left: -100%}
.carouselIn > .next.left,.carouselIn > .prev.right {left: 0}
.carouselIn > .active.left {left: -100%}
.carouselIn > .active.right {left: 100%}
.carouselDots {position: absolute;bottom: 5px;left:10px;z-index: 15;padding-left: 0;text-align: center;list-style: none;margin:0}
.carouselDots li{display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;cursor: pointer;border: 1px solid #64b6e6;border-radius: 10px;background: #64b6e6}
.carouselDots .active {background-color: #fff;border: 1px solid #fff}
.carouselCap{position: absolute;top:0;padding:10px 10px;z-index: 10;color: #fff;text-align: left;height:100%}
.carouselCap span{display:block;width:75%;color:#FFF;margin:0;line-height: 1.3;font-weight: 400}
.carouselCap a{display:block;position: absolute;bottom:10px;right:10px}

/*Dropdown*/
.dropdown {position: absolute;top: 100%;z-index: 1000;display: none;margin: 2px 0 0;list-style: none;background-color: #fff;border: 1px solid #ccc;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175)}
.dropdown > li > a {display: block;padding: 4px 20px;clear: both;white-space: nowrap}
.dropdown > li > a:hover,.dropdown > li > a:focus {text-decoration: none;background-color: #f5f5f5}
.open > .dropdown {display: block}

/*Table CSS*/
.tbl, .tblM, .ulTbl, .divTbl, .divTblM, .mapTbl ul{display:table;width: 100%;margin:0;padding:0}
.tblR, .ulTbl li, .mapTbl ul li{display:table-row}
.tblHd{display: table-header-group}
.tblBd{display: table-row-group}
.tblCT, .tblT li, .divTbl > div{display:table-cell;vertical-align: top}
.tblCM, .tblM li, .tblR li, .ulTbl li div, .divTblM > div, .mapTbl ul li div{display:table-cell;vertical-align: middle}
.ulTbl li div, .mapTbl ul li div{padding:6px 0}
.ulTbl .btn, .mapTbl .btn{float:right;margin-left:5px}
.tbl .btn, .opTbl .btn, .rouGrpOps .btn{float:right}
/*Map Table CSS*/
.mapTbl h4{line-height: 20px;margin-bottom: 5px;padding-top: 0!important}
.mapTbl ul li div:first-child{padding-right:15px}
.mapTbl .btn{margin-right:5px}
.mapPrt{line-height: 20px;font-size:14px}
.mapPrt p{margin:0}

/*Tabs*/
.tabs{display: table;width: 100%}
.tabs li{display: table-cell;vertical-align: middle;text-align: left;border-left: 1px solid #ccc;background:#e6e6e6;padding:7px 15px}
.tabs li:first-child{border:none}
.tabs li a{display: block;font-weight: 700;color: #193354}
.tabs li.active{background:#ccc}
.tabs li a:hover{text-decoration: none}
.tabCon{clear: both}
.tabCon > .tabPane {display: none;visibility: hidden}
.tabCon > .active {display: block;visibility: visible}
.t2 li{width: 50%}
.t3 li{width: 33.33333333%}
.t4 li{width: 25%}
.railSail .tabPane > div{padding-top:10px}

/*Content Pages*/
.content > div > div{margin-bottom:30px}
.intTxt{border-bottom: 2px solid #64B6E6;margin-bottom: 15px;padding-bottom: 10px;width: 100%}
.intTxt img{margin-bottom: 10px}
.intTxt .form-control{width:auto;margin-bottom: 10px}
.intTxt .form-select label{color:#193354}
.intTxt .form-select .form-control{width: 100%}
@media (max-width: 767px) {.opInt .rImg{width:auto}}

.oBox{background:#EA5B28;padding:15px 15px 10px}
.oBox *{color:#FFF}
.oBox .btn{background-color:#FFF;background-position: right -1233px; color:#EA5B28;padding: 2px 18px 2px 10px;font-size:12px;line-height: 1.5}
.oBox a:hover{color:#FFF}
.oBox .btn:hover{background-color: #EEE;color:#EA5B28}
.oBox ul li div:first-child{padding-right: 5px}
.oBox.accordion h3{margin:0;padding-bottom: 5px;padding-right:20px;cursor: pointer;background-position: right -1050px}
.oBox.accordion h3.up{background-position: right -1002px}
.oBox.accordion > div{margin-top:5px;display: none}

.bBox{background:#e0f1fa;padding:15px 15px 10px}
.bBox *{color:#193354}
.bBox .btn{background-color:#2c7ca9;color:#FFF}
.bBox .btn:hover{background-color: #2c7ca9;color:#FFF}

.infoBox{background:#e0f1fa;padding:15px;margin-bottom: 15px}
.content > div > div.infoBox{margin-bottom: 15px}
.infoBox *{color:#193354}

.rtTbl > li{margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #64b6e6}
@media (max-width: 399px) {
.rtTbl ul > li{display:inline-block}
.rtTbl ul > li:last-child{display: block}
.rtTbl .sa{padding:5px 10px 5px 20px}
.rtTbl .du{padding:5px 0 5px 20px}
}
@media (min-width: 400px) {
.rtTbl ul{display:table;width: 100%}
.rtTbl ul > li{display:table-cell;vertical-align: top;padding:5px 0}
.rtTbl ul > li:first-child{width: 42%}
.rtTbl .tx{width: auto!important}
.rtTbl .btn{float:right}
}

.opTbl{margin:-10px 0 0 0;padding:0;width: 100%}
.opTbl > li{border-bottom: 1px solid #64b6e6}
.opTbl > li > div{;padding:5px 0}
.opTbl > li > div > ul{display: table;width: 100%;margin:0;padding:0}
.opTbl > li > div > ul > li{display: table-cell;vertical-align: middle}
.opTbl > li > div:first-child{padding:10px 0 0}
.opTbl > li > div:first-child img{max-height: 33px}
.opTbl > li > div:first-child a{display: block}

.rouGrp > div{padding:0 0 10px}
.rouGrpOps{margin:-10px 0 5px 0;padding:0 0 5px 0;width: 100%;border-bottom: 1px solid #64b6e6}
.rouGrpOps > li > div{;padding:5px 0}
.rouGrpOps > li > div > ul{display: table;width: 100%;margin:0;padding:0}
.rouGrpOps > li > div > ul > li{display: table-cell;vertical-align: middle}
.rouGrpOps > li > div:first-child{padding:10px 0 0}
.rouGrpOps > li > div:first-child img{max-height: 33px}
.rouGrpOps > li > div:first-child a{display: block}

.opList{margin-bottom: 30px}
.opList h2{margin:0}
.opList > ul > li{border-bottom: 1px solid #64B6E6}
.opList > ul > li > div{display: table-cell;vertical-align: middle}
.opList > ul > li > div:first-child a{width:100px;margin-right:20px;display: block}
.opList img{max-width: 100%;display: block;margin:0 auto}
.opList .rts{display: block}
.opList .det .ex{display: inline-block;padding-right:14px;background-position: right -1193px;font-weight: 400;color: #0070a0;cursor: pointer;}
.opList .det .ex:hover{text-decoration: underline;}
.opList .det span.ex{margin-bottom: 15px;}
.opList .det p{margin:0}
.opList .det h4{font-weight: 700;font-size:14px;margin:15px 0 0 0;display: inline-block;color:#193354}
.opList .rts > span{margin-bottom:15px;display: inline-block;font-weight: 700;color:#193354}

.opList .rtTbl > li{border-bottom:1px solid #e6e6e6}
.opList .rtTbl > li.lst{border-bottom:none;margin-bottom:0}
.opList > ul > li > .opMore{display: none}
.opList > ul > li > .opMore > ul{border-top: 2px solid #e6e6e6;padding-top:10px;margin-top:-10px}
.opList .opMoLk{vertical-align: top;cursor: pointer}
.opList .opMoLk span{background-position: -30px -1470px; width:20px;height:40px;display: block}
.opList .opMoLk.up span{background-position: -30px -1389px}

.dests .row{margin-left: -7px;margin-right: -7px;margin-bottom: 15px}
.dests .xs6{padding-left:7px;padding-right:7px}
.dests li{margin-bottom: 14px}
.dests a{font-weight: 700}
.dests .img{width: 105px;padding-right:7px}
.dests img{height: 100px;width:100%;display: block}
.dests .det{padding-left:7px;position: relative}
.dests .divTbl{border:2px solid #e6e6e6;padding:15px}
.dests .btn{float:none;position: absolute;bottom:0}
@media (max-width: 600px) {.dests .xs6{width: 100%}}

.alts > ul > li > div{border-bottom: 1px solid #64b6e6}
.alts .altImg{width:100px;padding-right: 20px}
.alts .altImg img{max-width: 100%;max-height: 30px;margin: 0 auto;display: block}
@media (max-width: 600px) {
.alts > .ulTbl{display: block}
.alts > .ulTbl > li{display: block}
.alts > .ulTbl > li > div{display: block;width:100%;padding:7px 0}
.alts > .ulTbl > li > div:first-child{border-bottom:none;padding-bottom:0}
.alts .altImg img{max-height: 25px;width:auto;margin:auto;display: inline-block}
}

.opRoutes #map_canvas{height:350px}
.opRoutes h5{display: block;padding: 9px 28px 10px 10px;font-weight: 700;color: #193354;font-size:14px;cursor: pointer;background-color:#e6e6e6;background-position: 98% -1478px; margin-bottom: 5px}
.opRoutes h5.up{background-position: 98% -1397px}
.opRoutes.accordion > ul{display: none}
.opRoutes.accordion .rtTbl li:last-child{border-bottom:none;padding-bottom:0}
.opRoutes.accordion > ul:last-child{border-bottom: 1px solid #64b6e6}

.hreview > div{border-bottom: 1px solid #64b6e6;margin-bottom: 10px;padding: 10px 0 0!important}
.hreview .summary{font-weight: 700}
.rvMore{border-bottom: 1px solid #64b6e6;display: block;padding:10px 15px 10px 0;background-position: right -1183px}
.more{display: none}
.moreLink, .lessLink{color: #0070a0;cursor: pointer;display: inline-block;margin-bottom: 10px}
.moreLink:hover, .lessLink:hover{text-decoration: underline}
.lessLink{display: none; }
.hreview .stars{width:85px;vertical-align: top}
.hreview .rating{float: right;margin-top:2px}
.hreview-aggregate h1{margin-bottom: 10px}
.hreview-aggregate .stars{margin-bottom: 8px}
.hreview-aggregate .rating{float:left;margin-top: 2px;margin-right:10px}
.review label{color: #193354;}
.starSelect{display:table;margin-bottom:10px;}
.starSelect > li{display: table-row;}
.starSelect > li > div{display: table-cell;vertical-align: middle;padding-bottom:5px;}
.starSelect > li > div:first-child{padding-right:10px;}
.rateit{display: -moz-inline-box;display: inline-block;position: relative;}
.rateit .rateit-range{position: relative;display: -moz-inline-box;display: inline-block;background: url(/image/sprites/stars-rateit.png) 0 -2px;height: 16px;outline: none;}
.rateit .rateit-hover, .rateit .rateit-selected{position: absolute;left: 0px;}
.rateit .rateit-hover{background: url(/image/sprites/stars-rateit.png) left -23px;}
.rateit .rateit-selected{background: url(/image/sprites/stars-rateit.png) left -23px;}

.opShips h2, .opShips .h2{margin:0}
.opShips .row{margin-left:-7px;margin-right:-7px}
.opShips .xs6, .opShips .sm4{margin-top: 14px;padding:0 7px}
.opShips .ovlyS{position: relative;display: block}
.opShips .ovlyS .tbl > span{display:table-cell;vertical-align: middle;padding:5px}
.opShips .ovlyTxt{background-color:#0070a0;opacity:0.9;position: absolute;float:left;width:100%;bottom: 0;color: #FFF;font-size:13px}
.opShips .ovlyOp{background-color:#0070a0;opacity:0.9;position: absolute;top:5px;right:5px;padding:2px 5px;color: #FFF;font-size:13px}
.opShips .rating{display: none}

.rtSum h4{margin-bottom: 0;padding-bottom: 10px;font-size:16px}
.rtSum .accordion h4{cursor: pointer;background-position: right -1471px;border-top: 1px solid #64B6E6;margin:0;padding:15px 18px 15px 0}
.rtSum .accordion> ul > li:first-child > h4{border-top:none}
.rtSum .accordion{border-bottom: 1px solid #64B6E6}
.rtSum .accordion h4.up{background-position: right -1390px}
.rtSum .accordion > ul > li > div{display: none}

.highcharts{background: #e0f1fa;padding:15px 15px 10px}
.highcharts p{font-size:12px}
.highcharts-container *{font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif!important}
.embR{position: relative;display: block;height: 0;padding: 0;overflow: hidden;padding-bottom: 56.25%}
.embR iframe{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0}

.shpOv{margin:0!important}
.shpOv div:first-child{font-size:44px;font-weight: 700;color:#64b6e6}
.shpOv .stars{text-align: center;font-size: 20px;font-weight:700;color:#64b6e6;padding-right: 30px;margin:0 auto}
.shpOv .rating{margin:0 auto}
.shpOv .shpRec{font-weight:700;color:#64b6e6;font-size:18px;margin-bottom:5px;display: block}
.shpOv ul li{border-bottom:1px solid #64b6e6;width:50%;float:left;position:relative;padding: 7px 45px 7px 0}
.shpOv ul li span{position:absolute;right:20px;font-weight: 700}
.shpOv ul .lst{border:none}
.shpLks p{margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #64b6e6}

.nsLst{border-bottom:1px solid #64b6e6;padding-bottom: 5px;margin-bottom: 15px!important}
.nsLst h3{font-size:14px;line-height: 21px}
.nsLst .btn{margin-left:15px}
.nsLst .nsInt, .article .nsInt{font-size:12px;margin-top:-10px}
.nsLnk ul, .nsiLnk ul{margin:-7px 0 0}
.nsLnk ul li, .nsiLnk ul li{padding:7px 0;border-bottom: 1px solid #e6e6e6;position: relative;}
.nsLnk ul a{display: block;background-repeat: no-repeat;background-position: right center;padding-right:20px}
.nsLnk img{position: absolute;right:0;top:12px;}
.nsiImg ul li{background-position: -40px -1187px;padding-left:11px}
.shIcns img{float:left;}
.shIcns a{display: inline-block;}
.shIcns a:hover{text-decoration:none;cursor:pointer;}
.news-facebook{background-color:#3a589a;color:#FFF;float:left;line-height:20px;padding:0 4px;margin-right:5px;}
.addthis_button_facebook:hover .news-facebook{background-color:#627aaf;}
.news-twitter{background-color:#00abf0;color:#FFF;float:left;line-height:20px;padding:0 4px;margin-right:5px;}
.addthis_button_twitter:hover .news-twitter{background-color:#3cc1f4;}
.news-google{background-color:#df4a32;color:#FFF;float:left;line-height:20px;padding:0 4px;margin-right:5px;}
.addthis_button_google_plusone_share:hover .news-google{background-color:#e66e5d;}
.news-share{background-color:#999;color:#FFF;float:left;line-height:20px;padding:0 4px;margin-right:5px;}
.addthis_button_compact:hover .news-share{background-color:#adadad;}
.article{border-bottom: 2px solid #64b6e6;padding-bottom:8px;margin-bottom: 20px!important}
.article h1{font-size: 20px;}
.article img{margin-bottom: 10px;}
.offers .rvMore{margin-top:-15px;}

.soLnk ul{margin-top:-5px}
.soLnk ul li{padding:12px 0;border-bottom: 1px solid #e6e6e6}
.soLnk ul li a{padding-left:30px}
.cntUs{margin-top:-30px}
.faq ul{margin-top:-15px}
.cntUs > ul > li, .faq > ul > li{border-bottom: 1px solid #64B6E6}
.faq h4{cursor: pointer;background-position: right -1473px; margin:0;padding:15px 25px 15px 0}
.cntUs h2{cursor: pointer;background-position: right -1470px; margin:0;padding:15px 25px 15px 22px}
.faq h4{font-size: 14px}
.faq h4.up{background-position: right -1391px}
.cntUs h2.up{background-position: right -1388px}
.cntUs h2 span{background-image: url(/image/sprites/flags.png);background-repeat: no-repeat;width: 25px;height:20px;position: absolute;left: 11px;}
.cntUs div, .faq div{display: none}
.cntUs ul li ul{margin-bottom:10px;}
.addy h4:first-child{padding-top:15px;margin-bottom: 5px}
.addy h4{margin-bottom: 5px}
.addy p{border-bottom: 1px solid #e6e6e6;padding-bottom:10px}
.mc ul li p{margin-bottom: 15px!important}
.mc .det a{margin-top:10px;display: inline-block;}

.rtPtLst h4{padding-top:15px}
.rtPtLst h4 a{color: #193354}
.rtPtLst .accordion{margin-bottom: 15px}
.rtPtLst .accordion ul li{border-bottom: 1px solid #e6e6e6}
.rtPtLst .accordion ul li h5{margin:0;padding:10px 18px 10px 0;cursor: pointer;font-size:14px;font-weight:400;color: #0070a0; background-position: right -1269px}
.rtPtLst .accordion ul li h5.up{background-position: right -1334px}
.rtPtLst .accordion ul li p{display: none;margin:0 0 10px 0}

.portLst, .smPortLst{padding-top:10px}
.portLst > ul > li, .smPortLst > ul > li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #64b6e6}
.portLst > ul > li > a, .smPortLst > ul > li > a{font-weight: 700;font-size:16px;margin-bottom: 4px;display: inline-block}
.portLst > ul > li > a > img, .smPortLst > ul > li > a > img{margin-right:10px;margin-top: -2px;border: solid 1px #e6e6e6}
.portLst > ul > li > ul, .smPortLst > ul > li > ul{margin-left:30px}
.portLst > ul > li > ul > li, .smPortLst > ul > li > ul > li{width:50%;float:left;padding:0 5px 0 10px;background-position: -40px -1194px}

.c2cTbl{width:100%;border-top: 2px solid #e6e6e6}
.c2cTbl > li{border-bottom: 2px solid #e6e6e6;padding:10px 0}
.c2cTbl > li:last-child{border-bottom: none}
.c2cTbl > li > div > a{display: inline-block;margin-bottom: 10px}
.c2cTbl > li > div > div > ul:first-child{border-top: 1px solid #e6e6e6;padding-top: 5px}
.c2cTbl > li > div > div > ul{border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;margin-bottom:10px}
.c2cTbl > li > div > div > ul:last-child{border-bottom: none;padding-bottom:0;margin-bottom:0}
.c2cTbl > li > div > div > ul > li{padding:5px 0}
.c2cTbl .op{width:160px}
.c2cTbl .op img{max-height: 25px}
@media (min-width: 600px) {
.c2cTbl > li > div > a{margin-bottom:5px}
.c2cTbl > li > div > div{display: table;width:100%}
.c2cTbl > li > div > div > ul{display:table-row}
.c2cTbl > li > div > div > ul > li{display: table-cell!important;vertical-align: top}
.c2cTbl .sa{width:30%}
.c2cTbl .btn{float:right}
}
@media (min-width: 992px) {
.c2cTbl{display: table;width:100%}
.c2cTbl > li{display:table-row}
.c2cTbl > li > div{display: table-cell;vertical-align: top;border-bottom: 2px solid #e6e6e6;padding: 10px 0}
.c2cTbl > li > div:first-child{width:28%}
.c2cTbl > li:last-child > div{border-bottom:none}
.c2cTbl > li > div > a{margin:0}
.c2cTbl > li > div > div > ul > li{padding:5px 0}
.c2cTbl .op img{margin:0 auto;display: block;max-height: 25px}
}
@media (min-width: 1200px) {
.c2cTbl .op{width:200px}
}
.rtTbl ul > li.sa, .c2cTbl .sa{background-position: -1px -704px;padding-left:20px;padding-right:5px}
.rtTbl ul > li.du, .c2cTbl .du{background-position: 0 -758px;padding-left:20px}
.opTbl .sa, .rouGrpOps .sa{background-position: -1px -709px;padding-left:20px;padding-right:5px;display: block}
.opTbl .du, .rouGrpOps .du{background-position: 0 -763px;padding-left:20px;display: block}

/*Footer*/
footer{background: #64b6e6;padding:15px 0;color:#FFF}
footer a{color:#FFF;display: block}
footer a:hover{color:#FFF}
footer .signUp{background:#0070a0;padding:15px;margin-bottom: 15px}
footer .signUp .inputGrpBox{font-weight: 700}
footer .accordion{text-align: center;padding:0 15px 15px;clear: both}
footer .accordion .sm3{padding:0}
footer .accordion h4{color:#FFF;font-weight:400;font-size:14px;cursor: pointer;background-position: right -951px;padding: 5px 20px 5px 0;display: inline-block;margin-bottom:0}
footer .accordion h4.up{background-position: right -904px}
footer .accordion .sm3 div{margin:5px 0 10px;display: none}
footer .accordion .sm3 a{padding:2px 0}
footer .copy{text-align: center;padding:0 15px;font-size:12px}
footer .err, footer .suc{margin:10px 0 0 0;padding:5px 10px;display: none}
.suc{background-color: #dff0d8;color:#333333}
.err{background-color: #f2dede;color:#333333}

/*Tablet Styles*/
@media (min-width: 768px) {
.bImg{display: block;margin:0 auto 10px;width: auto}
.topBar .con{padding:0 15px}
.topBar .con > div, .conNav{display:block}
.topBar .con > div.sm12{display:none}
.topBar a{border-left:1px solid #FFF;text-align: center}
.topBar .active a{background:#64B6E6}
.topBar .lst{border-right:1px solid #FFF}
.logoBar{margin:25px 0}
.logoBar .logo{height:50px}
.subNav .mHide{display:block}
.subNav .mMenu, .subNav .dHide{display:none}
.subNav ul li a, .subNav .mMenu span{border-bottom:1px solid #2c7ca9;border-top-right-radius: 4px;border-top-left-radius: 4px;display:block}
.subNav ul .active a{border-bottom:1px solid #2c7ca9}
.fsWrap{margin-top:-1px}
.fs .mHide, .intTxt .mHide{display: block}
.fs .padRht{padding-right:5px}
.fs .padLft{padding-left:5px}
.fs .advSer a{margin:0}
footer .signUp{background:#0070a0;padding:15px 5px}
footer .accordion ul{margin:5px 0 0}
footer .err, footer .suc{margin:10px 10px 0 10px}
.inputGrp {position: relative;display: table;border-collapse: separate}
.inputGrp .form-control {position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0}
.inputGrpBox {display: table-cell;width: 1%;white-space: nowrap;vertical-align: middle;padding: 0 10px;text-align: center}
.opInt .sm4, .prtInt .sm4{padding-left:0;padding-right:23px}
.opInt .sm8, .prtInt .sm8{padding-left:8px;padding-right:0}
.opList .det span.ex{padding-left:5px;}
.intTxt{display:table;padding-left:0;padding-right:0}
.intTxt .rowH{display:table-row}
.intTxt .colH{display:table-cell;float:none}
.intTxt .colT{vertical-align: top}
.intTxt .colM{vertical-align: middle}
.opTbl{display: table}
.opTbl > li{display: table-row}
.opTbl > li > div{display: table-cell;vertical-align: middle;margin-bottom:10px;padding:10px 0;border-bottom: 1px solid #64b6e6;height: 54px}
.opTbl > li > div:first-child{padding:0 20px 0 0}
.rouGrpOps{display: table}
.rouGrpOps > li{display: table-row}
.rouGrpOps > li > div{display: table-cell;vertical-align: middle;margin-bottom:10px;padding:10px 0}
.rouGrpOps > li > div:first-child{padding:10px 20px 10px 0;width: 150px}
.opList > ul > li > div:first-child a{width:120px}
.opList > ul > li > .opMore{display: none;margin-left:140px}
.opList .opMoLk span{background-position: -10px -1470px; width:40px}
.opList .opMoLk.up span{background-position: -10px -1389px}
.alts .altImg{width:130px;padding-right: 20px}
.portLst > ul > li > ul > li{width:33%}
}
/*Small Desktop Styles*/
@media (min-width: 992px) {
.subNav ul li a, .subNav ul li span{font-size:14px}
.offerSlider, .railSailSlider{display: block}
.offerSlider{padding-right:30px;padding-top:15px;height: 233px}
.railSailSlider{padding-right:30px;padding-top:15px;height: 300px}
.fsWrap .padRht{padding-right:0}
.hIntBox{margin:0;border-right: 15px solid #FFF}
.hCon {display:table;padding-left:0;padding-right:0;margin-bottom: 30px}
.hCon .rowH {display:table-row}
.hCon .colH{display:table-cell;float:none}
.hCon .colT{vertical-align: top}
.hCon .colM{vertical-align: middle}
.onBoardI{padding-right:29px;border-right:1px solid #64b6e6;display: block}
.social{padding-left:30px}
.opTbl .sa{width:150px;display: table-cell}
.opTbl .du{display: table-cell}
.rouGrpOps .sa{width:160px;display: table-cell}
.rouGrpOps .du{display: table-cell}
.opShips .rating{display: block;float: right}
.portLst > ul > li > ul > li{width:25%}
}
/*Other Media Styles*/
@media (max-width: 767px) {
.subNav .mMenu{float:right}
.subNav .mMenu span{background-color:#64B6E6;background-image:url(/image/sprites/sprite.png);background-repeat: no-repeat;background-position:76% -948px; padding-right:35px}
.subNav .mMenu span.up{background-position:76% -900px}
.subNav .mMenu span, .subNav .mShow a{margin-right:0}
.subNav .mHide{display: none}
.subNav .mShow{display: block;width:100%}
.subNav ul li.active{position: absolute}
.fs .xs6.padRht{padding-right:5px}
.fs .xs6.padLft{padding-left:5px}
}